@shoper/phoenix_design_system 1.11.11-5 → 1.11.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 (10) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/search/search.js +32 -43
  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/history/search_history.js +2 -1
  4. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js.map +1 -1
  5. package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +3 -0
  6. package/build/esm/packages/phoenix/src/components/form/search/search.js +32 -43
  7. package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
  8. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js +2 -1
  9. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js.map +1 -1
  10. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -117,8 +117,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
117
117
  const searchBar = this.querySelector(`.${search_constants.SEARCH_CLASS_NAMES.searchBar}`);
118
118
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(search_constants.SEARCH_CLASS_NAMES.outline);
119
119
  this._resetSearchView();
120
- document.removeEventListener('keydown', this._bindKeys);
121
- document.removeEventListener('keyup', this._handleSearchTabNavigation);
120
+ this._removeSearchKeyboardNavigation();
122
121
  this._focusOnNextElementAfterSearchInput(ev);
123
122
  }
124
123
  };
@@ -127,8 +126,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
127
126
  const searchBar = this.querySelector(`.${search_constants.SEARCH_CLASS_NAMES.searchBar}`);
128
127
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(search_constants.SEARCH_CLASS_NAMES.outline);
129
128
  this._resetSearchView();
130
- document.removeEventListener('keydown', this._bindKeys);
131
- document.removeEventListener('keyup', this._handleSearchTabNavigation);
129
+ this._removeSearchKeyboardNavigation();
132
130
  utilities.UiDomUtils.getPreviousFocusableElement(this._inputField).focus();
133
131
  };
134
132
  this._focusOnNextElementAfterSearchInput = async (ev) => {
@@ -146,30 +144,16 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
146
144
  };
147
145
  this._handleForwardListFocus = () => {
148
146
  var _a, _b;
149
- const containers = [
150
- this._searchHistoryRef.value,
151
- this._searchResultsRef.value,
152
- this._searchMessageRef.value
153
- ];
154
- const $searchItemsContainer = containers.find(container => container && !utilities.UiDomUtils.isElementEmpty(container));
147
+ const $searchItemsContainer = this._findSearchItemsContainer();
155
148
  if (!$searchItemsContainer)
156
149
  return;
157
- const isActiveElementAGridSearchItem = (_b = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.getAttribute('data-search-item-id')) === null || _b === void 0 ? void 0 : _b.includes('grid');
158
- const $listSearchItems = utilities.UiDomUtils.getFocusableElements($searchItemsContainer).filter(($el) => {
159
- const searchItemId = $el.getAttribute('data-search-item-id');
160
- const isListSearchItem = !!searchItemId && !searchItemId.includes('grid');
161
- const isGridSearchItem = !!searchItemId && searchItemId.includes('grid');
162
- return isActiveElementAGridSearchItem ? isGridSearchItem : isListSearchItem;
163
- });
150
+ const isActiveElementASearchItem = !!((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.getAttribute('data-search-item-id'));
151
+ const isActiveElementAGridSearchItem = isActiveElementASearchItem && !!((_b = document.activeElement) === null || _b === void 0 ? void 0 : _b.getAttribute('data-search-grid-item'));
152
+ const $listSearchItems = this._findListSearchItems($searchItemsContainer, isActiveElementAGridSearchItem);
164
153
  this._handleForwardFocus($listSearchItems);
165
154
  };
166
155
  this._handleForwardGridFocus = () => {
167
- const containers = [
168
- this._searchHistoryRef.value,
169
- this._searchResultsRef.value,
170
- this._searchMessageRef.value
171
- ];
172
- const $searchItemsContainer = containers.find(container => container && !utilities.UiDomUtils.isElementEmpty(container));
156
+ const $searchItemsContainer = this._findSearchItemsContainer();
173
157
  if (!$searchItemsContainer)
174
158
  return;
175
159
  const $gridSearchItems = utilities.UiDomUtils.getFocusableElements($searchItemsContainer).filter(($el) => {
@@ -199,30 +183,24 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
199
183
  if (isFocusedOnSearchInput || !hasPopup)
200
184
  return;
201
185
  ev.preventDefault();
202
- const containers = [
203
- this._searchHistoryRef.value,
204
- this._searchResultsRef.value,
205
- this._searchMessageRef.value
206
- ];
207
- const $searchItemsContainer = containers.find(container => container && !utilities.UiDomUtils.isElementEmpty(container));
186
+ const $searchItemsContainer = this._findSearchItemsContainer();
208
187
  if (!$searchItemsContainer)
209
188
  return;
210
- const isActiveElementAGridSearchItem = (_b = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.getAttribute('data-search-item-id')) === null || _b === void 0 ? void 0 : _b.includes('grid');
211
- const $listSearchItems = utilities.UiDomUtils.getFocusableElements($searchItemsContainer).filter(($el) => {
189
+ const isActiveElementASearchItem = !!((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.getAttribute('data-search-item-id'));
190
+ const isActiveElementAGridSearchItem = isActiveElementASearchItem && !!((_b = document.activeElement) === null || _b === void 0 ? void 0 : _b.getAttribute('data-search-grid-item'));
191
+ const $listSearchItems = this._findListSearchItems($searchItemsContainer, isActiveElementAGridSearchItem);
192
+ this._handleBackwardFocus($listSearchItems);
193
+ };
194
+ this._findListSearchItems = ($searchItemsContainer, shouldFindGridList) => {
195
+ return utilities.UiDomUtils.getFocusableElements($searchItemsContainer).filter(($el) => {
212
196
  const searchItemId = $el.getAttribute('data-search-item-id');
213
- const isListSearchItem = !!searchItemId && !searchItemId.includes('grid');
214
- const isGridSearchItem = !!searchItemId && searchItemId.includes('grid');
215
- return isActiveElementAGridSearchItem ? isGridSearchItem : isListSearchItem;
197
+ const isListSearchItem = !!searchItemId && !$el.getAttribute('data-search-grid-item');
198
+ const isGridSearchItem = !!searchItemId && $el.getAttribute('data-search-grid-item');
199
+ return shouldFindGridList ? isGridSearchItem : isListSearchItem;
216
200
  });
217
- this._handleBackwardFocus($listSearchItems);
218
201
  };
219
202
  this._handleBackwardGridFocus = () => {
220
- const containers = [
221
- this._searchHistoryRef.value,
222
- this._searchResultsRef.value,
223
- this._searchMessageRef.value
224
- ];
225
- const $searchItemsContainer = containers.find(container => container && !utilities.UiDomUtils.isElementEmpty(container));
203
+ const $searchItemsContainer = this._findSearchItemsContainer();
226
204
  if (!$searchItemsContainer)
227
205
  return;
228
206
  const $gridSearchItems = utilities.UiDomUtils.getFocusableElements($searchItemsContainer).filter(($el) => {
@@ -230,6 +208,14 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
230
208
  });
231
209
  this._handleBackwardFocus($gridSearchItems);
232
210
  };
211
+ this._findSearchItemsContainer = () => {
212
+ const containers = [
213
+ this._searchHistoryRef.value,
214
+ this._searchResultsRef.value,
215
+ this._searchMessageRef.value
216
+ ];
217
+ return containers.find(container => container && !utilities.UiDomUtils.isElementEmpty(container));
218
+ };
233
219
  this._handleBackwardFocus = ($searchItems) => {
234
220
  var _a;
235
221
  const $activeElement = document.activeElement;
@@ -245,6 +231,10 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
245
231
  this._inputField.setAttribute('aria-activedescendant', this._activeItemId);
246
232
  }
247
233
  };
234
+ this._removeSearchKeyboardNavigation = () => {
235
+ document.removeEventListener('keydown', this._bindKeys);
236
+ document.removeEventListener('keyup', this._handleSearchTabNavigation);
237
+ };
248
238
  this._handleFocusOnInputWithCaretEnd = () => {
249
239
  const isFocusedOnSearchInput = document.activeElement === this._inputField;
250
240
  if (isFocusedOnSearchInput)
@@ -497,8 +487,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
497
487
  const searchBar = this.querySelector(`.${search_constants.SEARCH_CLASS_NAMES.searchBar}`);
498
488
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(search_constants.SEARCH_CLASS_NAMES.outline);
499
489
  this._hideHistorySuggestionsAndResults();
500
- document.removeEventListener('keydown', this._bindKeys);
501
- document.removeEventListener('keyup', this._handleSearchTabNavigation);
490
+ this._removeSearchKeyboardNavigation();
502
491
  }
503
492
  _submitSearchPhrase(searchPhrase) {
504
493
  this._dispatchEventWithSearchPhrase(search_constants.SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, searchPhrase);
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js CHANGED
@@ -68,7 +68,8 @@ exports.HSearchHistory = class HSearchHistory extends phoenix_light_lit_element.
68
68
  </h-search-history-select>
69
69
 
70
70
  <h-search-history-remove
71
- data-search-item-id="${this.searchId}${index}-grid"
71
+ data-search-item-id="${this.searchId}${index}-remove"
72
+ data-search-grid-item
72
73
  item-id="${historyElement.id}"
73
74
  role="gridcell"
74
75
  >
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history.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,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;"}
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;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/form/search/search.d.ts CHANGED
@@ -54,11 +54,14 @@ export declare class HSearch extends PhoenixLightLitElement {
54
54
  private _handleForwardFocus;
55
55
  private _handleMoveToInputField;
56
56
  private _handleBackwardListFocus;
57
+ private _findListSearchItems;
57
58
  private _handleBackwardGridFocus;
59
+ private _findSearchItemsContainer;
58
60
  private _handleBackwardFocus;
59
61
  private _handleChooseSearchItem;
60
62
  private _resetSearchView;
61
63
  private _setActiveItemId;
64
+ private _removeSearchKeyboardNavigation;
62
65
  private _handleFocusOnInputWithCaretEnd;
63
66
  private _handleFocusOnInputWithCaretStart;
64
67
  private _handleWriteableCharacter;
package/build/esm/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -113,8 +113,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
113
113
  const searchBar = this.querySelector(`.${SEARCH_CLASS_NAMES.searchBar}`);
114
114
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(SEARCH_CLASS_NAMES.outline);
115
115
  this._resetSearchView();
116
- document.removeEventListener('keydown', this._bindKeys);
117
- document.removeEventListener('keyup', this._handleSearchTabNavigation);
116
+ this._removeSearchKeyboardNavigation();
118
117
  this._focusOnNextElementAfterSearchInput(ev);
119
118
  }
120
119
  };
@@ -123,8 +122,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
123
122
  const searchBar = this.querySelector(`.${SEARCH_CLASS_NAMES.searchBar}`);
124
123
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(SEARCH_CLASS_NAMES.outline);
125
124
  this._resetSearchView();
126
- document.removeEventListener('keydown', this._bindKeys);
127
- document.removeEventListener('keyup', this._handleSearchTabNavigation);
125
+ this._removeSearchKeyboardNavigation();
128
126
  UiDomUtils.getPreviousFocusableElement(this._inputField).focus();
129
127
  };
130
128
  this._focusOnNextElementAfterSearchInput = async (ev) => {
@@ -142,30 +140,16 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
142
140
  };
143
141
  this._handleForwardListFocus = () => {
144
142
  var _a, _b;
145
- const containers = [
146
- this._searchHistoryRef.value,
147
- this._searchResultsRef.value,
148
- this._searchMessageRef.value
149
- ];
150
- const $searchItemsContainer = containers.find(container => container && !UiDomUtils.isElementEmpty(container));
143
+ const $searchItemsContainer = this._findSearchItemsContainer();
151
144
  if (!$searchItemsContainer)
152
145
  return;
153
- const isActiveElementAGridSearchItem = (_b = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.getAttribute('data-search-item-id')) === null || _b === void 0 ? void 0 : _b.includes('grid');
154
- const $listSearchItems = UiDomUtils.getFocusableElements($searchItemsContainer).filter(($el) => {
155
- const searchItemId = $el.getAttribute('data-search-item-id');
156
- const isListSearchItem = !!searchItemId && !searchItemId.includes('grid');
157
- const isGridSearchItem = !!searchItemId && searchItemId.includes('grid');
158
- return isActiveElementAGridSearchItem ? isGridSearchItem : isListSearchItem;
159
- });
146
+ const isActiveElementASearchItem = !!((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.getAttribute('data-search-item-id'));
147
+ const isActiveElementAGridSearchItem = isActiveElementASearchItem && !!((_b = document.activeElement) === null || _b === void 0 ? void 0 : _b.getAttribute('data-search-grid-item'));
148
+ const $listSearchItems = this._findListSearchItems($searchItemsContainer, isActiveElementAGridSearchItem);
160
149
  this._handleForwardFocus($listSearchItems);
161
150
  };
162
151
  this._handleForwardGridFocus = () => {
163
- const containers = [
164
- this._searchHistoryRef.value,
165
- this._searchResultsRef.value,
166
- this._searchMessageRef.value
167
- ];
168
- const $searchItemsContainer = containers.find(container => container && !UiDomUtils.isElementEmpty(container));
152
+ const $searchItemsContainer = this._findSearchItemsContainer();
169
153
  if (!$searchItemsContainer)
170
154
  return;
171
155
  const $gridSearchItems = UiDomUtils.getFocusableElements($searchItemsContainer).filter(($el) => {
@@ -195,30 +179,24 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
195
179
  if (isFocusedOnSearchInput || !hasPopup)
196
180
  return;
197
181
  ev.preventDefault();
198
- const containers = [
199
- this._searchHistoryRef.value,
200
- this._searchResultsRef.value,
201
- this._searchMessageRef.value
202
- ];
203
- const $searchItemsContainer = containers.find(container => container && !UiDomUtils.isElementEmpty(container));
182
+ const $searchItemsContainer = this._findSearchItemsContainer();
204
183
  if (!$searchItemsContainer)
205
184
  return;
206
- const isActiveElementAGridSearchItem = (_b = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.getAttribute('data-search-item-id')) === null || _b === void 0 ? void 0 : _b.includes('grid');
207
- const $listSearchItems = UiDomUtils.getFocusableElements($searchItemsContainer).filter(($el) => {
185
+ const isActiveElementASearchItem = !!((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.getAttribute('data-search-item-id'));
186
+ const isActiveElementAGridSearchItem = isActiveElementASearchItem && !!((_b = document.activeElement) === null || _b === void 0 ? void 0 : _b.getAttribute('data-search-grid-item'));
187
+ const $listSearchItems = this._findListSearchItems($searchItemsContainer, isActiveElementAGridSearchItem);
188
+ this._handleBackwardFocus($listSearchItems);
189
+ };
190
+ this._findListSearchItems = ($searchItemsContainer, shouldFindGridList) => {
191
+ return UiDomUtils.getFocusableElements($searchItemsContainer).filter(($el) => {
208
192
  const searchItemId = $el.getAttribute('data-search-item-id');
209
- const isListSearchItem = !!searchItemId && !searchItemId.includes('grid');
210
- const isGridSearchItem = !!searchItemId && searchItemId.includes('grid');
211
- return isActiveElementAGridSearchItem ? isGridSearchItem : isListSearchItem;
193
+ const isListSearchItem = !!searchItemId && !$el.getAttribute('data-search-grid-item');
194
+ const isGridSearchItem = !!searchItemId && $el.getAttribute('data-search-grid-item');
195
+ return shouldFindGridList ? isGridSearchItem : isListSearchItem;
212
196
  });
213
- this._handleBackwardFocus($listSearchItems);
214
197
  };
215
198
  this._handleBackwardGridFocus = () => {
216
- const containers = [
217
- this._searchHistoryRef.value,
218
- this._searchResultsRef.value,
219
- this._searchMessageRef.value
220
- ];
221
- const $searchItemsContainer = containers.find(container => container && !UiDomUtils.isElementEmpty(container));
199
+ const $searchItemsContainer = this._findSearchItemsContainer();
222
200
  if (!$searchItemsContainer)
223
201
  return;
224
202
  const $gridSearchItems = UiDomUtils.getFocusableElements($searchItemsContainer).filter(($el) => {
@@ -226,6 +204,14 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
226
204
  });
227
205
  this._handleBackwardFocus($gridSearchItems);
228
206
  };
207
+ this._findSearchItemsContainer = () => {
208
+ const containers = [
209
+ this._searchHistoryRef.value,
210
+ this._searchResultsRef.value,
211
+ this._searchMessageRef.value
212
+ ];
213
+ return containers.find(container => container && !UiDomUtils.isElementEmpty(container));
214
+ };
229
215
  this._handleBackwardFocus = ($searchItems) => {
230
216
  var _a;
231
217
  const $activeElement = document.activeElement;
@@ -241,6 +227,10 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
241
227
  this._inputField.setAttribute('aria-activedescendant', this._activeItemId);
242
228
  }
243
229
  };
230
+ this._removeSearchKeyboardNavigation = () => {
231
+ document.removeEventListener('keydown', this._bindKeys);
232
+ document.removeEventListener('keyup', this._handleSearchTabNavigation);
233
+ };
244
234
  this._handleFocusOnInputWithCaretEnd = () => {
245
235
  const isFocusedOnSearchInput = document.activeElement === this._inputField;
246
236
  if (isFocusedOnSearchInput)
@@ -493,8 +483,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
493
483
  const searchBar = this.querySelector(`.${SEARCH_CLASS_NAMES.searchBar}`);
494
484
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(SEARCH_CLASS_NAMES.outline);
495
485
  this._hideHistorySuggestionsAndResults();
496
- document.removeEventListener('keydown', this._bindKeys);
497
- document.removeEventListener('keyup', this._handleSearchTabNavigation);
486
+ this._removeSearchKeyboardNavigation();
498
487
  }
499
488
  _submitSearchPhrase(searchPhrase) {
500
489
  this._dispatchEventWithSearchPhrase(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, searchPhrase);
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js CHANGED
@@ -64,7 +64,8 @@ let HSearchHistory = class HSearchHistory extends PhoenixLightLitElement {
64
64
  </h-search-history-select>
65
65
 
66
66
  <h-search-history-remove
67
- data-search-item-id="${this.searchId}${index}-grid"
67
+ data-search-item-id="${this.searchId}${index}-remove"
68
+ data-search-grid-item
68
69
  item-id="${historyElement.id}"
69
70
  role="gridcell"
70
71
  >
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history.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,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;"}
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;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.11-5",
5
+ "version": "1.11.11-7",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",