@shoper/phoenix_design_system 1.18.23-7 → 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/components/modal/modal.js

@@ -6,7 +6,6 @@ var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
 var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
 var decorators_js = require('@lit/reactive-element/decorators.js');
-require('@lit/reactive-element');
 var litHtml = require('lit-html');
 var ref_js = require('lit-html/directives/ref.js');
 var portal_constants = require('../portal/portal_constants.js');
@@ -27,8 +26,6 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
         this.noAutofocus = false;
         this._focusedToggler = null;
         this._contentRef = ref_js.createRef();
-        this._focusSentinelStart = ref_js.createRef();
-        this._focusSentinelEnd = ref_js.createRef();
         this._propsChangeStrategies = {
             [modal_constants.MODAL_OPENED_PROP]: {
                 true: () => {
@@ -136,10 +133,6 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
         document.removeEventListener(modal_constants.MODAL_EVENTS.close, this._handleCloseFromCloseComponent);
         document.removeEventListener('keydown', this._bindCloseOnEsc);
     }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        this._focusTrapController.strategy.setSentinels(this._focusSentinelStart.value, this._focusSentinelEnd.value);
-    }
     updated(changedProps) {
         if (changedProps.has(modal_constants.MODAL_OPENED_PROP)) {
             this._propsChangeStrategies[modal_constants.MODAL_OPENED_PROP][String(this[modal_constants.MODAL_OPENED_PROP])]();
@@ -163,7 +156,6 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
                 setTimeout(() => {
                     var _a;
                     (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`modal_show-${this.transition}-start`, `modal_show-${this.transition}-end`);
-                    this._focusTrapController.strategy.focusFirst();
                     resolve();
                 }, transitionDuration);
             });
@@ -191,11 +183,11 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
         return litHtml.html `
             <h-portal ?disabled="${!this.opened}" to="${modal_constants.MODALS_PORTAL_NAME}" hidden>
                 <div class="modal-wrapper ${this.class}">
-                    <div tabindex="0" ${ref_js.ref(this._focusSentinelStart)}></div>
+                    <div tabindex="0"></div>
                     <div ${ref_js.ref(this._contentRef)} class="modal" role="dialog" aria-label="${this.modalLabel}">
                         <div class="modal__container">${this.getSlot('header')} ${this.getSlot('body')} ${this.getSlot('footer')}</div>
                     </div>
-                    <div tabindex="0" ${ref_js.ref(this._focusSentinelEnd)}></div>
+                    <div tabindex="0"></div>
                 </div>
             </h-portal>
         `;

package/build/cjs/packages/phoenix/src/components/modal/modal.js.map

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

package/build/cjs/packages/phoenix/src/components/sheet/sheet.js

@@ -6,7 +6,6 @@ var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
 var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
 var decorators_js = require('@lit/reactive-element/decorators.js');
-require('@lit/reactive-element');
 var litHtml = require('lit-html');
 var ref_js = require('lit-html/directives/ref.js');
 var portal_constants = require('../portal/portal_constants.js');
@@ -26,8 +25,6 @@ exports.HSheet = HSheet_1 = class HSheet extends phoenix_light_lit_element.Phoen
         this.sheetLabel = '';
         this._focusedToggler = null;
         this._contentRef = ref_js.createRef();
-        this._focusSentinelStart = ref_js.createRef();
-        this._focusSentinelEnd = ref_js.createRef();
         this._propsChangeStrategies = {
             [sheet_constants.SHEET_OPENED_PROP]: {
                 true: () => {
@@ -134,10 +131,6 @@ exports.HSheet = HSheet_1 = class HSheet extends phoenix_light_lit_element.Phoen
         document.removeEventListener(sheet_constants.SHEET_EVENTS.close, this._handleCloseFromCloseComponent);
         document.removeEventListener('keydown', this._bindCloseOnEsc);
     }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        this._focusTrapController.strategy.setSentinels(this._focusSentinelStart.value, this._focusSentinelEnd.value);
-    }
     updated(changedProps) {
         if (changedProps.has(sheet_constants.SHEET_OPENED_PROP)) {
             this._propsChangeStrategies[sheet_constants.SHEET_OPENED_PROP][String(this[sheet_constants.SHEET_OPENED_PROP])]();
@@ -158,7 +151,6 @@ exports.HSheet = HSheet_1 = class HSheet extends phoenix_light_lit_element.Phoen
                 setTimeout(() => {
                     var _a;
                     (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`sheet_show-${this.transition}-start`, `sheet_show-${this.transition}-end`);
-                    this._focusTrapController.strategy.focusFirst();
                     resolve();
                 }, transitionDuration);
             });
@@ -184,11 +176,11 @@ exports.HSheet = HSheet_1 = class HSheet extends phoenix_light_lit_element.Phoen
         return litHtml.html `
             <h-portal ?disabled="${!this.opened}" to="${sheet_constants.SHEETS_PORTAL_NAME}" hidden>
                 <div class="sheet-wrapper ${this.class}">
-                    <div tabindex="0" ${ref_js.ref(this._focusSentinelStart)}></div>
+                    <div tabindex="0"></div>
                     <div ${ref_js.ref(this._contentRef)} class="sheet" role="dialog" aria-label="${this.sheetLabel}">
                         <div class="sheet__container">${this.getSlot('header')} ${this.getSlot('body')} ${this.getSlot('footer')}</div>
                     </div>
-                    <div tabindex="0" ${ref_js.ref(this._focusSentinelEnd)}></div>
+                    <div tabindex="0"></div>
                 </div>
             </h-portal>
         `;

package/build/cjs/packages/phoenix/src/components/sheet/sheet.js.map

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

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

@@ -4,10 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var utilities = require('@dreamcommerce/utilities');
 
-class FocusTrapStrategy {
+class BaseFocusTrapStrategy {
     constructor(getContainer) {
         this.getContainer = getContainer;
         this.active = false;
+        this.noAutofocus = false;
         this._handleKeyDown = (ev) => {
             if (!this.active || ev.code !== 'Tab')
                 return;
@@ -61,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/{focus_trap_strategy.js.map → base_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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/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/sentinel_focus_trap_strategy.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base_focus_trap_strategy = require('../base_focus_trap_strategy.js');
+
+class SentinelFocusTrapStrategy extends base_focus_trap_strategy.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();
+            });
+        }
+    }
+}
+
+exports.SentinelFocusTrapStrategy = SentinelFocusTrapStrategy;
+//# sourceMappingURL=sentinel_focus_trap_strategy.js.map

package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/sentinel_focus_trap_strategy/sentinel_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;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/{sentinel_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;"}
+{"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/components/modal/modal.d.ts

@@ -1,6 +1,5 @@
 import { TemplateResult } from 'lit-html';
 import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import { PropertyValues } from '@lit/reactive-element';
 export declare class HModal extends PhoenixLightLitElement {
     opened: boolean;
     class: string;
@@ -9,8 +8,6 @@ export declare class HModal extends PhoenixLightLitElement {
     noAutofocus: boolean;
     private _focusedToggler;
     private _contentRef;
-    private _focusSentinelStart;
-    private _focusSentinelEnd;
     private _propsChangeStrategies;
     private static openModals;
     private _backdropController;
@@ -20,7 +17,6 @@ export declare class HModal extends PhoenixLightLitElement {
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
-    firstUpdated(props: PropertyValues): void;
     updated(changedProps: Map<string, any>): void;
     private _handleCloseFromCloseComponent;
     private _bindCloseOnEsc;

package/build/esm/packages/phoenix/src/components/modal/modal.js

@@ -2,7 +2,6 @@ import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.
 import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
 import { property } from '@lit/reactive-element/decorators.js';
-import '@lit/reactive-element';
 import { html } from 'lit-html';
 import { createRef, ref } from 'lit-html/directives/ref.js';
 import { PORTAL_TARGET_COMPONENT_NAME, PORTAL_TARGET_NAME_PROP } from '../portal/portal_constants.js';
@@ -23,8 +22,6 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
         this.noAutofocus = false;
         this._focusedToggler = null;
         this._contentRef = createRef();
-        this._focusSentinelStart = createRef();
-        this._focusSentinelEnd = createRef();
         this._propsChangeStrategies = {
             [MODAL_OPENED_PROP]: {
                 true: () => {
@@ -132,10 +129,6 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
         document.removeEventListener(MODAL_EVENTS.close, this._handleCloseFromCloseComponent);
         document.removeEventListener('keydown', this._bindCloseOnEsc);
     }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        this._focusTrapController.strategy.setSentinels(this._focusSentinelStart.value, this._focusSentinelEnd.value);
-    }
     updated(changedProps) {
         if (changedProps.has(MODAL_OPENED_PROP)) {
             this._propsChangeStrategies[MODAL_OPENED_PROP][String(this[MODAL_OPENED_PROP])]();
@@ -159,7 +152,6 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
                 setTimeout(() => {
                     var _a;
                     (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`modal_show-${this.transition}-start`, `modal_show-${this.transition}-end`);
-                    this._focusTrapController.strategy.focusFirst();
                     resolve();
                 }, transitionDuration);
             });
@@ -187,11 +179,11 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
         return html `
             <h-portal ?disabled="${!this.opened}" to="${MODALS_PORTAL_NAME}" hidden>
                 <div class="modal-wrapper ${this.class}">
-                    <div tabindex="0" ${ref(this._focusSentinelStart)}></div>
+                    <div tabindex="0"></div>
                     <div ${ref(this._contentRef)} class="modal" role="dialog" aria-label="${this.modalLabel}">
                         <div class="modal__container">${this.getSlot('header')} ${this.getSlot('body')} ${this.getSlot('footer')}</div>
                     </div>
-                    <div tabindex="0" ${ref(this._focusSentinelEnd)}></div>
+                    <div tabindex="0"></div>
                 </div>
             </h-portal>
         `;

package/build/esm/packages/phoenix/src/components/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/sheet/sheet.d.ts

@@ -1,6 +1,5 @@
 import { TemplateResult } from 'lit-html';
 import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import { PropertyValues } from '@lit/reactive-element';
 export declare class HSheet extends PhoenixLightLitElement {
     opened: boolean;
     class: string;
@@ -8,8 +7,6 @@ export declare class HSheet extends PhoenixLightLitElement {
     sheetLabel: string;
     private _focusedToggler;
     private _contentRef;
-    private _focusSentinelStart;
-    private _focusSentinelEnd;
     private _propsChangeStrategies;
     private static openSheets;
     private _backdropController;
@@ -19,7 +16,6 @@ export declare class HSheet extends PhoenixLightLitElement {
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
-    firstUpdated(props: PropertyValues): void;
     updated(changedProps: Map<string, any>): void;
     private _handleCloseFromCloseComponent;
     private _bindCloseOnEsc;

package/build/esm/packages/phoenix/src/components/sheet/sheet.js

@@ -2,7 +2,6 @@ import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.
 import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
 import { property } from '@lit/reactive-element/decorators.js';
-import '@lit/reactive-element';
 import { html } from 'lit-html';
 import { createRef, ref } from 'lit-html/directives/ref.js';
 import { PORTAL_TARGET_COMPONENT_NAME, PORTAL_TARGET_NAME_PROP } from '../portal/portal_constants.js';
@@ -22,8 +21,6 @@ let HSheet = HSheet_1 = class HSheet extends PhoenixLightLitElement {
         this.sheetLabel = '';
         this._focusedToggler = null;
         this._contentRef = createRef();
-        this._focusSentinelStart = createRef();
-        this._focusSentinelEnd = createRef();
         this._propsChangeStrategies = {
             [SHEET_OPENED_PROP]: {
                 true: () => {
@@ -130,10 +127,6 @@ let HSheet = HSheet_1 = class HSheet extends PhoenixLightLitElement {
         document.removeEventListener(SHEET_EVENTS.close, this._handleCloseFromCloseComponent);
         document.removeEventListener('keydown', this._bindCloseOnEsc);
     }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        this._focusTrapController.strategy.setSentinels(this._focusSentinelStart.value, this._focusSentinelEnd.value);
-    }
     updated(changedProps) {
         if (changedProps.has(SHEET_OPENED_PROP)) {
             this._propsChangeStrategies[SHEET_OPENED_PROP][String(this[SHEET_OPENED_PROP])]();
@@ -154,7 +147,6 @@ let HSheet = HSheet_1 = class HSheet extends PhoenixLightLitElement {
                 setTimeout(() => {
                     var _a;
                     (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`sheet_show-${this.transition}-start`, `sheet_show-${this.transition}-end`);
-                    this._focusTrapController.strategy.focusFirst();
                     resolve();
                 }, transitionDuration);
             });
@@ -180,11 +172,11 @@ let HSheet = HSheet_1 = class HSheet extends PhoenixLightLitElement {
         return html `
             <h-portal ?disabled="${!this.opened}" to="${SHEETS_PORTAL_NAME}" hidden>
                 <div class="sheet-wrapper ${this.class}">
-                    <div tabindex="0" ${ref(this._focusSentinelStart)}></div>
+                    <div tabindex="0"></div>
                     <div ${ref(this._contentRef)} class="sheet" role="dialog" aria-label="${this.sheetLabel}">
                         <div class="sheet__container">${this.getSlot('header')} ${this.getSlot('body')} ${this.getSlot('footer')}</div>
                     </div>
-                    <div tabindex="0" ${ref(this._focusSentinelEnd)}></div>
+                    <div tabindex="0"></div>
                 </div>
             </h-portal>
         `;

package/build/esm/packages/phoenix/src/components/sheet/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.d.ts

@@ -1,17 +1,13 @@
 import { ReactiveController, ReactiveControllerHost } from 'lit';
-import type { SentinelFocusTrapStrategy } from './strategies/sentinel_focus_trap_strategy';
-import type { CyclicFocusTrapStrategy } from './strategies/cyclic_focus_trap_strategy';
-import type { TogglerFocusTrapStrategy } from './strategies/toggler_focus_trap_strategy';
-import type { TFocusTrapProps, TSentinelFocusTrapProps, TCyclicFocusTrapProps } from './focus_trap_controller_types';
-declare type StrategyFor<T extends TFocusTrapProps> = T extends TSentinelFocusTrapProps ? SentinelFocusTrapStrategy : T extends TCyclicFocusTrapProps ? CyclicFocusTrapStrategy : TogglerFocusTrapStrategy;
+import type { TFocusTrapProps } from './focus_trap_controller_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(): StrategyFor<TProps>;
+    get strategy(): IBaseFocusTrapStrategy;
     hostConnected(): void;
     hostDisconnected(): void;
     activate(): void;
     deactivate(): void;
     getFocusableElements(container: HTMLElement): HTMLElement[];
 }
-export {};

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

@@ -1,7 +1,8 @@
-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;
     constructor(getContainer: () => HTMLElement | undefined);
     attach(): void;
     detach(): void;

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

@@ -1,9 +1,10 @@
 import { UiDomUtils } from '@dreamcommerce/utilities';
 
-class FocusTrapStrategy {
+class BaseFocusTrapStrategy {
     constructor(getContainer) {
         this.getContainer = getContainer;
         this.active = false;
+        this.noAutofocus = false;
         this._handleKeyDown = (ev) => {
             if (!this.active || ev.code !== 'Tab')
                 return;
@@ -57,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.js.map → base_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;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

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

@@ -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/{sentinel_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;"}
+{"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-7",
+  "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

@@ -1,64 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
-require('@dreamcommerce/utilities');
-var focus_trap_strategy = require('./focus_trap_strategy.js');
-
-var _SentinelFocusTrapStrategy_sentinelStart, _SentinelFocusTrapStrategy_sentinelEnd;
-/**
- * Sentinel mode focus trap.
- *
- * Uses two inert bookend elements (sentinelStart / sentinelEnd) to detect when focus
- * escapes the container and cycle it back. Appropriate for modal dialogs and sheets where
- * background content is marked `inert`, giving the browser an extra safety net.
- *
- * Reacts on `keyup` so that the browser's native focus movement has already completed
- * before we redirect it.
- */
-class SentinelFocusTrapStrategy extends focus_trap_strategy.FocusTrapStrategy {
-    constructor({ getContainer, noAutofocus = false }) {
-        super(getContainer);
-        _SentinelFocusTrapStrategy_sentinelStart.set(this, void 0);
-        _SentinelFocusTrapStrategy_sentinelEnd.set(this, void 0);
-        this.noAutofocus = noAutofocus;
-    }
-    /** Call once in firstUpdated with the two bookend sentinel elements. */
-    setSentinels(start, end) {
-        tslib_es6.__classPrivateFieldSet(this, _SentinelFocusTrapStrategy_sentinelStart, start, "f");
-        tslib_es6.__classPrivateFieldSet(this, _SentinelFocusTrapStrategy_sentinelEnd, end, "f");
-    }
-    /**
-     * Move focus to the first real interactive element after the open transition
-     * completes (skips sentinelStart at index 0).
-     */
-    focusFirst() {
-        if (this.noAutofocus)
-            return;
-        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();
-            }
-        });
-    }
-    activate() {
-        this.active = true;
-        if (!this.noAutofocus) {
-            const scrollY = window.scrollY;
-            setTimeout(() => {
-                var _a;
-                (_a = tslib_es6.__classPrivateFieldGet(this, _SentinelFocusTrapStrategy_sentinelStart, "f")) === null || _a === void 0 ? void 0 : _a.focus();
-                window.scrollTo(0, scrollY);
-            }, 0);
-        }
-    }
-}
-_SentinelFocusTrapStrategy_sentinelStart = new WeakMap(), _SentinelFocusTrapStrategy_sentinelEnd = new WeakMap();
-
-exports.SentinelFocusTrapStrategy = SentinelFocusTrapStrategy;
-//# sourceMappingURL=sentinel_focus_trap_strategy.js.map

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

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

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 { ICyclicFocusTrapStrategy } 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 ICyclicFocusTrapStrategy {
-    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.d.ts

@@ -1,15 +0,0 @@
-export interface IFocusTrapStrategy {
-    attach(): void;
-    detach(): void;
-    activate(): void;
-    deactivate(): void;
-    getFocusableElements(container: HTMLElement): HTMLElement[];
-}
-export interface ICyclicFocusTrapStrategy extends IFocusTrapStrategy {
-}
-export interface ITogglerFocusTrapStrategy extends IFocusTrapStrategy {
-}
-export interface ISentinelFocusTrapStrategy extends IFocusTrapStrategy {
-    setSentinels(start: HTMLElement, end: HTMLElement): void;
-    focusFirst(): void;
-}

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,29 +0,0 @@
-import { FocusTrapStrategy } from './focus_trap_strategy';
-import { ISentinelFocusTrapStrategy } from './focus_trap_strategy_types';
-export declare type TSentinelFocusTrapStrategyProps = {
-    getContainer: () => HTMLElement | undefined;
-    noAutofocus?: boolean;
-};
-/**
- * Sentinel mode focus trap.
- *
- * Uses two inert bookend elements (sentinelStart / sentinelEnd) to detect when focus
- * escapes the container and cycle it back. Appropriate for modal dialogs and sheets where
- * background content is marked `inert`, giving the browser an extra safety net.
- *
- * Reacts on `keyup` so that the browser's native focus movement has already completed
- * before we redirect it.
- */
-export declare class SentinelFocusTrapStrategy extends FocusTrapStrategy implements ISentinelFocusTrapStrategy {
-    #private;
-    noAutofocus: boolean;
-    constructor({ getContainer, noAutofocus }: TSentinelFocusTrapStrategyProps);
-    /** Call once in firstUpdated with the two bookend sentinel elements. */
-    setSentinels(start: HTMLElement, end: HTMLElement): void;
-    /**
-     * Move focus to the first real interactive element after the open transition
-     * completes (skips sentinelStart at index 0).
-     */
-    focusFirst(): void;
-    activate(): void;
-}

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

@@ -1,60 +0,0 @@
-import { __classPrivateFieldSet, __classPrivateFieldGet } from '../../../../../../external/tslib/tslib.es6.js';
-import '@dreamcommerce/utilities';
-import { FocusTrapStrategy } from './focus_trap_strategy.js';
-
-var _SentinelFocusTrapStrategy_sentinelStart, _SentinelFocusTrapStrategy_sentinelEnd;
-/**
- * Sentinel mode focus trap.
- *
- * Uses two inert bookend elements (sentinelStart / sentinelEnd) to detect when focus
- * escapes the container and cycle it back. Appropriate for modal dialogs and sheets where
- * background content is marked `inert`, giving the browser an extra safety net.
- *
- * Reacts on `keyup` so that the browser's native focus movement has already completed
- * before we redirect it.
- */
-class SentinelFocusTrapStrategy extends FocusTrapStrategy {
-    constructor({ getContainer, noAutofocus = false }) {
-        super(getContainer);
-        _SentinelFocusTrapStrategy_sentinelStart.set(this, void 0);
-        _SentinelFocusTrapStrategy_sentinelEnd.set(this, void 0);
-        this.noAutofocus = noAutofocus;
-    }
-    /** Call once in firstUpdated with the two bookend sentinel elements. */
-    setSentinels(start, end) {
-        __classPrivateFieldSet(this, _SentinelFocusTrapStrategy_sentinelStart, start, "f");
-        __classPrivateFieldSet(this, _SentinelFocusTrapStrategy_sentinelEnd, end, "f");
-    }
-    /**
-     * Move focus to the first real interactive element after the open transition
-     * completes (skips sentinelStart at index 0).
-     */
-    focusFirst() {
-        if (this.noAutofocus)
-            return;
-        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();
-            }
-        });
-    }
-    activate() {
-        this.active = true;
-        if (!this.noAutofocus) {
-            const scrollY = window.scrollY;
-            setTimeout(() => {
-                var _a;
-                (_a = __classPrivateFieldGet(this, _SentinelFocusTrapStrategy_sentinelStart, "f")) === null || _a === void 0 ? void 0 : _a.focus();
-                window.scrollTo(0, scrollY);
-            }, 0);
-        }
-    }
-}
-_SentinelFocusTrapStrategy_sentinelStart = new WeakMap(), _SentinelFocusTrapStrategy_sentinelEnd = new WeakMap();
-
-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 { ITogglerFocusTrapStrategy } 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 ITogglerFocusTrapStrategy {
-    #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.map

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