@shoper/phoenix_design_system 1.6.19 → 1.7.0
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.
- package/build/cjs/packages/phoenix/src/components/form/search/search.js +11 -2
- package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js +9 -2
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js +5 -0
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history_select.js +6 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history_select.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +9 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js +6 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js +8 -2
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js +9 -5
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js +2 -1
- package/build/cjs/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/search.js +12 -3
- package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/search_types.d.ts +3 -0
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js +11 -4
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js +5 -0
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history_select.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history_select.js +6 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history_select.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +10 -2
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/message/search_message.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js +6 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js +8 -2
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.d.ts +2 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js +10 -6
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js +2 -1
- package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js.map +1 -1
- package/package.json +2 -2
|
@@ -19,6 +19,7 @@ var search_constants = require('./search_constants.js');
|
|
|
19
19
|
exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
20
20
|
constructor() {
|
|
21
21
|
super(...arguments);
|
|
22
|
+
this.view = search_constants.DEFAULT_VIEW;
|
|
22
23
|
this._shouldShowHistory = false;
|
|
23
24
|
this._shouldShowResults = false;
|
|
24
25
|
this._shouldShowMessage = false;
|
|
@@ -87,7 +88,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
87
88
|
this._setupContext();
|
|
88
89
|
try {
|
|
89
90
|
this._searchContextConsumer = new context_consumer_controller.ContextConsumerController(this);
|
|
90
|
-
this._searchContext$ = await this._searchContextConsumer.consumeAsync(
|
|
91
|
+
this._searchContext$ = await this._searchContextConsumer.consumeAsync(this.moduleInstanceId);
|
|
91
92
|
this._searchContextObserver = new observer.Observer((searchData) => {
|
|
92
93
|
this._searchResults = searchData.results;
|
|
93
94
|
this._searchHistory = searchData.history;
|
|
@@ -129,7 +130,8 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
129
130
|
_dispatchEventWithSearchPhrase(eventName, searchPhrase) {
|
|
130
131
|
this.dispatchEvent(new CustomEvent(eventName, {
|
|
131
132
|
detail: {
|
|
132
|
-
searchPhrase
|
|
133
|
+
searchPhrase,
|
|
134
|
+
moduleInstanceId: this.moduleInstanceId
|
|
133
135
|
},
|
|
134
136
|
bubbles: true
|
|
135
137
|
}));
|
|
@@ -266,11 +268,13 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
266
268
|
.results="${this._searchResults}"
|
|
267
269
|
.translations="${this._translations}"
|
|
268
270
|
search-phrase="${this._searchPhrase}"
|
|
271
|
+
module-instance-id="${this.moduleInstanceId}"
|
|
269
272
|
></h-search-message>`)}
|
|
270
273
|
${when.when(this._shouldShowHistory, () => lit.html `<h-search-history
|
|
271
274
|
.history="${this._historyLimitedContent}"
|
|
272
275
|
.translations="${this._translations}"
|
|
273
276
|
active-item-id="${this._activeItemId}"
|
|
277
|
+
module-instance-id="${this.moduleInstanceId}"
|
|
274
278
|
></h-search-history>`)}
|
|
275
279
|
${when.when(this._shouldShowResults, () => lit.html `<h-search-results
|
|
276
280
|
.results="${this._searchResults}"
|
|
@@ -280,6 +284,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
280
284
|
view="${this.view}"
|
|
281
285
|
.translations="${this._translations}"
|
|
282
286
|
active-item-id="${this._activeItemId}"
|
|
287
|
+
module-instance-id="${this.moduleInstanceId}"
|
|
283
288
|
></h-search-results>`)}
|
|
284
289
|
</div>`)}
|
|
285
290
|
`;
|
|
@@ -297,6 +302,10 @@ tslib_es6.__decorate([
|
|
|
297
302
|
decorators.property({ type: String }),
|
|
298
303
|
tslib_es6.__metadata("design:type", String)
|
|
299
304
|
], exports.HSearch.prototype, "locale", void 0);
|
|
305
|
+
tslib_es6.__decorate([
|
|
306
|
+
decorators.property({ type: String, attribute: 'module-instance-id' }),
|
|
307
|
+
tslib_es6.__metadata("design:type", String)
|
|
308
|
+
], exports.HSearch.prototype, "moduleInstanceId", void 0);
|
|
300
309
|
tslib_es6.__decorate([
|
|
301
310
|
decorators.state(),
|
|
302
311
|
tslib_es6.__metadata("design:type", Boolean)
|
|
@@ -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,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;"}
|
|
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;"}
|
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js
CHANGED
|
@@ -20,7 +20,10 @@ exports.HSearchClear = class HSearchClear extends phoenix_light_lit_element.Phoe
|
|
|
20
20
|
this._isRequestPending = false;
|
|
21
21
|
this._dispatchClearEvent = () => {
|
|
22
22
|
this.dispatchEvent(new CustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.clear, {
|
|
23
|
-
bubbles: true
|
|
23
|
+
bubbles: true,
|
|
24
|
+
detail: {
|
|
25
|
+
moduleInstanceId: this.moduleInstanceId
|
|
26
|
+
}
|
|
24
27
|
}));
|
|
25
28
|
};
|
|
26
29
|
this._btnController = new btn_controller.BtnController(this, this._dispatchClearEvent);
|
|
@@ -33,7 +36,7 @@ exports.HSearchClear = class HSearchClear extends phoenix_light_lit_element.Phoe
|
|
|
33
36
|
async _searchContextSetup() {
|
|
34
37
|
try {
|
|
35
38
|
this._searchContextConsumer = new context_consumer_controller.ContextConsumerController(this);
|
|
36
|
-
this._searchContext$ = await this._searchContextConsumer.consumeAsync(
|
|
39
|
+
this._searchContext$ = await this._searchContextConsumer.consumeAsync(this.moduleInstanceId);
|
|
37
40
|
this._searchContextObserver = new observer.Observer((searchData) => {
|
|
38
41
|
var _a;
|
|
39
42
|
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
|
|
|
53
56
|
`)}`;
|
|
54
57
|
}
|
|
55
58
|
};
|
|
59
|
+
tslib_es6.__decorate([
|
|
60
|
+
decorators.property({ type: String, attribute: 'module-instance-id' }),
|
|
61
|
+
tslib_es6.__metadata("design:type", String)
|
|
62
|
+
], exports.HSearchClear.prototype, "moduleInstanceId", void 0);
|
|
56
63
|
tslib_es6.__decorate([
|
|
57
64
|
decorators.state(),
|
|
58
65
|
tslib_es6.__metadata("design:type", Boolean)
|
|
@@ -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,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;"}
|
|
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -53,6 +53,7 @@ exports.HSearchHistory = class HSearchHistory extends phoenix_light_lit_element.
|
|
|
53
53
|
class="${search_constants.SEARCH_CLASS_NAMES.historySelect}"
|
|
54
54
|
data-suggested-value="${historyElement.label}"
|
|
55
55
|
data-search-item-id="${index}"
|
|
56
|
+
module-instance-id="${this.moduleInstanceId}"
|
|
56
57
|
>
|
|
57
58
|
<h-icon icon-name="icon-clock"></h-icon>
|
|
58
59
|
|
|
@@ -87,6 +88,10 @@ tslib_es6.__decorate([
|
|
|
87
88
|
decorators.property({ type: Object }),
|
|
88
89
|
tslib_es6.__metadata("design:type", Object)
|
|
89
90
|
], exports.HSearchHistory.prototype, "translations", void 0);
|
|
91
|
+
tslib_es6.__decorate([
|
|
92
|
+
decorators.property({ type: String, attribute: 'module-instance-id' }),
|
|
93
|
+
tslib_es6.__metadata("design:type", String)
|
|
94
|
+
], exports.HSearchHistory.prototype, "moduleInstanceId", void 0);
|
|
90
95
|
exports.HSearchHistory = tslib_es6.__decorate([
|
|
91
96
|
phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.searchHistory)
|
|
92
97
|
], exports.HSearchHistory);
|
|
@@ -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,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;"}
|
|
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;"}
|
|
@@ -16,7 +16,8 @@ exports.HSearchHistorySelect = class HSearchHistorySelect extends phoenix_light_
|
|
|
16
16
|
this.dispatchEvent(new CustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
|
|
17
17
|
bubbles: true,
|
|
18
18
|
detail: {
|
|
19
|
-
searchPhrase: this.historyItemLabel
|
|
19
|
+
searchPhrase: this.historyItemLabel,
|
|
20
|
+
moduleInstanceId: this.moduleInstanceId
|
|
20
21
|
}
|
|
21
22
|
}));
|
|
22
23
|
};
|
|
@@ -31,6 +32,10 @@ tslib_es6.__decorate([
|
|
|
31
32
|
decorators.property({ type: String, attribute: 'item-label' }),
|
|
32
33
|
tslib_es6.__metadata("design:type", String)
|
|
33
34
|
], exports.HSearchHistorySelect.prototype, "historyItemLabel", void 0);
|
|
35
|
+
tslib_es6.__decorate([
|
|
36
|
+
decorators.property({ type: String, attribute: 'module-instance-id' }),
|
|
37
|
+
tslib_es6.__metadata("design:type", String)
|
|
38
|
+
], exports.HSearchHistorySelect.prototype, "moduleInstanceId", void 0);
|
|
34
39
|
exports.HSearchHistorySelect = tslib_es6.__decorate([
|
|
35
40
|
phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.historySelectButton),
|
|
36
41
|
tslib_es6.__metadata("design:paramtypes", [])
|
|
@@ -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;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;AACA;AACA;AACA;AACA;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
|
@@ -68,12 +68,16 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
|
|
|
68
68
|
}
|
|
69
69
|
this._dispatchCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.searchInput, ev.target.value);
|
|
70
70
|
});
|
|
71
|
-
document.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.clear, () => {
|
|
71
|
+
document.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.clear, (ev) => {
|
|
72
|
+
if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
|
|
73
|
+
return;
|
|
72
74
|
this._isSearchPhraseCleared = true;
|
|
73
75
|
this._input.value = '';
|
|
74
76
|
this._input.focus();
|
|
75
77
|
});
|
|
76
78
|
document.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.updateSearchPhrase, (ev) => {
|
|
79
|
+
if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
|
|
80
|
+
return;
|
|
77
81
|
this._input.value = ev.detail.searchPhrase;
|
|
78
82
|
this._dispatchCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyupInput, ev.detail.searchPhrase);
|
|
79
83
|
});
|
|
@@ -87,6 +91,10 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
|
|
|
87
91
|
}));
|
|
88
92
|
}
|
|
89
93
|
};
|
|
94
|
+
tslib_es6.__decorate([
|
|
95
|
+
decorators.property({ type: String, attribute: 'module-instance-id' }),
|
|
96
|
+
tslib_es6.__metadata("design:type", String)
|
|
97
|
+
], exports.HSearchInput.prototype, "moduleInstanceId", void 0);
|
|
90
98
|
tslib_es6.__decorate([
|
|
91
99
|
decorators.state(),
|
|
92
100
|
tslib_es6.__metadata("design:type", Boolean)
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -41,7 +41,8 @@ exports.HSearchMessage = class HSearchMessage extends phoenix_light_lit_element.
|
|
|
41
41
|
this.dispatchEvent(new CustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
|
|
42
42
|
bubbles: true,
|
|
43
43
|
detail: {
|
|
44
|
-
searchPhrase: this.searchPhrase
|
|
44
|
+
searchPhrase: this.searchPhrase,
|
|
45
|
+
moduleInstanceId: this.moduleInstanceId
|
|
45
46
|
}
|
|
46
47
|
}));
|
|
47
48
|
}
|
|
@@ -75,6 +76,10 @@ tslib_es6.__decorate([
|
|
|
75
76
|
decorators.property({ type: Object }),
|
|
76
77
|
tslib_es6.__metadata("design:type", Object)
|
|
77
78
|
], exports.HSearchMessage.prototype, "translations", void 0);
|
|
79
|
+
tslib_es6.__decorate([
|
|
80
|
+
decorators.property({ type: String, attribute: 'module-instance-id' }),
|
|
81
|
+
tslib_es6.__metadata("design:type", String)
|
|
82
|
+
], exports.HSearchMessage.prototype, "moduleInstanceId", void 0);
|
|
78
83
|
exports.HSearchMessage = tslib_es6.__decorate([
|
|
79
84
|
phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.searchMessage)
|
|
80
85
|
], exports.HSearchMessage);
|
|
@@ -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,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;"}
|
|
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;"}
|
|
@@ -46,7 +46,8 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
|
|
|
46
46
|
this.dispatchEvent(new CustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
|
|
47
47
|
bubbles: true,
|
|
48
48
|
detail: {
|
|
49
|
-
searchPhrase: this._getSearchPhrase()
|
|
49
|
+
searchPhrase: this._getSearchPhrase(),
|
|
50
|
+
moduleInstanceId: this.moduleInstanceId
|
|
50
51
|
}
|
|
51
52
|
}));
|
|
52
53
|
}
|
|
@@ -54,7 +55,7 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
|
|
|
54
55
|
this._productPage++;
|
|
55
56
|
this.dispatchEvent(new CustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.loadMoreProducts, {
|
|
56
57
|
bubbles: true,
|
|
57
|
-
detail: { searchPhrase: this._getSearchPhrase(), page: this._productPage }
|
|
58
|
+
detail: { searchPhrase: this._getSearchPhrase(), page: this._productPage, moduleInstanceId: this.moduleInstanceId }
|
|
58
59
|
}));
|
|
59
60
|
}
|
|
60
61
|
render() {
|
|
@@ -68,6 +69,7 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
|
|
|
68
69
|
.translations="${this.translations}"
|
|
69
70
|
locale="${this.locale}"
|
|
70
71
|
view="${this.view}"
|
|
72
|
+
module-instance-id="${this.moduleInstanceId}"
|
|
71
73
|
>
|
|
72
74
|
</h-search-suggestion-content>`)}
|
|
73
75
|
${when.when((_c = this.results.products) === null || _c === void 0 ? void 0 : _c.length, () => lit.html `
|
|
@@ -133,6 +135,10 @@ tslib_es6.__decorate([
|
|
|
133
135
|
decorators.property({ type: Object }),
|
|
134
136
|
tslib_es6.__metadata("design:type", Object)
|
|
135
137
|
], exports.HSearchResults.prototype, "translations", void 0);
|
|
138
|
+
tslib_es6.__decorate([
|
|
139
|
+
decorators.property({ type: String, attribute: 'module-instance-id' }),
|
|
140
|
+
tslib_es6.__metadata("design:type", String)
|
|
141
|
+
], exports.HSearchResults.prototype, "moduleInstanceId", void 0);
|
|
136
142
|
tslib_es6.__decorate([
|
|
137
143
|
decorators.state(),
|
|
138
144
|
tslib_es6.__metadata("design:type", Number)
|
|
@@ -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,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;"}
|
|
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;"}
|
|
@@ -18,7 +18,6 @@ exports.HSearchSuggestionContent = class HSearchSuggestionContent extends phoeni
|
|
|
18
18
|
super(...arguments);
|
|
19
19
|
this.initialItemIds = {};
|
|
20
20
|
this.translations = {};
|
|
21
|
-
this.view = search_constants.DEFAULT_VIEW;
|
|
22
21
|
this._searchPhrase = '';
|
|
23
22
|
this._suggestionsData = [];
|
|
24
23
|
this._updateSearchPhrase = (ev, suggestion) => {
|
|
@@ -30,7 +29,7 @@ exports.HSearchSuggestionContent = class HSearchSuggestionContent extends phoeni
|
|
|
30
29
|
super.connectedCallback();
|
|
31
30
|
try {
|
|
32
31
|
this._searchContextConsumer = new context_consumer_controller.ContextConsumerController(this);
|
|
33
|
-
this._searchContext$ = await this._searchContextConsumer.consumeAsync(
|
|
32
|
+
this._searchContext$ = await this._searchContextConsumer.consumeAsync(this.moduleInstanceId);
|
|
34
33
|
this._searchContextObserver = new observer.Observer((searchData) => {
|
|
35
34
|
this._searchPhrase = searchData.searchPhrase;
|
|
36
35
|
this._setupSuggestionData(searchData.results);
|
|
@@ -53,7 +52,7 @@ exports.HSearchSuggestionContent = class HSearchSuggestionContent extends phoeni
|
|
|
53
52
|
const lang = this.locale.split('_')[0];
|
|
54
53
|
suggestionsData.push({
|
|
55
54
|
suggestionName: suggestion,
|
|
56
|
-
categoryName: results.products[0].category.
|
|
55
|
+
categoryName: results.products[0].category.breadcrumbs,
|
|
57
56
|
type: search_constants.SUGGESTIONS_TYPE.suggestionInCategory,
|
|
58
57
|
url: `/${lang}/c/${results.products[0].category.name}/${results.products[0].category.categoryId}/1/${this.view}/1/searchquery/${suggestion}`
|
|
59
58
|
});
|
|
@@ -90,7 +89,8 @@ exports.HSearchSuggestionContent = class HSearchSuggestionContent extends phoeni
|
|
|
90
89
|
this.dispatchEvent(new CustomEvent(eventName, {
|
|
91
90
|
bubbles: true,
|
|
92
91
|
detail: {
|
|
93
|
-
searchPhrase
|
|
92
|
+
searchPhrase,
|
|
93
|
+
moduleInstanceId: this.moduleInstanceId
|
|
94
94
|
}
|
|
95
95
|
}));
|
|
96
96
|
}
|
|
@@ -148,12 +148,16 @@ tslib_es6.__decorate([
|
|
|
148
148
|
], exports.HSearchSuggestionContent.prototype, "translations", void 0);
|
|
149
149
|
tslib_es6.__decorate([
|
|
150
150
|
decorators.property({ type: String }),
|
|
151
|
-
tslib_es6.__metadata("design:type",
|
|
151
|
+
tslib_es6.__metadata("design:type", String)
|
|
152
152
|
], exports.HSearchSuggestionContent.prototype, "view", void 0);
|
|
153
153
|
tslib_es6.__decorate([
|
|
154
154
|
decorators.property({ type: String }),
|
|
155
155
|
tslib_es6.__metadata("design:type", String)
|
|
156
156
|
], exports.HSearchSuggestionContent.prototype, "locale", void 0);
|
|
157
|
+
tslib_es6.__decorate([
|
|
158
|
+
decorators.property({ type: String, attribute: 'module-instance-id' }),
|
|
159
|
+
tslib_es6.__metadata("design:type", String)
|
|
160
|
+
], exports.HSearchSuggestionContent.prototype, "moduleInstanceId", void 0);
|
|
157
161
|
tslib_es6.__decorate([
|
|
158
162
|
decorators.state(),
|
|
159
163
|
tslib_es6.__metadata("design:type", String)
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -10,11 +10,12 @@ import { BehaviorSubject } from '../../../core/classes/behavior_subject/behavior
|
|
|
10
10
|
import { ContextProviderController } from '../../../core/context/context_provider_controller.js';
|
|
11
11
|
import { BREAKPOINTS } from '../../../global_constants.js';
|
|
12
12
|
import { when as n } from '../../../../../../external/lit/external/lit-html/directives/when.js';
|
|
13
|
-
import { SCROLL_DIRECTIONS, SEARCH_CLASS_NAMES,
|
|
13
|
+
import { DEFAULT_VIEW, SCROLL_DIRECTIONS, SEARCH_CLASS_NAMES, SEARCH_CONFIGURATION, SEARCH_CONTEXT_NAMES, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from './search_constants.js';
|
|
14
14
|
|
|
15
15
|
let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
16
16
|
constructor() {
|
|
17
17
|
super(...arguments);
|
|
18
|
+
this.view = DEFAULT_VIEW;
|
|
18
19
|
this._shouldShowHistory = false;
|
|
19
20
|
this._shouldShowResults = false;
|
|
20
21
|
this._shouldShowMessage = false;
|
|
@@ -83,7 +84,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
83
84
|
this._setupContext();
|
|
84
85
|
try {
|
|
85
86
|
this._searchContextConsumer = new ContextConsumerController(this);
|
|
86
|
-
this._searchContext$ = await this._searchContextConsumer.consumeAsync(
|
|
87
|
+
this._searchContext$ = await this._searchContextConsumer.consumeAsync(this.moduleInstanceId);
|
|
87
88
|
this._searchContextObserver = new Observer((searchData) => {
|
|
88
89
|
this._searchResults = searchData.results;
|
|
89
90
|
this._searchHistory = searchData.history;
|
|
@@ -125,7 +126,8 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
125
126
|
_dispatchEventWithSearchPhrase(eventName, searchPhrase) {
|
|
126
127
|
this.dispatchEvent(new CustomEvent(eventName, {
|
|
127
128
|
detail: {
|
|
128
|
-
searchPhrase
|
|
129
|
+
searchPhrase,
|
|
130
|
+
moduleInstanceId: this.moduleInstanceId
|
|
129
131
|
},
|
|
130
132
|
bubbles: true
|
|
131
133
|
}));
|
|
@@ -262,11 +264,13 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
262
264
|
.results="${this._searchResults}"
|
|
263
265
|
.translations="${this._translations}"
|
|
264
266
|
search-phrase="${this._searchPhrase}"
|
|
267
|
+
module-instance-id="${this.moduleInstanceId}"
|
|
265
268
|
></h-search-message>`)}
|
|
266
269
|
${n(this._shouldShowHistory, () => html `<h-search-history
|
|
267
270
|
.history="${this._historyLimitedContent}"
|
|
268
271
|
.translations="${this._translations}"
|
|
269
272
|
active-item-id="${this._activeItemId}"
|
|
273
|
+
module-instance-id="${this.moduleInstanceId}"
|
|
270
274
|
></h-search-history>`)}
|
|
271
275
|
${n(this._shouldShowResults, () => html `<h-search-results
|
|
272
276
|
.results="${this._searchResults}"
|
|
@@ -276,6 +280,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
276
280
|
view="${this.view}"
|
|
277
281
|
.translations="${this._translations}"
|
|
278
282
|
active-item-id="${this._activeItemId}"
|
|
283
|
+
module-instance-id="${this.moduleInstanceId}"
|
|
279
284
|
></h-search-results>`)}
|
|
280
285
|
</div>`)}
|
|
281
286
|
`;
|
|
@@ -293,6 +298,10 @@ __decorate([
|
|
|
293
298
|
property({ type: String }),
|
|
294
299
|
__metadata("design:type", String)
|
|
295
300
|
], HSearch.prototype, "locale", void 0);
|
|
301
|
+
__decorate([
|
|
302
|
+
property({ type: String, attribute: 'module-instance-id' }),
|
|
303
|
+
__metadata("design:type", String)
|
|
304
|
+
], HSearch.prototype, "moduleInstanceId", void 0);
|
|
296
305
|
__decorate([
|
|
297
306
|
state(),
|
|
298
307
|
__metadata("design:type", Boolean)
|
|
@@ -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,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;"}
|
|
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;"}
|
|
@@ -11,6 +11,7 @@ export declare type TSearchResults = {
|
|
|
11
11
|
export declare type TCategory = {
|
|
12
12
|
url: string;
|
|
13
13
|
name: string;
|
|
14
|
+
breadcrumbs: string;
|
|
14
15
|
categoryId?: number;
|
|
15
16
|
};
|
|
16
17
|
export declare type TProducer = TCategory & {
|
|
@@ -45,10 +46,12 @@ export declare type TSearchData = {
|
|
|
45
46
|
};
|
|
46
47
|
export declare type TSearchPhaseEventBody = {
|
|
47
48
|
searchPhrase: string;
|
|
49
|
+
moduleInstanceId: string;
|
|
48
50
|
};
|
|
49
51
|
export declare type SearchPhraseEvent = CustomEventInit<TSearchPhaseEventBody>;
|
|
50
52
|
export declare type RemoveHistoryItemEvent = CustomEventInit<{
|
|
51
53
|
id: string;
|
|
54
|
+
moduleInstanceId: string;
|
|
52
55
|
}>;
|
|
53
56
|
export declare type TSearchHistoryContext = {
|
|
54
57
|
showLoadMore: boolean;
|
|
@@ -2,6 +2,7 @@ import { TemplateResult } from 'lit';
|
|
|
2
2
|
import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
|
|
3
3
|
export declare class HSearchClear extends PhoenixLightLitElement {
|
|
4
4
|
private _btnController;
|
|
5
|
+
moduleInstanceId: string;
|
|
5
6
|
private _shouldShow;
|
|
6
7
|
private _isRequestPending;
|
|
7
8
|
private _searchContextConsumer;
|
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { __decorate, __metadata } from '../../../../../../../../external/tslib/tslib.es6.js';
|
|
2
2
|
import { html } from 'lit';
|
|
3
|
-
import { state } from 'lit/decorators';
|
|
3
|
+
import { property, state } from 'lit/decorators';
|
|
4
4
|
import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
5
5
|
import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
|
|
6
6
|
import { BtnController } from '../../../../../controllers/btn_controller/btn_controller.js';
|
|
7
7
|
import { Observer } from '../../../../../core/classes/observer/observer.js';
|
|
8
8
|
import { ContextConsumerController } from '../../../../../core/context/context_consumer_controller.js';
|
|
9
9
|
import { when as n } from '../../../../../../../../external/lit/external/lit-html/directives/when.js';
|
|
10
|
-
import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_NATIVE_EVENT_NAMES,
|
|
10
|
+
import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_NATIVE_EVENT_NAMES, SEARCH_CLASS_NAMES, SEARCH_SLOT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
|
|
11
11
|
|
|
12
12
|
let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
|
|
13
13
|
constructor() {
|
|
@@ -16,7 +16,10 @@ let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
|
|
|
16
16
|
this._isRequestPending = false;
|
|
17
17
|
this._dispatchClearEvent = () => {
|
|
18
18
|
this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.clear, {
|
|
19
|
-
bubbles: true
|
|
19
|
+
bubbles: true,
|
|
20
|
+
detail: {
|
|
21
|
+
moduleInstanceId: this.moduleInstanceId
|
|
22
|
+
}
|
|
20
23
|
}));
|
|
21
24
|
};
|
|
22
25
|
this._btnController = new BtnController(this, this._dispatchClearEvent);
|
|
@@ -29,7 +32,7 @@ let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
|
|
|
29
32
|
async _searchContextSetup() {
|
|
30
33
|
try {
|
|
31
34
|
this._searchContextConsumer = new ContextConsumerController(this);
|
|
32
|
-
this._searchContext$ = await this._searchContextConsumer.consumeAsync(
|
|
35
|
+
this._searchContext$ = await this._searchContextConsumer.consumeAsync(this.moduleInstanceId);
|
|
33
36
|
this._searchContextObserver = new Observer((searchData) => {
|
|
34
37
|
var _a;
|
|
35
38
|
this._shouldShow = ((_a = searchData.searchPhrase) === null || _a === void 0 ? void 0 : _a.length) !== 0;
|
|
@@ -49,6 +52,10 @@ let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
|
|
|
49
52
|
`)}`;
|
|
50
53
|
}
|
|
51
54
|
};
|
|
55
|
+
__decorate([
|
|
56
|
+
property({ type: String, attribute: 'module-instance-id' }),
|
|
57
|
+
__metadata("design:type", String)
|
|
58
|
+
], HSearchClear.prototype, "moduleInstanceId", void 0);
|
|
52
59
|
__decorate([
|
|
53
60
|
state(),
|
|
54
61
|
__metadata("design:type", Boolean)
|
|
@@ -1 +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;"}
|
|
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -11,6 +11,7 @@ export declare class HSearchHistory extends PhoenixLightLitElement {
|
|
|
11
11
|
history: TSearchHistoryItem[];
|
|
12
12
|
activeItemId: number;
|
|
13
13
|
translations: Record<string, string>;
|
|
14
|
+
moduleInstanceId: string;
|
|
14
15
|
connectedCallback(): Promise<void>;
|
|
15
16
|
protected render(): TemplateResult;
|
|
16
17
|
}
|
|
@@ -49,6 +49,7 @@ let HSearchHistory = class HSearchHistory extends PhoenixLightLitElement {
|
|
|
49
49
|
class="${SEARCH_CLASS_NAMES.historySelect}"
|
|
50
50
|
data-suggested-value="${historyElement.label}"
|
|
51
51
|
data-search-item-id="${index}"
|
|
52
|
+
module-instance-id="${this.moduleInstanceId}"
|
|
52
53
|
>
|
|
53
54
|
<h-icon icon-name="icon-clock"></h-icon>
|
|
54
55
|
|
|
@@ -83,6 +84,10 @@ __decorate([
|
|
|
83
84
|
property({ type: Object }),
|
|
84
85
|
__metadata("design:type", Object)
|
|
85
86
|
], HSearchHistory.prototype, "translations", void 0);
|
|
87
|
+
__decorate([
|
|
88
|
+
property({ type: String, attribute: 'module-instance-id' }),
|
|
89
|
+
__metadata("design:type", String)
|
|
90
|
+
], HSearchHistory.prototype, "moduleInstanceId", void 0);
|
|
86
91
|
HSearchHistory = __decorate([
|
|
87
92
|
phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchHistory)
|
|
88
93
|
], HSearchHistory);
|
|
@@ -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,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;"}
|
|
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;"}
|
|
@@ -2,6 +2,7 @@ import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_el
|
|
|
2
2
|
export declare class HSearchHistorySelect extends PhoenixLightLitElement {
|
|
3
3
|
private _btnController;
|
|
4
4
|
historyItemLabel: string;
|
|
5
|
+
moduleInstanceId: string;
|
|
5
6
|
constructor();
|
|
6
7
|
connectedCallback(): void;
|
|
7
8
|
private _dispatchHistorySelectEvent;
|
|
@@ -12,7 +12,8 @@ let HSearchHistorySelect = class HSearchHistorySelect extends PhoenixLightLitEle
|
|
|
12
12
|
this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
|
|
13
13
|
bubbles: true,
|
|
14
14
|
detail: {
|
|
15
|
-
searchPhrase: this.historyItemLabel
|
|
15
|
+
searchPhrase: this.historyItemLabel,
|
|
16
|
+
moduleInstanceId: this.moduleInstanceId
|
|
16
17
|
}
|
|
17
18
|
}));
|
|
18
19
|
};
|
|
@@ -27,6 +28,10 @@ __decorate([
|
|
|
27
28
|
property({ type: String, attribute: 'item-label' }),
|
|
28
29
|
__metadata("design:type", String)
|
|
29
30
|
], HSearchHistorySelect.prototype, "historyItemLabel", void 0);
|
|
31
|
+
__decorate([
|
|
32
|
+
property({ type: String, attribute: 'module-instance-id' }),
|
|
33
|
+
__metadata("design:type", String)
|
|
34
|
+
], HSearchHistorySelect.prototype, "moduleInstanceId", void 0);
|
|
30
35
|
HSearchHistorySelect = __decorate([
|
|
31
36
|
phoenixCustomElement(SEARCH_COMPONENT_NAMES.historySelectButton),
|
|
32
37
|
__metadata("design:paramtypes", [])
|
|
@@ -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;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;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
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
|
|
2
2
|
export declare class HSearchInput extends PhoenixLightLitElement {
|
|
3
3
|
private _input;
|
|
4
|
+
moduleInstanceId: string;
|
|
4
5
|
private _isSearchPhraseCleared;
|
|
5
6
|
connectedCallback(): void;
|
|
6
7
|
private _setupInitialValue;
|
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate, __metadata } from '../../../../../../../../external/tslib/tslib.es6.js';
|
|
2
|
-
import { state } from 'lit/decorators';
|
|
2
|
+
import { property, state } from 'lit/decorators';
|
|
3
3
|
import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
4
4
|
import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
|
|
5
5
|
import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
|
|
@@ -64,12 +64,16 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
|
|
|
64
64
|
}
|
|
65
65
|
this._dispatchCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.searchInput, ev.target.value);
|
|
66
66
|
});
|
|
67
|
-
document.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.clear, () => {
|
|
67
|
+
document.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.clear, (ev) => {
|
|
68
|
+
if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
|
|
69
|
+
return;
|
|
68
70
|
this._isSearchPhraseCleared = true;
|
|
69
71
|
this._input.value = '';
|
|
70
72
|
this._input.focus();
|
|
71
73
|
});
|
|
72
74
|
document.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.updateSearchPhrase, (ev) => {
|
|
75
|
+
if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
|
|
76
|
+
return;
|
|
73
77
|
this._input.value = ev.detail.searchPhrase;
|
|
74
78
|
this._dispatchCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keyupInput, ev.detail.searchPhrase);
|
|
75
79
|
});
|
|
@@ -83,6 +87,10 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
|
|
|
83
87
|
}));
|
|
84
88
|
}
|
|
85
89
|
};
|
|
90
|
+
__decorate([
|
|
91
|
+
property({ type: String, attribute: 'module-instance-id' }),
|
|
92
|
+
__metadata("design:type", String)
|
|
93
|
+
], HSearchInput.prototype, "moduleInstanceId", void 0);
|
|
86
94
|
__decorate([
|
|
87
95
|
state(),
|
|
88
96
|
__metadata("design:type", Boolean)
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -6,6 +6,7 @@ export declare class HSearchMessage extends PhoenixLightLitElement {
|
|
|
6
6
|
results: TSearchResults;
|
|
7
7
|
history: TSearchHistoryItem[];
|
|
8
8
|
translations: Record<string, string>;
|
|
9
|
+
moduleInstanceId: string;
|
|
9
10
|
private _createEmptyResults;
|
|
10
11
|
private _isNoResultsForSearchPhrase;
|
|
11
12
|
private _hasHistoryAndEmptyPhrase;
|
|
@@ -37,7 +37,8 @@ let HSearchMessage = class HSearchMessage extends PhoenixLightLitElement {
|
|
|
37
37
|
this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
|
|
38
38
|
bubbles: true,
|
|
39
39
|
detail: {
|
|
40
|
-
searchPhrase: this.searchPhrase
|
|
40
|
+
searchPhrase: this.searchPhrase,
|
|
41
|
+
moduleInstanceId: this.moduleInstanceId
|
|
41
42
|
}
|
|
42
43
|
}));
|
|
43
44
|
}
|
|
@@ -71,6 +72,10 @@ __decorate([
|
|
|
71
72
|
property({ type: Object }),
|
|
72
73
|
__metadata("design:type", Object)
|
|
73
74
|
], HSearchMessage.prototype, "translations", void 0);
|
|
75
|
+
__decorate([
|
|
76
|
+
property({ type: String, attribute: 'module-instance-id' }),
|
|
77
|
+
__metadata("design:type", String)
|
|
78
|
+
], HSearchMessage.prototype, "moduleInstanceId", void 0);
|
|
74
79
|
HSearchMessage = __decorate([
|
|
75
80
|
phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchMessage)
|
|
76
81
|
], HSearchMessage);
|
|
@@ -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,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;"}
|
|
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;"}
|
|
@@ -9,6 +9,7 @@ export declare class HSearchResults extends PhoenixLightLitElement {
|
|
|
9
9
|
locale: string;
|
|
10
10
|
activeItemId: number;
|
|
11
11
|
translations: Record<string, string>;
|
|
12
|
+
moduleInstanceId: string;
|
|
12
13
|
private _productPage;
|
|
13
14
|
private _getInitialItemsIds;
|
|
14
15
|
private _isProductInTheCategory;
|
|
@@ -42,7 +42,8 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
|
|
|
42
42
|
this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
|
|
43
43
|
bubbles: true,
|
|
44
44
|
detail: {
|
|
45
|
-
searchPhrase: this._getSearchPhrase()
|
|
45
|
+
searchPhrase: this._getSearchPhrase(),
|
|
46
|
+
moduleInstanceId: this.moduleInstanceId
|
|
46
47
|
}
|
|
47
48
|
}));
|
|
48
49
|
}
|
|
@@ -50,7 +51,7 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
|
|
|
50
51
|
this._productPage++;
|
|
51
52
|
this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.loadMoreProducts, {
|
|
52
53
|
bubbles: true,
|
|
53
|
-
detail: { searchPhrase: this._getSearchPhrase(), page: this._productPage }
|
|
54
|
+
detail: { searchPhrase: this._getSearchPhrase(), page: this._productPage, moduleInstanceId: this.moduleInstanceId }
|
|
54
55
|
}));
|
|
55
56
|
}
|
|
56
57
|
render() {
|
|
@@ -64,6 +65,7 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
|
|
|
64
65
|
.translations="${this.translations}"
|
|
65
66
|
locale="${this.locale}"
|
|
66
67
|
view="${this.view}"
|
|
68
|
+
module-instance-id="${this.moduleInstanceId}"
|
|
67
69
|
>
|
|
68
70
|
</h-search-suggestion-content>`)}
|
|
69
71
|
${n((_c = this.results.products) === null || _c === void 0 ? void 0 : _c.length, () => html `
|
|
@@ -129,6 +131,10 @@ __decorate([
|
|
|
129
131
|
property({ type: Object }),
|
|
130
132
|
__metadata("design:type", Object)
|
|
131
133
|
], HSearchResults.prototype, "translations", void 0);
|
|
134
|
+
__decorate([
|
|
135
|
+
property({ type: String, attribute: 'module-instance-id' }),
|
|
136
|
+
__metadata("design:type", String)
|
|
137
|
+
], HSearchResults.prototype, "moduleInstanceId", void 0);
|
|
132
138
|
__decorate([
|
|
133
139
|
state(),
|
|
134
140
|
__metadata("design:type", Number)
|
|
@@ -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,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;"}
|
|
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;"}
|
|
@@ -7,8 +7,9 @@ export declare class HSearchSuggestionContent extends PhoenixLightLitElement {
|
|
|
7
7
|
activeItemId: number;
|
|
8
8
|
initialItemIds: Record<string, number>;
|
|
9
9
|
translations: Record<string, string>;
|
|
10
|
-
view:
|
|
10
|
+
view: string;
|
|
11
11
|
locale: string;
|
|
12
|
+
moduleInstanceId: string;
|
|
12
13
|
private _searchPhrase;
|
|
13
14
|
private _suggestionsData;
|
|
14
15
|
connectedCallback(): Promise<void>;
|
|
@@ -6,7 +6,7 @@ import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_cus
|
|
|
6
6
|
import { Observer } from '../../../../../core/classes/observer/observer.js';
|
|
7
7
|
import { ContextConsumerController } from '../../../../../core/context/context_consumer_controller.js';
|
|
8
8
|
import { when as n } from '../../../../../../../../external/lit/external/lit-html/directives/when.js';
|
|
9
|
-
import {
|
|
9
|
+
import { SEARCH_CUSTOM_EVENT_NAMES, SUGGESTIONS_TYPE, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
|
|
10
10
|
import { repeat as c } from '../../../../../../../../external/lit/external/lit-html/directives/repeat.js';
|
|
11
11
|
|
|
12
12
|
let HSearchSuggestionContent = class HSearchSuggestionContent extends PhoenixLightLitElement {
|
|
@@ -14,7 +14,6 @@ let HSearchSuggestionContent = class HSearchSuggestionContent extends PhoenixLig
|
|
|
14
14
|
super(...arguments);
|
|
15
15
|
this.initialItemIds = {};
|
|
16
16
|
this.translations = {};
|
|
17
|
-
this.view = DEFAULT_VIEW;
|
|
18
17
|
this._searchPhrase = '';
|
|
19
18
|
this._suggestionsData = [];
|
|
20
19
|
this._updateSearchPhrase = (ev, suggestion) => {
|
|
@@ -26,7 +25,7 @@ let HSearchSuggestionContent = class HSearchSuggestionContent extends PhoenixLig
|
|
|
26
25
|
super.connectedCallback();
|
|
27
26
|
try {
|
|
28
27
|
this._searchContextConsumer = new ContextConsumerController(this);
|
|
29
|
-
this._searchContext$ = await this._searchContextConsumer.consumeAsync(
|
|
28
|
+
this._searchContext$ = await this._searchContextConsumer.consumeAsync(this.moduleInstanceId);
|
|
30
29
|
this._searchContextObserver = new Observer((searchData) => {
|
|
31
30
|
this._searchPhrase = searchData.searchPhrase;
|
|
32
31
|
this._setupSuggestionData(searchData.results);
|
|
@@ -49,7 +48,7 @@ let HSearchSuggestionContent = class HSearchSuggestionContent extends PhoenixLig
|
|
|
49
48
|
const lang = this.locale.split('_')[0];
|
|
50
49
|
suggestionsData.push({
|
|
51
50
|
suggestionName: suggestion,
|
|
52
|
-
categoryName: results.products[0].category.
|
|
51
|
+
categoryName: results.products[0].category.breadcrumbs,
|
|
53
52
|
type: SUGGESTIONS_TYPE.suggestionInCategory,
|
|
54
53
|
url: `/${lang}/c/${results.products[0].category.name}/${results.products[0].category.categoryId}/1/${this.view}/1/searchquery/${suggestion}`
|
|
55
54
|
});
|
|
@@ -86,7 +85,8 @@ let HSearchSuggestionContent = class HSearchSuggestionContent extends PhoenixLig
|
|
|
86
85
|
this.dispatchEvent(new CustomEvent(eventName, {
|
|
87
86
|
bubbles: true,
|
|
88
87
|
detail: {
|
|
89
|
-
searchPhrase
|
|
88
|
+
searchPhrase,
|
|
89
|
+
moduleInstanceId: this.moduleInstanceId
|
|
90
90
|
}
|
|
91
91
|
}));
|
|
92
92
|
}
|
|
@@ -144,12 +144,16 @@ __decorate([
|
|
|
144
144
|
], HSearchSuggestionContent.prototype, "translations", void 0);
|
|
145
145
|
__decorate([
|
|
146
146
|
property({ type: String }),
|
|
147
|
-
__metadata("design:type",
|
|
147
|
+
__metadata("design:type", String)
|
|
148
148
|
], HSearchSuggestionContent.prototype, "view", void 0);
|
|
149
149
|
__decorate([
|
|
150
150
|
property({ type: String }),
|
|
151
151
|
__metadata("design:type", String)
|
|
152
152
|
], HSearchSuggestionContent.prototype, "locale", void 0);
|
|
153
|
+
__decorate([
|
|
154
|
+
property({ type: String, attribute: 'module-instance-id' }),
|
|
155
|
+
__metadata("design:type", String)
|
|
156
|
+
], HSearchSuggestionContent.prototype, "moduleInstanceId", void 0);
|
|
153
157
|
__decorate([
|
|
154
158
|
state(),
|
|
155
159
|
__metadata("design:type", String)
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@shoper/phoenix_design_system",
|
|
3
3
|
"packageManager": "yarn@3.2.0",
|
|
4
4
|
"sideEffects": false,
|
|
5
|
-
"version": "1.
|
|
5
|
+
"version": "1.7.0",
|
|
6
6
|
"description": "phoenix design system",
|
|
7
7
|
"author": "zefirek",
|
|
8
8
|
"license": "MIT",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"@splidejs/splide": "^4.0.7"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
|
-
"@dreamcommerce/utilities": "^1.
|
|
33
|
+
"@dreamcommerce/utilities": "^1.9.1",
|
|
34
34
|
"@shoper/jest_config": "^0.0.0",
|
|
35
35
|
"@shoper/tsconfig": "^0.0.0",
|
|
36
36
|
"@splidejs/splide": "4.0.7",
|