@shoper/phoenix_design_system 1.18.23-8 → 1.18.23-9

package/build/cjs/packages/phoenix/src/components/form/search/search.js

@@ -34,7 +34,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
         this._id = v4['default']();
         this._openSearchButtonAriaLabelId = `${this._id}-open-search-button-aria-label`;
         this._searchContentContainerId = v4['default']();
-        this._mobileFocusTrapController = new focus_trap_controller.FocusTrapController(this, {
+        this.mobileFocusTrapController = new focus_trap_controller.FocusTrapController(this, {
             mode: 'cyclic',
             getContainer: () => this
         });
@@ -376,12 +376,12 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
             this._mobileDialogOpener = document.activeElement;
             this.setAttribute('role', 'dialog');
             this.setAttribute('aria-modal', 'true');
-            this._mobileFocusTrapController.activate();
+            this.mobileFocusTrapController.activate();
         };
         this._deactivateMobileDialog = () => {
             this.removeAttribute('role');
             this.removeAttribute('aria-modal');
-            this._mobileFocusTrapController.deactivate();
+            this.mobileFocusTrapController.deactivate();
         };
         this._setupAriaAttributes = () => {
             var _a;

package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/{focus_trap_strategy.js → base_focus_trap_strategy.js}

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var utilities = require('@dreamcommerce/utilities');
 
-class FocusTrapStrategy {
+class BaseFocusTrapStrategy {
     constructor(getContainer) {
         this.getContainer = getContainer;
         this.active = false;
@@ -62,5 +62,5 @@ class FocusTrapStrategy {
     }
 }
 
-exports.FocusTrapStrategy = FocusTrapStrategy;
-//# sourceMappingURL=focus_trap_strategy.js.map
+exports.BaseFocusTrapStrategy = BaseFocusTrapStrategy;
+//# sourceMappingURL=base_focus_trap_strategy.js.map

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base_focus_trap_strategy = require('../base_focus_trap_strategy.js');
+
+class CyclicFocusTrapStrategy extends base_focus_trap_strategy.BaseFocusTrapStrategy {
+    constructor({ getContainer }) {
+        super(getContainer);
+    }
+}
+
+exports.CyclicFocusTrapStrategy = CyclicFocusTrapStrategy;
+//# sourceMappingURL=cyclic_focus_trap_strategy.js.map

package/build/{esm/packages/phoenix/src/controllers/focus_trap_controller/strategies → cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy}/cyclic_focus_trap_strategy.js.map

@@ -1 +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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var cyclic_focus_trap_strategy = require('./cyclic_focus_trap_strategy.js');
-var toggler_focus_trap_strategy = require('./toggler_focus_trap_strategy.js');
-var sentinel_focus_trap_strategy = require('./sentinel_focus_trap_strategy.js');
+var cyclic_focus_trap_strategy = require('./cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.js');
+var toggler_focus_trap_strategy = require('./toggler_focus_trap_strategy/toggler_focus_trap_strategy.js');
+var sentinel_focus_trap_strategy = require('./sentinel_focus_trap_strategy/sentinel_focus_trap_strategy.js');
 
 const FOCUS_TRAP_STRATEGY_TYPES = {
     cyclic: 'cyclic',

package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/{sentinel_focus_trap_strategy.js → sentinel_focus_trap_strategy/sentinel_focus_trap_strategy.js}

@@ -2,16 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var focus_trap_strategy = require('./focus_trap_strategy.js');
+var base_focus_trap_strategy = require('../base_focus_trap_strategy.js');
 
-/**
- * Sentinel mode focus trap.
- *
- * Traps focus within the container using `keydown` interception. On `activate()`,
- * automatically moves focus to the first focusable element inside the container.
- * Appropriate for modal dialogs and sheets where background content is marked `inert`.
- */
-class SentinelFocusTrapStrategy extends focus_trap_strategy.FocusTrapStrategy {
+class SentinelFocusTrapStrategy extends base_focus_trap_strategy.BaseFocusTrapStrategy {
     constructor({ getContainer, noAutofocus = false }) {
         super(getContainer);
         this.noAutofocus = noAutofocus;
@@ -24,9 +17,9 @@ class SentinelFocusTrapStrategy extends focus_trap_strategy.FocusTrapStrategy {
                 if (!container)
                     return;
                 const focusableElements = this.getFocusableElements(container);
-                if (focusableElements.length > 0) {
-                    focusableElements.length > 1 ? focusableElements[1].focus() : focusableElements[0].focus();
-                }
+                const shouldSkipStartSentinel = focusableElements.length > 1;
+                const $firstFocusableContentElement = shouldSkipStartSentinel ? focusableElements[1] : focusableElements[0];
+                $firstFocusableContentElement === null || $firstFocusableContentElement === void 0 ? void 0 : $firstFocusableContentElement.focus();
             });
         }
     }

package/build/{esm/packages/phoenix/src/controllers/focus_trap_controller/strategies → cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/sentinel_focus_trap_strategy}/sentinel_focus_trap_strategy.js.map

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

package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/{toggler_focus_trap_strategy.js → toggler_focus_trap_strategy/toggler_focus_trap_strategy.js}

@@ -2,20 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
-var focus_trap_strategy = require('./focus_trap_strategy.js');
+var tslib_es6 = require('../../../../../../../external/tslib/tslib.es6.js');
+var base_focus_trap_strategy = require('../base_focus_trap_strategy.js');
 
 var _TogglerFocusTrapStrategy_getToggler;
-/**
- * Toggler mode focus trap.
- *
- * Focus cycles: toggler → content[0] → … → content[last] → toggler (and reverse).
- * Uses `keydown` + `preventDefault` so the browser never moves focus on its own.
- *
- * Suitable for dropdowns where the toggler button should stay in the Tab cycle
- * alongside the dropdown content.
- */
-class TogglerFocusTrapStrategy extends focus_trap_strategy.FocusTrapStrategy {
+class TogglerFocusTrapStrategy extends base_focus_trap_strategy.BaseFocusTrapStrategy {
     constructor({ getContainer, getToggler }) {
         super(getContainer);
         _TogglerFocusTrapStrategy_getToggler.set(this, void 0);

package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/{toggler_focus_trap_strategy.js.map → toggler_focus_trap_strategy/toggler_focus_trap_strategy.js.map}

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,kDAAsD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/search/search.d.ts

@@ -1,6 +1,7 @@
 import { TemplateResult } from 'lit';
 import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 import type { TSearchDisplayMode, TSearchSettings } from "./search_types";
+import { FocusTrapController } from "../../../controllers/focus_trap_controller/focus_trap_controller";
 export declare class HSearch extends PhoenixLightLitElement {
     settings: TSearchSettings;
     view: string;
@@ -21,7 +22,7 @@ export declare class HSearch extends PhoenixLightLitElement {
     private _id;
     private _openSearchButtonAriaLabelId;
     private _searchContentContainerId;
-    private _mobileFocusTrapController;
+    mobileFocusTrapController: FocusTrapController;
     private _searchResultsRef;
     private _searchHistoryRef;
     private _searchMessageRef;

package/build/esm/packages/phoenix/src/components/form/search/search.js

@@ -30,7 +30,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
         this._id = v4();
         this._openSearchButtonAriaLabelId = `${this._id}-open-search-button-aria-label`;
         this._searchContentContainerId = v4();
-        this._mobileFocusTrapController = new FocusTrapController(this, {
+        this.mobileFocusTrapController = new FocusTrapController(this, {
             mode: 'cyclic',
             getContainer: () => this
         });
@@ -372,12 +372,12 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
             this._mobileDialogOpener = document.activeElement;
             this.setAttribute('role', 'dialog');
             this.setAttribute('aria-modal', 'true');
-            this._mobileFocusTrapController.activate();
+            this.mobileFocusTrapController.activate();
         };
         this._deactivateMobileDialog = () => {
             this.removeAttribute('role');
             this.removeAttribute('aria-modal');
-            this._mobileFocusTrapController.deactivate();
+            this.mobileFocusTrapController.deactivate();
         };
         this._setupAriaAttributes = () => {
             var _a;

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

@@ -1,10 +1,10 @@
 import { ReactiveController, ReactiveControllerHost } from 'lit';
 import type { TFocusTrapProps } from './focus_trap_controller_types';
-import { IFocusTrapStrategy } from './strategies/focus_trap_strategy_types';
+import { IBaseFocusTrapStrategy } from './strategies/base_focus_trap_strategy_types';
 export declare class FocusTrapController<TProps extends TFocusTrapProps = TFocusTrapProps> implements ReactiveController {
     #private;
     constructor(host: ReactiveControllerHost, { mode, ...strategyProps }: TProps);
-    get strategy(): IFocusTrapStrategy;
+    get strategy(): IBaseFocusTrapStrategy;
     hostConnected(): void;
     hostDisconnected(): void;
     activate(): void;

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/{focus_trap_strategy.d.ts → base_focus_trap_strategy.d.ts}

@@ -1,5 +1,5 @@
-import { IFocusTrapStrategy } from './focus_trap_strategy_types';
-export declare abstract class FocusTrapStrategy implements IFocusTrapStrategy {
+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;

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/{focus_trap_strategy.js → base_focus_trap_strategy.js}

@@ -1,6 +1,6 @@
 import { UiDomUtils } from '@dreamcommerce/utilities';
 
-class FocusTrapStrategy {
+class BaseFocusTrapStrategy {
     constructor(getContainer) {
         this.getContainer = getContainer;
         this.active = false;
@@ -58,5 +58,5 @@ class FocusTrapStrategy {
     }
 }
 
-export { FocusTrapStrategy };
-//# sourceMappingURL=focus_trap_strategy.js.map
+export { BaseFocusTrapStrategy };
+//# sourceMappingURL=base_focus_trap_strategy.js.map

package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/{focus_trap_strategy_types.d.ts → base_focus_trap_strategy_types.d.ts}

@@ -1,4 +1,4 @@
-export interface IFocusTrapStrategy {
+export interface IBaseFocusTrapStrategy {
     noAutofocus: boolean;
     attach(): void;
     detach(): void;

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

@@ -0,0 +1,2 @@
+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

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,10 @@
+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

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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,6 +1,6 @@
-import { CyclicFocusTrapStrategy } from './cyclic_focus_trap_strategy';
-import { TogglerFocusTrapStrategy } from './toggler_focus_trap_strategy';
-import { SentinelFocusTrapStrategy } from './sentinel_focus_trap_strategy';
+import { CyclicFocusTrapStrategy } from './cyclic_focus_trap_strategy/cyclic_focus_trap_strategy';
+import { TogglerFocusTrapStrategy } from './toggler_focus_trap_strategy/toggler_focus_trap_strategy';
+import { SentinelFocusTrapStrategy } from './sentinel_focus_trap_strategy/sentinel_focus_trap_strategy';
 export declare const FOCUS_TRAP_STRATEGY_TYPES: {
     readonly cyclic: "cyclic";
     readonly toggler: "toggler";

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

@@ -1,6 +1,6 @@
-import { CyclicFocusTrapStrategy } from './cyclic_focus_trap_strategy.js';
-import { TogglerFocusTrapStrategy } from './toggler_focus_trap_strategy.js';
-import { SentinelFocusTrapStrategy } from './sentinel_focus_trap_strategy.js';
+import { CyclicFocusTrapStrategy } from './cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.js';
+import { TogglerFocusTrapStrategy } from './toggler_focus_trap_strategy/toggler_focus_trap_strategy.js';
+import { SentinelFocusTrapStrategy } from './sentinel_focus_trap_strategy/sentinel_focus_trap_strategy.js';
 
 const FOCUS_TRAP_STRATEGY_TYPES = {
     cyclic: 'cyclic',

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,25 @@
+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/{cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy.js.map → esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/sentinel_focus_trap_strategy/sentinel_focus_trap_strategy.js.map}

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,2 @@
+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

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

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

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

@@ -1,17 +1,8 @@
-import { __classPrivateFieldGet, __classPrivateFieldSet } from '../../../../../../external/tslib/tslib.es6.js';
-import { FocusTrapStrategy } from './focus_trap_strategy.js';
+import { __classPrivateFieldGet, __classPrivateFieldSet } from '../../../../../../../external/tslib/tslib.es6.js';
+import { BaseFocusTrapStrategy } from '../base_focus_trap_strategy.js';
 
 var _TogglerFocusTrapStrategy_getToggler;
-/**
- * Toggler mode focus trap.
- *
- * Focus cycles: toggler → content[0] → … → content[last] → toggler (and reverse).
- * Uses `keydown` + `preventDefault` so the browser never moves focus on its own.
- *
- * Suitable for dropdowns where the toggler button should stay in the Tab cycle
- * alongside the dropdown content.
- */
-class TogglerFocusTrapStrategy extends FocusTrapStrategy {
+class TogglerFocusTrapStrategy extends BaseFocusTrapStrategy {
     constructor({ getContainer, getToggler }) {
         super(getContainer);
         _TogglerFocusTrapStrategy_getToggler.set(this, void 0);

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,+CAAmD;AAClH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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;AACA;AACA;"}

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

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

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

@@ -0,0 +1,2 @@
+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

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

package/package.json

@@ -2,7 +2,7 @@
   "name": "@shoper/phoenix_design_system",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "1.18.23-8",
+  "version": "1.18.23-9",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",

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

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var focus_trap_strategy = require('./focus_trap_strategy.js');
-
-/**
- * Cyclic keydown focus trap.
- *
- * No sentinel DOM elements. Tab past the last focusable element wraps to the first;
- * Shift+Tab past the first wraps to the last. Uses `keydown` + `preventDefault` so the
- * browser never moves focus outside the container.
- *
- * Suitable when the host is not portaled and `inert` is not applied to background content
- * (e.g. a full-screen search overlay on mobile).
- */
-class CyclicFocusTrapStrategy extends focus_trap_strategy.FocusTrapStrategy {
-    constructor({ getContainer }) {
-        super(getContainer);
-    }
-}
-
-exports.CyclicFocusTrapStrategy = CyclicFocusTrapStrategy;
-//# sourceMappingURL=cyclic_focus_trap_strategy.js.map

package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1,18 +0,0 @@
-import { FocusTrapStrategy } from './focus_trap_strategy';
-import { IFocusTrapStrategy } from './focus_trap_strategy_types';
-export declare type TCyclicFocusTrapStrategyProps = {
-    getContainer: () => HTMLElement | undefined;
-};
-/**
- * Cyclic keydown focus trap.
- *
- * No sentinel DOM elements. Tab past the last focusable element wraps to the first;
- * Shift+Tab past the first wraps to the last. Uses `keydown` + `preventDefault` so the
- * browser never moves focus outside the container.
- *
- * Suitable when the host is not portaled and `inert` is not applied to background content
- * (e.g. a full-screen search overlay on mobile).
- */
-export declare class CyclicFocusTrapStrategy extends FocusTrapStrategy implements IFocusTrapStrategy {
-    constructor({ getContainer }: TCyclicFocusTrapStrategyProps);
-}

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

@@ -1,20 +0,0 @@
-import { FocusTrapStrategy } from './focus_trap_strategy.js';
-
-/**
- * Cyclic keydown focus trap.
- *
- * No sentinel DOM elements. Tab past the last focusable element wraps to the first;
- * Shift+Tab past the first wraps to the last. Uses `keydown` + `preventDefault` so the
- * browser never moves focus outside the container.
- *
- * Suitable when the host is not portaled and `inert` is not applied to background content
- * (e.g. a full-screen search overlay on mobile).
- */
-class CyclicFocusTrapStrategy extends FocusTrapStrategy {
-    constructor({ getContainer }) {
-        super(getContainer);
-    }
-}
-
-export { CyclicFocusTrapStrategy };
-//# sourceMappingURL=cyclic_focus_trap_strategy.js.map

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

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

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

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

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

@@ -1,17 +0,0 @@
-import { FocusTrapStrategy } from './focus_trap_strategy';
-import { IFocusTrapStrategy } from './focus_trap_strategy_types';
-export declare type TSentinelFocusTrapStrategyProps = {
-    getContainer: () => HTMLElement | undefined;
-    noAutofocus?: boolean;
-};
-/**
- * Sentinel mode focus trap.
- *
- * Traps focus within the container using `keydown` interception. On `activate()`,
- * automatically moves focus to the first focusable element inside the container.
- * Appropriate for modal dialogs and sheets where background content is marked `inert`.
- */
-export declare class SentinelFocusTrapStrategy extends FocusTrapStrategy implements IFocusTrapStrategy {
-    constructor({ getContainer, noAutofocus }: TSentinelFocusTrapStrategyProps);
-    activate(): void;
-}

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

@@ -1,32 +0,0 @@
-import { FocusTrapStrategy } from './focus_trap_strategy.js';
-
-/**
- * Sentinel mode focus trap.
- *
- * Traps focus within the container using `keydown` interception. On `activate()`,
- * automatically moves focus to the first focusable element inside the container.
- * Appropriate for modal dialogs and sheets where background content is marked `inert`.
- */
-class SentinelFocusTrapStrategy extends FocusTrapStrategy {
-    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);
-                if (focusableElements.length > 0) {
-                    focusableElements.length > 1 ? focusableElements[1].focus() : focusableElements[0].focus();
-                }
-            });
-        }
-    }
-}
-
-export { SentinelFocusTrapStrategy };
-//# sourceMappingURL=sentinel_focus_trap_strategy.js.map

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

@@ -1,20 +0,0 @@
-import { FocusTrapStrategy } from './focus_trap_strategy';
-import { IFocusTrapStrategy } from './focus_trap_strategy_types';
-export declare type TTogglerFocusTrapStrategyProps = {
-    getContainer: () => HTMLElement | undefined;
-    getToggler: () => HTMLElement | null | undefined;
-};
-/**
- * Toggler mode focus trap.
- *
- * Focus cycles: toggler → content[0] → … → content[last] → toggler (and reverse).
- * Uses `keydown` + `preventDefault` so the browser never moves focus on its own.
- *
- * Suitable for dropdowns where the toggler button should stay in the Tab cycle
- * alongside the dropdown content.
- */
-export declare class TogglerFocusTrapStrategy extends FocusTrapStrategy implements IFocusTrapStrategy {
-    #private;
-    constructor({ getContainer, getToggler }: TTogglerFocusTrapStrategyProps);
-    protected _handleKeyDown: (ev: KeyboardEvent) => void;
-}