npm - @shoper/phoenix_design_system - Versions diffs - 1.18.2-4 → 1.18.2-6 - Mend

@shoper/phoenix_design_system 1.18.2-4 → 1.18.2-6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (33) hide show

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

@@ -17,7 +17,6 @@ var context_provider_controller = require('../../../core/context/context_provide
 var global_constants = require('../../../global_constants.js');
 var v4 = require('../../../../../../external/uuid/dist/esm-browser/v4.js');
 var modal_constants = require('../../modal/modal_constants.js');
-var sheet_constants = require('../../sheet/sheet_constants.js');
 var when = require('../../../../../../external/lit-html/directives/when.js');
 var search_constants = require('./search_constants.js');
@@ -25,8 +24,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
     constructor() {
         super(...arguments);
         this.view = search_constants.DEFAULT_VIEW;
-        this.isFlagEnabled = false;
-        this.displayMode = 'dropdown';
+        this.isDevSearchPopupFixesFlagEnabled = false;
         this._id = v4['default']();
         this._openSearchButtonAriaLabelId = `${this._id}-open-search-button-aria-label`;
         this._searchContentContainerId = v4['default']();
@@ -47,8 +45,8 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
         this._translations = {};
         this._containerRole = 'grid';
         this._bindKeys = (ev) => {
-            if (this.displayMode !== 'dropdown') {
-                this._bindOverlayKeys(ev);
+            if (this.popup) {
+                this._bindPopupKeys(ev);
             }
             else {
                 this._bindDropdownKeys(ev);
@@ -119,7 +117,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
                     break;
             }
         };
-        this._bindOverlayKeys = (ev) => {
+        this._bindPopupKeys = (ev) => {
             var _a;
             switch (ev.key) {
                 case 'Enter':
@@ -127,12 +125,11 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
                     const $searchItem = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest('[data-search-item-id]');
                     if (!$searchItem)
                         return;
-                    this._handleChooseSearchItem();
+                    this._handleChooseSearchItem($searchItem);
                     break;
                 case 'Escape':
                     ev.preventDefault();
-                    const eventName = this.displayMode === 'popup' ? modal_constants.MODAL_EVENTS.close : sheet_constants.SHEET_EVENTS.close;
-                    this.emitCustomEvent(eventName);
+                    this.emitCustomEvent(modal_constants.MODAL_EVENTS.close);
                     const $search = document.querySelector(`h-storefront-search[module-instance-id="${this.moduleInstanceId}"]`);
                     const $searchOpener = $search && $search.querySelector('[aria-haspopup="dialog"]');
                     $searchOpener === null || $searchOpener === void 0 ? void 0 : $searchOpener.focus();
@@ -301,14 +298,14 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
         };
         this._switchTypeOfSearchView = () => {
             var _a;
-            if (!this._isSuggesterLayerVisible() && this.displayMode === 'dropdown')
+            if (!this._isSuggesterLayerVisible() && !this.popup)
                 return;
             if (window.innerWidth > global_constants.BREAKPOINTS.sm) {
                 const hasBeenOpened = this.classList.contains(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
                 this.classList.remove(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
-                if (hasBeenOpened && this.displayMode !== 'dropdown') {
+                if (hasBeenOpened && this.popup) {
                     const $storefrontSearch = document.querySelector(`h-storefront-search[module-instance-id="${this.moduleInstanceId}"]`);
-                    if (this.isFlagEnabled) {
+                    if (this.isDevSearchPopupFixesFlagEnabled) {
                         const searchOverlayTriggerName = (_a = $storefrontSearch === null || $storefrontSearch === void 0 ? void 0 : $storefrontSearch.querySelector('[aria-haspopup="dialog"]')) === null || _a === void 0 ? void 0 : _a.getAttribute('name');
                         const $overlay = this.querySelector(`[hidden][id="${searchOverlayTriggerName}"]`);
                         if (!searchOverlayTriggerName || !$overlay)
@@ -321,7 +318,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
                     }
                 }
             }
-            else if (this.displayMode === 'dropdown') {
+            else if (!this.popup) {
                 this._openMobileView();
             }
         };
@@ -437,7 +434,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
             searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.add(search_constants.SEARCH_CLASS_NAMES.outline);
             const shouldShowMessage = ((_b = ev.detail) === null || _b === void 0 ? void 0 : _b.searchPhrase) !== '';
             this._updateSearchView(((_c = ev.detail) === null || _c === void 0 ? void 0 : _c.searchPhrase) || '', shouldShowMessage, false);
-            if (this.displayMode === 'dropdown') {
+            if (!this.popup) {
                 document.addEventListener('keyup', this._handleSearchTabNavigation);
             }
             document.body.addEventListener('keydown', this._bindKeys);
@@ -554,8 +551,8 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
             this._containerRole = 'listbox';
         }
     }
-    _handleChooseSearchItem() {
-        const $activeSearchItem = this.displayMode === 'dropdown' ? this.querySelector(`[data-search-item-id="${this._activeItemId}"]`) : document.activeElement;
+    _handleChooseSearchItem($el) {
+        const $activeSearchItem = $el || this.querySelector(`[data-search-item-id="${this._activeItemId}"]`);
         if (!$activeSearchItem)
             return;
         const $linkElement = $activeSearchItem.querySelector('a');
@@ -573,7 +570,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
         this._setActiveItemId(`${this._id}-1`);
         const searchBar = this.querySelector(`.${search_constants.SEARCH_CLASS_NAMES.searchBar}`);
         searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(search_constants.SEARCH_CLASS_NAMES.outline);
-        if (this.displayMode === 'dropdown')
+        if (!this.popup)
             this._hideHistorySuggestionsAndResults();
         this._removeSearchKeyboardNavigation();
     }
@@ -650,7 +647,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
                                     active-item-id="${this._activeItemId}"
                                     search-id="${this._id}"
                                     module-instance-id="${this.moduleInstanceId}"
-                                    is-flag-enabled="${this.isFlagEnabled}"
+                                    is-dev-search-popup-fixes-flag-enabled="${this.isDevSearchPopupFixesFlagEnabled}"
                                 ></h-search-results>`)}
                     </div>
                 `, () => lit.html `
@@ -676,13 +673,13 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:type", String)
 ], exports.HSearch.prototype, "locale", void 0);
 tslib_es6.__decorate([
-    decorators.property({ type: Boolean, attribute: 'is-flag-enabled' }),
+    decorators.property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
     tslib_es6.__metadata("design:type", Boolean)
-], exports.HSearch.prototype, "isFlagEnabled", void 0);
+], exports.HSearch.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
 tslib_es6.__decorate([
-    decorators.property({ type: String, attribute: 'display-mode' }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HSearch.prototype, "displayMode", void 0);
+    decorators.property({ type: Boolean, attribute: 'popup' }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HSearch.prototype, "popup", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: String, attribute: 'module-instance-id' }),
     tslib_es6.__metadata("design:type", String)

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

	@@ -1 +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,iBAAiB,wDAA4D;AAC7E;AACA~~;AACA~~,mBAAmB,wDAA4D;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;~~AACA;AACA;~~"}
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,iBAAiB,wDAA4D;AAC7E;AACA,mBAAmB,wDAA4D;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/form/search/subcomponents/input/search_input.js CHANGED Viewed

@@ -13,7 +13,7 @@ var search_constants = require('../../search_constants.js');
 exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
         super(...arguments);
-        this.isFlagEnabled = false;
+        this.isDevSearchPopupFixesFlagEnabled = false;
         this._isSearchPhraseCleared = false;
         this._setupAttributes = () => {
             var _a, _b, _c, _d;
@@ -34,7 +34,7 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
         if (!this.input) {
             throw new Error('Search input not found');
         }
-        if (!this.isFlagEnabled) {
+        if (!this.isDevSearchPopupFixesFlagEnabled) {
             this._setupInitialValue();
         }
         this._setupListeners();
@@ -42,7 +42,7 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
     }
     firstUpdated(props) {
         super.firstUpdated(props);
-        if (this.isFlagEnabled) {
+        if (this.isDevSearchPopupFixesFlagEnabled) {
             this._setupInitialValue();
         }
     }
@@ -142,9 +142,9 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:type", String)
 ], exports.HSearchInput.prototype, "moduleInstanceId", void 0);
 tslib_es6.__decorate([
-    decorators.property({ type: Boolean, attribute: 'is-flag-enabled' }),
+    decorators.property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
     tslib_es6.__metadata("design:type", Boolean)
-], exports.HSearchInput.prototype, "isFlagEnabled", void 0);
+], exports.HSearchInput.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
 tslib_es6.__decorate([
     decorators.state(),
     tslib_es6.__metadata("design:type", Boolean)

package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js CHANGED Viewed

@@ -17,7 +17,7 @@ exports.HSearchProducerContent = class HSearchProducerContent extends phoenix_li
         this.initialItemIds = {};
         this.translations = {};
         this.searchPhrase = '';
-        this.isFlagEnabled = false;
+        this.isDevSearchPopupFixesFlagEnabled = false;
     }
     _getMatchedPhrase(phrase) {
         return phrase.toLowerCase().startsWith(this.searchPhrase)
@@ -31,6 +31,7 @@ exports.HSearchProducerContent = class HSearchProducerContent extends phoenix_li
             <ul>
                 ${repeat.repeat(this.producers, (producer, index) => {
             var _a, _b;
+            const optionTabIndex = this.closest('.search_mobile-opened, :not([popup])') ? '0' : undefined;
             return lit.html `<li
                         class="${search_constants.SEARCH_CLASS_NAMES.item} ${search_constants.SEARCH_CLASS_NAMES.itemHoverable} ${String(this.initialItemIds.producers + index) ===
                 this.activeItemId
@@ -38,7 +39,7 @@ exports.HSearchProducerContent = class HSearchProducerContent extends phoenix_li
                 : ''}"
                         data-search-item-id="${this.searchId}${this.initialItemIds.producers + index}"
                         aria-label=${this.producerAriaLabel ? `${this.producerAriaLabel} ${producer.name}` : undefined}
-                        tabindex=${this.isFlagEnabled ? (this.closest('.search_mobile-opened, [display-mode="dropdown"]') ? '0' : undefined) : 0}
+                        tabindex=${this.isDevSearchPopupFixesFlagEnabled ? optionTabIndex : 0}
                         role="option"
                     >
                         <a
@@ -84,9 +85,9 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:type", String)
 ], exports.HSearchProducerContent.prototype, "producerAriaLabel", void 0);
 tslib_es6.__decorate([
-    decorators.property({ type: Boolean, attribute: 'is-flag-enabled' }),
+    decorators.property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
     tslib_es6.__metadata("design:type", Boolean)
-], exports.HSearchProducerContent.prototype, "isFlagEnabled", void 0);
+], exports.HSearchProducerContent.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
 exports.HSearchProducerContent = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.searchProducerContent)
 ], exports.HSearchProducerContent);

package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,mBAAmB,8DAAkE;AACrF;AACA,qBAAqB,gEAAoE;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,mBAAmB,8DAAkE;AACrF;AACA,qBAAqB,gEAAoE;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/form/search/subcomponents/results/search_product_content.js CHANGED Viewed

@@ -16,7 +16,7 @@ exports.HSearchProductContent = class HSearchProductContent extends phoenix_ligh
         super(...arguments);
         this.initialItemIds = {};
         this.translations = {};
-        this.isFlagEnabled = false;
+        this.isDevSearchPopupFixesFlagEnabled = false;
         this.getProductRateHtml = (productRate) => {
             return lit.html `
             <div class="${search_constants.SEARCH_CLASS_NAMES.starScore}">
@@ -44,6 +44,7 @@ exports.HSearchProductContent = class HSearchProductContent extends phoenix_ligh
             <ul>
                 ${repeat.repeat(this.products, (product, index) => {
             var _a, _b;
+            const optionTabIndex = this.closest('.search_mobile-opened, :not([popup])') ? '0' : undefined;
             return lit.html ` <li
                         class="${search_constants.SEARCH_CLASS_NAMES.item} ${search_constants.SEARCH_CLASS_NAMES.itemHoverable} ${String(this.initialItemIds.products + index) ===
                 this.activeItemId
@@ -51,7 +52,7 @@ exports.HSearchProductContent = class HSearchProductContent extends phoenix_ligh
                 : ''}"
                         data-search-item-id="${this.searchId}${this.initialItemIds.products + index}"
                         aria-label=${this.productAriaLabel ? `${this.productAriaLabel} ${product.name}` : undefined}
-                        tabindex=${this.isFlagEnabled ? (this.closest('.search_mobile-opened, [display-mode="dropdown"]') ? '0' : undefined) : 0}
+                        tabindex=${this.isDevSearchPopupFixesFlagEnabled ? optionTabIndex : 0}
                         role="option"
                     >
                         <a
@@ -121,9 +122,9 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:type", String)
 ], exports.HSearchProductContent.prototype, "productAriaLabel", void 0);
 tslib_es6.__decorate([
-    decorators.property({ type: Boolean, attribute: 'is-flag-enabled' }),
+    decorators.property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
     tslib_es6.__metadata("design:type", Boolean)
-], exports.HSearchProductContent.prototype, "isFlagEnabled", void 0);
+], exports.HSearchProductContent.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
 exports.HSearchProductContent = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.searchProductContent)
 ], exports.HSearchProductContent);

package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,mBAAmB,8DAAkE;AACrF;AACA,qBAAqB,gEAAoE;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,mBAAmB,8DAAkE;AACrF;AACA,qBAAqB,gEAAoE;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/form/search/subcomponents/results/search_results.js CHANGED Viewed

@@ -19,7 +19,7 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
         this._goToProductsForButtonId = v4['default']();
         this.searchPhrase = '';
         this.translations = {};
-        this.isFlagEnabled = false;
+        this.isDevSearchPopupFixesFlagEnabled = false;
         this._productPage = 1;
         this._getInitialItemsIds = () => {
             const suggestionInCategoryInitialItemId = this.results.suggestions.length;
@@ -78,7 +78,7 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
                         view="${this.view}"
                         module-instance-id="${this.moduleInstanceId}"
                         .suggestionAriaLabel=${this.settings.suggesterItemAriaLabel}
-                        is-flag-enabled="${this.isFlagEnabled}"
+                        is-dev-search-popup-fixes-flag-enabled="${this.isDevSearchPopupFixesFlagEnabled}"
                     >
                     </h-search-suggestion-content>`)}
                 ${when.when((_c = this.results.products) === null || _c === void 0 ? void 0 : _c.length, () => lit.html `
@@ -91,7 +91,7 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
                                 .initialItemIds="${this._getInitialItemsIds()}"
                                 .translations="${this.translations}"
                                 .productAriaLabel=${this.settings.suggesterProductItemAriaLabel}
-                                is-flag-enabled="${this.isFlagEnabled}"
+                                is-dev-search-popup-fixes-flag-enabled="${this.isDevSearchPopupFixesFlagEnabled}"
                             ></h-search-product-content>
                             ${when.when(this.settings.isLoadingMoreSearchResultsEnabled, () => when.when(this._areMoreProductsAvailable(), () => lit.html `<button
@@ -122,7 +122,7 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
                             .translations="${this.translations}"
                             search-phrase="${this.searchPhrase}"
                             .producerAriaLabel=${this.settings.suggesterProducerItemAriaLabel}
-                            is-flag-enabled="${this.isFlagEnabled}"
+                            is-dev-search-popup-fixes-flag-enabled="${this.isDevSearchPopupFixesFlagEnabled}"
                         ></h-search-producer-content>`)}
             `;
         });
@@ -165,9 +165,9 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:type", String)
 ], exports.HSearchResults.prototype, "moduleInstanceId", void 0);
 tslib_es6.__decorate([
-    decorators.property({ type: Boolean, attribute: 'is-flag-enabled' }),
+    decorators.property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
     tslib_es6.__metadata("design:type", Boolean)
-], exports.HSearchResults.prototype, "isFlagEnabled", void 0);
+], exports.HSearchResults.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
 tslib_es6.__decorate([
     decorators.state(),
     tslib_es6.__metadata("design:type", Number)

package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js CHANGED Viewed

@@ -20,7 +20,7 @@ exports.HSearchSuggestionContent = class HSearchSuggestionContent extends phoeni
         this.translations = {};
         this._searchPhrase = '';
         this._suggestionsData = [];
-        this.isFlagEnabled = false;
+        this.isDevSearchPopupFixesFlagEnabled = false;
         this._updateSearchPhrase = (ev, suggestion) => {
             ev.stopPropagation();
             this._dispatchEventWithSearchPhrase(search_constants.SEARCH_CUSTOM_EVENT_NAMES.updateSearchPhrase, suggestion);
@@ -106,17 +106,19 @@ exports.HSearchSuggestionContent = class HSearchSuggestionContent extends phoeni
                 <h3 class="${search_constants.SEARCH_CLASS_NAMES.headline}">${this.translations.suggestions}</h3>
                 <ul>
-                    ${repeat.repeat(this._suggestionsData, (suggestion, index) => lit.html `<li
+                    ${repeat.repeat(this._suggestionsData, (suggestion, index) => {
+            const optionTabIndex = this.closest('.search_mobile-opened, :not([popup])') || suggestion.type === search_constants.SUGGESTIONS_TYPE.suggestion ? '0' : undefined;
+            return lit.html `<li
                                 @click=${() => this._handleSuggestion(suggestion.suggestionName, suggestion.type)}
                                 class="${search_constants.SEARCH_CLASS_NAMES.item} ${search_constants.SEARCH_CLASS_NAMES.itemHoverable} ${String(index) === this.activeItemId
-            ? search_constants.SEARCH_CLASS_NAMES.itemActive
-            : ''}"
+                ? search_constants.SEARCH_CLASS_NAMES.itemActive
+                : ''}"
                                 data-suggested-value="${suggestion.suggestionName}"
                                 data-search-item-id="${this.searchId}${index}"
                                 aria-label="${this.suggestionAriaLabel ?
-            `${this.suggestionAriaLabel} ${suggestion.suggestionName || suggestion.categoryName}` :
-            ''}"
-                                tabindex=${this.isFlagEnabled ? (this.closest('.search_mobile-opened, [display-mode="dropdown"]') || suggestion.type === search_constants.SUGGESTIONS_TYPE.suggestion ? '0' : undefined) : 0}
+                `${this.suggestionAriaLabel} ${suggestion.suggestionName || suggestion.categoryName}` :
+                ''}"
+                                tabindex=${this.isDevSearchPopupFixesFlagEnabled ? optionTabIndex : 0}
                                 role="option"
                             >
                                 ${when.when(suggestion.type === search_constants.SUGGESTIONS_TYPE.suggestion, () => lit.html ` <span> ${this._getMatchedPhrase(suggestion.suggestionName)} </span>
@@ -134,7 +136,8 @@ exports.HSearchSuggestionContent = class HSearchSuggestionContent extends phoeni
                                         <span> ${this._getMatchedPhrase(suggestion.categoryName)} </span>
                                         <span class="${search_constants.SEARCH_CLASS_NAMES.categoryTitle}"> ${this.translations.category} </span>
                                     </a>`)}
-                            </li>`)}
+                            </li>`;
+        })}
                 </ul>
             `);
     }
@@ -180,9 +183,9 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:type", Array)
 ], exports.HSearchSuggestionContent.prototype, "_suggestionsData", void 0);
 tslib_es6.__decorate([
-    decorators.property({ type: Boolean, attribute: 'is-flag-enabled' }),
+    decorators.property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
     tslib_es6.__metadata("design:type", Boolean)
-], exports.HSearchSuggestionContent.prototype, "isFlagEnabled", void 0);
+], exports.HSearchSuggestionContent.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
 exports.HSearchSuggestionContent = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.searchSuggestionContent)
 ], exports.HSearchSuggestionContent);

package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,8DAAkE;AACrF;AACA,qBAAqB,gEAAoE;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,8DAAkE;AACrF;AACA,qBAAqB,gEAAoE;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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 CHANGED Viewed

@@ -199,9 +199,7 @@ exports.HSheet = HSheet_1 = class HSheet extends phoenix_light_lit_element.Phoen
         });
     }
     _dispatchSheetOpenedEvent() {
-        this.emitCustomEvent(sheet_constants.SHEET_EVENTS.opened, {
-            detail: this
-        });
+        this.emitCustomEvent(sheet_constants.SHEET_EVENTS.opened);
         this._backdropController.show();
         this._addInertToBodyChildrenElements();
     }

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

	@@ -1 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;~~AACA;AACA;~~"}
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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 CHANGED Viewed

@@ -1,12 +1,12 @@
 import { TemplateResult } from 'lit';
 import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import type { TSearchDisplayMode, TSearchSettings } from "./search_types";
+import type { TSearchSettings } from "./search_types";
 export declare class HSearch extends PhoenixLightLitElement {
     settings: TSearchSettings;
     view: string;
     locale: string;
-    isFlagEnabled: boolean;
-    displayMode: TSearchDisplayMode;
+    isDevSearchPopupFixesFlagEnabled: boolean;
+    popup: boolean;
     moduleInstanceId: string;
     private _historyContextProvider;
     private _searchContextConsumer;
@@ -50,7 +50,7 @@ export declare class HSearch extends PhoenixLightLitElement {
     private _toggleSearchContainerAttributes;
     private _bindKeys;
     private _bindDropdownKeys;
-    private _bindOverlayKeys;
+    private _bindPopupKeys;
     private _handleSearchTabNavigation;
     private _focusOnPreviousElementBeforeSearchInput;
     private _focusOnNextElementAfterSearchInput;

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

@@ -13,7 +13,6 @@ import { ContextProviderController } from '../../../core/context/context_provide
 import { BREAKPOINTS } from '../../../global_constants.js';
 import v4 from '../../../../../../external/uuid/dist/esm-browser/v4.js';
 import { MODAL_EVENTS } from '../../modal/modal_constants.js';
-import { SHEET_EVENTS } from '../../sheet/sheet_constants.js';
 import { when as n } from '../../../../../../external/lit-html/directives/when.js';
 import { DEFAULT_VIEW, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES, SEARCH_CONFIGURATION, SEARCH_CONTEXT_NAMES, SEARCH_CUSTOM_EVENT_NAMES } from './search_constants.js';
@@ -21,8 +20,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
     constructor() {
         super(...arguments);
         this.view = DEFAULT_VIEW;
-        this.isFlagEnabled = false;
-        this.displayMode = 'dropdown';
+        this.isDevSearchPopupFixesFlagEnabled = false;
         this._id = v4();
         this._openSearchButtonAriaLabelId = `${this._id}-open-search-button-aria-label`;
         this._searchContentContainerId = v4();
@@ -43,8 +41,8 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
         this._translations = {};
         this._containerRole = 'grid';
         this._bindKeys = (ev) => {
-            if (this.displayMode !== 'dropdown') {
-                this._bindOverlayKeys(ev);
+            if (this.popup) {
+                this._bindPopupKeys(ev);
             }
             else {
                 this._bindDropdownKeys(ev);
@@ -115,7 +113,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
                     break;
             }
         };
-        this._bindOverlayKeys = (ev) => {
+        this._bindPopupKeys = (ev) => {
             var _a;
             switch (ev.key) {
                 case 'Enter':
@@ -123,12 +121,11 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
                     const $searchItem = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest('[data-search-item-id]');
                     if (!$searchItem)
                         return;
-                    this._handleChooseSearchItem();
+                    this._handleChooseSearchItem($searchItem);
                     break;
                 case 'Escape':
                     ev.preventDefault();
-                    const eventName = this.displayMode === 'popup' ? MODAL_EVENTS.close : SHEET_EVENTS.close;
-                    this.emitCustomEvent(eventName);
+                    this.emitCustomEvent(MODAL_EVENTS.close);
                     const $search = document.querySelector(`h-storefront-search[module-instance-id="${this.moduleInstanceId}"]`);
                     const $searchOpener = $search && $search.querySelector('[aria-haspopup="dialog"]');
                     $searchOpener === null || $searchOpener === void 0 ? void 0 : $searchOpener.focus();
@@ -297,14 +294,14 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
         };
         this._switchTypeOfSearchView = () => {
             var _a;
-            if (!this._isSuggesterLayerVisible() && this.displayMode === 'dropdown')
+            if (!this._isSuggesterLayerVisible() && !this.popup)
                 return;
             if (window.innerWidth > BREAKPOINTS.sm) {
                 const hasBeenOpened = this.classList.contains(SEARCH_CLASS_NAMES.mobileOpened);
                 this.classList.remove(SEARCH_CLASS_NAMES.mobileOpened);
-                if (hasBeenOpened && this.displayMode !== 'dropdown') {
+                if (hasBeenOpened && this.popup) {
                     const $storefrontSearch = document.querySelector(`h-storefront-search[module-instance-id="${this.moduleInstanceId}"]`);
-                    if (this.isFlagEnabled) {
+                    if (this.isDevSearchPopupFixesFlagEnabled) {
                         const searchOverlayTriggerName = (_a = $storefrontSearch === null || $storefrontSearch === void 0 ? void 0 : $storefrontSearch.querySelector('[aria-haspopup="dialog"]')) === null || _a === void 0 ? void 0 : _a.getAttribute('name');
                         const $overlay = this.querySelector(`[hidden][id="${searchOverlayTriggerName}"]`);
                         if (!searchOverlayTriggerName || !$overlay)
@@ -317,7 +314,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
                     }
                 }
             }
-            else if (this.displayMode === 'dropdown') {
+            else if (!this.popup) {
                 this._openMobileView();
             }
         };
@@ -433,7 +430,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
             searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.add(SEARCH_CLASS_NAMES.outline);
             const shouldShowMessage = ((_b = ev.detail) === null || _b === void 0 ? void 0 : _b.searchPhrase) !== '';
             this._updateSearchView(((_c = ev.detail) === null || _c === void 0 ? void 0 : _c.searchPhrase) || '', shouldShowMessage, false);
-            if (this.displayMode === 'dropdown') {
+            if (!this.popup) {
                 document.addEventListener('keyup', this._handleSearchTabNavigation);
             }
             document.body.addEventListener('keydown', this._bindKeys);
@@ -550,8 +547,8 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
             this._containerRole = 'listbox';
         }
     }
-    _handleChooseSearchItem() {
-        const $activeSearchItem = this.displayMode === 'dropdown' ? this.querySelector(`[data-search-item-id="${this._activeItemId}"]`) : document.activeElement;
+    _handleChooseSearchItem($el) {
+        const $activeSearchItem = $el || this.querySelector(`[data-search-item-id="${this._activeItemId}"]`);
         if (!$activeSearchItem)
             return;
         const $linkElement = $activeSearchItem.querySelector('a');
@@ -569,7 +566,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
         this._setActiveItemId(`${this._id}-1`);
         const searchBar = this.querySelector(`.${SEARCH_CLASS_NAMES.searchBar}`);
         searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(SEARCH_CLASS_NAMES.outline);
-        if (this.displayMode === 'dropdown')
+        if (!this.popup)
             this._hideHistorySuggestionsAndResults();
         this._removeSearchKeyboardNavigation();
     }
@@ -646,7 +643,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
                                     active-item-id="${this._activeItemId}"
                                     search-id="${this._id}"
                                     module-instance-id="${this.moduleInstanceId}"
-                                    is-flag-enabled="${this.isFlagEnabled}"
+                                    is-dev-search-popup-fixes-flag-enabled="${this.isDevSearchPopupFixesFlagEnabled}"
                                 ></h-search-results>`)}
                     </div>
                 `, () => html `
@@ -672,13 +669,13 @@ __decorate([
     __metadata("design:type", String)
 ], HSearch.prototype, "locale", void 0);
 __decorate([
-    property({ type: Boolean, attribute: 'is-flag-enabled' }),
+    property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
     __metadata("design:type", Boolean)
-], HSearch.prototype, "isFlagEnabled", void 0);
+], HSearch.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
 __decorate([
-    property({ type: String, attribute: 'display-mode' }),
-    __metadata("design:type", String)
-], HSearch.prototype, "displayMode", void 0);
+    property({ type: Boolean, attribute: 'popup' }),
+    __metadata("design:type", Boolean)
+], HSearch.prototype, "popup", void 0);
 __decorate([
     property({ type: String, attribute: 'module-instance-id' }),
     __metadata("design:type", String)

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

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,wDAA4D;AAC3E;AACA~~;AACA~~,0BAA0B,wDAA4D;AACtF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;~~AACA;AACA;~~"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,wDAA4D;AAC3E;AACA,0BAA0B,wDAA4D;AACtF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_types.d.ts CHANGED Viewed

@@ -92,4 +92,3 @@ export declare type TSearchFocusInEventDetail = {
     searchPhrase: string;
     relatedTarget: EventTarget | null;
 };
-export declare type TSearchDisplayMode = 'dropdown' | 'popup' | 'sidebar';

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import { PropertyValues } from 'lit';
 export declare class HSearchInput extends PhoenixLightLitElement {
     input: HTMLInputElement | null;
     moduleInstanceId: string;
-    isFlagEnabled: boolean;
+    isDevSearchPopupFixesFlagEnabled: boolean;
     private _isSearchPhraseCleared;
     connectedCallback(): void;
     firstUpdated(props: PropertyValues): void;

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { SEARCH_CLASS_NAMES, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES }
 let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
     constructor() {
         super(...arguments);
-        this.isFlagEnabled = false;
+        this.isDevSearchPopupFixesFlagEnabled = false;
         this._isSearchPhraseCleared = false;
         this._setupAttributes = () => {
             var _a, _b, _c, _d;
@@ -30,7 +30,7 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
         if (!this.input) {
             throw new Error('Search input not found');
         }
-        if (!this.isFlagEnabled) {
+        if (!this.isDevSearchPopupFixesFlagEnabled) {
             this._setupInitialValue();
         }
         this._setupListeners();
@@ -38,7 +38,7 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
     }
     firstUpdated(props) {
         super.firstUpdated(props);
-        if (this.isFlagEnabled) {
+        if (this.isDevSearchPopupFixesFlagEnabled) {
             this._setupInitialValue();
         }
     }
@@ -138,9 +138,9 @@ __decorate([
     __metadata("design:type", String)
 ], HSearchInput.prototype, "moduleInstanceId", void 0);
 __decorate([
-    property({ type: Boolean, attribute: 'is-flag-enabled' }),
+    property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
     __metadata("design:type", Boolean)
-], HSearchInput.prototype, "isFlagEnabled", void 0);
+], HSearchInput.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
 __decorate([
     state(),
     __metadata("design:type", Boolean)

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ export declare class HSearchProducerContent extends PhoenixLightLitElement {
     translations: Record<string, string>;
     searchPhrase: string;
     producerAriaLabel?: string;
-    isFlagEnabled: boolean;
+    isDevSearchPopupFixesFlagEnabled: boolean;
     private _getMatchedPhrase;
     protected render(): TemplateResult;
 }

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js CHANGED Viewed

@@ -13,7 +13,7 @@ let HSearchProducerContent = class HSearchProducerContent extends PhoenixLightLi
         this.initialItemIds = {};
         this.translations = {};
         this.searchPhrase = '';
-        this.isFlagEnabled = false;
+        this.isDevSearchPopupFixesFlagEnabled = false;
     }
     _getMatchedPhrase(phrase) {
         return phrase.toLowerCase().startsWith(this.searchPhrase)
@@ -27,6 +27,7 @@ let HSearchProducerContent = class HSearchProducerContent extends PhoenixLightLi
             <ul>
                 ${c(this.producers, (producer, index) => {
             var _a, _b;
+            const optionTabIndex = this.closest('.search_mobile-opened, :not([popup])') ? '0' : undefined;
             return html `<li
                         class="${SEARCH_CLASS_NAMES.item} ${SEARCH_CLASS_NAMES.itemHoverable} ${String(this.initialItemIds.producers + index) ===
                 this.activeItemId
@@ -34,7 +35,7 @@ let HSearchProducerContent = class HSearchProducerContent extends PhoenixLightLi
                 : ''}"
                         data-search-item-id="${this.searchId}${this.initialItemIds.producers + index}"
                         aria-label=${this.producerAriaLabel ? `${this.producerAriaLabel} ${producer.name}` : undefined}
-                        tabindex=${this.isFlagEnabled ? (this.closest('.search_mobile-opened, [display-mode="dropdown"]') ? '0' : undefined) : 0}
+                        tabindex=${this.isDevSearchPopupFixesFlagEnabled ? optionTabIndex : 0}
                         role="option"
                     >
                         <a
@@ -80,9 +81,9 @@ __decorate([
     __metadata("design:type", String)
 ], HSearchProducerContent.prototype, "producerAriaLabel", void 0);
 __decorate([
-    property({ type: Boolean, attribute: 'is-flag-enabled' }),
+    property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
     __metadata("design:type", Boolean)
-], HSearchProducerContent.prototype, "isFlagEnabled", void 0);
+], HSearchProducerContent.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
 HSearchProducerContent = __decorate([
     phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchProducerContent)
 ], HSearchProducerContent);

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA,4BAA4B,gEAAoE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA,4BAA4B,gEAAoE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/subcomponents/results/search_product_content.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ export declare class HSearchProductContent extends PhoenixLightLitElement {
     initialItemIds: Record<string, number>;
     translations: Record<string, string>;
     productAriaLabel?: string;
-    isFlagEnabled: boolean;
+    isDevSearchPopupFixesFlagEnabled: boolean;
     getProductRateHtml: (productRate: number) => TemplateResult;
     private _getShortenProductName;
     private _getPercentPromotion;

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js CHANGED Viewed

@@ -12,7 +12,7 @@ let HSearchProductContent = class HSearchProductContent extends PhoenixLightLitE
         super(...arguments);
         this.initialItemIds = {};
         this.translations = {};
-        this.isFlagEnabled = false;
+        this.isDevSearchPopupFixesFlagEnabled = false;
         this.getProductRateHtml = (productRate) => {
             return html `
             <div class="${SEARCH_CLASS_NAMES.starScore}">
@@ -40,6 +40,7 @@ let HSearchProductContent = class HSearchProductContent extends PhoenixLightLitE
             <ul>
                 ${c(this.products, (product, index) => {
             var _a, _b;
+            const optionTabIndex = this.closest('.search_mobile-opened, :not([popup])') ? '0' : undefined;
             return html ` <li
                         class="${SEARCH_CLASS_NAMES.item} ${SEARCH_CLASS_NAMES.itemHoverable} ${String(this.initialItemIds.products + index) ===
                 this.activeItemId
@@ -47,7 +48,7 @@ let HSearchProductContent = class HSearchProductContent extends PhoenixLightLitE
                 : ''}"
                         data-search-item-id="${this.searchId}${this.initialItemIds.products + index}"
                         aria-label=${this.productAriaLabel ? `${this.productAriaLabel} ${product.name}` : undefined}
-                        tabindex=${this.isFlagEnabled ? (this.closest('.search_mobile-opened, [display-mode="dropdown"]') ? '0' : undefined) : 0}
+                        tabindex=${this.isDevSearchPopupFixesFlagEnabled ? optionTabIndex : 0}
                         role="option"
                     >
                         <a
@@ -117,9 +118,9 @@ __decorate([
     __metadata("design:type", String)
 ], HSearchProductContent.prototype, "productAriaLabel", void 0);
 __decorate([
-    property({ type: Boolean, attribute: 'is-flag-enabled' }),
+    property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
     __metadata("design:type", Boolean)
-], HSearchProductContent.prototype, "isFlagEnabled", void 0);
+], HSearchProductContent.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
 HSearchProductContent = __decorate([
     phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchProductContent)
 ], HSearchProductContent);

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA,4BAA4B,gEAAoE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA,4BAA4B,gEAAoE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/subcomponents/results/search_results.d.ts CHANGED Viewed

@@ -13,7 +13,7 @@ export declare class HSearchResults extends PhoenixLightLitElement {
     searchId: string;
     translations: Record<string, string>;
     moduleInstanceId: string;
-    isFlagEnabled: boolean;
+    isDevSearchPopupFixesFlagEnabled: boolean;
     private _productPage;
     private _getInitialItemsIds;
     private _isProductInTheCategory;

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js CHANGED Viewed

@@ -15,7 +15,7 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
         this._goToProductsForButtonId = v4();
         this.searchPhrase = '';
         this.translations = {};
-        this.isFlagEnabled = false;
+        this.isDevSearchPopupFixesFlagEnabled = false;
         this._productPage = 1;
         this._getInitialItemsIds = () => {
             const suggestionInCategoryInitialItemId = this.results.suggestions.length;
@@ -74,7 +74,7 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
                         view="${this.view}"
                         module-instance-id="${this.moduleInstanceId}"
                         .suggestionAriaLabel=${this.settings.suggesterItemAriaLabel}
-                        is-flag-enabled="${this.isFlagEnabled}"
+                        is-dev-search-popup-fixes-flag-enabled="${this.isDevSearchPopupFixesFlagEnabled}"
                     >
                     </h-search-suggestion-content>`)}
                 ${n((_c = this.results.products) === null || _c === void 0 ? void 0 : _c.length, () => html `
@@ -87,7 +87,7 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
                                 .initialItemIds="${this._getInitialItemsIds()}"
                                 .translations="${this.translations}"
                                 .productAriaLabel=${this.settings.suggesterProductItemAriaLabel}
-                                is-flag-enabled="${this.isFlagEnabled}"
+                                is-dev-search-popup-fixes-flag-enabled="${this.isDevSearchPopupFixesFlagEnabled}"
                             ></h-search-product-content>
                             ${n(this.settings.isLoadingMoreSearchResultsEnabled, () => n(this._areMoreProductsAvailable(), () => html `<button
@@ -118,7 +118,7 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
                             .translations="${this.translations}"
                             search-phrase="${this.searchPhrase}"
                             .producerAriaLabel=${this.settings.suggesterProducerItemAriaLabel}
-                            is-flag-enabled="${this.isFlagEnabled}"
+                            is-dev-search-popup-fixes-flag-enabled="${this.isDevSearchPopupFixesFlagEnabled}"
                         ></h-search-producer-content>`)}
             `;
         });
@@ -161,9 +161,9 @@ __decorate([
     __metadata("design:type", String)
 ], HSearchResults.prototype, "moduleInstanceId", void 0);
 __decorate([
-    property({ type: Boolean, attribute: 'is-flag-enabled' }),
+    property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
     __metadata("design:type", Boolean)
-], HSearchResults.prototype, "isFlagEnabled", void 0);
+], HSearchResults.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
 __decorate([
     state(),
     __metadata("design:type", Number)

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.d.ts CHANGED Viewed

@@ -14,7 +14,7 @@ export declare class HSearchSuggestionContent extends PhoenixLightLitElement {
     suggestionAriaLabel?: string;
     private _searchPhrase;
     private _suggestionsData;
-    isFlagEnabled: boolean;
+    isDevSearchPopupFixesFlagEnabled: boolean;
     connectedCallback(): Promise<void>;
     private _setupSuggestionData;
     private _handleSuggestion;

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js CHANGED Viewed

@@ -16,7 +16,7 @@ let HSearchSuggestionContent = class HSearchSuggestionContent extends PhoenixLig
         this.translations = {};
         this._searchPhrase = '';
         this._suggestionsData = [];
-        this.isFlagEnabled = false;
+        this.isDevSearchPopupFixesFlagEnabled = false;
         this._updateSearchPhrase = (ev, suggestion) => {
             ev.stopPropagation();
             this._dispatchEventWithSearchPhrase(SEARCH_CUSTOM_EVENT_NAMES.updateSearchPhrase, suggestion);
@@ -102,17 +102,19 @@ let HSearchSuggestionContent = class HSearchSuggestionContent extends PhoenixLig
                 <h3 class="${SEARCH_CLASS_NAMES.headline}">${this.translations.suggestions}</h3>
                 <ul>
-                    ${c(this._suggestionsData, (suggestion, index) => html `<li
+                    ${c(this._suggestionsData, (suggestion, index) => {
+            const optionTabIndex = this.closest('.search_mobile-opened, :not([popup])') || suggestion.type === SUGGESTIONS_TYPE.suggestion ? '0' : undefined;
+            return html `<li
                                 @click=${() => this._handleSuggestion(suggestion.suggestionName, suggestion.type)}
                                 class="${SEARCH_CLASS_NAMES.item} ${SEARCH_CLASS_NAMES.itemHoverable} ${String(index) === this.activeItemId
-            ? SEARCH_CLASS_NAMES.itemActive
-            : ''}"
+                ? SEARCH_CLASS_NAMES.itemActive
+                : ''}"
                                 data-suggested-value="${suggestion.suggestionName}"
                                 data-search-item-id="${this.searchId}${index}"
                                 aria-label="${this.suggestionAriaLabel ?
-            `${this.suggestionAriaLabel} ${suggestion.suggestionName || suggestion.categoryName}` :
-            ''}"
-                                tabindex=${this.isFlagEnabled ? (this.closest('.search_mobile-opened, [display-mode="dropdown"]') || suggestion.type === SUGGESTIONS_TYPE.suggestion ? '0' : undefined) : 0}
+                `${this.suggestionAriaLabel} ${suggestion.suggestionName || suggestion.categoryName}` :
+                ''}"
+                                tabindex=${this.isDevSearchPopupFixesFlagEnabled ? optionTabIndex : 0}
                                 role="option"
                             >
                                 ${n(suggestion.type === SUGGESTIONS_TYPE.suggestion, () => html ` <span> ${this._getMatchedPhrase(suggestion.suggestionName)} </span>
@@ -130,7 +132,8 @@ let HSearchSuggestionContent = class HSearchSuggestionContent extends PhoenixLig
                                         <span> ${this._getMatchedPhrase(suggestion.categoryName)} </span>
                                         <span class="${SEARCH_CLASS_NAMES.categoryTitle}"> ${this.translations.category} </span>
                                     </a>`)}
-                            </li>`)}
+                            </li>`;
+        })}
                 </ul>
             `);
     }
@@ -176,9 +179,9 @@ __decorate([
     __metadata("design:type", Array)
 ], HSearchSuggestionContent.prototype, "_suggestionsData", void 0);
 __decorate([
-    property({ type: Boolean, attribute: 'is-flag-enabled' }),
+    property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
     __metadata("design:type", Boolean)
-], HSearchSuggestionContent.prototype, "isFlagEnabled", void 0);
+], HSearchSuggestionContent.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
 HSearchSuggestionContent = __decorate([
     phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchSuggestionContent)
 ], HSearchSuggestionContent);

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA,4BAA4B,gEAAoE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA,4BAA4B,gEAAoE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.js CHANGED Viewed

@@ -195,9 +195,7 @@ let HSheet = HSheet_1 = class HSheet extends PhoenixLightLitElement {
         });
     }
     _dispatchSheetOpenedEvent() {
-        this.emitCustomEvent(SHEET_EVENTS.opened, {
-            detail: this
-        });
+        this.emitCustomEvent(SHEET_EVENTS.opened);
         this._backdropController.show();
         this._addInertToBodyChildrenElements();
     }

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

	@@ -1 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;~~AACA;AACA;~~"}
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/index.d.ts CHANGED Viewed

@@ -136,7 +136,6 @@ export { HSearchHistoryLoadMore } from './components/form/search/subcomponents/h
 export { HSearchSuggestionContent } from './components/form/search/subcomponents/results/search_suggestion_content';
 export { HSearchProductContent } from './components/form/search/subcomponents/results/search_product_content';
 export { HSearchProducerContent } from './components/form/search/subcomponents/results/search_producer_content';
-export type { TSearchDisplayMode } from './components/form/search/search_types';
 export * from './components/form/search/search_constants';
 export { HToggle } from './components/toggle/toggle';
 export { HToggleBtn } from './components/toggle/toggle_button';

package/package.json CHANGED Viewed

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