@shoper/phoenix_design_system 1.18.2 → 1.18.3

package/build/cjs/packages/phoenix/src/controllers/btn_controller/btn_controller.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('lit');
+var utilities = require('@dreamcommerce/utilities');
+var keystrokes_controller = require('../keystrokes_controller/keystrokes_controller.js');
+
+class BtnController {
+    constructor(host, callback, { isNavigable = true } = {}) {
+        (this.host = host).addController(this);
+        isNavigable ? utilities.UiDomUtils.makeNavigable(this.host) : utilities.UiDomUtils.makeUnnavigable(this.host);
+        this.host.setAttribute('role', 'button');
+        this._keystrokesController = new keystrokes_controller.KeystrokesController({
+            host,
+            keys: ['enter', ' '],
+            callback,
+            target: host
+        });
+    }
+    hostConnected() { }
+    hostDisconnected() { }
+}
+
+exports.BtnController = BtnController;
+//# sourceMappingURL=btn_controller.js.map

package/build/cjs/packages/phoenix/src/controllers/btn_controller/btn_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/controllers/click_outside_controller/click_outside_controller.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+
+var _ClickOutsideController_host, _ClickOutsideController_container, _ClickOutsideController_name, _ClickOutsideController_enabled, _ClickOutsideController_action;
+class ClickOutsideController {
+    constructor({ host, container, name, action }) {
+        _ClickOutsideController_host.set(this, void 0);
+        _ClickOutsideController_container.set(this, void 0);
+        _ClickOutsideController_name.set(this, void 0);
+        _ClickOutsideController_enabled.set(this, true);
+        _ClickOutsideController_action.set(this, void 0);
+        this._dispatchClickedOutsideEvent = (ev) => {
+            const target = ev.target;
+            const isContainerWithinTarget = target.contains(tslib_es6.__classPrivateFieldGet(this, _ClickOutsideController_container, "f")) && target !== tslib_es6.__classPrivateFieldGet(this, _ClickOutsideController_container, "f");
+            const isTargetWithinContainer = tslib_es6.__classPrivateFieldGet(this, _ClickOutsideController_container, "f").contains(target);
+            if (isContainerWithinTarget || !isTargetWithinContainer) {
+                tslib_es6.__classPrivateFieldGet(this, _ClickOutsideController_enabled, "f") && tslib_es6.__classPrivateFieldGet(this, _ClickOutsideController_action, "f").call(this, target);
+            }
+        };
+        tslib_es6.__classPrivateFieldSet(this, _ClickOutsideController_host, host, "f");
+        tslib_es6.__classPrivateFieldSet(this, _ClickOutsideController_container, container, "f");
+        tslib_es6.__classPrivateFieldSet(this, _ClickOutsideController_name, name, "f");
+        tslib_es6.__classPrivateFieldSet(this, _ClickOutsideController_action, action, "f");
+        tslib_es6.__classPrivateFieldGet(this, _ClickOutsideController_host, "f").addController(this);
+    }
+    hostConnected() {
+        this._setupClickEventListener();
+    }
+    enable() {
+        tslib_es6.__classPrivateFieldSet(this, _ClickOutsideController_enabled, true, "f");
+    }
+    disable() {
+        tslib_es6.__classPrivateFieldSet(this, _ClickOutsideController_enabled, false, "f");
+    }
+    _setupClickEventListener() {
+        document.addEventListener('click', this._dispatchClickedOutsideEvent, {
+            capture: true
+        });
+    }
+    _removeClickEventListener() {
+        document.removeEventListener('click', this._dispatchClickedOutsideEvent, {
+            capture: true
+        });
+    }
+    hostDisconnected() {
+        this._removeClickEventListener();
+    }
+}
+_ClickOutsideController_host = new WeakMap(), _ClickOutsideController_container = new WeakMap(), _ClickOutsideController_name = new WeakMap(), _ClickOutsideController_enabled = new WeakMap(), _ClickOutsideController_action = new WeakMap();
+
+exports.ClickOutsideController = ClickOutsideController;
+//# sourceMappingURL=click_outside_controller.js.map

package/build/cjs/packages/phoenix/src/controllers/click_outside_controller/click_outside_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/controllers/click_outside_controller/click_outside_controller_messages.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const CLICK_OUTSIDE_CONTROLLER_MESSAGES = {
+    clickedOutside: 'clickedOutside'
+};
+
+exports.CLICK_OUTSIDE_CONTROLLER_MESSAGES = CLICK_OUTSIDE_CONTROLLER_MESSAGES;
+//# sourceMappingURL=click_outside_controller_messages.js.map

package/build/cjs/packages/phoenix/src/controllers/click_outside_controller/click_outside_controller_messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js

@@ -0,0 +1,350 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+require('lit');
+require('lit-html/directives/ref.js');
+
+var _InputMaskController_host, _InputMaskController_input, _InputMaskController_mask, _InputMaskController_pattern, _InputMaskController_validPattern, _InputMaskController_skipCharacters, _InputMaskController_skipKeys, _InputMaskController_patternRegexp, _InputMaskController_patternCheck, _InputMaskController_keydownValue, _InputMaskController_isFirstPosition, _InputMaskController_isLastPosition;
+const MASK_CHARACTER = '_';
+class InputMaskController {
+    constructor({ host, input, mask, pattern, validPattern }) {
+        _InputMaskController_host.set(this, void 0);
+        _InputMaskController_input.set(this, void 0);
+        _InputMaskController_mask.set(this, void 0);
+        _InputMaskController_pattern.set(this, void 0);
+        _InputMaskController_validPattern.set(this, void 0);
+        _InputMaskController_skipCharacters.set(this, []);
+        _InputMaskController_skipKeys.set(this, [
+            'Backspace',
+            'Enter',
+            'Escape',
+            'ArrowLeft',
+            'ArrowUp',
+            'ArrowRight',
+            'ArrowDown',
+            'Delete',
+            'CapsLock',
+            'Shift',
+            'Control',
+            'Alt',
+            'AltGraph',
+            'Tab'
+        ]);
+        _InputMaskController_patternRegexp.set(this, void 0);
+        _InputMaskController_patternCheck.set(this, false);
+        _InputMaskController_keydownValue.set(this, '');
+        _InputMaskController_isFirstPosition.set(this, false);
+        _InputMaskController_isLastPosition.set(this, false);
+        this.isEnabled = false;
+        this.enable = () => {
+            if (!this.isEnabled) {
+                const $input = this._getInput();
+                if (!this._isValidPattern($input.value))
+                    $input.value = '';
+                this.isEnabled = true;
+            }
+        };
+        this.disable = () => {
+            if (this.isEnabled) {
+                this.isEnabled = false;
+            }
+        };
+        this.setInitialMaskWhenEmpty = (ev) => {
+            if (ev.target instanceof HTMLInputElement) {
+                const $input = ev.target;
+                if (!$input.value) {
+                    $input.value = tslib_es6.__classPrivateFieldGet(this, _InputMaskController_mask, "f");
+                    this._setCursorPosition();
+                }
+            }
+        };
+        this.setCursorOnStartWhenEmpty = (ev) => {
+            if (ev.target instanceof HTMLInputElement) {
+                const $input = ev.target;
+                if ($input.value === tslib_es6.__classPrivateFieldGet(this, _InputMaskController_mask, "f")) {
+                    this._setCursorPosition();
+                }
+            }
+        };
+        this.setEmptyValueForNoValue = (ev) => {
+            if (ev.target instanceof HTMLInputElement) {
+                const $input = ev.target;
+                if ($input.value === tslib_es6.__classPrivateFieldGet(this, _InputMaskController_mask, "f")) {
+                    $input.value = '';
+                }
+            }
+        };
+        this.onKeyDown = (ev) => {
+            if (ev.target instanceof HTMLInputElement) {
+                const $input = ev.target;
+                const value = $input.value;
+                const isBackspacePressed = ev.key === 'Backspace' || ev.keyCode === 8;
+                const isDeletePressed = ev.key === 'Delete' || ev.keyCode === 46;
+                const isBackspaceOrDeletePressed = isBackspacePressed || isDeletePressed;
+                if (value === '' && !isBackspaceOrDeletePressed) {
+                    this.setInitialMaskWhenEmpty(ev);
+                }
+                let currentPosition = this._getCursorPosition();
+                /**
+                 *selection more than one character was made
+                 */
+                if (currentPosition[0] !== currentPosition[1]) {
+                    if (isBackspaceOrDeletePressed) {
+                        const startSubstring = value.substring(0, currentPosition[0]);
+                        const middleSubstring = value.substring(currentPosition[0], currentPosition[1]);
+                        const endSubstring = value.substring(currentPosition[1], value.length);
+                        const deleteRegexp = new RegExp('[^' + tslib_es6.__classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").join('') + ']', 'g');
+                        const newValue = startSubstring + middleSubstring.replace(deleteRegexp, MASK_CHARACTER) + endSubstring;
+                        $input.value = newValue;
+                        tslib_es6.__classPrivateFieldSet(this, _InputMaskController_keydownValue, newValue, "f");
+                        if (ev.key === 'Backspace' || ev.keyCode === 8) {
+                            this._setCursorPosition(currentPosition[0] + 2);
+                            if (currentPosition[0] == 5) {
+                                tslib_es6.__classPrivateFieldSet(this, _InputMaskController_isLastPosition, true, "f");
+                            }
+                        }
+                        else {
+                            this._setCursorPosition(currentPosition[0]);
+                        }
+                        return false;
+                    }
+                    else if (!this._areKeysCombined(ev) && tslib_es6.__classPrivateFieldGet(this, _InputMaskController_skipKeys, "f").indexOf(ev.key) < 0) {
+                        currentPosition = [currentPosition[0], currentPosition[0]];
+                    }
+                }
+                /**
+                 * Added keyCode for older browser compatibility, keyCode 8 == backspace, keyCode 46 === delete
+                 */
+                if (isBackspaceOrDeletePressed) {
+                    if (isBackspacePressed) {
+                        if (tslib_es6.__classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").indexOf(value[currentPosition[0] - 1]) >= 0) {
+                            // skip special characters that are part of the mask
+                            tslib_es6.__classPrivateFieldSet(this, _InputMaskController_keydownValue, $input.value, "f");
+                            this._setCursorPosition(currentPosition[0] + 1);
+                            return false;
+                        }
+                        if (currentPosition[0] !== 0) {
+                            // do nothing if cursor is at the start of the input
+                            ev.target.value = this._insertCharAt(value, MASK_CHARACTER, currentPosition[0]);
+                            this._setCursorPosition(currentPosition);
+                        }
+                    }
+                    if (isDeletePressed) {
+                        if (tslib_es6.__classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").indexOf(value[currentPosition[0]]) >= 0) {
+                            // skip special characters that are part of the mask
+                            tslib_es6.__classPrivateFieldSet(this, _InputMaskController_keydownValue, $input.value, "f");
+                            this._setCursorPosition(currentPosition[0] + 1);
+                            return false;
+                        }
+                        if (currentPosition[0] !== value.length) {
+                            ev.target.value = this._replaceCharAt(value, MASK_CHARACTER, currentPosition[0]);
+                            tslib_es6.__classPrivateFieldSet(this, _InputMaskController_keydownValue, $input.value, "f");
+                            setTimeout(() => {
+                                this._setCursorPosition(currentPosition.map(function (position) {
+                                    return (position += 1);
+                                }));
+                            });
+                            return false;
+                        }
+                    }
+                    return true;
+                }
+                if (tslib_es6.__classPrivateFieldGet(this, _InputMaskController_skipKeys, "f").indexOf(ev.key) >= 0 || this._areKeysCombined(ev)) {
+                    // no special behaviour for selected keys
+                    return true;
+                }
+                currentPosition[1] += 1;
+                if (window.navigator.userAgent.indexOf('Edge/') > -1) {
+                    ev.target.value = this._replaceCharAt(ev.target.value, ev.key, currentPosition[0]);
+                }
+                this._setCursorPosition(currentPosition);
+                tslib_es6.__classPrivateFieldSet(this, _InputMaskController_keydownValue, value, "f");
+            }
+        };
+        this.onInput = (ev) => {
+            if (ev.target instanceof HTMLInputElement) {
+                const $input = ev.target;
+                const value = $input.value;
+                const currentPosition = this._getCursorPosition();
+                const skipBy = this._skipCharactersBy.call(this, value, currentPosition[0], 0);
+                if (skipBy > 0 && value.length !== currentPosition[0] + skipBy) {
+                    this._setCursorPosition(currentPosition.map((position) => {
+                        return position + skipBy;
+                    }));
+                }
+                if (!this._isValidPattern(value)) {
+                    const currentPosition = this._getCursorPosition();
+                    $input.value = tslib_es6.__classPrivateFieldGet(this, _InputMaskController_keydownValue, "f");
+                    if (tslib_es6.__classPrivateFieldGet(this, _InputMaskController_isLastPosition, "f") || tslib_es6.__classPrivateFieldGet(this, _InputMaskController_isFirstPosition, "f")) {
+                        this._setCursorPosition(currentPosition[0]);
+                        tslib_es6.__classPrivateFieldSet(this, _InputMaskController_isLastPosition, false, "f");
+                        tslib_es6.__classPrivateFieldSet(this, _InputMaskController_isFirstPosition, false, "f");
+                    }
+                    else {
+                        this._setCursorPosition(currentPosition[0] - 1);
+                    }
+                    return false;
+                }
+                if (tslib_es6.__classPrivateFieldGet(this, _InputMaskController_mask, "f").length !== value.length) {
+                    $input.value = value.slice(0, tslib_es6.__classPrivateFieldGet(this, _InputMaskController_mask, "f").length);
+                    const lastMaskCharacterPos = value.indexOf(MASK_CHARACTER);
+                    if (lastMaskCharacterPos >= 0) {
+                        this._setCursorPosition(lastMaskCharacterPos);
+                    }
+                }
+            }
+        };
+        this.onKeyUp = (ev) => {
+            if (ev.target instanceof HTMLInputElement) {
+                const $input = ev.target;
+                const value = $input.value;
+                const currentPosition = this._getCursorPosition();
+                let skipBy;
+                if (ev.key === 'Backspace' || ev.keyCode === 8) {
+                    skipBy = this._skipCharactersBy(value, currentPosition[0] - 1, 0, true);
+                    if (skipBy > 0) {
+                        this._setCursorPosition(currentPosition.map((position) => {
+                            return position - skipBy;
+                        }));
+                    }
+                    return true;
+                }
+                if (ev.key === 'Delete' || ev.keyCode === 46) {
+                    skipBy = this._skipCharactersBy(value, currentPosition[0], 0);
+                    if (skipBy > 0) {
+                        this._setCursorPosition(currentPosition.map((position) => {
+                            return position + skipBy;
+                        }));
+                    }
+                    return true;
+                }
+                if (tslib_es6.__classPrivateFieldGet(this, _InputMaskController_skipKeys, "f").indexOf(ev.key) >= 0 || this._areKeysCombined(ev)) {
+                    return true;
+                }
+                if (!value) {
+                    $input.value = tslib_es6.__classPrivateFieldGet(this, _InputMaskController_mask, "f");
+                    this._setCursorPosition();
+                }
+            }
+        };
+        this.onPaste = (ev) => {
+            var _a;
+            if (ev.target instanceof HTMLInputElement) {
+                const $input = ev.target;
+                const value = $input.value;
+                const valueLength = value.length;
+                const pastedValue = (_a = ev.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('Text');
+                const currentPosition = this._getCursorPosition();
+                let newValue = '';
+                ev.preventDefault();
+                for (let i = 0, j = 0; i < valueLength; i += 1) {
+                    if (i >= currentPosition[0] && pastedValue[j] && tslib_es6.__classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").indexOf(value[i]) < 0) {
+                        if (tslib_es6.__classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").indexOf(pastedValue[j]) < 0) {
+                            newValue = newValue + pastedValue[j];
+                        }
+                        else {
+                            i -= 1;
+                        }
+                        j += 1;
+                    }
+                    else {
+                        newValue = newValue + value[i];
+                    }
+                }
+                if (this._isValidPattern(newValue)) {
+                    ev.target.value = newValue;
+                    this._setCursorPosition($input.value.indexOf(MASK_CHARACTER));
+                }
+            }
+        };
+        tslib_es6.__classPrivateFieldSet(this, _InputMaskController_host, host, "f");
+        tslib_es6.__classPrivateFieldSet(this, _InputMaskController_input, input, "f");
+        tslib_es6.__classPrivateFieldSet(this, _InputMaskController_mask, mask, "f");
+        tslib_es6.__classPrivateFieldSet(this, _InputMaskController_pattern, pattern, "f");
+        tslib_es6.__classPrivateFieldSet(this, _InputMaskController_validPattern, validPattern, "f");
+        if (pattern) {
+            tslib_es6.__classPrivateFieldSet(this, _InputMaskController_patternRegexp, new RegExp(tslib_es6.__classPrivateFieldGet(this, _InputMaskController_pattern, "f"), 'g'), "f");
+            tslib_es6.__classPrivateFieldSet(this, _InputMaskController_patternCheck, true, "f");
+        }
+        tslib_es6.__classPrivateFieldGet(this, _InputMaskController_host, "f").addController(this);
+    }
+    hostConnected() {
+        const maskRegexp = new RegExp(MASK_CHARACTER, 'g');
+        tslib_es6.__classPrivateFieldSet(this, _InputMaskController_skipCharacters, this._uniqueArr(tslib_es6.__classPrivateFieldGet(this, _InputMaskController_mask, "f").replace(maskRegexp, '').split('')), "f");
+    }
+    hostDisconnected() {
+        // this.#basePropsObservable?.unsubscribe(this.#propsObserver);
+    }
+    _setCursorPosition(positionStart = 0, positionEnd = positionStart) {
+        const $input = this._getInput();
+        if (typeof positionStart !== 'number') {
+            $input.selectionStart = positionStart[0];
+            $input.selectionEnd = positionEnd[1];
+            return;
+        }
+        $input.selectionStart = positionStart;
+        if (typeof positionEnd === 'number')
+            $input.selectionEnd = positionEnd;
+    }
+    _getCursorPosition() {
+        var _a, _b;
+        const $input = this._getInput();
+        return [(_a = $input.selectionStart) !== null && _a !== void 0 ? _a : 0, (_b = $input.selectionEnd) !== null && _b !== void 0 ? _b : 0];
+    }
+    _uniqueArr(arr) {
+        const uniqueArr = [];
+        const arrLength = arr.length;
+        for (let i = 0; i < arrLength; i++) {
+            if (uniqueArr.indexOf(arr[i]) === -1 && arr[i] !== '') {
+                uniqueArr.push(arr[i]);
+            }
+        }
+        return uniqueArr;
+    }
+    _getInput() {
+        if (!tslib_es6.__classPrivateFieldGet(this, _InputMaskController_input, "f").value) {
+            throw new Error('Input element is not defined');
+        }
+        return tslib_es6.__classPrivateFieldGet(this, _InputMaskController_input, "f").value;
+    }
+    _areKeysCombined(ev) {
+        return ev.altKey || ev.ctrlKey || ev.metaKey;
+    }
+    _insertCharAt(string, char, position) {
+        return string.slice(0, position) + char + string.slice(position);
+    }
+    _replaceCharAt(string, char, position) {
+        return string.substr(0, position) + char + string.substr(position + 1);
+    }
+    _skipCharactersBy(value, position, skipBy, backward) {
+        backward = backward ? backward : false;
+        if (tslib_es6.__classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").indexOf(value[position]) >= 0) {
+            if (backward) {
+                position -= 1;
+            }
+            else {
+                position += 1;
+            }
+            skipBy += 1;
+            return this._skipCharactersBy.call(this, value, position, skipBy, backward);
+        }
+        return skipBy;
+    }
+    _isValidPattern(value) {
+        if (tslib_es6.__classPrivateFieldGet(this, _InputMaskController_patternCheck, "f")) {
+            const valueLength = value.length;
+            let partialValue = '';
+            for (let i = 0; i < valueLength; i += 1) {
+                partialValue += value[i] !== '_' ? value[i] : tslib_es6.__classPrivateFieldGet(this, _InputMaskController_validPattern, "f")[i];
+            }
+            return partialValue.match(tslib_es6.__classPrivateFieldGet(this, _InputMaskController_patternRegexp, "f")) !== null;
+        }
+        return true;
+    }
+}
+_InputMaskController_host = new WeakMap(), _InputMaskController_input = new WeakMap(), _InputMaskController_mask = new WeakMap(), _InputMaskController_pattern = new WeakMap(), _InputMaskController_validPattern = new WeakMap(), _InputMaskController_skipCharacters = new WeakMap(), _InputMaskController_skipKeys = new WeakMap(), _InputMaskController_patternRegexp = new WeakMap(), _InputMaskController_patternCheck = new WeakMap(), _InputMaskController_keydownValue = new WeakMap(), _InputMaskController_isFirstPosition = new WeakMap(), _InputMaskController_isLastPosition = new WeakMap();
+
+exports.InputMaskController = InputMaskController;
+//# sourceMappingURL=input_mask_controller.js.map

package/build/cjs/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js

@@ -0,0 +1,119 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+require('lit');
+
+var _KeystrokesController_host, _KeystrokesController_target;
+class KeystrokesController {
+    constructor({ host, keys, callback, target, containerSelectors }) {
+        _KeystrokesController_host.set(this, void 0);
+        _KeystrokesController_target.set(this, void 0);
+        this._buffer = [];
+        this._clearBuffer = (ev) => {
+            if (!this._containerSelectors) {
+                this._buffer = [];
+                return;
+            }
+            const $newFocusedElement = ev.relatedTarget;
+            if ($newFocusedElement instanceof HTMLElement) {
+                const isNewFocusedElementAChild = !!this._containerSelectors.find((containerSelector) => !!$newFocusedElement.closest(containerSelector));
+                if (isNewFocusedElementAChild)
+                    return;
+            }
+            this._buffer = [];
+        };
+        this._saveKey = (ev) => {
+            let key = this._getKey(ev);
+            key = key.toLowerCase();
+            if (!this._buffer.includes(key))
+                this._buffer = [...this._buffer, key];
+            this._bindSavedKeysWithCallback(ev, this._buffer);
+        };
+        this._bindSavedKeysWithCallback = (ev, savedKeys) => {
+            if (typeof this._keys === 'string') {
+                this._bindWithOneKey(ev, savedKeys);
+                return;
+            }
+            const areAllKeysPressed = this._isKeySequenceMultiple(this._keys)
+                ? this._areAllKeysPressedInMultipleSequences(this._keys, savedKeys)
+                : this._isOneOfTheKeysPressed(this._keys, savedKeys);
+            if (areAllKeysPressed)
+                this._callback(ev);
+        };
+        this._bindWithOneKey = (ev, savedKeys) => {
+            if (!savedKeys.includes(this._keys))
+                return;
+            this._callback(ev);
+        };
+        this._isKeySequenceMultiple = (keySequence) => {
+            const firstSequence = keySequence[0];
+            if (typeof firstSequence === 'object')
+                return true;
+            return false;
+        };
+        this._areAllKeysPressedInMultipleSequences = (keySequences, savedKeys) => {
+            return !!keySequences.find((keySequence) => {
+                return this._areAllKeysPressedInSingleSequence(keySequence, savedKeys);
+            });
+        };
+        this._areAllKeysPressedInSingleSequence = (keySequence, savedKeys) => {
+            const indexesInSavedKeys = this._calculateIndexesInSavedKeys(keySequence, savedKeys);
+            if (indexesInSavedKeys.includes(-1))
+                return false;
+            const firstPressedKeyIndex = indexesInSavedKeys[0];
+            const lastPressedKeyIndex = indexesInSavedKeys[indexesInSavedKeys.length - 1];
+            const areKeysPressedSequentially = lastPressedKeyIndex - firstPressedKeyIndex === indexesInSavedKeys.length - 1;
+            return areKeysPressedSequentially;
+        };
+        this._isOneOfTheKeysPressed = (keys, savedKeys) => {
+            const indexesInSavedKeys = this._calculateIndexesInSavedKeys(keys, savedKeys);
+            return typeof indexesInSavedKeys.find((index) => index > -1) === 'number';
+        };
+        this._calculateIndexesInSavedKeys = (keySequence, savedKeys) => {
+            return keySequence.reduce((allIndexes, currentKeyInSequence) => {
+                return [...allIndexes, savedKeys.indexOf(currentKeyInSequence.toLowerCase())];
+            }, []);
+        };
+        // do ogrania jeszcze string czyli zapięcie się na jeden guzik
+        this._removeKey = (ev) => {
+            let key = this._getKey(ev);
+            if (key) {
+                key = key.toLowerCase();
+                if (this._buffer.includes(key))
+                    this._buffer = this._buffer.filter((currentSavedKey) => currentSavedKey !== key);
+            }
+        };
+        tslib_es6.__classPrivateFieldSet(this, _KeystrokesController_host, host, "f");
+        tslib_es6.__classPrivateFieldSet(this, _KeystrokesController_target, target, "f");
+        this._keys = keys;
+        this._callback = callback;
+        this._containerSelectors = containerSelectors;
+        tslib_es6.__classPrivateFieldGet(this, _KeystrokesController_host, "f").addController(this);
+    }
+    hostConnected() {
+        tslib_es6.__classPrivateFieldGet(this, _KeystrokesController_host, "f").addEventListener('focusout', this._clearBuffer);
+        tslib_es6.__classPrivateFieldGet(this, _KeystrokesController_target, "f").addEventListener('keydown', this._saveKey);
+        tslib_es6.__classPrivateFieldGet(this, _KeystrokesController_target, "f").addEventListener('keyup', this._removeKey);
+    }
+    hostDisconnected() {
+        tslib_es6.__classPrivateFieldGet(this, _KeystrokesController_host, "f").removeEventListener('focusout', this._clearBuffer);
+        tslib_es6.__classPrivateFieldGet(this, _KeystrokesController_target, "f").removeEventListener('keydown', this._saveKey);
+        tslib_es6.__classPrivateFieldGet(this, _KeystrokesController_target, "f").removeEventListener('keyup', this._removeKey);
+    }
+    _getKey(ev) {
+        let key = '';
+        if (ev instanceof KeyboardEvent) {
+            key = ev.key;
+        }
+        else if (ev.detail && ev.detail.key) {
+            key = ev.detail.key;
+        }
+        return key;
+    }
+}
+_KeystrokesController_host = new WeakMap(), _KeystrokesController_target = new WeakMap();
+
+exports.KeystrokesController = KeystrokesController;
+//# sourceMappingURL=keystrokes_controller.js.map

package/build/cjs/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/controllers/list_box_controller/list_box_controller_constants.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const LIST_BOX_KEYBOARD_NAVIGATION_DIRECTIONS = {
+    horizontal: 'horizontal',
+    vertical: 'vertical'
+};
+
+exports.LIST_BOX_KEYBOARD_NAVIGATION_DIRECTIONS = LIST_BOX_KEYBOARD_NAVIGATION_DIRECTIONS;
+//# sourceMappingURL=list_box_controller_constants.js.map

package/build/cjs/packages/phoenix/src/controllers/list_box_controller/list_box_controller_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}