@shoper/phoenix_design_system 1.11.10-3 → 1.11.10-5

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 (14) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/search/search.js +56 -35
  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/subcomponents/input/search_input.js +1 -5
  4. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js +3 -1
  6. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js.map +1 -1
  7. package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +3 -1
  8. package/build/esm/packages/phoenix/src/components/form/search/search.js +56 -35
  9. package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
  10. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +1 -5
  11. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map +1 -1
  12. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js +3 -1
  13. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js.map +1 -1
  14. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -38,6 +38,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
38
38
  });
39
39
  this._activeItemId = `${this.id}-1`;
40
40
  this._translations = {};
41
+ this._containerRole = 'grid';
41
42
  this._bindKeys = (ev) => {
42
43
  var _a;
43
44
  switch (ev.key) {
@@ -317,22 +318,36 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
317
318
  _handleToggleHistoryAndResults({ shouldShowHistory, shouldShowResults }) {
318
319
  this._shouldShowHistory = shouldShowHistory;
319
320
  this._shouldShowResults = shouldShowResults;
320
- this._toggleSearchInputAria(shouldShowHistory, shouldShowResults);
321
+ this._toggleSearchInputAttributes(shouldShowHistory, shouldShowResults);
322
+ this._toggleSearchContainerAttributes(shouldShowHistory, shouldShowResults);
321
323
  }
322
- _toggleSearchInputAria(shouldShowHistory, shouldShowResults) {
324
+ _toggleSearchInputAttributes(shouldShowHistory, shouldShowResults) {
323
325
  var _a;
324
326
  const $input = (_a = this._searchInput) === null || _a === void 0 ? void 0 : _a.input;
325
327
  if (!$input)
326
328
  return;
327
329
  if (!shouldShowHistory && !shouldShowResults) {
328
330
  $input.removeAttribute('aria-label');
331
+ $input.setAttribute('aria-activedescendant', '');
329
332
  return;
330
333
  }
331
334
  $input.setAttribute('aria-expanded', 'true');
332
- if (shouldShowHistory)
335
+ if (shouldShowHistory) {
333
336
  $input.setAttribute('aria-label', this.settings.historyGuideAriaLabel);
334
- if (shouldShowResults)
337
+ $input.setAttribute('haspopup', 'grid');
338
+ }
339
+ if (shouldShowResults) {
335
340
  $input.setAttribute('aria-label', this.settings.suggesterGuideAriaLabel);
341
+ this._inputField.removeAttribute('haspopup');
342
+ }
343
+ }
344
+ _toggleSearchContainerAttributes(shouldShowHistory, shouldShowResults) {
345
+ if (shouldShowHistory) {
346
+ this._containerRole = 'grid';
347
+ }
348
+ if (shouldShowResults) {
349
+ this._containerRole = 'listbox';
350
+ }
336
351
  }
337
352
  _handleChooseSearchItem() {
338
353
  const activeSearchItem = this.querySelector(`[data-search-item-id="${this._activeItemId}"]`);
@@ -382,40 +397,41 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
382
397
  <div class="labeled-icon__signature">${this._translations.search}</div>
383
398
  </div>
384
399
 
385
- ${when.when(this._isSuggesterLayerVisible(), () => lit.html `
386
- <div
387
- class="${search_constants.SEARCH_CLASS_NAMES.container}"
388
- id="${this._searchContentContainerId}"
389
- ${when.when(this._shouldShowHistory, () => `role="grid"`, () => `role="listbox"`)}
390
- >
391
- ${when.when(this._shouldShowMessage, () => lit.html `<h-search-message
392
- .history="${this._historyLimitedContent}"
393
- .results="${this._searchResults}"
394
- .translations="${this._translations}"
395
- search-phrase="${this._searchPhrase}"
396
- module-instance-id="${this.moduleInstanceId}"
397
- ></h-search-message>`)}
398
- ${when.when(this._shouldShowHistory, () => lit.html `<h-search-history
399
- ${ref_js.ref(this._searchHistoryRef)}
400
+ <div
401
+ class="${search_constants.SEARCH_CLASS_NAMES.container}"
402
+ id="${this._searchContentContainerId}"
403
+ role="${this._containerRole}"
404
+ >
405
+ ${when.when(this._isSuggesterLayerVisible(), () => lit.html `
406
+ ${when.when(this._shouldShowMessage, () => lit.html `<h-search-message
400
407
  .history="${this._historyLimitedContent}"
401
- .translations="${this._translations}"
402
- active-item-id="${this._activeItemId}"
403
- search-id="${this.id}"
404
- module-instance-id="${this.moduleInstanceId}"
405
- ></h-search-history>`)}
406
- ${when.when(this._shouldShowResults, () => lit.html `<h-search-results
407
- ${ref_js.ref(this._searchResultsRef)}
408
408
  .results="${this._searchResults}"
409
- search-phrase="${this._searchPhrase}"
410
- .settings="${this.settings}"
411
- locale="${this.locale}"
412
- view="${this.view}"
413
409
  .translations="${this._translations}"
414
- active-item-id="${this._activeItemId}"
415
- search-id="${this.id}"
410
+ search-phrase="${this._searchPhrase}"
416
411
  module-instance-id="${this.moduleInstanceId}"
417
- ></h-search-results>`)}
418
- </div>`)}
412
+ ></h-search-message>`)}
413
+ ${when.when(this._shouldShowHistory, () => lit.html `<h-search-history
414
+ ${ref_js.ref(this._searchHistoryRef)}
415
+ .history="${this._historyLimitedContent}"
416
+ .translations="${this._translations}"
417
+ active-item-id="${this._activeItemId}"
418
+ search-id="${this.id}"
419
+ module-instance-id="${this.moduleInstanceId}"
420
+ ></h-search-history>`)}
421
+ ${when.when(this._shouldShowResults, () => lit.html `<h-search-results
422
+ ${ref_js.ref(this._searchResultsRef)}
423
+ .results="${this._searchResults}"
424
+ search-phrase="${this._searchPhrase}"
425
+ .settings="${this.settings}"
426
+ locale="${this.locale}"
427
+ view="${this.view}"
428
+ .translations="${this._translations}"
429
+ active-item-id="${this._activeItemId}"
430
+ search-id="${this.id}"
431
+ module-instance-id="${this.moduleInstanceId}"
432
+ ></h-search-results>`)}
433
+ `)}
434
+ </div>
419
435
  `;
420
436
  }
421
437
  };
@@ -475,7 +491,12 @@ tslib_es6.__decorate([
475
491
  decorators.state(),
476
492
  tslib_es6.__metadata("design:type", Object)
477
493
  ], exports.HSearch.prototype, "_translations", void 0);
494
+ tslib_es6.__decorate([
495
+ decorators.state(),
496
+ tslib_es6.__metadata("design:type", String)
497
+ ], exports.HSearch.prototype, "_containerRole", void 0);
478
498
  exports.HSearch = tslib_es6.__decorate([
479
499
  phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.search)
480
- ], exports.HSearch);
500
+ ], exports.HSearch);
501
+ // aria-activedescendant nie czyści się na layer not visible
481
502
  //# sourceMappingURL=search.js.map
package/build/cjs/packages/phoenix/src/components/form/search/search.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,wDAA4D;AAC7E,mBAAmB,qEAA6E;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA,iBAAiB,wDAA4D;AAC7E,mBAAmB,qEAA6E;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,7 +15,7 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
15
15
  this._setupAttributes = () => {
16
16
  var _a, _b, _c, _d, _e, _f;
17
17
  (_a = this.input) === null || _a === void 0 ? void 0 : _a.setAttribute('role', 'combobox');
18
- (_b = this.input) === null || _b === void 0 ? void 0 : _b.setAttribute('aria-autocomplete', 'list');
18
+ (_b = this.input) === null || _b === void 0 ? void 0 : _b.setAttribute('aria-autocomplete', 'none');
19
19
  (_c = this.input) === null || _c === void 0 ? void 0 : _c.setAttribute('aria-haspopup', 'grid');
20
20
  const $searchContentContainer = (_d = this.closest('h-search')) === null || _d === void 0 ? void 0 : _d.querySelector(`.${search_constants.SEARCH_CLASS_NAMES.container}`);
21
21
  (_e = this.input) === null || _e === void 0 ? void 0 : _e.setAttribute('aria-controls', ($searchContentContainer === null || $searchContentContainer === void 0 ? void 0 : $searchContentContainer.id) || '');
@@ -64,7 +64,6 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
64
64
  });
65
65
  });
66
66
  this.input.addEventListener('keyup', (ev) => {
67
- var _a;
68
67
  if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape')
69
68
  return;
70
69
  if (ev.key !== 'Enter') {
@@ -77,7 +76,6 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
77
76
  }
78
77
  if (this._isSearchPhraseCleared) {
79
78
  this._isSearchPhraseCleared = false;
80
- (_a = this.input) === null || _a === void 0 ? void 0 : _a.removeAttribute('aria-haspopup');
81
79
  return;
82
80
  }
83
81
  this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.submit, {
@@ -97,11 +95,9 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
97
95
  });
98
96
  });
99
97
  document.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.clear, (ev) => {
100
- var _a;
101
98
  if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
102
99
  return;
103
100
  this._isSearchPhraseCleared = true;
104
- (_a = this.input) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-haspopup', 'grid');
105
101
  this.input.value = '';
106
102
  this.input.focus();
107
103
  });
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js CHANGED
@@ -112,7 +112,9 @@ exports.HSearchSuggestionContent = class HSearchSuggestionContent extends phoeni
112
112
  : ''}"
113
113
  data-suggested-value="${suggestion.suggestionName}"
114
114
  data-search-item-id="${this.searchId}${index}"
115
- aria-label=${this.suggestionAriaLabel ? `${this.suggestionAriaLabel} ${suggestion.suggestionName}` : undefined}
115
+ aria-label="${this.suggestionAriaLabel ?
116
+ `${this.suggestionAriaLabel} ${suggestion.suggestionName || suggestion.categoryName}` :
117
+ ''}"
116
118
  tabindex="0"
117
119
  role="option"
118
120
  >
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,2EAAmF;AACtG;AACA,qBAAqB,6EAAqF;AAC1G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,2EAAmF;AACtG;AACA,qBAAqB,6EAAqF;AAC1G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/form/search/search.d.ts CHANGED
@@ -26,6 +26,7 @@ export declare class HSearch extends PhoenixLightLitElement {
26
26
  private _historyContext;
27
27
  private _activeItemId;
28
28
  private _translations;
29
+ private _containerRole;
29
30
  connectedCallback(): Promise<void>;
30
31
  disconnectedCallback(): void;
31
32
  private _setupContext;
@@ -39,7 +40,8 @@ export declare class HSearch extends PhoenixLightLitElement {
39
40
  private _hideHistorySuggestionsAndResults;
40
41
  private _displayResults;
41
42
  private _handleToggleHistoryAndResults;
42
- private _toggleSearchInputAria;
43
+ private _toggleSearchInputAttributes;
44
+ private _toggleSearchContainerAttributes;
43
45
  private _bindKeys;
44
46
  private _preventScrollingOnSearchContentBrowsing;
45
47
  private _handleForwardListFocus;
package/build/esm/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -34,6 +34,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
34
34
  });
35
35
  this._activeItemId = `${this.id}-1`;
36
36
  this._translations = {};
37
+ this._containerRole = 'grid';
37
38
  this._bindKeys = (ev) => {
38
39
  var _a;
39
40
  switch (ev.key) {
@@ -313,22 +314,36 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
313
314
  _handleToggleHistoryAndResults({ shouldShowHistory, shouldShowResults }) {
314
315
  this._shouldShowHistory = shouldShowHistory;
315
316
  this._shouldShowResults = shouldShowResults;
316
- this._toggleSearchInputAria(shouldShowHistory, shouldShowResults);
317
+ this._toggleSearchInputAttributes(shouldShowHistory, shouldShowResults);
318
+ this._toggleSearchContainerAttributes(shouldShowHistory, shouldShowResults);
317
319
  }
318
- _toggleSearchInputAria(shouldShowHistory, shouldShowResults) {
320
+ _toggleSearchInputAttributes(shouldShowHistory, shouldShowResults) {
319
321
  var _a;
320
322
  const $input = (_a = this._searchInput) === null || _a === void 0 ? void 0 : _a.input;
321
323
  if (!$input)
322
324
  return;
323
325
  if (!shouldShowHistory && !shouldShowResults) {
324
326
  $input.removeAttribute('aria-label');
327
+ $input.setAttribute('aria-activedescendant', '');
325
328
  return;
326
329
  }
327
330
  $input.setAttribute('aria-expanded', 'true');
328
- if (shouldShowHistory)
331
+ if (shouldShowHistory) {
329
332
  $input.setAttribute('aria-label', this.settings.historyGuideAriaLabel);
330
- if (shouldShowResults)
333
+ $input.setAttribute('haspopup', 'grid');
334
+ }
335
+ if (shouldShowResults) {
331
336
  $input.setAttribute('aria-label', this.settings.suggesterGuideAriaLabel);
337
+ this._inputField.removeAttribute('haspopup');
338
+ }
339
+ }
340
+ _toggleSearchContainerAttributes(shouldShowHistory, shouldShowResults) {
341
+ if (shouldShowHistory) {
342
+ this._containerRole = 'grid';
343
+ }
344
+ if (shouldShowResults) {
345
+ this._containerRole = 'listbox';
346
+ }
332
347
  }
333
348
  _handleChooseSearchItem() {
334
349
  const activeSearchItem = this.querySelector(`[data-search-item-id="${this._activeItemId}"]`);
@@ -378,40 +393,41 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
378
393
  <div class="labeled-icon__signature">${this._translations.search}</div>
379
394
  </div>
380
395
 
381
- ${n(this._isSuggesterLayerVisible(), () => html `
382
- <div
383
- class="${SEARCH_CLASS_NAMES.container}"
384
- id="${this._searchContentContainerId}"
385
- ${n(this._shouldShowHistory, () => `role="grid"`, () => `role="listbox"`)}
386
- >
387
- ${n(this._shouldShowMessage, () => html `<h-search-message
388
- .history="${this._historyLimitedContent}"
389
- .results="${this._searchResults}"
390
- .translations="${this._translations}"
391
- search-phrase="${this._searchPhrase}"
392
- module-instance-id="${this.moduleInstanceId}"
393
- ></h-search-message>`)}
394
- ${n(this._shouldShowHistory, () => html `<h-search-history
395
- ${ref(this._searchHistoryRef)}
396
+ <div
397
+ class="${SEARCH_CLASS_NAMES.container}"
398
+ id="${this._searchContentContainerId}"
399
+ role="${this._containerRole}"
400
+ >
401
+ ${n(this._isSuggesterLayerVisible(), () => html `
402
+ ${n(this._shouldShowMessage, () => html `<h-search-message
396
403
  .history="${this._historyLimitedContent}"
397
- .translations="${this._translations}"
398
- active-item-id="${this._activeItemId}"
399
- search-id="${this.id}"
400
- module-instance-id="${this.moduleInstanceId}"
401
- ></h-search-history>`)}
402
- ${n(this._shouldShowResults, () => html `<h-search-results
403
- ${ref(this._searchResultsRef)}
404
404
  .results="${this._searchResults}"
405
- search-phrase="${this._searchPhrase}"
406
- .settings="${this.settings}"
407
- locale="${this.locale}"
408
- view="${this.view}"
409
405
  .translations="${this._translations}"
410
- active-item-id="${this._activeItemId}"
411
- search-id="${this.id}"
406
+ search-phrase="${this._searchPhrase}"
412
407
  module-instance-id="${this.moduleInstanceId}"
413
- ></h-search-results>`)}
414
- </div>`)}
408
+ ></h-search-message>`)}
409
+ ${n(this._shouldShowHistory, () => html `<h-search-history
410
+ ${ref(this._searchHistoryRef)}
411
+ .history="${this._historyLimitedContent}"
412
+ .translations="${this._translations}"
413
+ active-item-id="${this._activeItemId}"
414
+ search-id="${this.id}"
415
+ module-instance-id="${this.moduleInstanceId}"
416
+ ></h-search-history>`)}
417
+ ${n(this._shouldShowResults, () => html `<h-search-results
418
+ ${ref(this._searchResultsRef)}
419
+ .results="${this._searchResults}"
420
+ search-phrase="${this._searchPhrase}"
421
+ .settings="${this.settings}"
422
+ locale="${this.locale}"
423
+ view="${this.view}"
424
+ .translations="${this._translations}"
425
+ active-item-id="${this._activeItemId}"
426
+ search-id="${this.id}"
427
+ module-instance-id="${this.moduleInstanceId}"
428
+ ></h-search-results>`)}
429
+ `)}
430
+ </div>
415
431
  `;
416
432
  }
417
433
  };
@@ -471,9 +487,14 @@ __decorate([
471
487
  state(),
472
488
  __metadata("design:type", Object)
473
489
  ], HSearch.prototype, "_translations", void 0);
490
+ __decorate([
491
+ state(),
492
+ __metadata("design:type", String)
493
+ ], HSearch.prototype, "_containerRole", void 0);
474
494
  HSearch = __decorate([
475
495
  phoenixCustomElement(SEARCH_COMPONENT_NAMES.search)
476
- ], HSearch);
496
+ ], HSearch);
497
+ // aria-activedescendant nie czyści się na layer not visible
477
498
 
478
499
  export { HSearch };
479
500
  //# sourceMappingURL=search.js.map
package/build/esm/packages/phoenix/src/components/form/search/search.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,wDAA4D;AAC3E,0BAA0B,qEAA6E;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA,eAAe,wDAA4D;AAC3E,0BAA0B,qEAA6E;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.js CHANGED
@@ -11,7 +11,7 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
11
11
  this._setupAttributes = () => {
12
12
  var _a, _b, _c, _d, _e, _f;
13
13
  (_a = this.input) === null || _a === void 0 ? void 0 : _a.setAttribute('role', 'combobox');
14
- (_b = this.input) === null || _b === void 0 ? void 0 : _b.setAttribute('aria-autocomplete', 'list');
14
+ (_b = this.input) === null || _b === void 0 ? void 0 : _b.setAttribute('aria-autocomplete', 'none');
15
15
  (_c = this.input) === null || _c === void 0 ? void 0 : _c.setAttribute('aria-haspopup', 'grid');
16
16
  const $searchContentContainer = (_d = this.closest('h-search')) === null || _d === void 0 ? void 0 : _d.querySelector(`.${SEARCH_CLASS_NAMES.container}`);
17
17
  (_e = this.input) === null || _e === void 0 ? void 0 : _e.setAttribute('aria-controls', ($searchContentContainer === null || $searchContentContainer === void 0 ? void 0 : $searchContentContainer.id) || '');
@@ -60,7 +60,6 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
60
60
  });
61
61
  });
62
62
  this.input.addEventListener('keyup', (ev) => {
63
- var _a;
64
63
  if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape')
65
64
  return;
66
65
  if (ev.key !== 'Enter') {
@@ -73,7 +72,6 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
73
72
  }
74
73
  if (this._isSearchPhraseCleared) {
75
74
  this._isSearchPhraseCleared = false;
76
- (_a = this.input) === null || _a === void 0 ? void 0 : _a.removeAttribute('aria-haspopup');
77
75
  return;
78
76
  }
79
77
  this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.submit, {
@@ -93,11 +91,9 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
93
91
  });
94
92
  });
95
93
  document.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.clear, (ev) => {
96
- var _a;
97
94
  if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
98
95
  return;
99
96
  this._isSearchPhraseCleared = true;
100
- (_a = this.input) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-haspopup', 'grid');
101
97
  this.input.value = '';
102
98
  this.input.focus();
103
99
  });
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js CHANGED
@@ -108,7 +108,9 @@ let HSearchSuggestionContent = class HSearchSuggestionContent extends PhoenixLig
108
108
  : ''}"
109
109
  data-suggested-value="${suggestion.suggestionName}"
110
110
  data-search-item-id="${this.searchId}${index}"
111
- aria-label=${this.suggestionAriaLabel ? `${this.suggestionAriaLabel} ${suggestion.suggestionName}` : undefined}
111
+ aria-label="${this.suggestionAriaLabel ?
112
+ `${this.suggestionAriaLabel} ${suggestion.suggestionName || suggestion.categoryName}` :
113
+ ''}"
112
114
  tabindex="0"
113
115
  role="option"
114
116
  >
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,2EAAmF;AAC7G;AACA,4BAA4B,6EAAqF;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,2EAAmF;AAC7G;AACA,4BAA4B,6EAAqF;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.10-3",
5
+ "version": "1.11.10-5",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",