@shoper/phoenix_design_system 1.18.23-13 → 1.18.23-15

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller.js

@@ -1,43 +0,0 @@
-import { __classPrivateFieldSet, __classPrivateFieldGet } from '../../../../../external/tslib/tslib.es6.js';
-import 'lit';
-import { SentinelFocusTrapStrategy } from './strategies/sentinel_focus_trap_strategy/sentinel_focus_trap_strategy.js';
-import { CyclicFocusTrapStrategy } from './strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.js';
-import { TogglerFocusTrapStrategy } from './strategies/toggler_focus_trap_strategy/toggler_focus_trap_strategy.js';
-import { FOCUS_TRAP_STRATEGY_TYPES } from './strategies/focus_trap_strategy_constants.js';
-
-var _a, _FocusTrapController_strategy, _FocusTrapController_createStrategy;
-class FocusTrapController {
-    constructor(host, props) {
-        _FocusTrapController_strategy.set(this, void 0);
-        __classPrivateFieldSet(this, _FocusTrapController_strategy, __classPrivateFieldGet(FocusTrapController, _a, "m", _FocusTrapController_createStrategy).call(FocusTrapController, props), "f");
-        host.addController(this);
-    }
-    get strategy() {
-        return __classPrivateFieldGet(this, _FocusTrapController_strategy, "f");
-    }
-    hostConnected() {
-        __classPrivateFieldGet(this, _FocusTrapController_strategy, "f").attach();
-    }
-    hostDisconnected() {
-        __classPrivateFieldGet(this, _FocusTrapController_strategy, "f").detach();
-    }
-    activate() {
-        __classPrivateFieldGet(this, _FocusTrapController_strategy, "f").activate();
-    }
-    deactivate() {
-        __classPrivateFieldGet(this, _FocusTrapController_strategy, "f").deactivate();
-    }
-    getFocusableElements(container) {
-        return __classPrivateFieldGet(this, _FocusTrapController_strategy, "f").getFocusableElements(container);
-    }
-}
-_a = FocusTrapController, _FocusTrapController_strategy = new WeakMap(), _FocusTrapController_createStrategy = function _FocusTrapController_createStrategy(props) {
-    switch (props.mode) {
-        case FOCUS_TRAP_STRATEGY_TYPES.sentinel: return new SentinelFocusTrapStrategy(props);
-        case FOCUS_TRAP_STRATEGY_TYPES.cyclic: return new CyclicFocusTrapStrategy(props);
-        case FOCUS_TRAP_STRATEGY_TYPES.toggler: return new TogglerFocusTrapStrategy(props);
-    }
-};
-
-export { FocusTrapController };
-//# sourceMappingURL=focus_trap_controller.js.map

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/controllers/focus_trap_controller/focus_trap_controller_types.d.ts

@@ -1,14 +0,0 @@
-import { TCyclicFocusTrapStrategyProps } from "./strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy_types";
-import { FOCUS_TRAP_STRATEGY_TYPES } from "./strategies/focus_trap_strategy_constants";
-import { TSentinelFocusTrapStrategyProps } from "./strategies/sentinel_focus_trap_strategy/sentinel_focus_trap_strategy_types";
-import { TTogglerFocusTrapStrategyProps } from "./strategies/toggler_focus_trap_strategy/toggler_focus_trap_strategy_types";
-export declare type TSentinelFocusTrapProps = TSentinelFocusTrapStrategyProps & {
-    mode: typeof FOCUS_TRAP_STRATEGY_TYPES.sentinel;
-};
-export declare type TCyclicFocusTrapProps = TCyclicFocusTrapStrategyProps & {
-    mode: typeof FOCUS_TRAP_STRATEGY_TYPES.cyclic;
-};
-export declare type TTogglerFocusTrapProps = TTogglerFocusTrapStrategyProps & {
-    mode: typeof FOCUS_TRAP_STRATEGY_TYPES.toggler;
-};
-export declare type TFocusTrapProps = TSentinelFocusTrapProps | TCyclicFocusTrapProps | TTogglerFocusTrapProps;

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller_types.js

@@ -1,5 +0,0 @@
-import "./strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy_types";
-import "./strategies/focus_trap_strategy_constants";
-import "./strategies/sentinel_focus_trap_strategy/sentinel_focus_trap_strategy_types";
-import "./strategies/toggler_focus_trap_strategy/toggler_focus_trap_strategy_types";
-//# sourceMappingURL=focus_trap_controller_types.js.map

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller_types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"focus_trap_controller_types.js","sourceRoot":"","sources":["../../../../../../../src/controllers/focus_trap_controller/focus_trap_controller_types.ts"],"names":[],"mappings":"AAAA,OAA8C,0EAA0E,CAAC;AACzH,OAA0C,4CAA4C,CAAC;AACvF,OAAgD,8EAA8E,CAAC;AAC/H,OAA+C,4EAA4E,CAAC"}

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy.d.ts

@@ -1,14 +0,0 @@
-import { IBaseFocusTrapStrategy } from './base_focus_trap_strategy_types';
-export declare abstract class BaseFocusTrapStrategy implements IBaseFocusTrapStrategy {
-    protected readonly getContainer: () => HTMLElement | undefined;
-    protected active: boolean;
-    noAutofocus: boolean;
-    constructor(getContainer: () => HTMLElement | undefined);
-    attach(): void;
-    detach(): void;
-    activate(): void;
-    deactivate(): void;
-    getFocusableElements(container: HTMLElement): HTMLElement[];
-    protected _handleKeyDown: (ev: KeyboardEvent) => void;
-    private _isElementTrulyFocusable;
-}

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy.js

@@ -1,62 +0,0 @@
-import { UiDomUtils } from '@dreamcommerce/utilities';
-
-class BaseFocusTrapStrategy {
-    constructor(getContainer) {
-        this.getContainer = getContainer;
-        this.active = false;
-        this.noAutofocus = false;
-        this._handleKeyDown = (ev) => {
-            if (!this.active || ev.code !== 'Tab')
-                return;
-            const container = this.getContainer();
-            if (!container)
-                return;
-            const focusableElements = this.getFocusableElements(container);
-            if (focusableElements.length === 0)
-                return;
-            const $target = ev.target;
-            if (ev.shiftKey) {
-                if ($target === focusableElements[0]) {
-                    ev.preventDefault();
-                    focusableElements[focusableElements.length - 1].focus();
-                }
-            }
-            else {
-                if ($target === focusableElements[focusableElements.length - 1]) {
-                    ev.preventDefault();
-                    focusableElements[0].focus();
-                }
-            }
-        };
-    }
-    attach() {
-        document.addEventListener('keydown', this._handleKeyDown);
-    }
-    detach() {
-        document.removeEventListener('keydown', this._handleKeyDown);
-    }
-    activate() {
-        this.active = true;
-    }
-    deactivate() {
-        this.active = false;
-    }
-    getFocusableElements(container) {
-        return UiDomUtils.getFocusableElements(container).filter(($el) => this._isElementTrulyFocusable($el));
-    }
-    _isElementTrulyFocusable($el) {
-        const style = window.getComputedStyle($el);
-        if (style.display === 'none' || style.visibility === 'hidden') {
-            return false;
-        }
-        if ($el.nodeName === 'H-PORTAL')
-            return true;
-        const $parent = $el.parentElement;
-        if (!$parent)
-            return true;
-        return this._isElementTrulyFocusable($parent);
-    }
-}
-
-export { BaseFocusTrapStrategy };
-//# sourceMappingURL=base_focus_trap_strategy.js.map

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy.js.map

@@ -1 +0,0 @@
-{"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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/controllers/focus_trap_controller/strategies/base_focus_trap_strategy_types.d.ts

@@ -1,8 +0,0 @@
-export interface IBaseFocusTrapStrategy {
-    noAutofocus: boolean;
-    attach(): void;
-    detach(): void;
-    activate(): void;
-    deactivate(): void;
-    getFocusableElements(container: HTMLElement): HTMLElement[];
-}

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy_types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=base_focus_trap_strategy_types.js.map

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy_types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base_focus_trap_strategy_types.js","sourceRoot":"","sources":["../../../../../../../../src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy_types.ts"],"names":[],"mappings":""}

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.d.ts

@@ -1,6 +0,0 @@
-import { BaseFocusTrapStrategy } from '../base_focus_trap_strategy';
-import { IBaseFocusTrapStrategy } from '../base_focus_trap_strategy_types';
-import { TCyclicFocusTrapStrategyProps } from './cyclic_focus_trap_strategy_types';
-export declare class CyclicFocusTrapStrategy extends BaseFocusTrapStrategy implements IBaseFocusTrapStrategy {
-    constructor({ getContainer }: TCyclicFocusTrapStrategyProps);
-}

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.js

@@ -1,10 +0,0 @@
-import { BaseFocusTrapStrategy } from '../base_focus_trap_strategy.js';
-
-class CyclicFocusTrapStrategy extends BaseFocusTrapStrategy {
-    constructor({ getContainer }) {
-        super(getContainer);
-    }
-}
-
-export { CyclicFocusTrapStrategy };
-//# sourceMappingURL=cyclic_focus_trap_strategy.js.map

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.js.map

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

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy_types.d.ts

@@ -1,3 +0,0 @@
-export declare type TCyclicFocusTrapStrategyProps = {
-    getContainer: () => HTMLElement | undefined;
-};

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy_types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=cyclic_focus_trap_strategy_types.js.map

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy_types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cyclic_focus_trap_strategy_types.js","sourceRoot":"","sources":["../../../../../../../../../src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy_types.ts"],"names":[],"mappings":""}

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.d.ts

@@ -1,5 +0,0 @@
-export declare const FOCUS_TRAP_STRATEGY_TYPES: {
-    readonly cyclic: "cyclic";
-    readonly toggler: "toggler";
-    readonly sentinel: "sentinel";
-};

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.js

@@ -1,8 +0,0 @@
-const FOCUS_TRAP_STRATEGY_TYPES = {
-    cyclic: 'cyclic',
-    toggler: 'toggler',
-    sentinel: 'sentinel',
-};
-
-export { FOCUS_TRAP_STRATEGY_TYPES };
-//# sourceMappingURL=focus_trap_strategy_constants.js.map

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.js.map

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

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/sentinel_focus_trap_strategy/sentinel_focus_trap_strategy.d.ts

@@ -1,7 +0,0 @@
-import { BaseFocusTrapStrategy } from '../base_focus_trap_strategy';
-import { IBaseFocusTrapStrategy } from '../base_focus_trap_strategy_types';
-import { TSentinelFocusTrapStrategyProps } from './sentinel_focus_trap_strategy_types';
-export declare class SentinelFocusTrapStrategy extends BaseFocusTrapStrategy implements IBaseFocusTrapStrategy {
-    constructor({ getContainer, noAutofocus }: TSentinelFocusTrapStrategyProps);
-    activate(): void;
-}

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/sentinel_focus_trap_strategy/sentinel_focus_trap_strategy.js

@@ -1,25 +0,0 @@
-import { BaseFocusTrapStrategy } from '../base_focus_trap_strategy.js';
-
-class SentinelFocusTrapStrategy extends BaseFocusTrapStrategy {
-    constructor({ getContainer, noAutofocus = false }) {
-        super(getContainer);
-        this.noAutofocus = noAutofocus;
-    }
-    activate() {
-        this.active = true;
-        if (!this.noAutofocus) {
-            requestAnimationFrame(() => {
-                const container = this.getContainer();
-                if (!container)
-                    return;
-                const focusableElements = this.getFocusableElements(container);
-                const shouldSkipStartSentinel = focusableElements.length > 1;
-                const $firstFocusableContentElement = shouldSkipStartSentinel ? focusableElements[1] : focusableElements[0];
-                $firstFocusableContentElement === null || $firstFocusableContentElement === void 0 ? void 0 : $firstFocusableContentElement.focus();
-            });
-        }
-    }
-}
-
-export { SentinelFocusTrapStrategy };
-//# sourceMappingURL=sentinel_focus_trap_strategy.js.map

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/sentinel_focus_trap_strategy/sentinel_focus_trap_strategy.js.map

@@ -1 +0,0 @@
-{"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;"}

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/sentinel_focus_trap_strategy/sentinel_focus_trap_strategy_types.d.ts

@@ -1,4 +0,0 @@
-export declare type TSentinelFocusTrapStrategyProps = {
-    getContainer: () => HTMLElement | undefined;
-    noAutofocus?: boolean;
-};

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/sentinel_focus_trap_strategy/sentinel_focus_trap_strategy_types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=sentinel_focus_trap_strategy_types.js.map

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/sentinel_focus_trap_strategy/sentinel_focus_trap_strategy_types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sentinel_focus_trap_strategy_types.js","sourceRoot":"","sources":["../../../../../../../../../src/controllers/focus_trap_controller/strategies/sentinel_focus_trap_strategy/sentinel_focus_trap_strategy_types.ts"],"names":[],"mappings":""}

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/toggler_focus_trap_strategy/toggler_focus_trap_strategy.d.ts

@@ -1,11 +0,0 @@
-import { BaseFocusTrapStrategy } from '../base_focus_trap_strategy';
-import { IBaseFocusTrapStrategy } from '../base_focus_trap_strategy_types';
-import { TTogglerFocusTrapStrategyProps } from './toggler_focus_trap_strategy_types';
-export declare class TogglerFocusTrapStrategy extends BaseFocusTrapStrategy implements IBaseFocusTrapStrategy {
-    #private;
-    constructor({ getContainer, getToggler }: TTogglerFocusTrapStrategyProps);
-    protected _handleKeyDown: (ev: KeyboardEvent) => void;
-    private _focusLastContentElement;
-    private _focusFirstContentElement;
-    private _returnToToggler;
-}

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/toggler_focus_trap_strategy/toggler_focus_trap_strategy.js

@@ -1,56 +0,0 @@
-import { __classPrivateFieldGet, __classPrivateFieldSet } from '../../../../../../../external/tslib/tslib.es6.js';
-import { BaseFocusTrapStrategy } from '../base_focus_trap_strategy.js';
-
-var _TogglerFocusTrapStrategy_getToggler;
-class TogglerFocusTrapStrategy extends BaseFocusTrapStrategy {
-    constructor({ getContainer, getToggler }) {
-        super(getContainer);
-        _TogglerFocusTrapStrategy_getToggler.set(this, void 0);
-        this._handleKeyDown = (ev) => {
-            var _a;
-            if (!this.active || ev.code !== 'Tab')
-                return;
-            const container = this.getContainer();
-            const toggler = (_a = __classPrivateFieldGet(this, _TogglerFocusTrapStrategy_getToggler, "f")) === null || _a === void 0 ? void 0 : _a.call(this);
-            if (!container || !toggler)
-                return;
-            const $target = ev.target;
-            const focusableElements = this.getFocusableElements(container);
-            if (ev.shiftKey) {
-                if (toggler.contains($target))
-                    return this._focusLastContentElement(ev, focusableElements);
-                if ($target === focusableElements[0])
-                    return this._returnToToggler(ev, toggler);
-            }
-            else {
-                if (toggler.contains($target))
-                    return this._focusFirstContentElement(ev, focusableElements);
-                if ($target === focusableElements[focusableElements.length - 1])
-                    return this._returnToToggler(ev, toggler);
-            }
-        };
-        __classPrivateFieldSet(this, _TogglerFocusTrapStrategy_getToggler, getToggler, "f");
-    }
-    _focusLastContentElement(ev, focusableElements) {
-        const last = focusableElements[focusableElements.length - 1];
-        if (!last)
-            return;
-        ev.preventDefault();
-        last.focus();
-    }
-    _focusFirstContentElement(ev, focusableElements) {
-        const first = focusableElements[0];
-        if (!first)
-            return;
-        ev.preventDefault();
-        first.focus();
-    }
-    _returnToToggler(ev, toggler) {
-        ev.preventDefault();
-        toggler.focus();
-    }
-}
-_TogglerFocusTrapStrategy_getToggler = new WeakMap();
-
-export { TogglerFocusTrapStrategy };
-//# sourceMappingURL=toggler_focus_trap_strategy.js.map

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/toggler_focus_trap_strategy/toggler_focus_trap_strategy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,kDAAsD;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/controllers/focus_trap_controller/strategies/toggler_focus_trap_strategy/toggler_focus_trap_strategy_types.d.ts

@@ -1,4 +0,0 @@
-export declare type TTogglerFocusTrapStrategyProps = {
-    getContainer: () => HTMLElement | undefined;
-    getToggler: () => HTMLElement | undefined;
-};

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/toggler_focus_trap_strategy/toggler_focus_trap_strategy_types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=toggler_focus_trap_strategy_types.js.map

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/toggler_focus_trap_strategy/toggler_focus_trap_strategy_types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggler_focus_trap_strategy_types.js","sourceRoot":"","sources":["../../../../../../../../../src/controllers/focus_trap_controller/strategies/toggler_focus_trap_strategy/toggler_focus_trap_strategy_types.ts"],"names":[],"mappings":""}