@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.
Files changed (40) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/search/search.js +7 -45
  2. package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/search/search_constants.js +1 -2
  4. package/build/cjs/packages/phoenix/src/components/form/search/search_constants.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js +0 -15
  6. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js.map +1 -1
  7. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +10 -10
  8. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js +0 -5
  9. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js.map +1 -1
  10. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js +0 -5
  11. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js.map +1 -1
  12. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js +0 -16
  13. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js.map +1 -1
  14. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js +0 -5
  15. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js.map +1 -1
  16. package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +0 -3
  17. package/build/esm/packages/phoenix/src/components/form/search/search.js +8 -46
  18. package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
  19. package/build/esm/packages/phoenix/src/components/form/search/search_constants.d.ts +0 -1
  20. package/build/esm/packages/phoenix/src/components/form/search/search_constants.js +1 -2
  21. package/build/esm/packages/phoenix/src/components/form/search/search_constants.js.map +1 -1
  22. package/build/esm/packages/phoenix/src/components/form/search/search_types.d.ts +0 -13
  23. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history.d.ts +0 -3
  24. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js +1 -16
  25. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js.map +1 -1
  26. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.d.ts +1 -1
  27. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +10 -10
  28. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.d.ts +0 -1
  29. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js +0 -5
  30. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js.map +1 -1
  31. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.d.ts +0 -1
  32. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js +0 -5
  33. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js.map +1 -1
  34. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.d.ts +0 -3
  35. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js +0 -16
  36. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js.map +1 -1
  37. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.d.ts +0 -1
  38. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js +0 -5
  39. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js.map +1 -1
  40. 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 || !this._shouldShowResults)
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._handleToggleHistoryAndResults({
223
- shouldShowHistory: true,
224
- shouldShowResults: false
225
- });
211
+ this._shouldShowHistory = true;
212
+ this._shouldShowResults = false;
226
213
  }
227
214
  _hideHistorySuggestionsAndResults() {
228
- this._handleToggleHistoryAndResults({
229
- shouldShowHistory: false,
230
- shouldShowResults: false
231
- });
215
+ this._shouldShowHistory = false;
216
+ this._shouldShowResults = false;
232
217
  }
233
218
  _displayResults() {
234
- this._handleToggleHistoryAndResults({
235
- shouldShowHistory: false,
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;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;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;"}
@@ -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.input = this.querySelector('input[type="search"]');
19
- if (!this.input) {
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.input.value = decodeURIComponent(this._deserializeInputPhrase(searchQuery));
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.input.addEventListener('focusin', (ev) => {
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.input.addEventListener('keydown', (ev) => {
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.input.addEventListener('search', (ev) => {
78
- if (this.input.value !== '') {
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.input.value = '';
92
- this.input.focus();
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.input.value = ev.detail.searchPhrase;
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;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;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;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;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, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_CONFIGURATION, SEARCH_COMPONENT_NAMES, SEARCH_CONTEXT_NAMES } from './search_constants.js';
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 || !this._shouldShowResults)
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._handleToggleHistoryAndResults({
219
- shouldShowHistory: true,
220
- shouldShowResults: false
221
- });
207
+ this._shouldShowHistory = true;
208
+ this._shouldShowResults = false;
222
209
  }
223
210
  _hideHistorySuggestionsAndResults() {
224
- this._handleToggleHistoryAndResults({
225
- shouldShowHistory: false,
226
- shouldShowResults: false
227
- });
211
+ this._shouldShowHistory = false;
212
+ this._shouldShowResults = false;
228
213
  }
229
214
  _displayResults() {
230
- this._handleToggleHistoryAndResults({
231
- shouldShowHistory: false,
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;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, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
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;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;"}
@@ -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
- input: HTMLInputElement | null;
3
+ private _input;
4
4
  moduleInstanceId: string;
5
5
  private _isSearchPhraseCleared;
6
6
  connectedCallback(): void;
@@ -11,8 +11,8 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
11
11
  }
12
12
  connectedCallback() {
13
13
  super.connectedCallback();
14
- this.input = this.querySelector('input[type="search"]');
15
- if (!this.input) {
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.input.value = decodeURIComponent(this._deserializeInputPhrase(searchQuery));
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.input.addEventListener('focusin', (ev) => {
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.input.addEventListener('keydown', (ev) => {
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.input.addEventListener('search', (ev) => {
74
- if (this.input.value !== '') {
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.input.value = '';
88
- this.input.focus();
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.input.value = ev.detail.searchPhrase;
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;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;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;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;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,2EAAmF;AAC7G;AACA,4BAA4B,6EAAqF;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/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.11.7-2",
5
+ "version": "1.11.7",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",