npm - @shoper/phoenix_design_system - Versions diffs - 1.11.8-0 → 1.11.8 - Mend

@shoper/phoenix_design_system 1.11.8-0 → 1.11.8

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 (40) hide show

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

@@ -5,14 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
 var lit = require('lit');
 var decorators = require('lit/decorators');
-var utilities = require('@dreamcommerce/utilities');
 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 icon_constants = require('../../icon/icon_constants.js');
 var observer = require('../../../core/classes/observer/observer.js');
 var context_consumer_controller = require('../../../core/context/context_consumer_controller.js');
 var behavior_subject = require('../../../core/classes/behavior_subject/behavior_subject.js');
-var ref_js = require('lit-html/directives/ref.js');
 var context_provider_controller = require('../../../core/context/context_provider_controller.js');
 var global_constants = require('../../../global_constants.js');
 var when = require('../../../../../../external/lit/external/lit-html/directives/when.js');
@@ -22,8 +20,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
     constructor() {
         super(...arguments);
         this.view = search_constants.DEFAULT_VIEW;
-        this._searchResultsRef = ref_js.createRef();
-        this._searchHistoryRef = ref_js.createRef();
         this._shouldShowHistory = false;
         this._shouldShowResults = false;
         this._shouldShowMessage = false;
@@ -37,20 +33,21 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
         this._translations = {};
         this._bindKeys = (ev) => {
             var _a;
+            const searchItemsCount = this._getSearchItemsCount();
             switch (ev.key) {
                 case 'ArrowDown':
                     ev.preventDefault();
-                    this._focusOutsideActiveItemsForward();
+                    this._activeItemId = this._activeItemId === searchItemsCount - 1 ? 0 : this._activeItemId + 1;
                     this._scroll(search_constants.SCROLL_DIRECTIONS.down);
                     break;
                 case 'ArrowUp':
                     ev.preventDefault();
-                    this._focusOutsideActiveItemsBackward();
+                    this._activeItemId = this._activeItemId === 0 || this._activeItemId === -1 ? searchItemsCount - 1 : this._activeItemId - 1;
                     this._scroll(search_constants.SCROLL_DIRECTIONS.up);
                     break;
                 case 'Enter':
                     ev.preventDefault();
-                    if (this._activeItemId === -1 || !this._shouldShowResults)
+                    if (this._activeItemId === -1)
                         return;
                     this._handleChooseSearchItem();
                     break;
@@ -70,36 +67,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
                     break;
             }
         };
-        this._focusOutsideActiveItemsForward = () => {
-            var _a;
-            const $activeElement = document.activeElement;
-            const $searchItemsContainer = this._searchHistoryRef.value || this._searchResultsRef.value;
-            if (!$searchItemsContainer)
-                return;
-            const $searchItems = utilities.UiDomUtils.getFocusableElements($searchItemsContainer).filter(($el) => {
-                return !!$el.getAttribute('data-search-item-id');
-            });
-            const indexOfCurrentElement = $searchItems.indexOf($activeElement);
-            const indexOfNextElement = indexOfCurrentElement === $searchItems.length - 1 ? 0 : indexOfCurrentElement + 1;
-            const $nextSearchItemElement = $searchItems[indexOfNextElement];
-            $nextSearchItemElement.focus();
-            this._activeItemId = (_a = Number($nextSearchItemElement.getAttribute('data-search-item-id'))) !== null && _a !== void 0 ? _a : -1;
-        };
-        this._focusOutsideActiveItemsBackward = () => {
-            var _a;
-            const $activeElement = document.activeElement;
-            const $searchItemsContainer = this._searchHistoryRef.value || this._searchResultsRef.value;
-            if (!$searchItemsContainer)
-                return;
-            const $searchItems = utilities.UiDomUtils.getFocusableElements($searchItemsContainer).filter(($el) => {
-                return !!$el.getAttribute('data-search-item-id');
-            });
-            const indexOfCurrentElement = $searchItems.indexOf($activeElement);
-            const indexOfPreviousElement = indexOfCurrentElement === 0 ? $searchItems.length - 1 : indexOfCurrentElement - 1;
-            const $previousSearchItemElement = $searchItems[indexOfPreviousElement];
-            $previousSearchItemElement.focus();
-            this._activeItemId = (_a = Number($previousSearchItemElement.getAttribute('data-search-item-id'))) !== null && _a !== void 0 ? _a : -1;
-        };
         this._getSearchItemsCount = () => {
             if (this._shouldShowHistory)
                 return this._historyLimitedContent.length;
@@ -241,42 +208,16 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
         }
     }
     _displayHistorySuggestions() {
-        this._handleToggleHistoryAndResults({
-            shouldShowHistory: true,
-            shouldShowResults: false
-        });
+        this._shouldShowHistory = true;
+        this._shouldShowResults = false;
     }
     _hideHistorySuggestionsAndResults() {
-        this._handleToggleHistoryAndResults({
-            shouldShowHistory: false,
-            shouldShowResults: false
-        });
+        this._shouldShowHistory = false;
+        this._shouldShowResults = false;
     }
     _displayResults() {
-        this._handleToggleHistoryAndResults({
-            shouldShowHistory: false,
-            shouldShowResults: true
-        });
-    }
-    _handleToggleHistoryAndResults({ shouldShowHistory, shouldShowResults }) {
-        this._shouldShowHistory = shouldShowHistory;
-        this._shouldShowResults = shouldShowResults;
-        this._toggleSearchInputAria(shouldShowHistory, shouldShowResults);
-    }
-    _toggleSearchInputAria(shouldShowHistory, shouldShowResults) {
-        var _a;
-        const $input = (_a = this._searchInput) === null || _a === void 0 ? void 0 : _a.input;
-        if (!$input)
-            return;
-        if (!shouldShowHistory && !shouldShowResults) {
-            $input.removeAttribute('aria-label');
-            return;
-        }
-        $input.setAttribute('aria-expanded', 'true');
-        if (shouldShowHistory)
-            $input.setAttribute('aria-label', this.settings.historyGuideAriaLabel);
-        if (shouldShowResults)
-            $input.setAttribute('aria-label', this.settings.suggesterGuideAriaLabel);
+        this._shouldShowHistory = false;
+        this._shouldShowResults = true;
     }
     _scroll(direction) {
         const searchContainer = this.querySelector(`.${search_constants.SEARCH_CLASS_NAMES.container}`);
@@ -355,15 +296,12 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
                             module-instance-id="${this.moduleInstanceId}"
                         ></h-search-message>`)}
                     ${when.when(this._shouldShowHistory, () => lit.html `<h-search-history
-                                ${ref_js.ref(this._searchHistoryRef)}
                                 .history="${this._historyLimitedContent}"
                                 .translations="${this._translations}"
                                 active-item-id="${this._activeItemId}"
                                 module-instance-id="${this.moduleInstanceId}"
-                                .historyAriaLabel="${this.settings.historyItemAriaLabel}"
                             ></h-search-history>`)}
                     ${when.when(this._shouldShowResults, () => lit.html `<h-search-results
-                                ${ref_js.ref(this._searchResultsRef)}
                                 .results="${this._searchResults}"
                                 search-phrase="${this._searchPhrase}"
                                 .settings="${this.settings}"

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~~,mBAAmB,qEAA6E;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,mBAAmB,qEAA6E;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/search_constants.js CHANGED Viewed

@@ -27,7 +27,7 @@ const SEARCH_CUSTOM_EVENT_NAMES = {
     clear: 'clearSearchPhrase',
     submit: 'submitSearchPhrase',
     close: 'close',
-    search: 'performSearch',
+    search: 'search',
     updateSearchPhrase: 'updateSearchPhrase',
     focusin: 'searchFocusIn',
     keydown: 'searchKeyDown'

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

@@ -11,7 +11,6 @@ var icon_constants = require('../../../../icon/icon_constants.js');
 var observer = require('../../../../../core/classes/observer/observer.js');
 var context_consumer_controller = require('../../../../../core/context/context_consumer_controller.js');
 var ref_js = require('lit-html/directives/ref.js');
-var v4 = require('../../../../../../../../external/uuid/dist/esm-browser/v4.js');
 var when = require('../../../../../../../../external/lit/external/lit-html/directives/when.js');
 var search_constants = require('../../search_constants.js');
 var repeat = require('../../../../../../../../external/lit/external/lit-html/directives/repeat.js');
@@ -20,7 +19,6 @@ exports.HSearchHistory = class HSearchHistory extends phoenix_light_lit_element.
     constructor() {
         super(...arguments);
         this.buttonRef = ref_js.createRef();
-        this._loadMoreButtonId = v4['default']();
         this.history = [];
         this.translations = {};
     }
@@ -56,7 +54,6 @@ exports.HSearchHistory = class HSearchHistory extends phoenix_light_lit_element.
                                 data-suggested-value="${historyElement.label}"
                                 data-search-item-id="${index}"
                                 module-instance-id="${this.moduleInstanceId}"
-                                aria-label=${this.historyAriaLabel ? `${this.historyAriaLabel} ${historyElement.label}` : undefined}
                             >
                                 <h-icon icon-name="icon-clock"></h-icon>
@@ -74,11 +71,7 @@ exports.HSearchHistory = class HSearchHistory extends phoenix_light_lit_element.
                         </li>`)}
                 </ul>
-                <h-search-history-load-more
-                    class="${search_constants.SEARCH_CLASS_NAMES.historyLoadMore}"
-                    data-search-item-id="${this._loadMoreButtonId}"
-                    ${ref_js.ref(this.buttonRef)}
-                >
+                <h-search-history-load-more class="${search_constants.SEARCH_CLASS_NAMES.historyLoadMore}" ${ref_js.ref(this.buttonRef)}>
                     ${this.translations.loadMore}
                 </h-search-history-load-more>`);
     }
@@ -99,10 +92,6 @@ tslib_es6.__decorate([
     decorators.property({ type: String, attribute: 'module-instance-id' }),
     tslib_es6.__metadata("design:type", String)
 ], exports.HSearchHistory.prototype, "moduleInstanceId", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HSearchHistory.prototype, "historyAriaLabel", void 0);
 exports.HSearchHistory = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.searchHistory)
 ], exports.HSearchHistory);

package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history.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;AACA;AACA,~~iBAAiB,8DAAkE;AACnF,~~mBAAmB,2EAAmF;AACtG;AACA,qBAAqB,6EAAqF;AAC1G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA,mBAAmB,2EAAmF;AACtG;AACA,qBAAqB,6EAAqF;AAC1G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -15,8 +15,8 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
     }
     connectedCallback() {
         super.connectedCallback();
-        this.input = this.querySelector('input[type="search"]');
-        if (!this.input) {
+        this._input = this.querySelector('input[type="search"]');
+        if (!this._input) {
             throw new Error('Search input not found');
         }
         this._setupInitialValue();
@@ -28,7 +28,7 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
         if (!searchPhraseRegArray)
             return;
         const searchQuery = searchPhraseRegArray[1].replace(/\+/g, ' ');
-        this.input.value = decodeURIComponent(this._deserializeInputPhrase(searchQuery));
+        this._input.value = decodeURIComponent(this._deserializeInputPhrase(searchQuery));
     }
     _deserializeInputPhrase(value) {
         if (value.indexOf('%2f') !== -1) {
@@ -46,14 +46,14 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
         return value;
     }
     _setupListeners() {
-        this.input.addEventListener('focusin', (ev) => {
+        this._input.addEventListener('focusin', (ev) => {
             this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.focusin, {
                 detail: {
                     searchPhrase: ev.target.value
                 }
             });
         });
-        this.input.addEventListener('keydown', (ev) => {
+        this._input.addEventListener('keydown', (ev) => {
             if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape')
                 return;
             if (ev.key !== 'Enter') {
@@ -74,8 +74,8 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
                 }
             });
         });
-        this.input.addEventListener('search', (ev) => {
-            if (this.input.value !== '') {
+        this._input.addEventListener('search', (ev) => {
+            if (this._input.value !== '') {
                 return;
             }
             this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.search, {
@@ -88,13 +88,13 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
             if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
                 return;
             this._isSearchPhraseCleared = true;
-            this.input.value = '';
-            this.input.focus();
+            this._input.value = '';
+            this._input.focus();
         });
         document.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.updateSearchPhrase, (ev) => {
             if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
                 return;
-            this.input.value = ev.detail.searchPhrase;
+            this._input.value = ev.detail.searchPhrase;
             this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keydown, {
                 detail: {
                     searchPhrase: ev.detail.searchPhrase

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

@@ -36,8 +36,6 @@ exports.HSearchProducerContent = class HSearchProducerContent extends phoenix_li
                 ? search_constants.SEARCH_CLASS_NAMES.itemActive
                 : ''}"
                         data-search-item-id="${this.initialItemIds.producers + index}"
-                        aria-label=${this.producerAriaLabel ? `${this.producerAriaLabel} ${producer.name}` : undefined}
-                        tabindex="0"
                     >
                         <a
                             href="${producer.url}"
@@ -73,10 +71,6 @@ tslib_es6.__decorate([
     decorators.property({ type: String, attribute: 'search-phrase' }),
     tslib_es6.__metadata("design:type", String)
 ], exports.HSearchProducerContent.prototype, "searchPhrase", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HSearchProducerContent.prototype, "producerAriaLabel", 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,2EAAmF;AACtG;AACA,qBAAqB,6EAAqF;AAC1G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2EAAmF;AACtG;AACA,qBAAqB,6EAAqF;AAC1G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -49,8 +49,6 @@ exports.HSearchProductContent = class HSearchProductContent extends phoenix_ligh
                 ? search_constants.SEARCH_CLASS_NAMES.itemActive
                 : ''}"
                         data-search-item-id="${this.initialItemIds.products + index}"
-                        aria-label=${this.productAriaLabel ? `${this.productAriaLabel} ${product.name}` : undefined}
-                        tabindex="0"
                     >
                         <a
                             href="${product.url}"
@@ -110,10 +108,6 @@ tslib_es6.__decorate([
     decorators.property({ type: Object }),
     tslib_es6.__metadata("design:type", Object)
 ], exports.HSearchProductContent.prototype, "translations", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HSearchProductContent.prototype, "productAriaLabel", 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,2EAAmF;AACtG;AACA,qBAAqB,6EAAqF;AAC1G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2EAAmF;AACtG;AACA,qBAAqB,6EAAqF;AAC1G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -7,7 +7,6 @@ var lit = require('lit');
 var decorators = require('lit/decorators');
 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 v4 = require('../../../../../../../../external/uuid/dist/esm-browser/v4.js');
 var when = require('../../../../../../../../external/lit/external/lit-html/directives/when.js');
 var search_constants = require('../../search_constants.js');
 var isEqual = require('../../../../../../../../external/lodash/isEqual.js');
@@ -15,8 +14,6 @@ var isEqual = require('../../../../../../../../external/lodash/isEqual.js');
 exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
         super(...arguments);
-        this._loadMoreButtonId = v4['default']();
-        this._goToProductsForButtonId = v4['default']();
         this.searchPhrase = '';
         this.translations = {};
         this._productPage = 1;
@@ -75,7 +72,6 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
                         locale="${this.locale}"
                         view="${this.view}"
                         module-instance-id="${this.moduleInstanceId}"
-                        .suggestionAriaLabel=${this.settings.suggesterItemAriaLabel}
                     >
                     </h-search-suggestion-content>`)}
                 ${when.when((_c = this.results.products) === null || _c === void 0 ? void 0 : _c.length, () => lit.html `
@@ -86,23 +82,16 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
                                 active-item-id="${this.activeItemId}"
                                 .initialItemIds="${this._getInitialItemsIds()}"
                                 .translations="${this.translations}"
-                                .productAriaLabel=${this.settings.suggesterProductItemAriaLabel}
                             ></h-search-product-content>
                             ${when.when(this.settings.isLoadingMoreSearchResultsEnabled, () => when.when(this._areMoreProductsAvailable(), () => lit.html `<button
                                                 class="${search_constants.SEARCH_CLASS_NAMES.productButton}"
                                                 @click="${this.handleLoadMoreProducts}"
                                                 type="button"
-                                                data-search-item-id="${this._loadMoreButtonId}"
                                             >
                                                 ${this.translations.loadMore}
                                             </button>`), () => lit.html `
-                                    <button
-                                        class="${search_constants.SEARCH_CLASS_NAMES.productButton}"
-                                        @click="${this.handleGoToProductsFor}"
-                                        type="button"
-                                        data-search-item-id="${this._goToProductsForButtonId}"
-                                    >
+                                    <button class="${search_constants.SEARCH_CLASS_NAMES.productButton}" @click="${this.handleGoToProductsFor}" type="button">
                                         ${this.translations.goToProductsFor}: <strong>${this._getSearchPhrase()}</strong>
                                     </button>
                                 `)}
@@ -115,7 +104,6 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
                             .initialItemIds="${this._getInitialItemsIds()}"
                             .translations="${this.translations}"
                             search-phrase="${this.searchPhrase}"
-                            .producerAriaLabel=${this.settings.suggesterProducerItemAriaLabel}
                         ></h-search-producer-content>`)}
             `;
         });

package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.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,~~iBAAiB,8DAAkE;AACnF,~~mBAAmB,2EAAmF;AACtG;AACA,sBAAsB,oDAAwD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2EAAmF;AACtG;AACA,sBAAsB,oDAAwD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_suggestion_content.js CHANGED Viewed

@@ -112,8 +112,6 @@ exports.HSearchSuggestionContent = class HSearchSuggestionContent extends phoeni
             : ''}"
                                 data-suggested-value="${suggestion.suggestionName}"
                                 data-search-item-id="${index}"
-                                aria-label=${this.suggestionAriaLabel ? `${this.suggestionAriaLabel} ${suggestion.suggestionName}` : undefined}
-                                tabindex="0"
                             >
                                 ${when.when(suggestion.type === search_constants.SUGGESTIONS_TYPE.suggestion, () => lit.html ` <span> ${this._getMatchedPhrase(suggestion.suggestionName)} </span>
                                         <h-icon
@@ -159,10 +157,6 @@ tslib_es6.__decorate([
     decorators.property({ type: String, attribute: 'module-instance-id' }),
     tslib_es6.__metadata("design:type", String)
 ], exports.HSearchSuggestionContent.prototype, "moduleInstanceId", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HSearchSuggestionContent.prototype, "suggestionAriaLabel", void 0);
 tslib_es6.__decorate([
     decorators.state(),
     tslib_es6.__metadata("design:type", String)

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,2EAAmF;AACtG;AACA,qBAAqB,6EAAqF;AAC1G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2EAAmF;AACtG;AACA,qBAAqB,6EAAqF;AAC1G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/index.js CHANGED Viewed

@@ -99,10 +99,10 @@ var display_stepper = require('./components/form/input_stepper/display_stepper.j
 var button_stepper = require('./components/form/input_stepper/button_stepper.js');
 var search_constants = require('./components/form/search/search_constants.js');
 var search_input = require('./components/form/search/subcomponents/input/search_input.js');
-var search_results = require('./components/form/search/subcomponents/results/search_results.js');
+var search = require('./components/form/search/search.js');
 var search_history_load_more = require('./components/form/search/subcomponents/history/search_history_load_more.js');
 var search_history = require('./components/form/search/subcomponents/history/search_history.js');
-var search = require('./components/form/search/search.js');
+var search_results = require('./components/form/search/subcomponents/results/search_results.js');
 var search_submit = require('./components/form/search/subcomponents/buttons/search_submit.js');
 var search_clear = require('./components/form/search/subcomponents/buttons/search_clear.js');
 var search_close = require('./components/form/search/subcomponents/buttons/search_close.js');
@@ -592,10 +592,10 @@ Object.defineProperty(exports, 'HSearchInput', {
 		return search_input.HSearchInput;
 	}
 });
-Object.defineProperty(exports, 'HSearchResults', {
+Object.defineProperty(exports, 'HSearch', {
 	enumerable: true,
 	get: function () {
-		return search_results.HSearchResults;
+		return search.HSearch;
 	}
 });
 Object.defineProperty(exports, 'HSearchHistoryLoadMore', {
@@ -610,10 +610,10 @@ Object.defineProperty(exports, 'HSearchHistory', {
 		return search_history.HSearchHistory;
 	}
 });
-Object.defineProperty(exports, 'HSearch', {
+Object.defineProperty(exports, 'HSearchResults', {
 	enumerable: true,
 	get: function () {
-		return search.HSearch;
+		return search_results.HSearchResults;
 	}
 });
 Object.defineProperty(exports, 'HSearchSubmit', {

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

@@ -12,8 +12,6 @@ export declare class HSearch extends PhoenixLightLitElement {
     private _searchContextObserver;
     private _searchInput;
     private _inputField;
-    private _searchResultsRef;
-    private _searchHistoryRef;
     private _shouldShowHistory;
     private _shouldShowResults;
     private _shouldShowMessage;
@@ -36,11 +34,7 @@ export declare class HSearch extends PhoenixLightLitElement {
     private _displayHistorySuggestions;
     private _hideHistorySuggestionsAndResults;
     private _displayResults;
-    private _handleToggleHistoryAndResults;
-    private _toggleSearchInputAria;
     private _bindKeys;
-    private _focusOutsideActiveItemsForward;
-    private _focusOutsideActiveItemsBackward;
     private _getSearchItemsCount;
     private _scroll;
     private _handleChooseSearchItem;

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

@@ -1,14 +1,12 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
 import { html } from 'lit';
 import { property, state } from 'lit/decorators';
-import { UiDomUtils } from '@dreamcommerce/utilities';
 import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
 import { ICONS_SIZES } from '../../icon/icon_constants.js';
 import { Observer } from '../../../core/classes/observer/observer.js';
 import { ContextConsumerController } from '../../../core/context/context_consumer_controller.js';
 import { BehaviorSubject } from '../../../core/classes/behavior_subject/behavior_subject.js';
-import { createRef, ref } from 'lit-html/directives/ref.js';
 import { ContextProviderController } from '../../../core/context/context_provider_controller.js';
 import { BREAKPOINTS } from '../../../global_constants.js';
 import { when as n } from '../../../../../../external/lit/external/lit-html/directives/when.js';
@@ -18,8 +16,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
     constructor() {
         super(...arguments);
         this.view = DEFAULT_VIEW;
-        this._searchResultsRef = createRef();
-        this._searchHistoryRef = createRef();
         this._shouldShowHistory = false;
         this._shouldShowResults = false;
         this._shouldShowMessage = false;
@@ -33,20 +29,21 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
         this._translations = {};
         this._bindKeys = (ev) => {
             var _a;
+            const searchItemsCount = this._getSearchItemsCount();
             switch (ev.key) {
                 case 'ArrowDown':
                     ev.preventDefault();
-                    this._focusOutsideActiveItemsForward();
+                    this._activeItemId = this._activeItemId === searchItemsCount - 1 ? 0 : this._activeItemId + 1;
                     this._scroll(SCROLL_DIRECTIONS.down);
                     break;
                 case 'ArrowUp':
                     ev.preventDefault();
-                    this._focusOutsideActiveItemsBackward();
+                    this._activeItemId = this._activeItemId === 0 || this._activeItemId === -1 ? searchItemsCount - 1 : this._activeItemId - 1;
                     this._scroll(SCROLL_DIRECTIONS.up);
                     break;
                 case 'Enter':
                     ev.preventDefault();
-                    if (this._activeItemId === -1 || !this._shouldShowResults)
+                    if (this._activeItemId === -1)
                         return;
                     this._handleChooseSearchItem();
                     break;
@@ -66,36 +63,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
                     break;
             }
         };
-        this._focusOutsideActiveItemsForward = () => {
-            var _a;
-            const $activeElement = document.activeElement;
-            const $searchItemsContainer = this._searchHistoryRef.value || this._searchResultsRef.value;
-            if (!$searchItemsContainer)
-                return;
-            const $searchItems = UiDomUtils.getFocusableElements($searchItemsContainer).filter(($el) => {
-                return !!$el.getAttribute('data-search-item-id');
-            });
-            const indexOfCurrentElement = $searchItems.indexOf($activeElement);
-            const indexOfNextElement = indexOfCurrentElement === $searchItems.length - 1 ? 0 : indexOfCurrentElement + 1;
-            const $nextSearchItemElement = $searchItems[indexOfNextElement];
-            $nextSearchItemElement.focus();
-            this._activeItemId = (_a = Number($nextSearchItemElement.getAttribute('data-search-item-id'))) !== null && _a !== void 0 ? _a : -1;
-        };
-        this._focusOutsideActiveItemsBackward = () => {
-            var _a;
-            const $activeElement = document.activeElement;
-            const $searchItemsContainer = this._searchHistoryRef.value || this._searchResultsRef.value;
-            if (!$searchItemsContainer)
-                return;
-            const $searchItems = UiDomUtils.getFocusableElements($searchItemsContainer).filter(($el) => {
-                return !!$el.getAttribute('data-search-item-id');
-            });
-            const indexOfCurrentElement = $searchItems.indexOf($activeElement);
-            const indexOfPreviousElement = indexOfCurrentElement === 0 ? $searchItems.length - 1 : indexOfCurrentElement - 1;
-            const $previousSearchItemElement = $searchItems[indexOfPreviousElement];
-            $previousSearchItemElement.focus();
-            this._activeItemId = (_a = Number($previousSearchItemElement.getAttribute('data-search-item-id'))) !== null && _a !== void 0 ? _a : -1;
-        };
         this._getSearchItemsCount = () => {
             if (this._shouldShowHistory)
                 return this._historyLimitedContent.length;
@@ -237,42 +204,16 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
         }
     }
     _displayHistorySuggestions() {
-        this._handleToggleHistoryAndResults({
-            shouldShowHistory: true,
-            shouldShowResults: false
-        });
+        this._shouldShowHistory = true;
+        this._shouldShowResults = false;
     }
     _hideHistorySuggestionsAndResults() {
-        this._handleToggleHistoryAndResults({
-            shouldShowHistory: false,
-            shouldShowResults: false
-        });
+        this._shouldShowHistory = false;
+        this._shouldShowResults = false;
     }
     _displayResults() {
-        this._handleToggleHistoryAndResults({
-            shouldShowHistory: false,
-            shouldShowResults: true
-        });
-    }
-    _handleToggleHistoryAndResults({ shouldShowHistory, shouldShowResults }) {
-        this._shouldShowHistory = shouldShowHistory;
-        this._shouldShowResults = shouldShowResults;
-        this._toggleSearchInputAria(shouldShowHistory, shouldShowResults);
-    }
-    _toggleSearchInputAria(shouldShowHistory, shouldShowResults) {
-        var _a;
-        const $input = (_a = this._searchInput) === null || _a === void 0 ? void 0 : _a.input;
-        if (!$input)
-            return;
-        if (!shouldShowHistory && !shouldShowResults) {
-            $input.removeAttribute('aria-label');
-            return;
-        }
-        $input.setAttribute('aria-expanded', 'true');
-        if (shouldShowHistory)
-            $input.setAttribute('aria-label', this.settings.historyGuideAriaLabel);
-        if (shouldShowResults)
-            $input.setAttribute('aria-label', this.settings.suggesterGuideAriaLabel);
+        this._shouldShowHistory = false;
+        this._shouldShowResults = true;
     }
     _scroll(direction) {
         const searchContainer = this.querySelector(`.${SEARCH_CLASS_NAMES.container}`);
@@ -351,15 +292,12 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
                             module-instance-id="${this.moduleInstanceId}"
                         ></h-search-message>`)}
                     ${n(this._shouldShowHistory, () => html `<h-search-history
-                                ${ref(this._searchHistoryRef)}
                                 .history="${this._historyLimitedContent}"
                                 .translations="${this._translations}"
                                 active-item-id="${this._activeItemId}"
                                 module-instance-id="${this.moduleInstanceId}"
-                                .historyAriaLabel="${this.settings.historyItemAriaLabel}"
                             ></h-search-history>`)}
                     ${n(this._shouldShowResults, () => html `<h-search-results
-                                ${ref(this._searchResultsRef)}
                                 .results="${this._searchResults}"
                                 search-phrase="${this._searchPhrase}"
                                 .settings="${this.settings}"

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~~,0BAA0B,qEAA6E;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,0BAA0B,qEAA6E;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_constants.d.ts CHANGED Viewed

@@ -24,7 +24,7 @@ export declare const SEARCH_CUSTOM_EVENT_NAMES: {
     readonly clear: "clearSearchPhrase";
     readonly submit: "submitSearchPhrase";
     readonly close: "close";
-    readonly search: "performSearch";
+    readonly search: "search";
     readonly updateSearchPhrase: "updateSearchPhrase";
     readonly focusin: "searchFocusIn";
     readonly keydown: "searchKeyDown";

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

@@ -23,7 +23,7 @@ const SEARCH_CUSTOM_EVENT_NAMES = {
     clear: 'clearSearchPhrase',
     submit: 'submitSearchPhrase',
     close: 'close',
-    search: 'performSearch',
+    search: 'search',
     updateSearchPhrase: 'updateSearchPhrase',
     focusin: 'searchFocusIn',
     keydown: 'searchKeyDown'

package/build/esm/packages/phoenix/src/components/form/search/search_types.d.ts CHANGED Viewed

@@ -68,12 +68,6 @@ export declare type TSearchSettings = {
     showProductRate: boolean;
     showProductAvailability: boolean;
     showProductPrice: boolean;
-    historyGuideAriaLabel: string;
-    suggesterGuideAriaLabel: string;
-    historyItemAriaLabel: string;
-    suggesterItemAriaLabel: string;
-    suggesterProductItemAriaLabel: string;
-    suggesterProducerItemAriaLabel: string;
 };
 export declare type TScrollDirection = TEnumLiteralsOf<typeof SCROLL_DIRECTIONS>;
 export declare type TSuggestionType = TEnumLiteralsOf<typeof SUGGESTIONS_TYPE>;
@@ -83,7 +77,3 @@ export declare type TSuggestion = {
     categoryName?: string;
     url?: string;
 };
-export declare type THandleToggleHistoryAndResults = {
-    shouldShowHistory: boolean;
-    shouldShowResults: boolean;
-};

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

@@ -8,12 +8,10 @@ export declare class HSearchHistory extends PhoenixLightLitElement {
     private _historyContext$;
     private _historyContextObserver;
     buttonRef: Ref<HSearchHistoryLoadMore>;
-    private _loadMoreButtonId;
     history: TSearchHistoryItem[];
     activeItemId: number;
     translations: Record<string, string>;
     moduleInstanceId: string;
-    historyAriaLabel?: string;
     connectedCallback(): Promise<void>;
     protected render(): TemplateResult;
 }

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

@@ -7,7 +7,6 @@ import { ICONS_SIZES } from '../../../../icon/icon_constants.js';
 import { Observer } from '../../../../../core/classes/observer/observer.js';
 import { ContextConsumerController } from '../../../../../core/context/context_consumer_controller.js';
 import { createRef, ref } from 'lit-html/directives/ref.js';
-import v4 from '../../../../../../../../external/uuid/dist/esm-browser/v4.js';
 import { when as n } from '../../../../../../../../external/lit/external/lit-html/directives/when.js';
 import { SEARCH_CONTEXT_NAMES, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
 import { repeat as c } from '../../../../../../../../external/lit/external/lit-html/directives/repeat.js';
@@ -16,7 +15,6 @@ let HSearchHistory = class HSearchHistory extends PhoenixLightLitElement {
     constructor() {
         super(...arguments);
         this.buttonRef = createRef();
-        this._loadMoreButtonId = v4();
         this.history = [];
         this.translations = {};
     }
@@ -52,7 +50,6 @@ let HSearchHistory = class HSearchHistory extends PhoenixLightLitElement {
                                 data-suggested-value="${historyElement.label}"
                                 data-search-item-id="${index}"
                                 module-instance-id="${this.moduleInstanceId}"
-                                aria-label=${this.historyAriaLabel ? `${this.historyAriaLabel} ${historyElement.label}` : undefined}
                             >
                                 <h-icon icon-name="icon-clock"></h-icon>
@@ -70,11 +67,7 @@ let HSearchHistory = class HSearchHistory extends PhoenixLightLitElement {
                         </li>`)}
                 </ul>
-                <h-search-history-load-more
-                    class="${SEARCH_CLASS_NAMES.historyLoadMore}"
-                    data-search-item-id="${this._loadMoreButtonId}"
-                    ${ref(this.buttonRef)}
-                >
+                <h-search-history-load-more class="${SEARCH_CLASS_NAMES.historyLoadMore}" ${ref(this.buttonRef)}>
                     ${this.translations.loadMore}
                 </h-search-history-load-more>`);
     }
@@ -95,10 +88,6 @@ __decorate([
     property({ type: String, attribute: 'module-instance-id' }),
     __metadata("design:type", String)
 ], HSearchHistory.prototype, "moduleInstanceId", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HSearchHistory.prototype, "historyAriaLabel", void 0);
 HSearchHistory = __decorate([
     phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchHistory)
 ], HSearchHistory);

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history.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;AACA;AACA,~~eAAe,8DAAkE;AACjF,~~0BAA0B,2EAAmF;AAC7G;AACA,4BAA4B,6EAAqF;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA,0BAA0B,2EAAmF;AAC7G;AACA,4BAA4B,6EAAqF;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/input/search_input.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 export declare class HSearchInput extends PhoenixLightLitElement {
-    input: HTMLInputElement | null;
+    private _input;
     moduleInstanceId: string;
     private _isSearchPhraseCleared;
     connectedCallback(): void;

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

@@ -11,8 +11,8 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
     }
     connectedCallback() {
         super.connectedCallback();
-        this.input = this.querySelector('input[type="search"]');
-        if (!this.input) {
+        this._input = this.querySelector('input[type="search"]');
+        if (!this._input) {
             throw new Error('Search input not found');
         }
         this._setupInitialValue();
@@ -24,7 +24,7 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
         if (!searchPhraseRegArray)
             return;
         const searchQuery = searchPhraseRegArray[1].replace(/\+/g, ' ');
-        this.input.value = decodeURIComponent(this._deserializeInputPhrase(searchQuery));
+        this._input.value = decodeURIComponent(this._deserializeInputPhrase(searchQuery));
     }
     _deserializeInputPhrase(value) {
         if (value.indexOf('%2f') !== -1) {
@@ -42,14 +42,14 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
         return value;
     }
     _setupListeners() {
-        this.input.addEventListener('focusin', (ev) => {
+        this._input.addEventListener('focusin', (ev) => {
             this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.focusin, {
                 detail: {
                     searchPhrase: ev.target.value
                 }
             });
         });
-        this.input.addEventListener('keydown', (ev) => {
+        this._input.addEventListener('keydown', (ev) => {
             if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape')
                 return;
             if (ev.key !== 'Enter') {
@@ -70,8 +70,8 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
                 }
             });
         });
-        this.input.addEventListener('search', (ev) => {
-            if (this.input.value !== '') {
+        this._input.addEventListener('search', (ev) => {
+            if (this._input.value !== '') {
                 return;
             }
             this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.search, {
@@ -84,13 +84,13 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
             if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
                 return;
             this._isSearchPhraseCleared = true;
-            this.input.value = '';
-            this.input.focus();
+            this._input.value = '';
+            this._input.focus();
         });
         document.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.updateSearchPhrase, (ev) => {
             if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
                 return;
-            this.input.value = ev.detail.searchPhrase;
+            this._input.value = ev.detail.searchPhrase;
             this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keydown, {
                 detail: {
                     searchPhrase: ev.detail.searchPhrase

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

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

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

@@ -32,8 +32,6 @@ let HSearchProducerContent = class HSearchProducerContent extends PhoenixLightLi
                 ? SEARCH_CLASS_NAMES.itemActive
                 : ''}"
                         data-search-item-id="${this.initialItemIds.producers + index}"
-                        aria-label=${this.producerAriaLabel ? `${this.producerAriaLabel} ${producer.name}` : undefined}
-                        tabindex="0"
                     >
                         <a
                             href="${producer.url}"
@@ -69,10 +67,6 @@ __decorate([
     property({ type: String, attribute: 'search-phrase' }),
     __metadata("design:type", String)
 ], HSearchProducerContent.prototype, "searchPhrase", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HSearchProducerContent.prototype, "producerAriaLabel", 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,2EAAmF;AAC7G;AACA,4BAA4B,6EAAqF;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2EAAmF;AAC7G;AACA,4BAA4B,6EAAqF;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -7,7 +7,6 @@ export declare class HSearchProductContent extends PhoenixLightLitElement {
     activeItemId: number;
     initialItemIds: Record<string, number>;
     translations: Record<string, string>;
-    productAriaLabel?: string;
     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

@@ -45,8 +45,6 @@ let HSearchProductContent = class HSearchProductContent extends PhoenixLightLitE
                 ? SEARCH_CLASS_NAMES.itemActive
                 : ''}"
                         data-search-item-id="${this.initialItemIds.products + index}"
-                        aria-label=${this.productAriaLabel ? `${this.productAriaLabel} ${product.name}` : undefined}
-                        tabindex="0"
                     >
                         <a
                             href="${product.url}"
@@ -106,10 +104,6 @@ __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)
 ], HSearchProductContent.prototype, "translations", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HSearchProductContent.prototype, "productAriaLabel", 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,2EAAmF;AAC7G;AACA,4BAA4B,6EAAqF;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2EAAmF;AAC7G;AACA,4BAA4B,6EAAqF;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -2,8 +2,6 @@ import { TemplateResult } from 'lit';
 import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 import type { TSearchResults, TSearchSettings } from "../../search_types";
 export declare class HSearchResults extends PhoenixLightLitElement {
-    private _loadMoreButtonId;
-    private _goToProductsForButtonId;
     results: TSearchResults;
     searchPhrase: string;
     settings: TSearchSettings;

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

@@ -3,7 +3,6 @@ import { html } from 'lit';
 import { property, state } from 'lit/decorators';
 import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
-import v4 from '../../../../../../../../external/uuid/dist/esm-browser/v4.js';
 import { when as n } from '../../../../../../../../external/lit/external/lit-html/directives/when.js';
 import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES, EMPTY_SEARCH_RESULTS } from '../../search_constants.js';
 import isEqual_1 from '../../../../../../../../external/lodash/isEqual.js';
@@ -11,8 +10,6 @@ import isEqual_1 from '../../../../../../../../external/lodash/isEqual.js';
 let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
     constructor() {
         super(...arguments);
-        this._loadMoreButtonId = v4();
-        this._goToProductsForButtonId = v4();
         this.searchPhrase = '';
         this.translations = {};
         this._productPage = 1;
@@ -71,7 +68,6 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
                         locale="${this.locale}"
                         view="${this.view}"
                         module-instance-id="${this.moduleInstanceId}"
-                        .suggestionAriaLabel=${this.settings.suggesterItemAriaLabel}
                     >
                     </h-search-suggestion-content>`)}
                 ${n((_c = this.results.products) === null || _c === void 0 ? void 0 : _c.length, () => html `
@@ -82,23 +78,16 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
                                 active-item-id="${this.activeItemId}"
                                 .initialItemIds="${this._getInitialItemsIds()}"
                                 .translations="${this.translations}"
-                                .productAriaLabel=${this.settings.suggesterProductItemAriaLabel}
                             ></h-search-product-content>
                             ${n(this.settings.isLoadingMoreSearchResultsEnabled, () => n(this._areMoreProductsAvailable(), () => html `<button
                                                 class="${SEARCH_CLASS_NAMES.productButton}"
                                                 @click="${this.handleLoadMoreProducts}"
                                                 type="button"
-                                                data-search-item-id="${this._loadMoreButtonId}"
                                             >
                                                 ${this.translations.loadMore}
                                             </button>`), () => html `
-                                    <button
-                                        class="${SEARCH_CLASS_NAMES.productButton}"
-                                        @click="${this.handleGoToProductsFor}"
-                                        type="button"
-                                        data-search-item-id="${this._goToProductsForButtonId}"
-                                    >
+                                    <button class="${SEARCH_CLASS_NAMES.productButton}" @click="${this.handleGoToProductsFor}" type="button">
                                         ${this.translations.goToProductsFor}: <strong>${this._getSearchPhrase()}</strong>
                                     </button>
                                 `)}
@@ -111,7 +100,6 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
                             .initialItemIds="${this._getInitialItemsIds()}"
                             .translations="${this.translations}"
                             search-phrase="${this.searchPhrase}"
-                            .producerAriaLabel=${this.settings.suggesterProducerItemAriaLabel}
                         ></h-search-producer-content>`)}
             `;
         });

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.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,~~eAAe,8DAAkE;AACjF,~~0BAA0B,2EAAmF;AAC7G;AACA,sBAAsB,oDAAwD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2EAAmF;AAC7G;AACA,sBAAsB,oDAAwD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_suggestion_content.d.ts CHANGED Viewed

@@ -10,7 +10,6 @@ export declare class HSearchSuggestionContent extends PhoenixLightLitElement {
     view: string;
     locale: string;
     moduleInstanceId: string;
-    suggestionAriaLabel?: string;
     private _searchPhrase;
     private _suggestionsData;
     connectedCallback(): Promise<void>;

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

@@ -108,8 +108,6 @@ let HSearchSuggestionContent = class HSearchSuggestionContent extends PhoenixLig
             : ''}"
                                 data-suggested-value="${suggestion.suggestionName}"
                                 data-search-item-id="${index}"
-                                aria-label=${this.suggestionAriaLabel ? `${this.suggestionAriaLabel} ${suggestion.suggestionName}` : undefined}
-                                tabindex="0"
                             >
                                 ${n(suggestion.type === SUGGESTIONS_TYPE.suggestion, () => html ` <span> ${this._getMatchedPhrase(suggestion.suggestionName)} </span>
                                         <h-icon
@@ -155,10 +153,6 @@ __decorate([
     property({ type: String, attribute: 'module-instance-id' }),
     __metadata("design:type", String)
 ], HSearchSuggestionContent.prototype, "moduleInstanceId", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HSearchSuggestionContent.prototype, "suggestionAriaLabel", void 0);
 __decorate([
     state(),
     __metadata("design:type", String)

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,2EAAmF;AAC7G;AACA,4BAA4B,6EAAqF;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2EAAmF;AAC7G;AACA,4BAA4B,6EAAqF;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.js CHANGED Viewed

@@ -95,10 +95,10 @@ export { HDisplayStepper } from './components/form/input_stepper/display_stepper
 export { HButtonStepper } from './components/form/input_stepper/button_stepper.js';
 export { DEFAULT_VIEW, EMPTY_SEARCH_RESULTS, SCROLL_DIRECTIONS, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES, SEARCH_CONFIGURATION, SEARCH_CONTEXT_NAMES, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_PORTAL_DESTINATIONS, SEARCH_SLOT_NAMES, SUGGESTIONS_TYPE } from './components/form/search/search_constants.js';
 export { HSearchInput } from './components/form/search/subcomponents/input/search_input.js';
-export { HSearchResults } from './components/form/search/subcomponents/results/search_results.js';
+export { HSearch } from './components/form/search/search.js';
 export { HSearchHistoryLoadMore } from './components/form/search/subcomponents/history/search_history_load_more.js';
 export { HSearchHistory } from './components/form/search/subcomponents/history/search_history.js';
-export { HSearch } from './components/form/search/search.js';
+export { HSearchResults } from './components/form/search/subcomponents/results/search_results.js';
 export { HSearchSubmit } from './components/form/search/subcomponents/buttons/search_submit.js';
 export { HSearchClear } from './components/form/search/subcomponents/buttons/search_clear.js';
 export { HSearchClose } from './components/form/search/subcomponents/buttons/search_close.js';

package/package.json CHANGED Viewed

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