@shoper/phoenix_design_system 1.11.7-2 → 1.11.7
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 +7 -45
- package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/search_constants.js +1 -2
- package/build/cjs/packages/phoenix/src/components/form/search/search_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js +0 -15
- 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/input/search_input.js +10 -10
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js +0 -5
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js +0 -5
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js +0 -16
- 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 +0 -5
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +0 -3
- package/build/esm/packages/phoenix/src/components/form/search/search.js +8 -46
- package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/search_constants.d.ts +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/search_constants.js +1 -2
- package/build/esm/packages/phoenix/src/components/form/search/search_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/search_types.d.ts +0 -13
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history.d.ts +0 -3
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js +1 -16
- 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/input/search_input.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +10 -10
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.d.ts +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js +0 -5
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.d.ts +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js +0 -5
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.d.ts +0 -3
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js +0 -16
- 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 +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js +0 -5
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js.map +1 -1
- package/package.json +1 -1
|
@@ -38,18 +38,16 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
38
38
|
case 'ArrowDown':
|
|
39
39
|
ev.preventDefault();
|
|
40
40
|
this._activeItemId = this._activeItemId === searchItemsCount - 1 ? 0 : this._activeItemId + 1;
|
|
41
|
-
this._dispatchActiveItemChangeEvent();
|
|
42
41
|
this._scroll(search_constants.SCROLL_DIRECTIONS.down);
|
|
43
42
|
break;
|
|
44
43
|
case 'ArrowUp':
|
|
45
44
|
ev.preventDefault();
|
|
46
45
|
this._activeItemId = this._activeItemId === 0 || this._activeItemId === -1 ? searchItemsCount - 1 : this._activeItemId - 1;
|
|
47
|
-
this._dispatchActiveItemChangeEvent();
|
|
48
46
|
this._scroll(search_constants.SCROLL_DIRECTIONS.up);
|
|
49
47
|
break;
|
|
50
48
|
case 'Enter':
|
|
51
49
|
ev.preventDefault();
|
|
52
|
-
if (this._activeItemId === -1
|
|
50
|
+
if (this._activeItemId === -1)
|
|
53
51
|
return;
|
|
54
52
|
this._handleChooseSearchItem();
|
|
55
53
|
break;
|
|
@@ -69,15 +67,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
69
67
|
break;
|
|
70
68
|
}
|
|
71
69
|
};
|
|
72
|
-
this._dispatchActiveItemChangeEvent = () => {
|
|
73
|
-
const ev = new CustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.activeItemChange, {
|
|
74
|
-
detail: {
|
|
75
|
-
activeItemId: this._activeItemId
|
|
76
|
-
},
|
|
77
|
-
bubbles: true
|
|
78
|
-
});
|
|
79
|
-
this.dispatchEvent(ev);
|
|
80
|
-
};
|
|
81
70
|
this._getSearchItemsCount = () => {
|
|
82
71
|
if (this._shouldShowHistory)
|
|
83
72
|
return this._historyLimitedContent.length;
|
|
@@ -219,42 +208,16 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
219
208
|
}
|
|
220
209
|
}
|
|
221
210
|
_displayHistorySuggestions() {
|
|
222
|
-
this.
|
|
223
|
-
|
|
224
|
-
shouldShowResults: false
|
|
225
|
-
});
|
|
211
|
+
this._shouldShowHistory = true;
|
|
212
|
+
this._shouldShowResults = false;
|
|
226
213
|
}
|
|
227
214
|
_hideHistorySuggestionsAndResults() {
|
|
228
|
-
this.
|
|
229
|
-
|
|
230
|
-
shouldShowResults: false
|
|
231
|
-
});
|
|
215
|
+
this._shouldShowHistory = false;
|
|
216
|
+
this._shouldShowResults = false;
|
|
232
217
|
}
|
|
233
218
|
_displayResults() {
|
|
234
|
-
this.
|
|
235
|
-
|
|
236
|
-
shouldShowResults: true
|
|
237
|
-
});
|
|
238
|
-
}
|
|
239
|
-
_handleToggleHistoryAndResults({ shouldShowHistory, shouldShowResults }) {
|
|
240
|
-
this._shouldShowHistory = shouldShowHistory;
|
|
241
|
-
this._shouldShowResults = shouldShowResults;
|
|
242
|
-
this._toggleSearchInputAria(shouldShowHistory, shouldShowResults);
|
|
243
|
-
}
|
|
244
|
-
_toggleSearchInputAria(shouldShowHistory, shouldShowResults) {
|
|
245
|
-
var _a;
|
|
246
|
-
const $input = (_a = this._searchInput) === null || _a === void 0 ? void 0 : _a.input;
|
|
247
|
-
if (!$input)
|
|
248
|
-
return;
|
|
249
|
-
if (!shouldShowHistory && !shouldShowResults) {
|
|
250
|
-
$input.removeAttribute('aria-label');
|
|
251
|
-
return;
|
|
252
|
-
}
|
|
253
|
-
$input.setAttribute('aria-expanded', 'true');
|
|
254
|
-
if (shouldShowHistory)
|
|
255
|
-
$input.setAttribute('aria-label', this.settings.historyAriaLabelGuide);
|
|
256
|
-
if (shouldShowResults)
|
|
257
|
-
$input.setAttribute('aria-label', this.settings.suggesterAriaLabelGuide);
|
|
219
|
+
this._shouldShowHistory = false;
|
|
220
|
+
this._shouldShowResults = true;
|
|
258
221
|
}
|
|
259
222
|
_scroll(direction) {
|
|
260
223
|
const searchContainer = this.querySelector(`.${search_constants.SEARCH_CLASS_NAMES.container}`);
|
|
@@ -337,7 +300,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
337
300
|
.translations="${this._translations}"
|
|
338
301
|
active-item-id="${this._activeItemId}"
|
|
339
302
|
module-instance-id="${this.moduleInstanceId}"
|
|
340
|
-
.historyAriaLabel="${this.settings.historyAriaLabel}"
|
|
341
303
|
></h-search-history>`)}
|
|
342
304
|
${when.when(this._shouldShowResults, () => lit.html `<h-search-results
|
|
343
305
|
.results="${this._searchResults}"
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,qEAA6E;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -30,8 +30,7 @@ const SEARCH_CUSTOM_EVENT_NAMES = {
|
|
|
30
30
|
search: 'search',
|
|
31
31
|
updateSearchPhrase: 'updateSearchPhrase',
|
|
32
32
|
focusin: 'searchFocusIn',
|
|
33
|
-
keydown: 'searchKeyDown'
|
|
34
|
-
activeItemChange: 'activeItemChange'
|
|
33
|
+
keydown: 'searchKeyDown'
|
|
35
34
|
};
|
|
36
35
|
const baseSearchCssClass = 'search';
|
|
37
36
|
const SEARCH_CLASS_NAMES = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -21,11 +21,6 @@ exports.HSearchHistory = class HSearchHistory extends phoenix_light_lit_element.
|
|
|
21
21
|
this.buttonRef = ref_js.createRef();
|
|
22
22
|
this.history = [];
|
|
23
23
|
this.translations = {};
|
|
24
|
-
this._handleActiveItemChange = (ev) => {
|
|
25
|
-
const { activeItemId } = ev.detail;
|
|
26
|
-
const $activeItem = this.querySelector(`[data-search-item-id="${activeItemId}"]`);
|
|
27
|
-
$activeItem === null || $activeItem === void 0 ? void 0 : $activeItem.focus();
|
|
28
|
-
};
|
|
29
24
|
}
|
|
30
25
|
async connectedCallback() {
|
|
31
26
|
super.connectedCallback();
|
|
@@ -44,11 +39,6 @@ exports.HSearchHistory = class HSearchHistory extends phoenix_light_lit_element.
|
|
|
44
39
|
catch (_a) {
|
|
45
40
|
console.error('Search context is not provided');
|
|
46
41
|
}
|
|
47
|
-
document.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.activeItemChange, this._handleActiveItemChange);
|
|
48
|
-
}
|
|
49
|
-
disconnectedCallback() {
|
|
50
|
-
super.disconnectedCallback();
|
|
51
|
-
document.removeEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.activeItemChange, this._handleActiveItemChange);
|
|
52
42
|
}
|
|
53
43
|
render() {
|
|
54
44
|
var _a;
|
|
@@ -64,7 +54,6 @@ exports.HSearchHistory = class HSearchHistory extends phoenix_light_lit_element.
|
|
|
64
54
|
data-suggested-value="${historyElement.label}"
|
|
65
55
|
data-search-item-id="${index}"
|
|
66
56
|
module-instance-id="${this.moduleInstanceId}"
|
|
67
|
-
aria-label=${this.historyAriaLabel ? `${this.historyAriaLabel} ${historyElement.label}` : undefined}
|
|
68
57
|
>
|
|
69
58
|
<h-icon icon-name="icon-clock"></h-icon>
|
|
70
59
|
|
|
@@ -103,10 +92,6 @@ tslib_es6.__decorate([
|
|
|
103
92
|
decorators.property({ type: String, attribute: 'module-instance-id' }),
|
|
104
93
|
tslib_es6.__metadata("design:type", String)
|
|
105
94
|
], exports.HSearchHistory.prototype, "moduleInstanceId", void 0);
|
|
106
|
-
tslib_es6.__decorate([
|
|
107
|
-
decorators.property({ type: String }),
|
|
108
|
-
tslib_es6.__metadata("design:type", String)
|
|
109
|
-
], exports.HSearchHistory.prototype, "historyAriaLabel", void 0);
|
|
110
95
|
exports.HSearchHistory = tslib_es6.__decorate([
|
|
111
96
|
phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.searchHistory)
|
|
112
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;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,2EAAmF;AACtG;AACA,qBAAqB,6EAAqF;AAC1G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js
CHANGED
|
@@ -15,8 +15,8 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
|
|
|
15
15
|
}
|
|
16
16
|
connectedCallback() {
|
|
17
17
|
super.connectedCallback();
|
|
18
|
-
this.
|
|
19
|
-
if (!this.
|
|
18
|
+
this._input = this.querySelector('input[type="search"]');
|
|
19
|
+
if (!this._input) {
|
|
20
20
|
throw new Error('Search input not found');
|
|
21
21
|
}
|
|
22
22
|
this._setupInitialValue();
|
|
@@ -28,7 +28,7 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
|
|
|
28
28
|
if (!searchPhraseRegArray)
|
|
29
29
|
return;
|
|
30
30
|
const searchQuery = searchPhraseRegArray[1].replace(/\+/g, ' ');
|
|
31
|
-
this.
|
|
31
|
+
this._input.value = decodeURIComponent(this._deserializeInputPhrase(searchQuery));
|
|
32
32
|
}
|
|
33
33
|
_deserializeInputPhrase(value) {
|
|
34
34
|
if (value.indexOf('%2f') !== -1) {
|
|
@@ -46,14 +46,14 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
|
|
|
46
46
|
return value;
|
|
47
47
|
}
|
|
48
48
|
_setupListeners() {
|
|
49
|
-
this.
|
|
49
|
+
this._input.addEventListener('focusin', (ev) => {
|
|
50
50
|
this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.focusin, {
|
|
51
51
|
detail: {
|
|
52
52
|
searchPhrase: ev.target.value
|
|
53
53
|
}
|
|
54
54
|
});
|
|
55
55
|
});
|
|
56
|
-
this.
|
|
56
|
+
this._input.addEventListener('keydown', (ev) => {
|
|
57
57
|
if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape')
|
|
58
58
|
return;
|
|
59
59
|
if (ev.key !== 'Enter') {
|
|
@@ -74,8 +74,8 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
|
|
|
74
74
|
}
|
|
75
75
|
});
|
|
76
76
|
});
|
|
77
|
-
this.
|
|
78
|
-
if (this.
|
|
77
|
+
this._input.addEventListener('search', (ev) => {
|
|
78
|
+
if (this._input.value !== '') {
|
|
79
79
|
return;
|
|
80
80
|
}
|
|
81
81
|
this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.search, {
|
|
@@ -88,13 +88,13 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
|
|
|
88
88
|
if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
|
|
89
89
|
return;
|
|
90
90
|
this._isSearchPhraseCleared = true;
|
|
91
|
-
this.
|
|
92
|
-
this.
|
|
91
|
+
this._input.value = '';
|
|
92
|
+
this._input.focus();
|
|
93
93
|
});
|
|
94
94
|
document.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.updateSearchPhrase, (ev) => {
|
|
95
95
|
if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
|
|
96
96
|
return;
|
|
97
|
-
this.
|
|
97
|
+
this._input.value = ev.detail.searchPhrase;
|
|
98
98
|
this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keydown, {
|
|
99
99
|
detail: {
|
|
100
100
|
searchPhrase: ev.detail.searchPhrase
|
|
@@ -36,7 +36,6 @@ exports.HSearchProducerContent = class HSearchProducerContent extends phoenix_li
|
|
|
36
36
|
? search_constants.SEARCH_CLASS_NAMES.itemActive
|
|
37
37
|
: ''}"
|
|
38
38
|
data-search-item-id="${this.initialItemIds.producers + index}"
|
|
39
|
-
aria-label=${this.producerAriaLabel ? `${this.producerAriaLabel} ${producer.name}` : undefined}
|
|
40
39
|
>
|
|
41
40
|
<a
|
|
42
41
|
href="${producer.url}"
|
|
@@ -72,10 +71,6 @@ tslib_es6.__decorate([
|
|
|
72
71
|
decorators.property({ type: String, attribute: 'search-phrase' }),
|
|
73
72
|
tslib_es6.__metadata("design:type", String)
|
|
74
73
|
], exports.HSearchProducerContent.prototype, "searchPhrase", void 0);
|
|
75
|
-
tslib_es6.__decorate([
|
|
76
|
-
decorators.property({ type: String }),
|
|
77
|
-
tslib_es6.__metadata("design:type", String)
|
|
78
|
-
], exports.HSearchProducerContent.prototype, "producerAriaLabel", void 0);
|
|
79
74
|
exports.HSearchProducerContent = tslib_es6.__decorate([
|
|
80
75
|
phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.searchProducerContent)
|
|
81
76
|
], exports.HSearchProducerContent);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,mBAAmB,2EAAmF;AACtG;AACA,qBAAqB,6EAAqF;AAC1G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,mBAAmB,2EAAmF;AACtG;AACA,qBAAqB,6EAAqF;AAC1G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -49,7 +49,6 @@ exports.HSearchProductContent = class HSearchProductContent extends phoenix_ligh
|
|
|
49
49
|
? search_constants.SEARCH_CLASS_NAMES.itemActive
|
|
50
50
|
: ''}"
|
|
51
51
|
data-search-item-id="${this.initialItemIds.products + index}"
|
|
52
|
-
aria-label=${this.productAriaLabel ? `${this.productAriaLabel} ${product.name}` : undefined}
|
|
53
52
|
>
|
|
54
53
|
<a
|
|
55
54
|
href="${product.url}"
|
|
@@ -109,10 +108,6 @@ tslib_es6.__decorate([
|
|
|
109
108
|
decorators.property({ type: Object }),
|
|
110
109
|
tslib_es6.__metadata("design:type", Object)
|
|
111
110
|
], exports.HSearchProductContent.prototype, "translations", void 0);
|
|
112
|
-
tslib_es6.__decorate([
|
|
113
|
-
decorators.property({ type: String }),
|
|
114
|
-
tslib_es6.__metadata("design:type", String)
|
|
115
|
-
], exports.HSearchProductContent.prototype, "productAriaLabel", void 0);
|
|
116
111
|
exports.HSearchProductContent = tslib_es6.__decorate([
|
|
117
112
|
phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.searchProductContent)
|
|
118
113
|
], exports.HSearchProductContent);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,mBAAmB,2EAAmF;AACtG;AACA,qBAAqB,6EAAqF;AAC1G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,mBAAmB,2EAAmF;AACtG;AACA,qBAAqB,6EAAqF;AAC1G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -17,11 +17,6 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
|
|
|
17
17
|
this.searchPhrase = '';
|
|
18
18
|
this.translations = {};
|
|
19
19
|
this._productPage = 1;
|
|
20
|
-
this._handleActiveItemChange = (ev) => {
|
|
21
|
-
const { activeItemId } = ev.detail;
|
|
22
|
-
const $activeItem = this.querySelector(`[data-search-item-id="${activeItemId}"]`);
|
|
23
|
-
$activeItem === null || $activeItem === void 0 ? void 0 : $activeItem.focus();
|
|
24
|
-
};
|
|
25
20
|
this._getInitialItemsIds = () => {
|
|
26
21
|
const suggestionInCategoryInitialItemId = this.results.suggestions.length;
|
|
27
22
|
const categoryInitialItemId = this._isProductInTheCategory() ? suggestionInCategoryInitialItemId + 1 : suggestionInCategoryInitialItemId;
|
|
@@ -35,14 +30,6 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
|
|
|
35
30
|
};
|
|
36
31
|
};
|
|
37
32
|
}
|
|
38
|
-
connectedCallback() {
|
|
39
|
-
super.connectedCallback();
|
|
40
|
-
document.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.activeItemChange, this._handleActiveItemChange);
|
|
41
|
-
}
|
|
42
|
-
disconnectedCallback() {
|
|
43
|
-
super.disconnectedCallback();
|
|
44
|
-
document.removeEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.activeItemChange, this._handleActiveItemChange);
|
|
45
|
-
}
|
|
46
33
|
_isProductInTheCategory() {
|
|
47
34
|
return this.results.products.length && this.results.suggestions.length;
|
|
48
35
|
}
|
|
@@ -85,7 +72,6 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
|
|
|
85
72
|
locale="${this.locale}"
|
|
86
73
|
view="${this.view}"
|
|
87
74
|
module-instance-id="${this.moduleInstanceId}"
|
|
88
|
-
.suggestionAriaLabel=${this.settings.suggestionAriaLabel}
|
|
89
75
|
>
|
|
90
76
|
</h-search-suggestion-content>`)}
|
|
91
77
|
${when.when((_c = this.results.products) === null || _c === void 0 ? void 0 : _c.length, () => lit.html `
|
|
@@ -96,7 +82,6 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
|
|
|
96
82
|
active-item-id="${this.activeItemId}"
|
|
97
83
|
.initialItemIds="${this._getInitialItemsIds()}"
|
|
98
84
|
.translations="${this.translations}"
|
|
99
|
-
.productAriaLabel=${this.settings.productAriaLabel}
|
|
100
85
|
></h-search-product-content>
|
|
101
86
|
|
|
102
87
|
${when.when(this.settings.isLoadingMoreSearchResultsEnabled, () => when.when(this._areMoreProductsAvailable(), () => lit.html `<button
|
|
@@ -119,7 +104,6 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
|
|
|
119
104
|
.initialItemIds="${this._getInitialItemsIds()}"
|
|
120
105
|
.translations="${this.translations}"
|
|
121
106
|
search-phrase="${this.searchPhrase}"
|
|
122
|
-
.producerAriaLabel=${this.settings.producerAriaLabel}
|
|
123
107
|
></h-search-producer-content>`)}
|
|
124
108
|
`;
|
|
125
109
|
});
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,mBAAmB,2EAAmF;AACtG;AACA,sBAAsB,oDAAwD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -112,7 +112,6 @@ exports.HSearchSuggestionContent = class HSearchSuggestionContent extends phoeni
|
|
|
112
112
|
: ''}"
|
|
113
113
|
data-suggested-value="${suggestion.suggestionName}"
|
|
114
114
|
data-search-item-id="${index}"
|
|
115
|
-
aria-label=${this.suggestionAriaLabel ? `${this.suggestionAriaLabel} ${suggestion.suggestionName}` : undefined}
|
|
116
115
|
>
|
|
117
116
|
${when.when(suggestion.type === search_constants.SUGGESTIONS_TYPE.suggestion, () => lit.html ` <span> ${this._getMatchedPhrase(suggestion.suggestionName)} </span>
|
|
118
117
|
<h-icon
|
|
@@ -158,10 +157,6 @@ tslib_es6.__decorate([
|
|
|
158
157
|
decorators.property({ type: String, attribute: 'module-instance-id' }),
|
|
159
158
|
tslib_es6.__metadata("design:type", String)
|
|
160
159
|
], exports.HSearchSuggestionContent.prototype, "moduleInstanceId", void 0);
|
|
161
|
-
tslib_es6.__decorate([
|
|
162
|
-
decorators.property({ type: String }),
|
|
163
|
-
tslib_es6.__metadata("design:type", String)
|
|
164
|
-
], exports.HSearchSuggestionContent.prototype, "suggestionAriaLabel", void 0);
|
|
165
160
|
tslib_es6.__decorate([
|
|
166
161
|
decorators.state(),
|
|
167
162
|
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;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;"}
|
|
@@ -34,10 +34,7 @@ export declare class HSearch extends PhoenixLightLitElement {
|
|
|
34
34
|
private _displayHistorySuggestions;
|
|
35
35
|
private _hideHistorySuggestionsAndResults;
|
|
36
36
|
private _displayResults;
|
|
37
|
-
private _handleToggleHistoryAndResults;
|
|
38
|
-
private _toggleSearchInputAria;
|
|
39
37
|
private _bindKeys;
|
|
40
|
-
private _dispatchActiveItemChangeEvent;
|
|
41
38
|
private _getSearchItemsCount;
|
|
42
39
|
private _scroll;
|
|
43
40
|
private _handleChooseSearchItem;
|
|
@@ -10,7 +10,7 @@ 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 { DEFAULT_VIEW, SEARCH_CLASS_NAMES, SCROLL_DIRECTIONS,
|
|
13
|
+
import { DEFAULT_VIEW, SEARCH_CLASS_NAMES, SCROLL_DIRECTIONS, SEARCH_CONFIGURATION, SEARCH_COMPONENT_NAMES, SEARCH_CONTEXT_NAMES, SEARCH_CUSTOM_EVENT_NAMES } from './search_constants.js';
|
|
14
14
|
|
|
15
15
|
let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
16
16
|
constructor() {
|
|
@@ -34,18 +34,16 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
34
34
|
case 'ArrowDown':
|
|
35
35
|
ev.preventDefault();
|
|
36
36
|
this._activeItemId = this._activeItemId === searchItemsCount - 1 ? 0 : this._activeItemId + 1;
|
|
37
|
-
this._dispatchActiveItemChangeEvent();
|
|
38
37
|
this._scroll(SCROLL_DIRECTIONS.down);
|
|
39
38
|
break;
|
|
40
39
|
case 'ArrowUp':
|
|
41
40
|
ev.preventDefault();
|
|
42
41
|
this._activeItemId = this._activeItemId === 0 || this._activeItemId === -1 ? searchItemsCount - 1 : this._activeItemId - 1;
|
|
43
|
-
this._dispatchActiveItemChangeEvent();
|
|
44
42
|
this._scroll(SCROLL_DIRECTIONS.up);
|
|
45
43
|
break;
|
|
46
44
|
case 'Enter':
|
|
47
45
|
ev.preventDefault();
|
|
48
|
-
if (this._activeItemId === -1
|
|
46
|
+
if (this._activeItemId === -1)
|
|
49
47
|
return;
|
|
50
48
|
this._handleChooseSearchItem();
|
|
51
49
|
break;
|
|
@@ -65,15 +63,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
65
63
|
break;
|
|
66
64
|
}
|
|
67
65
|
};
|
|
68
|
-
this._dispatchActiveItemChangeEvent = () => {
|
|
69
|
-
const ev = new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.activeItemChange, {
|
|
70
|
-
detail: {
|
|
71
|
-
activeItemId: this._activeItemId
|
|
72
|
-
},
|
|
73
|
-
bubbles: true
|
|
74
|
-
});
|
|
75
|
-
this.dispatchEvent(ev);
|
|
76
|
-
};
|
|
77
66
|
this._getSearchItemsCount = () => {
|
|
78
67
|
if (this._shouldShowHistory)
|
|
79
68
|
return this._historyLimitedContent.length;
|
|
@@ -215,42 +204,16 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
215
204
|
}
|
|
216
205
|
}
|
|
217
206
|
_displayHistorySuggestions() {
|
|
218
|
-
this.
|
|
219
|
-
|
|
220
|
-
shouldShowResults: false
|
|
221
|
-
});
|
|
207
|
+
this._shouldShowHistory = true;
|
|
208
|
+
this._shouldShowResults = false;
|
|
222
209
|
}
|
|
223
210
|
_hideHistorySuggestionsAndResults() {
|
|
224
|
-
this.
|
|
225
|
-
|
|
226
|
-
shouldShowResults: false
|
|
227
|
-
});
|
|
211
|
+
this._shouldShowHistory = false;
|
|
212
|
+
this._shouldShowResults = false;
|
|
228
213
|
}
|
|
229
214
|
_displayResults() {
|
|
230
|
-
this.
|
|
231
|
-
|
|
232
|
-
shouldShowResults: true
|
|
233
|
-
});
|
|
234
|
-
}
|
|
235
|
-
_handleToggleHistoryAndResults({ shouldShowHistory, shouldShowResults }) {
|
|
236
|
-
this._shouldShowHistory = shouldShowHistory;
|
|
237
|
-
this._shouldShowResults = shouldShowResults;
|
|
238
|
-
this._toggleSearchInputAria(shouldShowHistory, shouldShowResults);
|
|
239
|
-
}
|
|
240
|
-
_toggleSearchInputAria(shouldShowHistory, shouldShowResults) {
|
|
241
|
-
var _a;
|
|
242
|
-
const $input = (_a = this._searchInput) === null || _a === void 0 ? void 0 : _a.input;
|
|
243
|
-
if (!$input)
|
|
244
|
-
return;
|
|
245
|
-
if (!shouldShowHistory && !shouldShowResults) {
|
|
246
|
-
$input.removeAttribute('aria-label');
|
|
247
|
-
return;
|
|
248
|
-
}
|
|
249
|
-
$input.setAttribute('aria-expanded', 'true');
|
|
250
|
-
if (shouldShowHistory)
|
|
251
|
-
$input.setAttribute('aria-label', this.settings.historyAriaLabelGuide);
|
|
252
|
-
if (shouldShowResults)
|
|
253
|
-
$input.setAttribute('aria-label', this.settings.suggesterAriaLabelGuide);
|
|
215
|
+
this._shouldShowHistory = false;
|
|
216
|
+
this._shouldShowResults = true;
|
|
254
217
|
}
|
|
255
218
|
_scroll(direction) {
|
|
256
219
|
const searchContainer = this.querySelector(`.${SEARCH_CLASS_NAMES.container}`);
|
|
@@ -333,7 +296,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
333
296
|
.translations="${this._translations}"
|
|
334
297
|
active-item-id="${this._activeItemId}"
|
|
335
298
|
module-instance-id="${this.moduleInstanceId}"
|
|
336
|
-
.historyAriaLabel="${this.settings.historyAriaLabel}"
|
|
337
299
|
></h-search-history>`)}
|
|
338
300
|
${n(this._shouldShowResults, () => html `<h-search-results
|
|
339
301
|
.results="${this._searchResults}"
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,qEAA6E;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -28,7 +28,6 @@ export declare const SEARCH_CUSTOM_EVENT_NAMES: {
|
|
|
28
28
|
readonly updateSearchPhrase: "updateSearchPhrase";
|
|
29
29
|
readonly focusin: "searchFocusIn";
|
|
30
30
|
readonly keydown: "searchKeyDown";
|
|
31
|
-
readonly activeItemChange: "activeItemChange";
|
|
32
31
|
};
|
|
33
32
|
export declare const SEARCH_CLASS_NAMES: {
|
|
34
33
|
readonly searchBar: "search__bar";
|
|
@@ -26,8 +26,7 @@ const SEARCH_CUSTOM_EVENT_NAMES = {
|
|
|
26
26
|
search: 'search',
|
|
27
27
|
updateSearchPhrase: 'updateSearchPhrase',
|
|
28
28
|
focusin: 'searchFocusIn',
|
|
29
|
-
keydown: 'searchKeyDown'
|
|
30
|
-
activeItemChange: 'activeItemChange'
|
|
29
|
+
keydown: 'searchKeyDown'
|
|
31
30
|
};
|
|
32
31
|
const baseSearchCssClass = 'search';
|
|
33
32
|
const SEARCH_CLASS_NAMES = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -68,12 +68,6 @@ export declare type TSearchSettings = {
|
|
|
68
68
|
showProductRate: boolean;
|
|
69
69
|
showProductAvailability: boolean;
|
|
70
70
|
showProductPrice: boolean;
|
|
71
|
-
historyAriaLabelGuide: string;
|
|
72
|
-
suggesterAriaLabelGuide: string;
|
|
73
|
-
historyAriaLabel: string;
|
|
74
|
-
suggestionAriaLabel: string;
|
|
75
|
-
productAriaLabel: string;
|
|
76
|
-
producerAriaLabel: string;
|
|
77
71
|
};
|
|
78
72
|
export declare type TScrollDirection = TEnumLiteralsOf<typeof SCROLL_DIRECTIONS>;
|
|
79
73
|
export declare type TSuggestionType = TEnumLiteralsOf<typeof SUGGESTIONS_TYPE>;
|
|
@@ -83,10 +77,3 @@ export declare type TSuggestion = {
|
|
|
83
77
|
categoryName?: string;
|
|
84
78
|
url?: string;
|
|
85
79
|
};
|
|
86
|
-
export declare type THandleToggleHistoryAndResults = {
|
|
87
|
-
shouldShowHistory: boolean;
|
|
88
|
-
shouldShowResults: boolean;
|
|
89
|
-
};
|
|
90
|
-
export declare type TActiveItemChangeEventDetail = {
|
|
91
|
-
activeItemId: number;
|
|
92
|
-
};
|
|
@@ -12,9 +12,6 @@ export declare class HSearchHistory extends PhoenixLightLitElement {
|
|
|
12
12
|
activeItemId: number;
|
|
13
13
|
translations: Record<string, string>;
|
|
14
14
|
moduleInstanceId: string;
|
|
15
|
-
historyAriaLabel?: string;
|
|
16
15
|
connectedCallback(): Promise<void>;
|
|
17
|
-
private _handleActiveItemChange;
|
|
18
|
-
disconnectedCallback(): void;
|
|
19
16
|
protected render(): TemplateResult;
|
|
20
17
|
}
|
|
@@ -8,7 +8,7 @@ import { Observer } from '../../../../../core/classes/observer/observer.js';
|
|
|
8
8
|
import { ContextConsumerController } from '../../../../../core/context/context_consumer_controller.js';
|
|
9
9
|
import { createRef, ref } from 'lit-html/directives/ref.js';
|
|
10
10
|
import { when as n } from '../../../../../../../../external/lit/external/lit-html/directives/when.js';
|
|
11
|
-
import { SEARCH_CONTEXT_NAMES,
|
|
11
|
+
import { SEARCH_CONTEXT_NAMES, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
|
|
12
12
|
import { repeat as c } from '../../../../../../../../external/lit/external/lit-html/directives/repeat.js';
|
|
13
13
|
|
|
14
14
|
let HSearchHistory = class HSearchHistory extends PhoenixLightLitElement {
|
|
@@ -17,11 +17,6 @@ let HSearchHistory = class HSearchHistory extends PhoenixLightLitElement {
|
|
|
17
17
|
this.buttonRef = createRef();
|
|
18
18
|
this.history = [];
|
|
19
19
|
this.translations = {};
|
|
20
|
-
this._handleActiveItemChange = (ev) => {
|
|
21
|
-
const { activeItemId } = ev.detail;
|
|
22
|
-
const $activeItem = this.querySelector(`[data-search-item-id="${activeItemId}"]`);
|
|
23
|
-
$activeItem === null || $activeItem === void 0 ? void 0 : $activeItem.focus();
|
|
24
|
-
};
|
|
25
20
|
}
|
|
26
21
|
async connectedCallback() {
|
|
27
22
|
super.connectedCallback();
|
|
@@ -40,11 +35,6 @@ let HSearchHistory = class HSearchHistory extends PhoenixLightLitElement {
|
|
|
40
35
|
catch (_a) {
|
|
41
36
|
console.error('Search context is not provided');
|
|
42
37
|
}
|
|
43
|
-
document.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.activeItemChange, this._handleActiveItemChange);
|
|
44
|
-
}
|
|
45
|
-
disconnectedCallback() {
|
|
46
|
-
super.disconnectedCallback();
|
|
47
|
-
document.removeEventListener(SEARCH_CUSTOM_EVENT_NAMES.activeItemChange, this._handleActiveItemChange);
|
|
48
38
|
}
|
|
49
39
|
render() {
|
|
50
40
|
var _a;
|
|
@@ -60,7 +50,6 @@ let HSearchHistory = class HSearchHistory extends PhoenixLightLitElement {
|
|
|
60
50
|
data-suggested-value="${historyElement.label}"
|
|
61
51
|
data-search-item-id="${index}"
|
|
62
52
|
module-instance-id="${this.moduleInstanceId}"
|
|
63
|
-
aria-label=${this.historyAriaLabel ? `${this.historyAriaLabel} ${historyElement.label}` : undefined}
|
|
64
53
|
>
|
|
65
54
|
<h-icon icon-name="icon-clock"></h-icon>
|
|
66
55
|
|
|
@@ -99,10 +88,6 @@ __decorate([
|
|
|
99
88
|
property({ type: String, attribute: 'module-instance-id' }),
|
|
100
89
|
__metadata("design:type", String)
|
|
101
90
|
], HSearchHistory.prototype, "moduleInstanceId", void 0);
|
|
102
|
-
__decorate([
|
|
103
|
-
property({ type: String }),
|
|
104
|
-
__metadata("design:type", String)
|
|
105
|
-
], HSearchHistory.prototype, "historyAriaLabel", void 0);
|
|
106
91
|
HSearchHistory = __decorate([
|
|
107
92
|
phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchHistory)
|
|
108
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;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,2EAAmF;AAC7G;AACA,4BAA4B,6EAAqF;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
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
4
|
moduleInstanceId: string;
|
|
5
5
|
private _isSearchPhraseCleared;
|
|
6
6
|
connectedCallback(): void;
|
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js
CHANGED
|
@@ -11,8 +11,8 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
|
|
|
11
11
|
}
|
|
12
12
|
connectedCallback() {
|
|
13
13
|
super.connectedCallback();
|
|
14
|
-
this.
|
|
15
|
-
if (!this.
|
|
14
|
+
this._input = this.querySelector('input[type="search"]');
|
|
15
|
+
if (!this._input) {
|
|
16
16
|
throw new Error('Search input not found');
|
|
17
17
|
}
|
|
18
18
|
this._setupInitialValue();
|
|
@@ -24,7 +24,7 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
|
|
|
24
24
|
if (!searchPhraseRegArray)
|
|
25
25
|
return;
|
|
26
26
|
const searchQuery = searchPhraseRegArray[1].replace(/\+/g, ' ');
|
|
27
|
-
this.
|
|
27
|
+
this._input.value = decodeURIComponent(this._deserializeInputPhrase(searchQuery));
|
|
28
28
|
}
|
|
29
29
|
_deserializeInputPhrase(value) {
|
|
30
30
|
if (value.indexOf('%2f') !== -1) {
|
|
@@ -42,14 +42,14 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
|
|
|
42
42
|
return value;
|
|
43
43
|
}
|
|
44
44
|
_setupListeners() {
|
|
45
|
-
this.
|
|
45
|
+
this._input.addEventListener('focusin', (ev) => {
|
|
46
46
|
this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.focusin, {
|
|
47
47
|
detail: {
|
|
48
48
|
searchPhrase: ev.target.value
|
|
49
49
|
}
|
|
50
50
|
});
|
|
51
51
|
});
|
|
52
|
-
this.
|
|
52
|
+
this._input.addEventListener('keydown', (ev) => {
|
|
53
53
|
if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape')
|
|
54
54
|
return;
|
|
55
55
|
if (ev.key !== 'Enter') {
|
|
@@ -70,8 +70,8 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
|
|
|
70
70
|
}
|
|
71
71
|
});
|
|
72
72
|
});
|
|
73
|
-
this.
|
|
74
|
-
if (this.
|
|
73
|
+
this._input.addEventListener('search', (ev) => {
|
|
74
|
+
if (this._input.value !== '') {
|
|
75
75
|
return;
|
|
76
76
|
}
|
|
77
77
|
this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.search, {
|
|
@@ -84,13 +84,13 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
|
|
|
84
84
|
if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
|
|
85
85
|
return;
|
|
86
86
|
this._isSearchPhraseCleared = true;
|
|
87
|
-
this.
|
|
88
|
-
this.
|
|
87
|
+
this._input.value = '';
|
|
88
|
+
this._input.focus();
|
|
89
89
|
});
|
|
90
90
|
document.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.updateSearchPhrase, (ev) => {
|
|
91
91
|
if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
|
|
92
92
|
return;
|
|
93
|
-
this.
|
|
93
|
+
this._input.value = ev.detail.searchPhrase;
|
|
94
94
|
this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keydown, {
|
|
95
95
|
detail: {
|
|
96
96
|
searchPhrase: ev.detail.searchPhrase
|
|
@@ -7,7 +7,6 @@ export declare class HSearchProducerContent extends PhoenixLightLitElement {
|
|
|
7
7
|
initialItemIds: Record<string, number>;
|
|
8
8
|
translations: Record<string, string>;
|
|
9
9
|
searchPhrase: string;
|
|
10
|
-
producerAriaLabel?: string;
|
|
11
10
|
private _getMatchedPhrase;
|
|
12
11
|
protected render(): TemplateResult;
|
|
13
12
|
}
|
|
@@ -32,7 +32,6 @@ let HSearchProducerContent = class HSearchProducerContent extends PhoenixLightLi
|
|
|
32
32
|
? SEARCH_CLASS_NAMES.itemActive
|
|
33
33
|
: ''}"
|
|
34
34
|
data-search-item-id="${this.initialItemIds.producers + index}"
|
|
35
|
-
aria-label=${this.producerAriaLabel ? `${this.producerAriaLabel} ${producer.name}` : undefined}
|
|
36
35
|
>
|
|
37
36
|
<a
|
|
38
37
|
href="${producer.url}"
|
|
@@ -68,10 +67,6 @@ __decorate([
|
|
|
68
67
|
property({ type: String, attribute: 'search-phrase' }),
|
|
69
68
|
__metadata("design:type", String)
|
|
70
69
|
], HSearchProducerContent.prototype, "searchPhrase", void 0);
|
|
71
|
-
__decorate([
|
|
72
|
-
property({ type: String }),
|
|
73
|
-
__metadata("design:type", String)
|
|
74
|
-
], HSearchProducerContent.prototype, "producerAriaLabel", void 0);
|
|
75
70
|
HSearchProducerContent = __decorate([
|
|
76
71
|
phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchProducerContent)
|
|
77
72
|
], HSearchProducerContent);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,2EAAmF;AAC7G;AACA,4BAA4B,6EAAqF;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,2EAAmF;AAC7G;AACA,4BAA4B,6EAAqF;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -7,7 +7,6 @@ export declare class HSearchProductContent extends PhoenixLightLitElement {
|
|
|
7
7
|
activeItemId: number;
|
|
8
8
|
initialItemIds: Record<string, number>;
|
|
9
9
|
translations: Record<string, string>;
|
|
10
|
-
productAriaLabel?: string;
|
|
11
10
|
getProductRateHtml: (productRate: number) => TemplateResult;
|
|
12
11
|
private _getShortenProductName;
|
|
13
12
|
private _getPercentPromotion;
|
|
@@ -45,7 +45,6 @@ let HSearchProductContent = class HSearchProductContent extends PhoenixLightLitE
|
|
|
45
45
|
? SEARCH_CLASS_NAMES.itemActive
|
|
46
46
|
: ''}"
|
|
47
47
|
data-search-item-id="${this.initialItemIds.products + index}"
|
|
48
|
-
aria-label=${this.productAriaLabel ? `${this.productAriaLabel} ${product.name}` : undefined}
|
|
49
48
|
>
|
|
50
49
|
<a
|
|
51
50
|
href="${product.url}"
|
|
@@ -105,10 +104,6 @@ __decorate([
|
|
|
105
104
|
property({ type: Object }),
|
|
106
105
|
__metadata("design:type", Object)
|
|
107
106
|
], HSearchProductContent.prototype, "translations", void 0);
|
|
108
|
-
__decorate([
|
|
109
|
-
property({ type: String }),
|
|
110
|
-
__metadata("design:type", String)
|
|
111
|
-
], HSearchProductContent.prototype, "productAriaLabel", void 0);
|
|
112
107
|
HSearchProductContent = __decorate([
|
|
113
108
|
phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchProductContent)
|
|
114
109
|
], HSearchProductContent);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,2EAAmF;AAC7G;AACA,4BAA4B,6EAAqF;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,2EAAmF;AAC7G;AACA,4BAA4B,6EAAqF;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -11,9 +11,6 @@ export declare class HSearchResults extends PhoenixLightLitElement {
|
|
|
11
11
|
translations: Record<string, string>;
|
|
12
12
|
moduleInstanceId: string;
|
|
13
13
|
private _productPage;
|
|
14
|
-
connectedCallback(): void;
|
|
15
|
-
private _handleActiveItemChange;
|
|
16
|
-
disconnectedCallback(): void;
|
|
17
14
|
private _getInitialItemsIds;
|
|
18
15
|
private _isProductInTheCategory;
|
|
19
16
|
private _areSearchResultsNotEmpty;
|
|
@@ -13,11 +13,6 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
|
|
|
13
13
|
this.searchPhrase = '';
|
|
14
14
|
this.translations = {};
|
|
15
15
|
this._productPage = 1;
|
|
16
|
-
this._handleActiveItemChange = (ev) => {
|
|
17
|
-
const { activeItemId } = ev.detail;
|
|
18
|
-
const $activeItem = this.querySelector(`[data-search-item-id="${activeItemId}"]`);
|
|
19
|
-
$activeItem === null || $activeItem === void 0 ? void 0 : $activeItem.focus();
|
|
20
|
-
};
|
|
21
16
|
this._getInitialItemsIds = () => {
|
|
22
17
|
const suggestionInCategoryInitialItemId = this.results.suggestions.length;
|
|
23
18
|
const categoryInitialItemId = this._isProductInTheCategory() ? suggestionInCategoryInitialItemId + 1 : suggestionInCategoryInitialItemId;
|
|
@@ -31,14 +26,6 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
|
|
|
31
26
|
};
|
|
32
27
|
};
|
|
33
28
|
}
|
|
34
|
-
connectedCallback() {
|
|
35
|
-
super.connectedCallback();
|
|
36
|
-
document.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.activeItemChange, this._handleActiveItemChange);
|
|
37
|
-
}
|
|
38
|
-
disconnectedCallback() {
|
|
39
|
-
super.disconnectedCallback();
|
|
40
|
-
document.removeEventListener(SEARCH_CUSTOM_EVENT_NAMES.activeItemChange, this._handleActiveItemChange);
|
|
41
|
-
}
|
|
42
29
|
_isProductInTheCategory() {
|
|
43
30
|
return this.results.products.length && this.results.suggestions.length;
|
|
44
31
|
}
|
|
@@ -81,7 +68,6 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
|
|
|
81
68
|
locale="${this.locale}"
|
|
82
69
|
view="${this.view}"
|
|
83
70
|
module-instance-id="${this.moduleInstanceId}"
|
|
84
|
-
.suggestionAriaLabel=${this.settings.suggestionAriaLabel}
|
|
85
71
|
>
|
|
86
72
|
</h-search-suggestion-content>`)}
|
|
87
73
|
${n((_c = this.results.products) === null || _c === void 0 ? void 0 : _c.length, () => html `
|
|
@@ -92,7 +78,6 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
|
|
|
92
78
|
active-item-id="${this.activeItemId}"
|
|
93
79
|
.initialItemIds="${this._getInitialItemsIds()}"
|
|
94
80
|
.translations="${this.translations}"
|
|
95
|
-
.productAriaLabel=${this.settings.productAriaLabel}
|
|
96
81
|
></h-search-product-content>
|
|
97
82
|
|
|
98
83
|
${n(this.settings.isLoadingMoreSearchResultsEnabled, () => n(this._areMoreProductsAvailable(), () => html `<button
|
|
@@ -115,7 +100,6 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
|
|
|
115
100
|
.initialItemIds="${this._getInitialItemsIds()}"
|
|
116
101
|
.translations="${this.translations}"
|
|
117
102
|
search-phrase="${this.searchPhrase}"
|
|
118
|
-
.producerAriaLabel=${this.settings.producerAriaLabel}
|
|
119
103
|
></h-search-producer-content>`)}
|
|
120
104
|
`;
|
|
121
105
|
});
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,2EAAmF;AAC7G;AACA,sBAAsB,oDAAwD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -10,7 +10,6 @@ export declare class HSearchSuggestionContent extends PhoenixLightLitElement {
|
|
|
10
10
|
view: string;
|
|
11
11
|
locale: string;
|
|
12
12
|
moduleInstanceId: string;
|
|
13
|
-
suggestionAriaLabel?: string;
|
|
14
13
|
private _searchPhrase;
|
|
15
14
|
private _suggestionsData;
|
|
16
15
|
connectedCallback(): Promise<void>;
|
|
@@ -108,7 +108,6 @@ let HSearchSuggestionContent = class HSearchSuggestionContent extends PhoenixLig
|
|
|
108
108
|
: ''}"
|
|
109
109
|
data-suggested-value="${suggestion.suggestionName}"
|
|
110
110
|
data-search-item-id="${index}"
|
|
111
|
-
aria-label=${this.suggestionAriaLabel ? `${this.suggestionAriaLabel} ${suggestion.suggestionName}` : undefined}
|
|
112
111
|
>
|
|
113
112
|
${n(suggestion.type === SUGGESTIONS_TYPE.suggestion, () => html ` <span> ${this._getMatchedPhrase(suggestion.suggestionName)} </span>
|
|
114
113
|
<h-icon
|
|
@@ -154,10 +153,6 @@ __decorate([
|
|
|
154
153
|
property({ type: String, attribute: 'module-instance-id' }),
|
|
155
154
|
__metadata("design:type", String)
|
|
156
155
|
], HSearchSuggestionContent.prototype, "moduleInstanceId", void 0);
|
|
157
|
-
__decorate([
|
|
158
|
-
property({ type: String }),
|
|
159
|
-
__metadata("design:type", String)
|
|
160
|
-
], HSearchSuggestionContent.prototype, "suggestionAriaLabel", void 0);
|
|
161
156
|
__decorate([
|
|
162
157
|
state(),
|
|
163
158
|
__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;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;"}
|