@shoper/phoenix_design_system 1.15.11-3 → 1.15.11-31

package/build/esm/packages/phoenix/src/components/form/select/controllers/select_toggler_keyboard_controller/select_toggler_keyboard_controller.js

@@ -1,92 +0,0 @@
-import { __classPrivateFieldGet, __classPrivateFieldSet } from '../../../../../../../../external/tslib/tslib.es6.js';
-import 'lit';
-import { UiDomUtils } from '@dreamcommerce/utilities';
-
-var _SelectTogglerKeyboardController_host, _SelectTogglerKeyboardController__$toggler, _SelectTogglerKeyboardController_currentOptionIndex, _SelectTogglerKeyboardController__$options;
-class SelectTogglerKeyboardController {
-    constructor({ host, $toggler, $list, listItemSelector = '[role="option"]', }) {
-        _SelectTogglerKeyboardController_host.set(this, void 0);
-        _SelectTogglerKeyboardController__$toggler.set(this, void 0);
-        _SelectTogglerKeyboardController_currentOptionIndex.set(this, void 0);
-        _SelectTogglerKeyboardController__$options.set(this, void 0);
-        this._handleKeyboardNavigation = (ev) => {
-            const arrowKeys = ['ArrowUp', 'ArrowDown'];
-            if (arrowKeys.includes(ev.key)) {
-                this._openSelect(ev);
-                return;
-            }
-            if (ev.key === 'Home') {
-                this._openSelectAndGoToFirstElement(ev);
-                return;
-            }
-            if (ev.key === 'End') {
-                this._openSelectAndGoToLastElement(ev);
-                return;
-            }
-            const isAWriteableCharacter = ev.key.length === 1;
-            if (isAWriteableCharacter)
-                this._openSelectAndGoToMatchedElement(ev);
-        };
-        this._openSelect = (event) => {
-            var _a;
-            event.preventDefault();
-            (_a = __classPrivateFieldGet(this, _SelectTogglerKeyboardController_host, "f").$dropdown.value) === null || _a === void 0 ? void 0 : _a.show();
-        };
-        this._openSelectAndGoToFirstElement = async (event) => {
-            var _a;
-            event.preventDefault();
-            await ((_a = __classPrivateFieldGet(this, _SelectTogglerKeyboardController_host, "f").$dropdown.value) === null || _a === void 0 ? void 0 : _a.show());
-            const $firstOption = this._getAvailableOptions()[0];
-            if ($firstOption)
-                this._navigate($firstOption);
-        };
-        this._openSelectAndGoToLastElement = async (event) => {
-            var _a;
-            event.preventDefault();
-            await ((_a = __classPrivateFieldGet(this, _SelectTogglerKeyboardController_host, "f").$dropdown.value) === null || _a === void 0 ? void 0 : _a.show());
-            const $availableOptions = this._getAvailableOptions();
-            const $lastOption = $availableOptions[$availableOptions.length - 1];
-            if ($lastOption)
-                this._navigate($lastOption);
-        };
-        this._openSelectAndGoToMatchedElement = async (event) => {
-            var _a;
-            event.preventDefault();
-            await ((_a = __classPrivateFieldGet(this, _SelectTogglerKeyboardController_host, "f").$dropdown.value) === null || _a === void 0 ? void 0 : _a.show());
-            const $matchedOption = this._getAvailableOptions().find(($option) => { var _a; return (_a = $option.innerText) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith(event.key.toLowerCase()); });
-            if ($matchedOption)
-                this._navigate($matchedOption);
-        };
-        this._getAvailableOptions = () => {
-            return __classPrivateFieldGet(this, _SelectTogglerKeyboardController__$options, "f").filter(($option) => {
-                return !$option.getAttribute('inactive') && !$option.getAttribute('disabled') && !$option.hidden;
-            });
-        };
-        this._findSelectedIndex = () => {
-            const selectedOptionIndex = this._getAvailableOptions().findIndex(($option) => $option.selected);
-            return selectedOptionIndex !== -1 ? selectedOptionIndex : 0;
-        };
-        this._navigate = ($newOption) => {
-            const $selectedOption = __classPrivateFieldGet(this, _SelectTogglerKeyboardController__$options, "f")[this._findSelectedIndex()];
-            UiDomUtils.makeUnnavigable($selectedOption);
-            const newOptionIndex = this._getAvailableOptions().findIndex(($option) => $newOption.value === $option.value);
-            __classPrivateFieldGet(this, _SelectTogglerKeyboardController_host, "f").listBoxController.currentOptionIndex = newOptionIndex;
-            UiDomUtils.makeNavigable($newOption);
-            $newOption.focus();
-        };
-        __classPrivateFieldSet(this, _SelectTogglerKeyboardController_host, host, "f");
-        __classPrivateFieldSet(this, _SelectTogglerKeyboardController__$toggler, $toggler, "f");
-        __classPrivateFieldSet(this, _SelectTogglerKeyboardController__$options, Array.from($list.querySelectorAll(listItemSelector)), "f");
-        __classPrivateFieldGet(this, _SelectTogglerKeyboardController_host, "f").addController(this);
-    }
-    hostConnected() {
-        __classPrivateFieldGet(this, _SelectTogglerKeyboardController__$toggler, "f").addEventListener('keydown', this._handleKeyboardNavigation);
-    }
-    hostDisconnected() {
-        __classPrivateFieldGet(this, _SelectTogglerKeyboardController__$toggler, "f").removeEventListener('keydown', this._handleKeyboardNavigation);
-    }
-}
-_SelectTogglerKeyboardController_host = new WeakMap(), _SelectTogglerKeyboardController__$toggler = new WeakMap(), _SelectTogglerKeyboardController_currentOptionIndex = new WeakMap(), _SelectTogglerKeyboardController__$options = new WeakMap();
-
-export { SelectTogglerKeyboardController };
-//# sourceMappingURL=select_toggler_keyboard_controller.js.map

package/build/esm/packages/phoenix/src/components/form/select/controllers/select_toggler_keyboard_controller/select_toggler_keyboard_controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,qDAAyD;AACxH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/esm/packages/phoenix/src/components/form/select/controllers/select_toggler_keyboard_controller/select_toggler_keyboard_controller_types.d.ts

@@ -1,8 +0,0 @@
-import { ReactiveControllerHost } from 'lit';
-import { HSelect } from "../../select";
-export declare type TSelectTogglerKeyboardControllerConstructorOptions = {
-    host: ReactiveControllerHost & HSelect;
-    $toggler: HTMLElement;
-    $list: HTMLElement;
-    listItemSelector?: string;
-};

package/build/esm/packages/phoenix/src/components/form/select/controllers/select_toggler_keyboard_controller/select_toggler_keyboard_controller_types.js

@@ -1,3 +0,0 @@
-import 'lit';
-import '@phoenixRoot/components/form/select/select';
-//# sourceMappingURL=select_toggler_keyboard_controller_types.js.map

package/build/esm/packages/phoenix/src/components/form/select/controllers/select_toggler_keyboard_controller/select_toggler_keyboard_controller_types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select_toggler_keyboard_controller_types.js","sourceRoot":"","sources":["../../../../../../../../../../src/components/form/select/controllers/select_toggler_keyboard_controller/select_toggler_keyboard_controller_types.ts"],"names":[],"mappings":"AAAA,OAAuC,KAAK,CAAC;AAC7C,OAAwB,4CAA4C,CAAC"}