@aurelia-mdc-web/all 9.2.2-au2 → 9.3.0-au2

package/dist/lookup/mdc-lookup.js

@@ -0,0 +1,462 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, inject, bindable, BindingMode, CustomElement } from 'aurelia';
+import { DiscardablePromise } from './discardable-promise';
+import { MdcDefaultLookupConfiguration } from './mdc-lookup-configuration';
+import { booleanAttr, number } from '../base';
+import { closest } from '@material/dom/ponyfill';
+import template from './mdc-lookup.html?raw';
+const inputEvents = ['click', 'input', 'keydown', 'blur'];
+const bodyEvents = ['touchstart', 'mousedown', 'click'];
+/**
+ * @selector mdc-lookup
+ */
+let MdcLookup = (() => {
+    let _classDecorators = [inject(Element, MdcDefaultLookupConfiguration), customElement({ name: 'mdc-lookup', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _input_decorators;
+    let _input_initializers = [];
+    let _input_extraInitializers = [];
+    let _twoLine_decorators;
+    let _twoLine_initializers = [];
+    let _twoLine_extraInitializers = [];
+    let _displayField_decorators;
+    let _displayField_initializers = [];
+    let _displayField_extraInitializers = [];
+    let _valueField_decorators;
+    let _valueField_initializers = [];
+    let _valueField_extraInitializers = [];
+    let _options_decorators;
+    let _options_initializers = [];
+    let _options_extraInitializers = [];
+    let _hoistToBody_decorators;
+    let _hoistToBody_initializers = [];
+    let _hoistToBody_extraInitializers = [];
+    let _naturalWidth_decorators;
+    let _naturalWidth_initializers = [];
+    let _naturalWidth_extraInitializers = [];
+    let _menuClass_decorators;
+    let _menuClass_initializers = [];
+    let _menuClass_extraInitializers = [];
+    let _value_decorators;
+    let _value_initializers = [];
+    let _value_extraInitializers = [];
+    let _debounce_decorators;
+    let _debounce_initializers = [];
+    let _debounce_extraInitializers = [];
+    let _preloadOptions_decorators;
+    let _preloadOptions_initializers = [];
+    let _preloadOptions_extraInitializers = [];
+    let _selectOnBlur_decorators;
+    let _selectOnBlur_initializers = [];
+    let _selectOnBlur_extraInitializers = [];
+    let _selectOnTab_decorators;
+    let _selectOnTab_initializers = [];
+    let _selectOnTab_extraInitializers = [];
+    let _virtual_decorators;
+    let _virtual_initializers = [];
+    let _virtual_extraInitializers = [];
+    var MdcLookup = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _input_decorators = [bindable()];
+            _twoLine_decorators = [bindable({ set: booleanAttr })];
+            _displayField_decorators = [bindable()];
+            _valueField_decorators = [bindable()];
+            _options_decorators = [bindable()];
+            _hoistToBody_decorators = [bindable({ set: booleanAttr, mode: BindingMode.oneTime })];
+            _naturalWidth_decorators = [bindable({ set: booleanAttr })];
+            _menuClass_decorators = [bindable()];
+            _value_decorators = [bindable({ mode: BindingMode.twoWay })];
+            _debounce_decorators = [bindable({ set: number })];
+            _preloadOptions_decorators = [bindable({ set: booleanAttr })];
+            _selectOnBlur_decorators = [bindable({ set: booleanAttr })];
+            _selectOnTab_decorators = [bindable({ set: booleanAttr })];
+            _virtual_decorators = [bindable({ set: booleanAttr })];
+            __esDecorate(null, null, _input_decorators, { kind: "field", name: "input", static: false, private: false, access: { has: obj => "input" in obj, get: obj => obj.input, set: (obj, value) => { obj.input = value; } }, metadata: _metadata }, _input_initializers, _input_extraInitializers);
+            __esDecorate(null, null, _twoLine_decorators, { kind: "field", name: "twoLine", static: false, private: false, access: { has: obj => "twoLine" in obj, get: obj => obj.twoLine, set: (obj, value) => { obj.twoLine = value; } }, metadata: _metadata }, _twoLine_initializers, _twoLine_extraInitializers);
+            __esDecorate(null, null, _displayField_decorators, { kind: "field", name: "displayField", static: false, private: false, access: { has: obj => "displayField" in obj, get: obj => obj.displayField, set: (obj, value) => { obj.displayField = value; } }, metadata: _metadata }, _displayField_initializers, _displayField_extraInitializers);
+            __esDecorate(null, null, _valueField_decorators, { kind: "field", name: "valueField", static: false, private: false, access: { has: obj => "valueField" in obj, get: obj => obj.valueField, set: (obj, value) => { obj.valueField = value; } }, metadata: _metadata }, _valueField_initializers, _valueField_extraInitializers);
+            __esDecorate(null, null, _options_decorators, { kind: "field", name: "options", static: false, private: false, access: { has: obj => "options" in obj, get: obj => obj.options, set: (obj, value) => { obj.options = value; } }, metadata: _metadata }, _options_initializers, _options_extraInitializers);
+            __esDecorate(null, null, _hoistToBody_decorators, { kind: "field", name: "hoistToBody", static: false, private: false, access: { has: obj => "hoistToBody" in obj, get: obj => obj.hoistToBody, set: (obj, value) => { obj.hoistToBody = value; } }, metadata: _metadata }, _hoistToBody_initializers, _hoistToBody_extraInitializers);
+            __esDecorate(null, null, _naturalWidth_decorators, { kind: "field", name: "naturalWidth", static: false, private: false, access: { has: obj => "naturalWidth" in obj, get: obj => obj.naturalWidth, set: (obj, value) => { obj.naturalWidth = value; } }, metadata: _metadata }, _naturalWidth_initializers, _naturalWidth_extraInitializers);
+            __esDecorate(null, null, _menuClass_decorators, { kind: "field", name: "menuClass", static: false, private: false, access: { has: obj => "menuClass" in obj, get: obj => obj.menuClass, set: (obj, value) => { obj.menuClass = value; } }, metadata: _metadata }, _menuClass_initializers, _menuClass_extraInitializers);
+            __esDecorate(null, null, _value_decorators, { kind: "field", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
+            __esDecorate(null, null, _debounce_decorators, { kind: "field", name: "debounce", static: false, private: false, access: { has: obj => "debounce" in obj, get: obj => obj.debounce, set: (obj, value) => { obj.debounce = value; } }, metadata: _metadata }, _debounce_initializers, _debounce_extraInitializers);
+            __esDecorate(null, null, _preloadOptions_decorators, { kind: "field", name: "preloadOptions", static: false, private: false, access: { has: obj => "preloadOptions" in obj, get: obj => obj.preloadOptions, set: (obj, value) => { obj.preloadOptions = value; } }, metadata: _metadata }, _preloadOptions_initializers, _preloadOptions_extraInitializers);
+            __esDecorate(null, null, _selectOnBlur_decorators, { kind: "field", name: "selectOnBlur", static: false, private: false, access: { has: obj => "selectOnBlur" in obj, get: obj => obj.selectOnBlur, set: (obj, value) => { obj.selectOnBlur = value; } }, metadata: _metadata }, _selectOnBlur_initializers, _selectOnBlur_extraInitializers);
+            __esDecorate(null, null, _selectOnTab_decorators, { kind: "field", name: "selectOnTab", static: false, private: false, access: { has: obj => "selectOnTab" in obj, get: obj => obj.selectOnTab, set: (obj, value) => { obj.selectOnTab = value; } }, metadata: _metadata }, _selectOnTab_initializers, _selectOnTab_extraInitializers);
+            __esDecorate(null, null, _virtual_decorators, { kind: "field", name: "virtual", static: false, private: false, access: { has: obj => "virtual" in obj, get: obj => obj.virtual, set: (obj, value) => { obj.virtual = value; } }, metadata: _metadata }, _virtual_initializers, _virtual_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcLookup = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        defaultConfiguration;
+        constructor(root, defaultConfiguration) {
+            this.root = root;
+            this.defaultConfiguration = defaultConfiguration;
+            this.debounce = this.defaultConfiguration.debounce;
+            defineMdcLookupElementApis(this.root);
+        }
+        menuSurface;
+        isWrapperOpen = false;
+        optionsArray;
+        focusedOption = undefined;
+        searching = false;
+        errorMessage = undefined;
+        notFound = false;
+        menu;
+        /** Reference to the input */
+        input = __runInitializers(this, _input_initializers, void 0);
+        /** Sets the menu list to have two lines */
+        twoLine = (__runInitializers(this, _input_extraInitializers), __runInitializers(this, _twoLine_initializers, void 0));
+        /**
+         * Sets the way an option is displayed in the input element.
+         * When set to a string, the object property with such name is used.
+         * When set to a function, it is called with an option as a parameter to retrieve the display string.
+         * When undefined, an option.toString() is used.
+         */
+        displayField = (__runInitializers(this, _twoLine_extraInitializers), __runInitializers(this, _displayField_initializers, void 0));
+        displayFieldChanged() {
+            if (this.displayField instanceof Function) {
+                this.getDisplay = this.displayField;
+            }
+            else if (typeof this.displayField === 'string') {
+                this.getDisplay = option => option[this.displayField];
+            }
+            else {
+                this.getDisplay = option => option?.toString() ?? '';
+            }
+        }
+        getDisplay = (__runInitializers(this, _displayField_extraInitializers), option => option?.toString() ?? '');
+        /**
+         * Sets the way a value is set.
+         * When set to a string, the object property with such name is used.
+         * When set to a function, it is called with an option as a parameter to retrieve the value.
+         * When undefined, an option is used as a value.
+         */
+        valueField = __runInitializers(this, _valueField_initializers, void 0);
+        valueFieldChanged() {
+            if (this.valueField instanceof Function) {
+                this.getValue = this.valueField;
+            }
+            else if (typeof this.valueField === 'string') {
+                this.getValue = option => option !== undefined ? option[this.valueField] : undefined;
+            }
+            else {
+                this.getValue = option => option;
+            }
+        }
+        getValue = (__runInitializers(this, _valueField_extraInitializers), option => option);
+        /**
+         * Sets the array of options to display.
+         * Can be an async function which returns an array.
+         */
+        options = __runInitializers(this, _options_initializers, void 0);
+        optionsChanged() {
+            const shouldRefresh = this.getOptions !== undefined;
+            this.setGetOptions();
+            if (shouldRefresh) {
+                this.optionsArray = undefined;
+                this.value = undefined;
+                if (this.preloadOptions) {
+                    this.loadOptions(false);
+                }
+            }
+        }
+        setGetOptions() {
+            if (this.options instanceof Function) {
+                this.getOptions = this.options;
+            }
+            else {
+                this.getOptions = this.getOptionsDefault;
+            }
+        }
+        /** Hoists the menu to document body */
+        hoistToBody = (__runInitializers(this, _options_extraInitializers), __runInitializers(this, _hoistToBody_initializers, void 0));
+        /** Sets the menu width to fit content */
+        naturalWidth = (__runInitializers(this, _hoistToBody_extraInitializers), __runInitializers(this, _naturalWidth_initializers, void 0));
+        /** The CSS class to set on the menu. Helps styling body hoisted menus */
+        menuClass = (__runInitializers(this, _naturalWidth_extraInitializers), __runInitializers(this, _menuClass_initializers, void 0));
+        getOptions = __runInitializers(this, _menuClass_extraInitializers);
+        async getOptionsDefault(filter, value) {
+            const options = this.options;
+            if (value !== undefined) {
+                return Promise.resolve([options.find(x => this.getValue(x) === value)]);
+            }
+            else {
+                return Promise.resolve(options.filter(x => this.getDisplay(x).toUpperCase().includes((filter || '').toUpperCase())));
+            }
+        }
+        /** The selected value */
+        value = __runInitializers(this, _value_initializers, void 0);
+        suppressValueChanged = __runInitializers(this, _value_extraInitializers);
+        async valueChanged() {
+            if (this.suppressValueChanged) {
+                this.suppressValueChanged = false;
+                return;
+            }
+            await this.updateFilterBasedOnValue();
+            this.root.dispatchEvent(new CustomEvent('change', { bubbles: true, detail: { value: this.value } }));
+        }
+        setValue(value) {
+            if (this.value === value) {
+                return;
+            }
+            this.suppressValueChanged = true;
+            this.value = value;
+        }
+        /** Sets debounce in milliseconds */
+        debounce = __runInitializers(this, _debounce_initializers, void 0);
+        /** Loads the options to the menu when attached */
+        preloadOptions = (__runInitializers(this, _debounce_extraInitializers), __runInitializers(this, _preloadOptions_initializers, void 0));
+        /** Enables a first option select on blur */
+        selectOnBlur = (__runInitializers(this, _preloadOptions_extraInitializers), __runInitializers(this, _selectOnBlur_initializers, void 0));
+        /** Enables an item selection on Tab press */
+        selectOnTab = (__runInitializers(this, _selectOnBlur_extraInitializers), __runInitializers(this, _selectOnTab_initializers, void 0));
+        /** TODO: Enables the options list virtualisation */
+        virtual = (__runInitializers(this, _selectOnTab_extraInitializers), __runInitializers(this, _virtual_initializers, void 0));
+        bound() {
+            this.valueFieldChanged();
+            this.displayFieldChanged();
+            this.setGetOptions();
+        }
+        async attached() {
+            if (this.input) {
+                inputEvents.forEach(x => this.input.addEventListener(x, this));
+            }
+            await this.updateFilterBasedOnValue();
+            if (!this.value && this.preloadOptions) {
+                await this.loadOptions(false);
+            }
+            bodyEvents.forEach(x => document.body.addEventListener(x, this));
+        }
+        detaching() {
+            if (this.input) {
+                inputEvents.forEach(x => this.input.removeEventListener(x, this));
+            }
+            bodyEvents.forEach(x => document.body.removeEventListener(x, this));
+        }
+        /** Opens lookup menu */
+        open() {
+            if (this.input?.disabled || this.input?.readOnly || this.menu.open || this.optionsArray === undefined && !this.searching && !this.errorMessage) {
+                return;
+            }
+            if (!this.naturalWidth) {
+                this.menu.root.style.width = `${this.input?.clientWidth}px`;
+            }
+            this.menu.open = true;
+        }
+        /** Closes lookup menu */
+        close() {
+            this.menu.open = false;
+        }
+        handleEvent(evt) {
+            switch (evt.currentTarget) {
+                case this.input:
+                    switch (evt.type) {
+                        case 'click':
+                            this.open();
+                            break;
+                        case 'input':
+                            this.filterChanged();
+                            break;
+                        case 'keydown':
+                            this.onInputKeydown(evt);
+                            break;
+                        case 'blur':
+                            this.onBlur();
+                            break;
+                    }
+                    break;
+                case document.body:
+                    switch (evt.type) {
+                        case 'mousedown':
+                            this.onBodyMousedown(evt);
+                            break;
+                        case 'touchstart':
+                            this.onBodyMousedown(evt);
+                            break;
+                        case 'click':
+                            this.handleBodyClick(evt);
+                            break;
+                    }
+                    break;
+            }
+        }
+        debouncePromise = __runInitializers(this, _virtual_extraInitializers);
+        searchPromise;
+        async filterChanged() {
+            this.debouncePromise?.discard();
+            this.debouncePromise = new DiscardablePromise(new Promise(r => setTimeout(() => r(), this.debounce ?? 0)));
+            try {
+                await this.debouncePromise;
+            }
+            catch (e) {
+                return;
+            }
+            this.setValue(undefined);
+            this.searchPromise?.discard();
+            await this.loadOptions(this.input?.isFocused === true);
+        }
+        async loadOptions(open) {
+            this.searching = true;
+            this.errorMessage = undefined;
+            if (open) {
+                this.open();
+            }
+            this.optionsArray = undefined;
+            try {
+                this.searchPromise = new DiscardablePromise(this.getOptions(this.input?.value, undefined));
+                this.optionsArray = await this.searchPromise;
+                if (this.optionsArray === undefined) {
+                    this.close();
+                }
+            }
+            catch (e) {
+                if (e !== DiscardablePromise.discarded) {
+                    this.errorMessage = e.message;
+                    this.optionsArray = undefined;
+                }
+            }
+            finally {
+                this.searching = false;
+            }
+        }
+        setFilter(filter) {
+            if (!this.input || this.input.value === filter) {
+                return;
+            }
+            this.input.value = filter ?? '';
+        }
+        async updateFilterBasedOnValue() {
+            if (this.value !== undefined) {
+                this.optionsArray = await this.getOptions(undefined, this.value);
+            }
+            else {
+                this.optionsArray = undefined;
+            }
+            if (this.optionsArray?.length) {
+                this.setFilter(this.getDisplay(this.optionsArray[0]));
+            }
+            else {
+                this.setFilter(undefined);
+            }
+        }
+        handleMenuItemAction(evt) {
+            this.select(evt.detail.data);
+        }
+        select(option) {
+            this.value = this.getValue(option);
+            this.close();
+            this.input?.focus();
+        }
+        suppressBlur;
+        async onBlur() {
+            if (this.suppressBlur) {
+                this.suppressBlur = false;
+                return;
+            }
+            if (this.selectOnBlur && this.optionsArray?.length && this.value === undefined) {
+                this.value = this.getValue(this.optionsArray[0]);
+            }
+            this.close();
+            // re-emit on root
+            if (this.debouncePromise !== undefined) {
+                await this.debouncePromise;
+            }
+            this.root.dispatchEvent(new CustomEvent('blur'));
+            this.root.dispatchEvent(new CustomEvent('focusout'));
+        }
+        onInputKeydown(evt) {
+            switch (evt.code) {
+                case 'ArrowDown':
+                    if (!this.menu.open) {
+                        this.open();
+                    }
+                    this.suppressBlur = true;
+                    this.menu.list_?.foundation?.focusFirstElement();
+                    break;
+                case 'ArrowUp':
+                    if (!this.menu.open) {
+                        this.open();
+                    }
+                    this.suppressBlur = true;
+                    this.menu.list_?.foundation?.focusLastElement();
+                    break;
+                case 'Space':
+                    if (evt.ctrlKey) {
+                        if (this.menu.open) {
+                            this.close();
+                        }
+                        else {
+                            this.loadOptions(true);
+                        }
+                    }
+                    break;
+            }
+        }
+        onBodyMousedown(evt) {
+            // this is needed to prevent text field label jumping
+            if (closest(evt.target, 'mdc-menu')) {
+                evt.preventDefault();
+            }
+            return true;
+        }
+        handleBodyClick(evt) {
+            if (!closest(evt.target, 'mdc-menu') && !evt.target.classList.contains('mdc-text-field') && !evt.target.classList.contains('mdc-text-field__input')) {
+                this.menuSurface.foundation?.handleBodyClick(evt);
+            }
+        }
+        handleMenuKeydown(event) {
+            if (this.hoistToBody && (event.key === 'Tab' || event.keyCode === 9)) {
+                this.input?.focus();
+            }
+            return true;
+        }
+        addError(error) {
+            if (this.input && Object.getOwnPropertyDescriptor(this.input, 'addError')) {
+                this.input.addError(error);
+            }
+        }
+        removeError(error) {
+            if (this.input && Object.getOwnPropertyDescriptor(this.input, 'addError')) {
+                this.input.removeError(error);
+            }
+        }
+        renderErrors() {
+            if (this.input && Object.getOwnPropertyDescriptor(this.input, 'renderErrors')) {
+                this.input.renderErrors();
+            }
+        }
+    };
+    return MdcLookup = _classThis;
+})();
+export { MdcLookup };
+function defineMdcLookupElementApis(element) {
+    Object.defineProperties(element, {
+        addError: {
+            value(error) {
+                CustomElement.for(this).viewModel.addError(error);
+            },
+            configurable: true
+        },
+        removeError: {
+            value(error) {
+                CustomElement.for(this).viewModel.removeError(error);
+            },
+            configurable: true
+        },
+        renderErrors: {
+            value() {
+                CustomElement.for(this).viewModel.renderErrors();
+            },
+            configurable: true
+        },
+    });
+}
+//# sourceMappingURL=mdc-lookup.js.map

package/dist/lookup/mdc-lookup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-lookup.js","sourceRoot":"","sources":["../../src/lookup/mdc-lookup.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAA6B,WAAW,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAI7C,MAAM,WAAW,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;AAC1D,MAAM,UAAU,GAAG,CAAC,YAAY,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;AAExD;;GAEG;IAGU,SAAS;4BAFrB,MAAM,CAAC,OAAO,EAAE,6BAA6B,CAAC,EAC9C,aAAa,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAiB7C,QAAQ,EAAE;mCAIV,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;wCAS9B,QAAQ,EAAE;sCAoBV,QAAQ,EAAE;mCAkBV,QAAQ,EAAE;uCAuBV,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC;wCAIzD,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;qCAI9B,QAAQ,EAAE;iCAeV,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC;oCAoBtC,QAAQ,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;0CAIzB,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;wCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;uCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;mCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;YApI/B,iKAAO,KAAK,6BAAL,KAAK,qFAA6C;YAIzD,uKAAA,OAAO,6BAAP,OAAO,yFAAU;YASjB,sLAAA,YAAY,6BAAZ,YAAY,mGAAqD;YAoBjE,gLAAA,UAAU,6BAAV,UAAU,+FAAsD;YAkBhE,uKAAA,OAAO,6BAAP,OAAO,yFAAmF;YAuB1F,mLAAA,WAAW,6BAAX,WAAW,iGAAU;YAIrB,sLAAA,YAAY,6BAAZ,YAAY,mGAAU;YAItB,6KAAA,SAAS,6BAAT,SAAS,6FAAS;YAelB,iKAAA,KAAK,6BAAL,KAAK,qFAAU;YAoBf,0KAAA,QAAQ,6BAAR,QAAQ,2FAAS;YAIjB,4LAAA,cAAc,6BAAd,cAAc,uGAAU;YAIxB,sLAAA,YAAY,6BAAZ,YAAY,mGAAU;YAItB,mLAAA,WAAW,6BAAX,WAAW,iGAAU;YAIrB,uKAAA,OAAO,6BAAP,OAAO,yFAAU;YAtJnB,6KA2WC;;;YA3WY,uDAAS;;QACA,IAAI;QAAuB,oBAAoB;QAAnE,YAAoB,IAAiB,EAAU,oBAAmD;YAA9E,SAAI,GAAJ,IAAI,CAAa;YAAU,yBAAoB,GAApB,oBAAoB,CAA+B;YAChG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC;YACnD,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACxC,CAAC;QAEO,WAAW,CAAiB;QAC7B,aAAa,GAAY,KAAK,CAAC;QAC/B,YAAY,CAAa;QACzB,aAAa,GAAY,SAAS,CAAC;QACnC,SAAS,GAAY,KAAK,CAAC;QAC3B,YAAY,GAAuB,SAAS,CAAC;QAC7C,QAAQ,GAAY,KAAK,CAAC;QAC1B,IAAI,CAAU;QAErB,6BAA6B;QAEtB,KAAK,wDAA6C;QAEzD,2CAA2C;QAE3C,OAAO,+GAAU;QAEjB;;;;;WAKG;QAEH,YAAY,sHAAqD;QACjE,mBAAmB;YACjB,IAAI,IAAI,CAAC,YAAY,YAAY,QAAQ,EAAE,CAAC;gBAC1C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC;YACtC,CAAC;iBAAM,IAAI,OAAO,IAAI,CAAC,YAAY,KAAK,QAAQ,EAAE,CAAC;gBACjD,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,EAAE,CAAE,MAAiC,CAAC,IAAI,CAAC,YAAsB,CAAC,CAAC;YAC9F,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,EAAE,CAAE,MAAkC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YACpF,CAAC;QACH,CAAC;QAED,UAAU,8DAAgC,MAAM,CAAC,EAAE,CAAE,MAAkC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAC;QAE1G;;;;;WAKG;QAEH,UAAU,6DAAsD;QAChE,iBAAiB;YACf,IAAI,IAAI,CAAC,UAAU,YAAY,QAAQ,EAAE,CAAC;gBACxC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC;YAClC,CAAC;iBAAM,IAAI,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ,EAAE,CAAC;gBAC/C,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAE,MAAkC,CAAC,IAAI,CAAC,UAAoB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YAC9H,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC;YACnC,CAAC;QACH,CAAC;QAED,QAAQ,4DAAiC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAC;QAE1D;;;WAGG;QAEH,OAAO,0DAAmF;QAC1F,cAAc;YACZ,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS,CAAC;YACpD,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,IAAI,aAAa,EAAE,CAAC;gBAClB,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;gBAC9B,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;gBACvB,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;oBACxB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;gBAC1B,CAAC;YACH,CAAC;QACH,CAAC;QAED,aAAa;YACX,IAAI,IAAI,CAAC,OAAO,YAAY,QAAQ,EAAE,CAAC;gBACrC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;YACjC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,iBAAiB,CAAC;YAC3C,CAAC;QACH,CAAC;QAED,uCAAuC;QAEvC,WAAW,qHAAU;QAErB,yCAAyC;QAEzC,YAAY,0HAAU;QAEtB,yEAAyE;QAEzE,SAAS,wHAAS;QAElB,UAAU,yDAAqE;QAE/E,KAAK,CAAC,iBAAiB,CAAC,MAAc,EAAE,KAAc;YACpD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAoB,CAAC;YAC1C,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACxB,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC;YAC1E,CAAC;iBAAM,CAAC;gBACN,OAAO,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;YACvH,CAAC;QACH,CAAC;QAED,yBAAyB;QAEzB,KAAK,wDAAU;QACf,oBAAoB,qDAAU;QAC9B,KAAK,CAAC,YAAY;YAChB,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC;gBAC9B,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;gBAClC,OAAO;YACT,CAAC;YACD,MAAM,IAAI,CAAC,wBAAwB,EAAE,CAAC;YACtC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;QACvG,CAAC;QACD,QAAQ,CAAC,KAAc;YACrB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;gBACzB,OAAO;YACT,CAAC;YACD,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;YACjC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACrB,CAAC;QAED,oCAAoC;QAEpC,QAAQ,2DAAS;QAEjB,kDAAkD;QAElD,cAAc,yHAAU;QAExB,4CAA4C;QAE5C,YAAY,6HAAU;QAEtB,6CAA6C;QAE7C,WAAW,0HAAU;QAErB,oDAAoD;QAEpD,OAAO,qHAAU;QAEjB,KAAK;YACH,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzB,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;QAED,KAAK,CAAC,QAAQ;YACZ,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;YAClE,CAAC;YACD,MAAM,IAAI,CAAC,wBAAwB,EAAE,CAAC;YACtC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;gBACvC,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAChC,CAAC;YACD,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QACnE,CAAC;QAED,SAAS;YACP,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;YACrE,CAAC;YACD,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QACtE,CAAC;QAED,wBAAwB;QACxB,IAAI;YACF,IAAI,IAAI,CAAC,KAAK,EAAE,QAAQ,IAAI,IAAI,CAAC,KAAK,EAAE,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;gBAC/I,OAAO;YACT,CAAC;YACD,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;gBACvB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE,WAAW,IAAI,CAAC;YAC9D,CAAC;YACD,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACxB,CAAC;QAED,yBAAyB;QACzB,KAAK;YACH,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QACzB,CAAC;QAED,WAAW,CAAC,GAAU;YACpB,QAAQ,GAAG,CAAC,aAAa,EAAE,CAAC;gBAC1B,KAAK,IAAI,CAAC,KAAK;oBACb,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;wBACjB,KAAK,OAAO;4BAAE,IAAI,CAAC,IAAI,EAAE,CAAC;4BAAC,MAAM;wBACjC,KAAK,OAAO;4BAAE,IAAI,CAAC,aAAa,EAAE,CAAC;4BAAC,MAAM;wBAC1C,KAAK,SAAS;4BAAE,IAAI,CAAC,cAAc,CAAC,GAAoB,CAAC,CAAC;4BAAC,MAAM;wBACjE,KAAK,MAAM;4BAAE,IAAI,CAAC,MAAM,EAAE,CAAC;4BAAC,MAAM;oBACpC,CAAC;oBACD,MAAM;gBACR,KAAK,QAAQ,CAAC,IAAI;oBAChB,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;wBACjB,KAAK,WAAW;4BAAE,IAAI,CAAC,eAAe,CAAC,GAAiB,CAAC,CAAC;4BAAC,MAAM;wBACjE,KAAK,YAAY;4BAAE,IAAI,CAAC,eAAe,CAAC,GAAiB,CAAC,CAAC;4BAAC,MAAM;wBAClE,KAAK,OAAO;4BAAE,IAAI,CAAC,eAAe,CAAC,GAAiB,CAAC,CAAC;4BAAC,MAAM;oBAC/D,CAAC;oBACD,MAAM;YACV,CAAC;QACH,CAAC;QAED,eAAe,uDAA2B;QAC1C,aAAa,CAAgC;QAC7C,KAAK,CAAC,aAAa;YACjB,IAAI,CAAC,eAAe,EAAE,OAAO,EAAE,CAAC;YAChC,IAAI,CAAC,eAAe,GAAG,IAAI,kBAAkB,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;YAC3G,IAAI,CAAC;gBACH,MAAM,IAAI,CAAC,eAAe,CAAC;YAC7B,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,OAAO;YACT,CAAC;YACD,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YACzB,IAAI,CAAC,aAAa,EAAE,OAAO,EAAE,CAAC;YAC9B,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC,CAAC;QACzD,CAAC;QAED,KAAK,CAAC,WAAW,CAAC,IAAa;YAC7B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;YAC9B,IAAI,IAAI,EAAE,CAAC;gBACT,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,CAAC;YACD,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;YAC9B,IAAI,CAAC;gBACH,IAAI,CAAC,aAAa,GAAG,IAAI,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;gBAC3F,IAAI,CAAC,YAAY,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC;gBAC7C,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS,EAAE,CAAC;oBACpC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,CAAC;YACH,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,IAAI,CAAC,KAAK,kBAAkB,CAAC,SAAS,EAAE,CAAC;oBACvC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,OAAO,CAAC;oBAC9B,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;gBAChC,CAAC;YACH,CAAC;oBAAS,CAAC;gBACT,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACzB,CAAC;QACH,CAAC;QAED,SAAS,CAAC,MAA0B;YAClC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM,EAAE,CAAC;gBAC/C,OAAO;YACT,CAAC;YACD,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,IAAI,EAAE,CAAC;QAClC,CAAC;QAED,KAAK,CAAC,wBAAwB;YAC5B,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;gBAC7B,IAAI,CAAC,YAAY,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YACnE,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;YAChC,CAAC;YACD,IAAI,IAAI,CAAC,YAAY,EAAE,MAAM,EAAE,CAAC;gBAC9B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACxD,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC;QAED,oBAAoB,CAAC,GAA+B;YAClD,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC;QAED,MAAM,CAAC,MAAe;YACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YACnC,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC;QACtB,CAAC;QAED,YAAY,CAAU;QACtB,KAAK,CAAC,MAAM;YACV,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;gBACtB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;gBAC1B,OAAO;YACT,CAAC;YACD,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,EAAE,MAAM,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;gBAC/E,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;YACnD,CAAC;YACD,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,kBAAkB;YAClB,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,EAAE,CAAC;gBACvC,MAAM,IAAI,CAAC,eAAe,CAAC;YAC7B,CAAC;YACD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;YACjD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC;QACvD,CAAC;QAED,cAAc,CAAC,GAAkB;YAC/B,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;gBACjB,KAAK,WAAW;oBAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;wBACtC,IAAI,CAAC,IAAI,EAAE,CAAC;oBACd,CAAC;oBACC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;oBACzB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC;oBACjD,MAAM;gBACR,KAAK,SAAS;oBACZ,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;wBACpB,IAAI,CAAC,IAAI,EAAE,CAAC;oBACd,CAAC;oBACD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;oBACzB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC;oBAChD,MAAM;gBACR,KAAK,OAAO;oBACV,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;wBAChB,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;4BACnB,IAAI,CAAC,KAAK,EAAE,CAAC;wBACf,CAAC;6BAAM,CAAC;4BACN,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;wBACzB,CAAC;oBACH,CAAC;oBACD,MAAM;YACV,CAAC;QACH,CAAC;QAED,eAAe,CAAC,GAA4B;YAC1C,qDAAqD;YACrD,IAAI,OAAO,CAAC,GAAG,CAAC,MAAqB,EAAE,UAAU,CAAC,EAAE,CAAC;gBACnD,GAAG,CAAC,cAAc,EAAE,CAAC;YACvB,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,eAAe,CAAC,GAAe;YAC7B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAqB,EAAE,UAAU,CAAC,IAAI,CAAE,GAAG,CAAC,MAAsB,CAAC,SAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAE,GAAG,CAAC,MAAsB,CAAC,SAAS,CAAC,QAAQ,CAAC,uBAAuB,CAAC,EAAE,CAAC;gBACrM,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;YACpD,CAAC;QACH,CAAC;QAED,iBAAiB,CAAC,KAAoB;YACpC,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,KAAK,CAAC,OAAO,KAAK,CAAC,CAAC,EAAE,CAAC;gBACrE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC;YACtB,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,QAAQ,CAAC,KAAa;YACpB,IAAI,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,wBAAwB,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,CAAC;gBACzE,IAAI,CAAC,KAA0C,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACnE,CAAC;QACH,CAAC;QAED,WAAW,CAAC,KAAa;YACvB,IAAI,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,wBAAwB,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,CAAC;gBACzE,IAAI,CAAC,KAA0C,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACtE,CAAC;QACH,CAAC;QAED,YAAY;YACV,IAAI,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,wBAAwB,CAAC,IAAI,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE,CAAC;gBAC7E,IAAI,CAAC,KAA0C,CAAC,YAAY,EAAE,CAAC;YAClE,CAAC;QACH,CAAC;;;;SA1WU,SAAS;AAsXtB,SAAS,0BAA0B,CAAC,OAAoB;IACtD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE;QAC/B,QAAQ,EAAE;YACR,KAAK,CAA0B,KAAa;gBAC1C,aAAa,CAAC,GAAG,CAAY,IAAI,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAC/D,CAAC;YACD,YAAY,EAAE,IAAI;SACnB;QACD,WAAW,EAAE;YACX,KAAK,CAA0B,KAAa;gBAC1C,aAAa,CAAC,GAAG,CAAY,IAAI,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAClE,CAAC;YACD,YAAY,EAAE,IAAI;SACnB;QACD,YAAY,EAAE;YACZ,KAAK;gBACH,aAAa,CAAC,GAAG,CAAY,IAAI,CAAC,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;YAC9D,CAAC;YACD,YAAY,EAAE,IAAI;SACnB;KACF,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { customElement, inject, bindable, BindingMode, CustomElement } from 'aurelia';\nimport { DiscardablePromise } from './discardable-promise';\nimport { MdcDefaultLookupConfiguration } from './mdc-lookup-configuration';\nimport { IValidatedElement, IError, booleanAttr, number } from '../base';\nimport { closest } from '@material/dom/ponyfill';\nimport template from './mdc-lookup.html?raw';\nimport { MdcMenuSurface } from '../menu-surface/mdc-menu-surface';\nimport { MdcMenu, IMdcMenuItemComponentEvent } from '../menu/mdc-menu';\n\nconst inputEvents = ['click', 'input', 'keydown', 'blur'];\nconst bodyEvents = ['touchstart', 'mousedown', 'click'];\n\n/**\n * @selector mdc-lookup\n */\n@inject(Element, MdcDefaultLookupConfiguration)\n@customElement({ name: 'mdc-lookup', template })\nexport class MdcLookup implements EventListenerObject {\n  constructor(private root: HTMLElement, private defaultConfiguration: MdcDefaultLookupConfiguration) {\n    this.debounce = this.defaultConfiguration.debounce;\n    defineMdcLookupElementApis(this.root);\n  }\n\n  private menuSurface: MdcMenuSurface;\n  public isWrapperOpen: boolean = false;\n  public optionsArray?: unknown[];\n  public focusedOption: unknown = undefined;\n  public searching: boolean = false;\n  public errorMessage: string | undefined = undefined;\n  public notFound: boolean = false;\n  public menu: MdcMenu;\n\n  /** Reference to the input */\n  @bindable()\n  public input?: HTMLInputElement & { isFocused: boolean };\n\n  /** Sets the menu list to have two lines */\n  @bindable({ set: booleanAttr })\n  twoLine: boolean;\n\n  /**\n   * Sets the way an option is displayed in the input element.\n   * When set to a string, the object property with such name is used.\n   * When set to a function, it is called with an option as a parameter to retrieve the display string.\n   * When undefined, an option.toString() is used.\n   */\n  @bindable()\n  displayField: string | undefined | ((option: unknown) => string);\n  displayFieldChanged() {\n    if (this.displayField instanceof Function) {\n      this.getDisplay = this.displayField;\n    } else if (typeof this.displayField === 'string') {\n      this.getDisplay = option => (option as Record<string, string>)[this.displayField as string];\n    } else {\n      this.getDisplay = option => (option as Record<string, unknown>)?.toString() ?? '';\n    }\n  }\n\n  getDisplay: (option: unknown) => string = option => (option as Record<string, unknown>)?.toString() ?? '';\n\n  /**\n   * Sets the way a value is set.\n   * When set to a string, the object property with such name is used.\n   * When set to a function, it is called with an option as a parameter to retrieve the value.\n   * When undefined, an option is used as a value.\n   */\n  @bindable()\n  valueField: string | undefined | ((option: unknown) => unknown);\n  valueFieldChanged() {\n    if (this.valueField instanceof Function) {\n      this.getValue = this.valueField;\n    } else if (typeof this.valueField === 'string') {\n      this.getValue = option => option !== undefined ? (option as Record<string, unknown>)[this.valueField as string] : undefined;\n    } else {\n      this.getValue = option => option;\n    }\n  }\n\n  getValue: (option: unknown) => unknown = option => option;\n\n  /**\n   * Sets the array of options to display.\n   * Can be an async function which returns an array.\n   */\n  @bindable()\n  options: unknown[] | undefined | ((filter: string, value: unknown) => Promise<unknown[]>);\n  optionsChanged() {\n    const shouldRefresh = this.getOptions !== undefined;\n    this.setGetOptions();\n    if (shouldRefresh) {\n      this.optionsArray = undefined;\n      this.value = undefined;\n      if (this.preloadOptions) {\n        this.loadOptions(false);\n      }\n    }\n  }\n\n  setGetOptions() {\n    if (this.options instanceof Function) {\n      this.getOptions = this.options;\n    } else {\n      this.getOptions = this.getOptionsDefault;\n    }\n  }\n\n  /** Hoists the menu to document body */\n  @bindable({ set: booleanAttr, mode: BindingMode.oneTime })\n  hoistToBody: boolean;\n\n  /** Sets the menu width to fit content */\n  @bindable({ set: booleanAttr })\n  naturalWidth: boolean;\n\n  /** The CSS class to set on the menu. Helps styling body hoisted menus */\n  @bindable()\n  menuClass: string;\n\n  getOptions: (filter: string | undefined, value: unknown) => Promise<unknown[]>;\n\n  async getOptionsDefault(filter: string, value: unknown): Promise<unknown[]> {\n    const options = this.options as unknown[];\n    if (value !== undefined) {\n      return Promise.resolve([options.find(x => this.getValue(x) === value)]);\n    } else {\n      return Promise.resolve(options.filter(x => this.getDisplay(x).toUpperCase().includes((filter || '').toUpperCase())));\n    }\n  }\n\n  /** The selected value */\n  @bindable({ mode: BindingMode.twoWay })\n  value: unknown;\n  suppressValueChanged: boolean;\n  async valueChanged() {\n    if (this.suppressValueChanged) {\n      this.suppressValueChanged = false;\n      return;\n    }\n    await this.updateFilterBasedOnValue();\n    this.root.dispatchEvent(new CustomEvent('change', { bubbles: true, detail: { value: this.value } }));\n  }\n  setValue(value: unknown) {\n    if (this.value === value) {\n      return;\n    }\n    this.suppressValueChanged = true;\n    this.value = value;\n  }\n\n  /** Sets debounce in milliseconds */\n  @bindable({ set: number })\n  debounce: number;\n\n  /** Loads the options to the menu when attached */\n  @bindable({ set: booleanAttr })\n  preloadOptions: boolean;\n\n  /** Enables a first option select on blur */\n  @bindable({ set: booleanAttr })\n  selectOnBlur: boolean;\n\n  /** Enables an item selection on Tab press */\n  @bindable({ set: booleanAttr })\n  selectOnTab: boolean;\n\n  /** TODO: Enables the options list virtualisation */\n  @bindable({ set: booleanAttr })\n  virtual: boolean;\n\n  bound() {\n    this.valueFieldChanged();\n    this.displayFieldChanged();\n    this.setGetOptions();\n  }\n\n  async attached() {\n    if (this.input) {\n      inputEvents.forEach(x => this.input!.addEventListener(x, this));\n    }\n    await this.updateFilterBasedOnValue();\n    if (!this.value && this.preloadOptions) {\n      await this.loadOptions(false);\n    }\n    bodyEvents.forEach(x => document.body.addEventListener(x, this));\n  }\n\n  detaching() {\n    if (this.input) {\n      inputEvents.forEach(x => this.input!.removeEventListener(x, this));\n    }\n    bodyEvents.forEach(x => document.body.removeEventListener(x, this));\n  }\n\n  /** Opens lookup menu */\n  open() {\n    if (this.input?.disabled || this.input?.readOnly || this.menu.open || this.optionsArray === undefined && !this.searching && !this.errorMessage) {\n      return;\n    }\n    if (!this.naturalWidth) {\n      this.menu.root.style.width = `${this.input?.clientWidth}px`;\n    }\n    this.menu.open = true;\n  }\n\n  /** Closes lookup menu */\n  close() {\n    this.menu.open = false;\n  }\n\n  handleEvent(evt: Event): void {\n    switch (evt.currentTarget) {\n      case this.input:\n        switch (evt.type) {\n          case 'click': this.open(); break;\n          case 'input': this.filterChanged(); break;\n          case 'keydown': this.onInputKeydown(evt as KeyboardEvent); break;\n          case 'blur': this.onBlur(); break;\n        }\n        break;\n      case document.body:\n        switch (evt.type) {\n          case 'mousedown': this.onBodyMousedown(evt as MouseEvent); break;\n          case 'touchstart': this.onBodyMousedown(evt as TouchEvent); break;\n          case 'click': this.handleBodyClick(evt as MouseEvent); break;\n        }\n        break;\n    }\n  }\n\n  debouncePromise: DiscardablePromise<void>;\n  searchPromise: DiscardablePromise<unknown[]>;\n  async filterChanged() {\n    this.debouncePromise?.discard();\n    this.debouncePromise = new DiscardablePromise(new Promise(r => setTimeout(() => r(), this.debounce ?? 0)));\n    try {\n      await this.debouncePromise;\n    } catch (e) {\n      return;\n    }\n    this.setValue(undefined);\n    this.searchPromise?.discard();\n    await this.loadOptions(this.input?.isFocused === true);\n  }\n\n  async loadOptions(open: boolean) {\n    this.searching = true;\n    this.errorMessage = undefined;\n    if (open) {\n      this.open();\n    }\n    this.optionsArray = undefined;\n    try {\n      this.searchPromise = new DiscardablePromise(this.getOptions(this.input?.value, undefined));\n      this.optionsArray = await this.searchPromise;\n      if (this.optionsArray === undefined) {\n        this.close();\n      }\n    } catch (e) {\n      if (e !== DiscardablePromise.discarded) {\n        this.errorMessage = e.message;\n        this.optionsArray = undefined;\n      }\n    } finally {\n      this.searching = false;\n    }\n  }\n\n  setFilter(filter: string | undefined) {\n    if (!this.input || this.input.value === filter) {\n      return;\n    }\n    this.input.value = filter ?? '';\n  }\n\n  async updateFilterBasedOnValue() {\n    if (this.value !== undefined) {\n      this.optionsArray = await this.getOptions(undefined, this.value);\n    } else {\n      this.optionsArray = undefined;\n    }\n    if (this.optionsArray?.length) {\n      this.setFilter(this.getDisplay(this.optionsArray[0]));\n    } else {\n      this.setFilter(undefined);\n    }\n  }\n\n  handleMenuItemAction(evt: IMdcMenuItemComponentEvent) {\n    this.select(evt.detail.data);\n  }\n\n  select(option: unknown) {\n    this.value = this.getValue(option);\n    this.close();\n    this.input?.focus();\n  }\n\n  suppressBlur: boolean;\n  async onBlur() {\n    if (this.suppressBlur) {\n      this.suppressBlur = false;\n      return;\n    }\n    if (this.selectOnBlur && this.optionsArray?.length && this.value === undefined) {\n      this.value = this.getValue(this.optionsArray[0]);\n    }\n    this.close();\n    // re-emit on root\n    if (this.debouncePromise !== undefined) {\n      await this.debouncePromise;\n    }\n    this.root.dispatchEvent(new CustomEvent('blur'));\n    this.root.dispatchEvent(new CustomEvent('focusout'));\n  }\n\n  onInputKeydown(evt: KeyboardEvent) {\n    switch (evt.code) {\n      case 'ArrowDown': if (!this.menu.open) {\n        this.open();\n      }\n        this.suppressBlur = true;\n        this.menu.list_?.foundation?.focusFirstElement();\n        break;\n      case 'ArrowUp':\n        if (!this.menu.open) {\n          this.open();\n        }\n        this.suppressBlur = true;\n        this.menu.list_?.foundation?.focusLastElement();\n        break;\n      case 'Space':\n        if (evt.ctrlKey) {\n          if (this.menu.open) {\n            this.close();\n          } else {\n            this.loadOptions(true);\n          }\n        }\n        break;\n    }\n  }\n\n  onBodyMousedown(evt: MouseEvent | TouchEvent) {\n    // this is needed to prevent text field label jumping\n    if (closest(evt.target as HTMLElement, 'mdc-menu')) {\n      evt.preventDefault();\n    }\n    return true;\n  }\n\n  handleBodyClick(evt: MouseEvent) {\n    if (!closest(evt.target as HTMLElement, 'mdc-menu') && !(evt.target as HTMLElement).classList.contains('mdc-text-field') && !(evt.target as HTMLElement).classList.contains('mdc-text-field__input')) {\n      this.menuSurface.foundation?.handleBodyClick(evt);\n    }\n  }\n\n  handleMenuKeydown(event: KeyboardEvent) {\n    if (this.hoistToBody && (event.key === 'Tab' || event.keyCode === 9)) {\n      this.input?.focus();\n    }\n    return true;\n  }\n\n  addError(error: IError) {\n    if (this.input && Object.getOwnPropertyDescriptor(this.input, 'addError')) {\n      (this.input as HTMLElement as IValidatedElement).addError(error);\n    }\n  }\n\n  removeError(error: IError) {\n    if (this.input && Object.getOwnPropertyDescriptor(this.input, 'addError')) {\n      (this.input as HTMLElement as IValidatedElement).removeError(error);\n    }\n  }\n\n  renderErrors() {\n    if (this.input && Object.getOwnPropertyDescriptor(this.input, 'renderErrors')) {\n      (this.input as HTMLElement as IValidatedElement).renderErrors();\n    }\n  }\n}\n\n/** @hidden */\nexport interface IMdcLookupElement extends IValidatedElement {\n  $au: {\n    'au:resource:custom-element': {\n      viewModel: MdcLookup;\n    };\n  };\n}\n\nfunction defineMdcLookupElementApis(element: HTMLElement) {\n  Object.defineProperties(element, {\n    addError: {\n      value(this: IMdcLookupElement, error: IError) {\n        CustomElement.for<MdcLookup>(this).viewModel.addError(error);\n      },\n      configurable: true\n    },\n    removeError: {\n      value(this: IMdcLookupElement, error: IError) {\n        CustomElement.for<MdcLookup>(this).viewModel.removeError(error);\n      },\n      configurable: true\n    },\n    renderErrors: {\n      value(this: IMdcLookupElement): void {\n        CustomElement.for<MdcLookup>(this).viewModel.renderErrors();\n      },\n      configurable: true\n    },\n  });\n}\n"]}

package/dist/mdc-configuration.js

@@ -0,0 +1,11 @@
+import { MdcDefaultLookupConfiguration } from './lookup/mdc-lookup-configuration';
+import { MdcDefaultSelectConfiguration } from './select/mdc-default-select-configuration';
+import { MdcDefaultTextFieldConfiguration } from './text-field/mdc-default-text-field-configuration';
+import { MdcDefaultTooltipConfiguration } from './tooltip/mdc-default-tooltip-configuration';
+export class MdcConfiguration {
+    lookup = new MdcDefaultLookupConfiguration();
+    select = new MdcDefaultSelectConfiguration();
+    textField = new MdcDefaultTextFieldConfiguration();
+    tooltip = new MdcDefaultTooltipConfiguration();
+}
+//# sourceMappingURL=mdc-configuration.js.map

package/dist/mdc-configuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-configuration.js","sourceRoot":"","sources":["../src/mdc-configuration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAC;AAClF,OAAO,EAAE,6BAA6B,EAAE,MAAM,2CAA2C,CAAC;AAC1F,OAAO,EAAE,gCAAgC,EAAE,MAAM,mDAAmD,CAAC;AACrG,OAAO,EAAE,8BAA8B,EAAE,MAAM,6CAA6C,CAAC;AAE7F,MAAM,OAAO,gBAAgB;IAC3B,MAAM,GAAkC,IAAI,6BAA6B,EAAE,CAAC;IAC5E,MAAM,GAAkC,IAAI,6BAA6B,EAAE,CAAC;IAC5E,SAAS,GAAqC,IAAI,gCAAgC,EAAE,CAAC;IACrF,OAAO,GAAmC,IAAI,8BAA8B,EAAE,CAAC;CAChF","sourcesContent":["import { MdcDefaultLookupConfiguration } from './lookup/mdc-lookup-configuration';\nimport { MdcDefaultSelectConfiguration } from './select/mdc-default-select-configuration';\nimport { MdcDefaultTextFieldConfiguration } from './text-field/mdc-default-text-field-configuration';\nimport { MdcDefaultTooltipConfiguration } from './tooltip/mdc-default-tooltip-configuration';\n\nexport class MdcConfiguration {\n  lookup: MdcDefaultLookupConfiguration = new MdcDefaultLookupConfiguration();\n  select: MdcDefaultSelectConfiguration = new MdcDefaultSelectConfiguration();\n  textField: MdcDefaultTextFieldConfiguration = new MdcDefaultTextFieldConfiguration();\n  tooltip: MdcDefaultTooltipConfiguration = new MdcDefaultTooltipConfiguration();\n}\n\n"]}

package/dist/menu/mdc-menu-selection-group-icon.js

@@ -0,0 +1,28 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customAttribute, inject } from 'aurelia';
+let MdcMenuSelectionGroupIcon = (() => {
+    let _classDecorators = [inject(Element), customAttribute('mdc-menu-selection-group-icon')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcMenuSelectionGroupIcon = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcMenuSelectionGroupIcon = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            this.root = root;
+        }
+        attached() {
+            this.root.classList.add('mdc-menu__selection-group-icon');
+        }
+    };
+    return MdcMenuSelectionGroupIcon = _classThis;
+})();
+export { MdcMenuSelectionGroupIcon };
+//# sourceMappingURL=mdc-menu-selection-group-icon.js.map

package/dist/menu/mdc-menu-selection-group-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-menu-selection-group-icon.js","sourceRoot":"","sources":["../../src/menu/mdc-menu-selection-group-icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;IAIrC,yBAAyB;4BAFrC,MAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,+BAA+B,CAAC;;;;;;;;YACjD,6KAMC;;;YANY,uDAAyB;;QAChB,IAAI;QAAxB,YAAoB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QAAI,CAAC;QAE1C,QAAQ;YACN,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAC;QAC5D,CAAC;;;;SALU,yBAAyB","sourcesContent":["import { customAttribute, inject } from 'aurelia';\n\n@inject(Element)\n@customAttribute('mdc-menu-selection-group-icon')\nexport class MdcMenuSelectionGroupIcon {\n  constructor(private root: HTMLElement) { }\n\n  attached() {\n    this.root.classList.add('mdc-menu__selection-group-icon');\n  }\n}\n"]}

package/dist/menu/mdc-menu-selection-group.js

@@ -0,0 +1,21 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from 'aurelia';
+let MdcMenuSelectionGroup = (() => {
+    let _classDecorators = [customElement({ name: 'mdc-menu-selection-group', template: '<template class="mdc-menu__selection-group"><au-slot></au-slot></template>' })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcMenuSelectionGroup = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcMenuSelectionGroup = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return MdcMenuSelectionGroup = _classThis;
+})();
+export { MdcMenuSelectionGroup };
+//# sourceMappingURL=mdc-menu-selection-group.js.map

package/dist/menu/mdc-menu-selection-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-menu-selection-group.js","sourceRoot":"","sources":["../../src/menu/mdc-menu-selection-group.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;IAG3B,qBAAqB;4BADjC,aAAa,CAAC,EAAE,IAAI,EAAE,0BAA0B,EAAE,QAAQ,EAAE,4EAA4E,EAAE,CAAC;;;;;;;;YAC5I,6KAAsC;;;YAAzB,uDAAqB;;;;;SAArB,qBAAqB","sourcesContent":["import { customElement } from 'aurelia';\n\n@customElement({ name: 'mdc-menu-selection-group', template: '<template class=\"mdc-menu__selection-group\"><au-slot></au-slot></template>' })\nexport class MdcMenuSelectionGroup { }\n"]}

package/dist/menu/mdc-menu.html

@@ -0,0 +1,6 @@
+<template class="mdc-menu"
+  mdc-menu-surface="fixed.bind: fixed; anchor-corner.bind: anchorCorner; anchor-margin.bind: anchorMargin; hoist-to-body.bind: hoistToBody; anchor.bind: anchor; quick-open.bind: quickOpen; max-height.bind: maxHeight; open-bottom-bias.bind: openBottomBias; stay-open.bind: stayOpen"
+  mdc-menu-surface.ref="menuSurface" keydown.trigger="handleKeydown_($event)"
+  mdcmenusurface:opened.trigger="handleMenuSurfaceOpened_()" mdclist:action.trigger="handleItemAction_($event)">
+  <au-slot></au-slot>
+</template>