@shoper/phoenix_design_system 1.6.18 → 1.6.20

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

@@ -135,7 +135,7 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
             this._toggleScroll();
         }, relative_position_controller_constants.DEFAULT_THROTTLE_WAIT_TIME);
         this._closeDropdownOnEscape = async (ev) => {
-            const hasEscapeBeenPressed = ev.key.toLowerCase() === 'escape';
+            const hasEscapeBeenPressed = ev.key && ev.key.toLowerCase() === 'escape';
             if (!hasEscapeBeenPressed)
                 return;
             await this.hide();

package/build/cjs/packages/phoenix/src/components/form/input_stepper/display_stepper.js

@@ -44,8 +44,9 @@ exports.HDisplayStepper = class HDisplayStepper extends phoenix_light_lit_elemen
         this._controlId && this._inputRef.value.setAttribute('id', this._controlId);
     }
     disconnectedCallback() {
+        var _a;
         super.disconnectedCallback();
-        this._value$.unsubscribe(this._valueObserver);
+        (_a = this._value$) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._valueObserver);
         this.removeEventListener(input_stepper_constants.INPUT_STEPPER_EVENT_NAMES.change, this._dispatchToggleEvent);
     }
     _setupProperties() {

package/build/cjs/packages/phoenix/src/components/form/input_stepper/display_stepper.js.map

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

@@ -19,6 +19,7 @@ var search_constants = require('./search_constants.js');
 exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
         super(...arguments);
+        this.view = search_constants.DEFAULT_VIEW;
         this._shouldShowHistory = false;
         this._shouldShowResults = false;
         this._shouldShowMessage = false;
@@ -87,7 +88,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
         this._setupContext();
         try {
             this._searchContextConsumer = new context_consumer_controller.ContextConsumerController(this);
-            this._searchContext$ = await this._searchContextConsumer.consumeAsync(search_constants.SEARCH_CONTEXT_NAMES.searchContext);
+            this._searchContext$ = await this._searchContextConsumer.consumeAsync(this.moduleInstanceId);
             this._searchContextObserver = new observer.Observer((searchData) => {
                 this._searchResults = searchData.results;
                 this._searchHistory = searchData.history;
@@ -129,7 +130,8 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
     _dispatchEventWithSearchPhrase(eventName, searchPhrase) {
         this.dispatchEvent(new CustomEvent(eventName, {
             detail: {
-                searchPhrase
+                searchPhrase,
+                moduleInstanceId: this.moduleInstanceId
             },
             bubbles: true
         }));
@@ -266,11 +268,13 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
                             .results="${this._searchResults}"
                             .translations="${this._translations}"
                             search-phrase="${this._searchPhrase}"
+                            module-instance-id="${this.moduleInstanceId}"
                         ></h-search-message>`)}
                     ${when.when(this._shouldShowHistory, () => lit.html `<h-search-history
                                 .history="${this._historyLimitedContent}"
                                 .translations="${this._translations}"
                                 active-item-id="${this._activeItemId}"
+                                module-instance-id="${this.moduleInstanceId}"
                             ></h-search-history>`)}
                     ${when.when(this._shouldShowResults, () => lit.html `<h-search-results
                                 .results="${this._searchResults}"
@@ -280,6 +284,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
                                 view="${this.view}"
                                 .translations="${this._translations}"
                                 active-item-id="${this._activeItemId}"
+                                module-instance-id="${this.moduleInstanceId}"
                             ></h-search-results>`)}
                 </div>`)}
         `;
@@ -297,6 +302,10 @@ tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", String)
 ], exports.HSearch.prototype, "locale", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String, attribute: 'module-instance-id' }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HSearch.prototype, "moduleInstanceId", void 0);
 tslib_es6.__decorate([
     decorators.state(),
     tslib_es6.__metadata("design:type", Boolean)

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

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

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

@@ -20,7 +20,10 @@ exports.HSearchClear = class HSearchClear extends phoenix_light_lit_element.Phoe
         this._isRequestPending = false;
         this._dispatchClearEvent = () => {
             this.dispatchEvent(new CustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.clear, {
-                bubbles: true
+                bubbles: true,
+                detail: {
+                    moduleInstanceId: this.moduleInstanceId
+                }
             }));
         };
         this._btnController = new btn_controller.BtnController(this, this._dispatchClearEvent);
@@ -33,7 +36,7 @@ exports.HSearchClear = class HSearchClear extends phoenix_light_lit_element.Phoe
     async _searchContextSetup() {
         try {
             this._searchContextConsumer = new context_consumer_controller.ContextConsumerController(this);
-            this._searchContext$ = await this._searchContextConsumer.consumeAsync(search_constants.SEARCH_CONTEXT_NAMES.searchContext);
+            this._searchContext$ = await this._searchContextConsumer.consumeAsync(this.moduleInstanceId);
             this._searchContextObserver = new observer.Observer((searchData) => {
                 var _a;
                 this._shouldShow = ((_a = searchData.searchPhrase) === null || _a === void 0 ? void 0 : _a.length) !== 0;
@@ -53,6 +56,10 @@ exports.HSearchClear = class HSearchClear extends phoenix_light_lit_element.Phoe
             `)}`;
     }
 };
+tslib_es6.__decorate([
+    decorators.property({ type: String, attribute: 'module-instance-id' }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HSearchClear.prototype, "moduleInstanceId", void 0);
 tslib_es6.__decorate([
     decorators.state(),
     tslib_es6.__metadata("design:type", Boolean)

package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js.map

@@ -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,mBAAmB,2EAAmF;AACtG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,2EAAmF;AACtG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/history/search_history.js

@@ -53,6 +53,7 @@ exports.HSearchHistory = class HSearchHistory extends phoenix_light_lit_element.
                                 class="${search_constants.SEARCH_CLASS_NAMES.historySelect}"
                                 data-suggested-value="${historyElement.label}"
                                 data-search-item-id="${index}"
+                                module-instance-id="${this.moduleInstanceId}"
                             >
                                 <h-icon icon-name="icon-clock"></h-icon>
 
@@ -87,6 +88,10 @@ tslib_es6.__decorate([
     decorators.property({ type: Object }),
     tslib_es6.__metadata("design:type", Object)
 ], exports.HSearchHistory.prototype, "translations", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String, attribute: 'module-instance-id' }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HSearchHistory.prototype, "moduleInstanceId", 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

@@ -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,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;"}
+{"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/history/search_history_select.js

@@ -16,7 +16,8 @@ exports.HSearchHistorySelect = class HSearchHistorySelect extends phoenix_light_
             this.dispatchEvent(new CustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
                 bubbles: true,
                 detail: {
-                    searchPhrase: this.historyItemLabel
+                    searchPhrase: this.historyItemLabel,
+                    moduleInstanceId: this.moduleInstanceId
                 }
             }));
         };
@@ -31,6 +32,10 @@ tslib_es6.__decorate([
     decorators.property({ type: String, attribute: 'item-label' }),
     tslib_es6.__metadata("design:type", String)
 ], exports.HSearchHistorySelect.prototype, "historyItemLabel", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String, attribute: 'module-instance-id' }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HSearchHistorySelect.prototype, "moduleInstanceId", void 0);
 exports.HSearchHistorySelect = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.historySelectButton),
     tslib_es6.__metadata("design:paramtypes", [])

package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history_select.js.map

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

@@ -68,12 +68,16 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
             }
             this._dispatchCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.searchInput, ev.target.value);
         });
-        document.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.clear, () => {
+        document.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.clear, (ev) => {
+            if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
+                return;
             this._isSearchPhraseCleared = true;
             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._dispatchCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyupInput, ev.detail.searchPhrase);
         });
@@ -87,6 +91,10 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
         }));
     }
 };
+tslib_es6.__decorate([
+    decorators.property({ type: String, attribute: 'module-instance-id' }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HSearchInput.prototype, "moduleInstanceId", void 0);
 tslib_es6.__decorate([
     decorators.state(),
     tslib_es6.__metadata("design:type", Boolean)

package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map

@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/message/search_message.js

@@ -41,7 +41,8 @@ exports.HSearchMessage = class HSearchMessage extends phoenix_light_lit_element.
         this.dispatchEvent(new CustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
             bubbles: true,
             detail: {
-                searchPhrase: this.searchPhrase
+                searchPhrase: this.searchPhrase,
+                moduleInstanceId: this.moduleInstanceId
             }
         }));
     }
@@ -75,6 +76,10 @@ tslib_es6.__decorate([
     decorators.property({ type: Object }),
     tslib_es6.__metadata("design:type", Object)
 ], exports.HSearchMessage.prototype, "translations", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String, attribute: 'module-instance-id' }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HSearchMessage.prototype, "moduleInstanceId", void 0);
 exports.HSearchMessage = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.searchMessage)
 ], exports.HSearchMessage);

package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js.map

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

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

@@ -46,7 +46,8 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
         this.dispatchEvent(new CustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
             bubbles: true,
             detail: {
-                searchPhrase: this._getSearchPhrase()
+                searchPhrase: this._getSearchPhrase(),
+                moduleInstanceId: this.moduleInstanceId
             }
         }));
     }
@@ -54,7 +55,7 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
         this._productPage++;
         this.dispatchEvent(new CustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.loadMoreProducts, {
             bubbles: true,
-            detail: { searchPhrase: this._getSearchPhrase(), page: this._productPage }
+            detail: { searchPhrase: this._getSearchPhrase(), page: this._productPage, moduleInstanceId: this.moduleInstanceId }
         }));
     }
     render() {
@@ -68,6 +69,7 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
                         .translations="${this.translations}"
                         locale="${this.locale}"
                         view="${this.view}"
+                        module-instance-id="${this.moduleInstanceId}"
                     >
                     </h-search-suggestion-content>`)}
                 ${when.when((_c = this.results.products) === null || _c === void 0 ? void 0 : _c.length, () => lit.html `
@@ -133,6 +135,10 @@ tslib_es6.__decorate([
     decorators.property({ type: Object }),
     tslib_es6.__metadata("design:type", Object)
 ], exports.HSearchResults.prototype, "translations", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String, attribute: 'module-instance-id' }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HSearchResults.prototype, "moduleInstanceId", 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_results.js.map

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

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

@@ -18,7 +18,6 @@ exports.HSearchSuggestionContent = class HSearchSuggestionContent extends phoeni
         super(...arguments);
         this.initialItemIds = {};
         this.translations = {};
-        this.view = search_constants.DEFAULT_VIEW;
         this._searchPhrase = '';
         this._suggestionsData = [];
         this._updateSearchPhrase = (ev, suggestion) => {
@@ -30,7 +29,7 @@ exports.HSearchSuggestionContent = class HSearchSuggestionContent extends phoeni
         super.connectedCallback();
         try {
             this._searchContextConsumer = new context_consumer_controller.ContextConsumerController(this);
-            this._searchContext$ = await this._searchContextConsumer.consumeAsync(search_constants.SEARCH_CONTEXT_NAMES.searchContext);
+            this._searchContext$ = await this._searchContextConsumer.consumeAsync(this.moduleInstanceId);
             this._searchContextObserver = new observer.Observer((searchData) => {
                 this._searchPhrase = searchData.searchPhrase;
                 this._setupSuggestionData(searchData.results);
@@ -53,7 +52,7 @@ exports.HSearchSuggestionContent = class HSearchSuggestionContent extends phoeni
                     const lang = this.locale.split('_')[0];
                     suggestionsData.push({
                         suggestionName: suggestion,
-                        categoryName: results.products[0].category.name,
+                        categoryName: results.products[0].category.breadcrumbs,
                         type: search_constants.SUGGESTIONS_TYPE.suggestionInCategory,
                         url: `/${lang}/c/${results.products[0].category.name}/${results.products[0].category.categoryId}/1/${this.view}/1/searchquery/${suggestion}`
                     });
@@ -90,7 +89,8 @@ exports.HSearchSuggestionContent = class HSearchSuggestionContent extends phoeni
         this.dispatchEvent(new CustomEvent(eventName, {
             bubbles: true,
             detail: {
-                searchPhrase
+                searchPhrase,
+                moduleInstanceId: this.moduleInstanceId
             }
         }));
     }
@@ -148,12 +148,16 @@ tslib_es6.__decorate([
 ], exports.HSearchSuggestionContent.prototype, "translations", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", String)
 ], exports.HSearchSuggestionContent.prototype, "view", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", String)
 ], exports.HSearchSuggestionContent.prototype, "locale", void 0);
+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.state(),
     tslib_es6.__metadata("design:type", String)

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

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

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

@@ -131,7 +131,7 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
             this._toggleScroll();
         }, DEFAULT_THROTTLE_WAIT_TIME);
         this._closeDropdownOnEscape = async (ev) => {
-            const hasEscapeBeenPressed = ev.key.toLowerCase() === 'escape';
+            const hasEscapeBeenPressed = ev.key && ev.key.toLowerCase() === 'escape';
             if (!hasEscapeBeenPressed)
                 return;
             await this.hide();

package/build/esm/packages/phoenix/src/components/form/input_stepper/display_stepper.js

@@ -40,8 +40,9 @@ let HDisplayStepper = class HDisplayStepper extends PhoenixLightLitElement {
         this._controlId && this._inputRef.value.setAttribute('id', this._controlId);
     }
     disconnectedCallback() {
+        var _a;
         super.disconnectedCallback();
-        this._value$.unsubscribe(this._valueObserver);
+        (_a = this._value$) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._valueObserver);
         this.removeEventListener(INPUT_STEPPER_EVENT_NAMES.change, this._dispatchToggleEvent);
     }
     _setupProperties() {

package/build/esm/packages/phoenix/src/components/form/input_stepper/display_stepper.js.map

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

@@ -5,6 +5,7 @@ export declare class HSearch extends PhoenixLightLitElement {
     settings: TSearchSettings;
     view: string;
     locale: string;
+    moduleInstanceId: string;
     private _historyContextProvider;
     private _searchContextConsumer;
     private _searchContext$;

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

@@ -10,11 +10,12 @@ import { BehaviorSubject } from '../../../core/classes/behavior_subject/behavior
 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';
-import { SCROLL_DIRECTIONS, SEARCH_CLASS_NAMES, SEARCH_CONTEXT_NAMES, SEARCH_CONFIGURATION, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from './search_constants.js';
+import { DEFAULT_VIEW, SCROLL_DIRECTIONS, SEARCH_CLASS_NAMES, SEARCH_CONFIGURATION, SEARCH_CONTEXT_NAMES, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from './search_constants.js';
 
 let HSearch = class HSearch extends PhoenixLightLitElement {
     constructor() {
         super(...arguments);
+        this.view = DEFAULT_VIEW;
         this._shouldShowHistory = false;
         this._shouldShowResults = false;
         this._shouldShowMessage = false;
@@ -83,7 +84,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
         this._setupContext();
         try {
             this._searchContextConsumer = new ContextConsumerController(this);
-            this._searchContext$ = await this._searchContextConsumer.consumeAsync(SEARCH_CONTEXT_NAMES.searchContext);
+            this._searchContext$ = await this._searchContextConsumer.consumeAsync(this.moduleInstanceId);
             this._searchContextObserver = new Observer((searchData) => {
                 this._searchResults = searchData.results;
                 this._searchHistory = searchData.history;
@@ -125,7 +126,8 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
     _dispatchEventWithSearchPhrase(eventName, searchPhrase) {
         this.dispatchEvent(new CustomEvent(eventName, {
             detail: {
-                searchPhrase
+                searchPhrase,
+                moduleInstanceId: this.moduleInstanceId
             },
             bubbles: true
         }));
@@ -262,11 +264,13 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
                             .results="${this._searchResults}"
                             .translations="${this._translations}"
                             search-phrase="${this._searchPhrase}"
+                            module-instance-id="${this.moduleInstanceId}"
                         ></h-search-message>`)}
                     ${n(this._shouldShowHistory, () => html `<h-search-history
                                 .history="${this._historyLimitedContent}"
                                 .translations="${this._translations}"
                                 active-item-id="${this._activeItemId}"
+                                module-instance-id="${this.moduleInstanceId}"
                             ></h-search-history>`)}
                     ${n(this._shouldShowResults, () => html `<h-search-results
                                 .results="${this._searchResults}"
@@ -276,6 +280,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
                                 view="${this.view}"
                                 .translations="${this._translations}"
                                 active-item-id="${this._activeItemId}"
+                                module-instance-id="${this.moduleInstanceId}"
                             ></h-search-results>`)}
                 </div>`)}
         `;
@@ -293,6 +298,10 @@ __decorate([
     property({ type: String }),
     __metadata("design:type", String)
 ], HSearch.prototype, "locale", void 0);
+__decorate([
+    property({ type: String, attribute: 'module-instance-id' }),
+    __metadata("design:type", String)
+], HSearch.prototype, "moduleInstanceId", void 0);
 __decorate([
     state(),
     __metadata("design:type", Boolean)

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

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

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

@@ -11,6 +11,7 @@ export declare type TSearchResults = {
 export declare type TCategory = {
     url: string;
     name: string;
+    breadcrumbs: string;
     categoryId?: number;
 };
 export declare type TProducer = TCategory & {
@@ -45,10 +46,12 @@ export declare type TSearchData = {
 };
 export declare type TSearchPhaseEventBody = {
     searchPhrase: string;
+    moduleInstanceId: string;
 };
 export declare type SearchPhraseEvent = CustomEventInit<TSearchPhaseEventBody>;
 export declare type RemoveHistoryItemEvent = CustomEventInit<{
     id: string;
+    moduleInstanceId: string;
 }>;
 export declare type TSearchHistoryContext = {
     showLoadMore: boolean;

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.d.ts

@@ -2,6 +2,7 @@ import { TemplateResult } from 'lit';
 import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 export declare class HSearchClear extends PhoenixLightLitElement {
     private _btnController;
+    moduleInstanceId: string;
     private _shouldShow;
     private _isRequestPending;
     private _searchContextConsumer;

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

@@ -1,13 +1,13 @@
 import { __decorate, __metadata } from '../../../../../../../../external/tslib/tslib.es6.js';
 import { html } from 'lit';
-import { state } from 'lit/decorators';
+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 { BtnController } from '../../../../../controllers/btn_controller/btn_controller.js';
 import { Observer } from '../../../../../core/classes/observer/observer.js';
 import { ContextConsumerController } from '../../../../../core/context/context_consumer_controller.js';
 import { when as n } from '../../../../../../../../external/lit/external/lit-html/directives/when.js';
-import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_NATIVE_EVENT_NAMES, SEARCH_CONTEXT_NAMES, SEARCH_CLASS_NAMES, SEARCH_SLOT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
+import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_NATIVE_EVENT_NAMES, SEARCH_CLASS_NAMES, SEARCH_SLOT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
 
 let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
     constructor() {
@@ -16,7 +16,10 @@ let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
         this._isRequestPending = false;
         this._dispatchClearEvent = () => {
             this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.clear, {
-                bubbles: true
+                bubbles: true,
+                detail: {
+                    moduleInstanceId: this.moduleInstanceId
+                }
             }));
         };
         this._btnController = new BtnController(this, this._dispatchClearEvent);
@@ -29,7 +32,7 @@ let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
     async _searchContextSetup() {
         try {
             this._searchContextConsumer = new ContextConsumerController(this);
-            this._searchContext$ = await this._searchContextConsumer.consumeAsync(SEARCH_CONTEXT_NAMES.searchContext);
+            this._searchContext$ = await this._searchContextConsumer.consumeAsync(this.moduleInstanceId);
             this._searchContextObserver = new Observer((searchData) => {
                 var _a;
                 this._shouldShow = ((_a = searchData.searchPhrase) === null || _a === void 0 ? void 0 : _a.length) !== 0;
@@ -49,6 +52,10 @@ let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
             `)}`;
     }
 };
+__decorate([
+    property({ type: String, attribute: 'module-instance-id' }),
+    __metadata("design:type", String)
+], HSearchClear.prototype, "moduleInstanceId", void 0);
 __decorate([
     state(),
     __metadata("design:type", Boolean)

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,2EAAmF;AAC7G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,2EAAmF;AAC7G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/history/search_history.d.ts

@@ -11,6 +11,7 @@ export declare class HSearchHistory extends PhoenixLightLitElement {
     history: TSearchHistoryItem[];
     activeItemId: number;
     translations: Record<string, string>;
+    moduleInstanceId: string;
     connectedCallback(): Promise<void>;
     protected render(): TemplateResult;
 }

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

@@ -49,6 +49,7 @@ let HSearchHistory = class HSearchHistory extends PhoenixLightLitElement {
                                 class="${SEARCH_CLASS_NAMES.historySelect}"
                                 data-suggested-value="${historyElement.label}"
                                 data-search-item-id="${index}"
+                                module-instance-id="${this.moduleInstanceId}"
                             >
                                 <h-icon icon-name="icon-clock"></h-icon>
 
@@ -83,6 +84,10 @@ __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)
 ], HSearchHistory.prototype, "translations", void 0);
+__decorate([
+    property({ type: String, attribute: 'module-instance-id' }),
+    __metadata("design:type", String)
+], HSearchHistory.prototype, "moduleInstanceId", 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

@@ -1 +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;"}
+{"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/history/search_history_select.d.ts

@@ -2,6 +2,7 @@ import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_el
 export declare class HSearchHistorySelect extends PhoenixLightLitElement {
     private _btnController;
     historyItemLabel: string;
+    moduleInstanceId: string;
     constructor();
     connectedCallback(): void;
     private _dispatchHistorySelectEvent;

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

@@ -12,7 +12,8 @@ let HSearchHistorySelect = class HSearchHistorySelect extends PhoenixLightLitEle
             this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
                 bubbles: true,
                 detail: {
-                    searchPhrase: this.historyItemLabel
+                    searchPhrase: this.historyItemLabel,
+                    moduleInstanceId: this.moduleInstanceId
                 }
             }));
         };
@@ -27,6 +28,10 @@ __decorate([
     property({ type: String, attribute: 'item-label' }),
     __metadata("design:type", String)
 ], HSearchHistorySelect.prototype, "historyItemLabel", void 0);
+__decorate([
+    property({ type: String, attribute: 'module-instance-id' }),
+    __metadata("design:type", String)
+], HSearchHistorySelect.prototype, "moduleInstanceId", void 0);
 HSearchHistorySelect = __decorate([
     phoenixCustomElement(SEARCH_COMPONENT_NAMES.historySelectButton),
     __metadata("design:paramtypes", [])

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history_select.js.map

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

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

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

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

@@ -1,5 +1,5 @@
 import { __decorate, __metadata } from '../../../../../../../../external/tslib/tslib.es6.js';
-import { state } from 'lit/decorators';
+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 { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
@@ -64,12 +64,16 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
             }
             this._dispatchCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.searchInput, ev.target.value);
         });
-        document.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.clear, () => {
+        document.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.clear, (ev) => {
+            if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
+                return;
             this._isSearchPhraseCleared = true;
             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._dispatchCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keyupInput, ev.detail.searchPhrase);
         });
@@ -83,6 +87,10 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
         }));
     }
 };
+__decorate([
+    property({ type: String, attribute: 'module-instance-id' }),
+    __metadata("design:type", String)
+], HSearchInput.prototype, "moduleInstanceId", void 0);
 __decorate([
     state(),
     __metadata("design:type", Boolean)

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

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

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/message/search_message.d.ts

@@ -6,6 +6,7 @@ export declare class HSearchMessage extends PhoenixLightLitElement {
     results: TSearchResults;
     history: TSearchHistoryItem[];
     translations: Record<string, string>;
+    moduleInstanceId: string;
     private _createEmptyResults;
     private _isNoResultsForSearchPhrase;
     private _hasHistoryAndEmptyPhrase;

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

@@ -37,7 +37,8 @@ let HSearchMessage = class HSearchMessage extends PhoenixLightLitElement {
         this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
             bubbles: true,
             detail: {
-                searchPhrase: this.searchPhrase
+                searchPhrase: this.searchPhrase,
+                moduleInstanceId: this.moduleInstanceId
             }
         }));
     }
@@ -71,6 +72,10 @@ __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)
 ], HSearchMessage.prototype, "translations", void 0);
+__decorate([
+    property({ type: String, attribute: 'module-instance-id' }),
+    __metadata("design:type", String)
+], HSearchMessage.prototype, "moduleInstanceId", void 0);
 HSearchMessage = __decorate([
     phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchMessage)
 ], HSearchMessage);

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js.map

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

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.d.ts

@@ -9,6 +9,7 @@ export declare class HSearchResults extends PhoenixLightLitElement {
     locale: string;
     activeItemId: number;
     translations: Record<string, string>;
+    moduleInstanceId: string;
     private _productPage;
     private _getInitialItemsIds;
     private _isProductInTheCategory;

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

@@ -42,7 +42,8 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
         this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
             bubbles: true,
             detail: {
-                searchPhrase: this._getSearchPhrase()
+                searchPhrase: this._getSearchPhrase(),
+                moduleInstanceId: this.moduleInstanceId
             }
         }));
     }
@@ -50,7 +51,7 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
         this._productPage++;
         this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.loadMoreProducts, {
             bubbles: true,
-            detail: { searchPhrase: this._getSearchPhrase(), page: this._productPage }
+            detail: { searchPhrase: this._getSearchPhrase(), page: this._productPage, moduleInstanceId: this.moduleInstanceId }
         }));
     }
     render() {
@@ -64,6 +65,7 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
                         .translations="${this.translations}"
                         locale="${this.locale}"
                         view="${this.view}"
+                        module-instance-id="${this.moduleInstanceId}"
                     >
                     </h-search-suggestion-content>`)}
                 ${n((_c = this.results.products) === null || _c === void 0 ? void 0 : _c.length, () => html `
@@ -129,6 +131,10 @@ __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)
 ], HSearchResults.prototype, "translations", void 0);
+__decorate([
+    property({ type: String, attribute: 'module-instance-id' }),
+    __metadata("design:type", String)
+], HSearchResults.prototype, "moduleInstanceId", void 0);
 __decorate([
     state(),
     __metadata("design:type", Number)

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

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

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

@@ -7,8 +7,9 @@ export declare class HSearchSuggestionContent extends PhoenixLightLitElement {
     activeItemId: number;
     initialItemIds: Record<string, number>;
     translations: Record<string, string>;
-    view: "default";
+    view: string;
     locale: string;
+    moduleInstanceId: string;
     private _searchPhrase;
     private _suggestionsData;
     connectedCallback(): Promise<void>;

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

@@ -6,7 +6,7 @@ import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_cus
 import { Observer } from '../../../../../core/classes/observer/observer.js';
 import { ContextConsumerController } from '../../../../../core/context/context_consumer_controller.js';
 import { when as n } from '../../../../../../../../external/lit/external/lit-html/directives/when.js';
-import { DEFAULT_VIEW, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_CONTEXT_NAMES, SUGGESTIONS_TYPE, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
+import { SEARCH_CUSTOM_EVENT_NAMES, SUGGESTIONS_TYPE, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
 import { repeat as c } from '../../../../../../../../external/lit/external/lit-html/directives/repeat.js';
 
 let HSearchSuggestionContent = class HSearchSuggestionContent extends PhoenixLightLitElement {
@@ -14,7 +14,6 @@ let HSearchSuggestionContent = class HSearchSuggestionContent extends PhoenixLig
         super(...arguments);
         this.initialItemIds = {};
         this.translations = {};
-        this.view = DEFAULT_VIEW;
         this._searchPhrase = '';
         this._suggestionsData = [];
         this._updateSearchPhrase = (ev, suggestion) => {
@@ -26,7 +25,7 @@ let HSearchSuggestionContent = class HSearchSuggestionContent extends PhoenixLig
         super.connectedCallback();
         try {
             this._searchContextConsumer = new ContextConsumerController(this);
-            this._searchContext$ = await this._searchContextConsumer.consumeAsync(SEARCH_CONTEXT_NAMES.searchContext);
+            this._searchContext$ = await this._searchContextConsumer.consumeAsync(this.moduleInstanceId);
             this._searchContextObserver = new Observer((searchData) => {
                 this._searchPhrase = searchData.searchPhrase;
                 this._setupSuggestionData(searchData.results);
@@ -49,7 +48,7 @@ let HSearchSuggestionContent = class HSearchSuggestionContent extends PhoenixLig
                     const lang = this.locale.split('_')[0];
                     suggestionsData.push({
                         suggestionName: suggestion,
-                        categoryName: results.products[0].category.name,
+                        categoryName: results.products[0].category.breadcrumbs,
                         type: SUGGESTIONS_TYPE.suggestionInCategory,
                         url: `/${lang}/c/${results.products[0].category.name}/${results.products[0].category.categoryId}/1/${this.view}/1/searchquery/${suggestion}`
                     });
@@ -86,7 +85,8 @@ let HSearchSuggestionContent = class HSearchSuggestionContent extends PhoenixLig
         this.dispatchEvent(new CustomEvent(eventName, {
             bubbles: true,
             detail: {
-                searchPhrase
+                searchPhrase,
+                moduleInstanceId: this.moduleInstanceId
             }
         }));
     }
@@ -144,12 +144,16 @@ __decorate([
 ], HSearchSuggestionContent.prototype, "translations", void 0);
 __decorate([
     property({ type: String }),
-    __metadata("design:type", Object)
+    __metadata("design:type", String)
 ], HSearchSuggestionContent.prototype, "view", void 0);
 __decorate([
     property({ type: String }),
     __metadata("design:type", String)
 ], HSearchSuggestionContent.prototype, "locale", void 0);
+__decorate([
+    property({ type: String, attribute: 'module-instance-id' }),
+    __metadata("design:type", String)
+], HSearchSuggestionContent.prototype, "moduleInstanceId", void 0);
 __decorate([
     state(),
     __metadata("design:type", String)

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

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

package/package.json

@@ -2,7 +2,7 @@
   "name": "@shoper/phoenix_design_system",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "1.6.18",
+  "version": "1.6.20",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",
@@ -30,7 +30,7 @@
     "@splidejs/splide": "^4.0.7"
   },
   "devDependencies": {
-    "@dreamcommerce/utilities": "^1.7.0",
+    "@dreamcommerce/utilities": "^1.8.0",
     "@shoper/jest_config": "^0.0.0",
     "@shoper/tsconfig": "^0.0.0",
     "@splidejs/splide": "4.0.7",