@shoper/phoenix_design_system 1.15.11-39 → 1.15.11-40

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

@@ -1,14 +0,0 @@
-import { TSelectTogglerKeyboardControllerConstructorOptions } from './select_toggler_keyboard_controller_types';
-export declare class SelectTogglerKeyboardController {
-    #private;
-    constructor({ host, $toggler, $list, listItemSelector, }: TSelectTogglerKeyboardControllerConstructorOptions);
-    hostConnected(): void;
-    private _handleKeyboardNavigation;
-    private _openSelect;
-    private _openSelectAndGoToFirstElement;
-    private _openSelectAndGoToLastElement;
-    private _openSelectAndGoToMatchedElement;
-    private _getAvailableOptions;
-    private _navigate;
-    hostDisconnected(): void;
-}

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

@@ -1,84 +0,0 @@
-import { __classPrivateFieldGet, __classPrivateFieldSet } from '../../../../../../../../external/tslib/tslib.es6.js';
-import 'lit';
-import '@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;
-            }
-            if (ev.altKey || ev.shiftKey)
-                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());
-            this._navigate(0);
-        };
-        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();
-            this._navigate($availableOptions.length - 1);
-        };
-        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 matchedOptionIndex = this._getAvailableOptions().findIndex(($option) => { var _a; return (_a = $option.innerText) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith(event.key.toLowerCase()); });
-            if (matchedOptionIndex)
-                this._navigate(matchedOptionIndex);
-        };
-        this._getAvailableOptions = () => {
-            return __classPrivateFieldGet(this, _SelectTogglerKeyboardController__$options, "f").filter(($option) => {
-                return !$option.getAttribute('inactive') && !$option.getAttribute('disabled') && !$option.hidden;
-            });
-        };
-        this._navigate = (newOptionIndex) => {
-            const $newOption = __classPrivateFieldGet(this, _SelectTogglerKeyboardController_host, "f").options[newOptionIndex];
-            if (!$newOption)
-                return;
-            __classPrivateFieldGet(this, _SelectTogglerKeyboardController_host, "f").manageSelectVirtualFocus($newOption);
-        };
-        __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;"}

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"}