@shoper/phoenix_design_system 1.15.3-1 → 1.15.3-3

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 (20) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/search/search.js +14 -20
  2. package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/modal/modal.js +12 -8
  4. package/build/cjs/packages/phoenix/src/components/modal/modal.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/controllers/inert_controller/inert_controller.js +35 -0
  6. package/build/cjs/packages/phoenix/src/controllers/inert_controller/inert_controller.js.map +1 -0
  7. package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +1 -3
  8. package/build/esm/packages/phoenix/src/components/form/search/search.js +14 -20
  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/search_types.d.ts +0 -1
  11. package/build/esm/packages/phoenix/src/components/modal/modal.d.ts +1 -0
  12. package/build/esm/packages/phoenix/src/components/modal/modal.js +13 -9
  13. package/build/esm/packages/phoenix/src/components/modal/modal.js.map +1 -1
  14. package/build/esm/packages/phoenix/src/controllers/inert_controller/inert_controller.d.ts +9 -0
  15. package/build/esm/packages/phoenix/src/controllers/inert_controller/inert_controller.js +31 -0
  16. package/build/esm/packages/phoenix/src/controllers/inert_controller/inert_controller.js.map +1 -0
  17. package/build/esm/packages/phoenix/src/controllers/inert_controller/inert_controller_types.d.ts +9 -0
  18. package/build/esm/packages/phoenix/src/controllers/inert_controller/inert_controller_types.js +3 -0
  19. package/build/esm/packages/phoenix/src/controllers/inert_controller/inert_controller_types.js.map +1 -0
  20. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -16,6 +16,7 @@ var ref_js = require('lit-html/directives/ref.js');
16
16
  var context_provider_controller = require('../../../core/context/context_provider_controller.js');
17
17
  var global_constants = require('../../../global_constants.js');
18
18
  var v4 = require('../../../../../../external/uuid/dist/esm-browser/v4.js');
19
+ var inert_controller = require('../../../controllers/inert_controller/inert_controller.js');
19
20
  var when = require('../../../../../../external/lit/external/lit-html/directives/when.js');
20
21
  var search_constants = require('./search_constants.js');
21
22
 
@@ -24,12 +25,10 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
24
25
  super(...arguments);
25
26
  this.view = search_constants.DEFAULT_VIEW;
26
27
  this._id = v4['default']();
27
- this._openSearchButtonAriaLabelId = `${this._id}-open-search-button-aria-label`;
28
28
  this._searchContentContainerId = v4['default']();
29
29
  this._searchResultsRef = ref_js.createRef();
30
30
  this._searchHistoryRef = ref_js.createRef();
31
31
  this._searchMessageRef = ref_js.createRef();
32
- this._openSearchButtonLabelRef = ref_js.createRef();
33
32
  this._shouldShowHistory = false;
34
33
  this._shouldShowResults = false;
35
34
  this._shouldShowMessage = false;
@@ -42,6 +41,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
42
41
  this._activeItemId = `${this._id}-1`;
43
42
  this._translations = {};
44
43
  this._containerRole = 'grid';
44
+ this._inertController = null;
45
45
  this._bindKeys = (ev) => {
46
46
  switch (ev.key) {
47
47
  case 'ArrowDown':
@@ -234,8 +234,10 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
234
234
  }
235
235
  };
236
236
  this._removeSearchKeyboardNavigation = () => {
237
+ var _a;
237
238
  document.removeEventListener('keydown', this._bindKeys);
238
239
  document.removeEventListener('keyup', this._handleSearchTabNavigation);
240
+ (_a = this._inertController) === null || _a === void 0 ? void 0 : _a.show();
239
241
  };
240
242
  this._handleFocusOnInputWithCaretEnd = () => {
241
243
  const isFocusedOnSearchInput = document.activeElement === this._inputField;
@@ -278,15 +280,15 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
278
280
  ev.preventDefault();
279
281
  }
280
282
  };
281
- this._setupAriaAttributes = () => {
282
- var _a;
283
- if (this._translations.openSearchButtonAriaLabel) {
284
- (_a = this._openSearchButtonLabelRef.value) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-labelledby', this._openSearchButtonAriaLabelId);
285
- }
286
- };
287
283
  }
288
284
  async connectedCallback() {
289
285
  super.connectedCallback();
286
+ this._inertController = new inert_controller.InertController({
287
+ host: this,
288
+ hideConditionHandler: (child) => {
289
+ return child !== this && !child.closest('h-search');
290
+ }
291
+ });
290
292
  this._setupContext();
291
293
  try {
292
294
  this._searchContextConsumer = new context_consumer_controller.ContextConsumerController(this);
@@ -297,8 +299,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
297
299
  historyItemAriaLabel: this.settings.historyItemAriaLabel,
298
300
  suggesterItemAriaLabel: this.settings.suggesterItemAriaLabel,
299
301
  suggesterProductItemAriaLabel: this.settings.suggesterProductItemAriaLabel,
300
- suggesterProducerItemAriaLabel: this.settings.suggesterProducerItemAriaLabel,
301
- openSearchButtonAriaLabel: this.settings.openSearchButtonAriaLabel
302
+ suggesterProducerItemAriaLabel: this.settings.suggesterProducerItemAriaLabel
302
303
  };
303
304
  this._searchContextObserver = new observer.Observer((searchData) => {
304
305
  this._searchResults = searchData.results;
@@ -319,7 +320,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
319
320
  this._searchInput = this.querySelector(search_constants.SEARCH_COMPONENT_NAMES.searchInput);
320
321
  this._setupInitialSearchPhrase();
321
322
  this._setupListeners();
322
- this._setupAriaAttributes();
323
323
  }
324
324
  disconnectedCallback() {
325
325
  super.disconnectedCallback();
@@ -358,7 +358,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
358
358
  }
359
359
  _setupListeners() {
360
360
  this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.focusin, (ev) => {
361
- var _a, _b, _c;
361
+ var _a, _b, _c, _d;
362
362
  const $target = (_a = ev.detail) === null || _a === void 0 ? void 0 : _a.relatedTarget;
363
363
  if ($target === null || $target === void 0 ? void 0 : $target.closest(`[id="${this._searchContentContainerId}"]`))
364
364
  return;
@@ -369,6 +369,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
369
369
  document.addEventListener('keydown', this._bindKeys);
370
370
  document.addEventListener('keyup', this._handleSearchTabNavigation);
371
371
  document.addEventListener('keydown', this._preventScrollingOnSearchContentBrowsing);
372
+ (_d = this._inertController) === null || _d === void 0 ? void 0 : _d.hide();
372
373
  });
373
374
  this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, (ev) => {
374
375
  const shouldShowMessage = ev.detail.searchPhrase !== '';
@@ -528,15 +529,8 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
528
529
  @click=${this._handleOpenSearch}
529
530
  @keyup=${this._handleOpenSearchWithKeyboard}
530
531
  >
531
- ${when.when(this._translations.openSearchButtonAriaLabel, () => lit.html `
532
- <span id="${this._openSearchButtonAriaLabelId}">
533
- ${this._translations.openSearchButtonAriaLabel}
534
- </span>
535
- `)}
536
532
  <h-icon icon-name="icon-search" size=${icon_constants.ICONS_SIZES.l}></h-icon>
537
- <div ${ref_js.ref(this._openSearchButtonLabelRef)} class="labeled-icon__signature">
538
- ${this._translations.search}
539
- </div>
533
+ <div class="labeled-icon__signature">${this._translations.search}</div>
540
534
  </div>
541
535
 
542
536
  ${when.when(this._isSuggesterLayerVisible(), () => lit.html `
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;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/modal/modal.js CHANGED
@@ -15,6 +15,7 @@ var backdrop_constants = require('../backdrop/backdrop_constants.js');
15
15
  var backdrop_controller = require('../backdrop/controller/backdrop_controller.js');
16
16
  var modal_constants = require('./modal_constants.js');
17
17
  var modal_close = require('./modal_close.js');
18
+ var inert_controller = require('../../controllers/inert_controller/inert_controller.js');
18
19
 
19
20
  var HModal_1;
20
21
  exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.PhoenixLightLitElement {
@@ -53,6 +54,7 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
53
54
  }
54
55
  };
55
56
  this._backdropController = new backdrop_controller.BackdropController();
57
+ this._inertController = null;
56
58
  this._keepFocusWithinModal = (ev) => {
57
59
  var _a;
58
60
  const isTabPressed = ev.code === 'Tab';
@@ -115,16 +117,12 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
115
117
  });
116
118
  };
117
119
  this._addInertToBodyChildrenElements = () => {
118
- [...document.body.children].forEach((child) => {
119
- if (child.tagName !== portal_constants.PORTAL_TARGET_COMPONENT_NAME.toUpperCase()) {
120
- child.setAttribute('inert', '');
121
- }
122
- });
120
+ var _a;
121
+ (_a = this._inertController) === null || _a === void 0 ? void 0 : _a.hide();
123
122
  };
124
123
  this._removeInertFromBodyChildrenElements = () => {
125
- [...document.body.children].forEach((child) => {
126
- child.removeAttribute('inert');
127
- });
124
+ var _a;
125
+ (_a = this._inertController) === null || _a === void 0 ? void 0 : _a.show();
128
126
  };
129
127
  this.hidden = true;
130
128
  this._focusableElements = [...this.querySelectorAll(modal_constants.FOCUSABLE_ELEMENTS_WITHIN_MODAL)];
@@ -143,6 +141,12 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
143
141
  connectedCallback() {
144
142
  super.connectedCallback();
145
143
  HModal_1._appendModalsPortal();
144
+ this._inertController = new inert_controller.InertController({
145
+ host: this,
146
+ hideConditionHandler: (child) => {
147
+ return child.tagName !== portal_constants.PORTAL_TARGET_COMPONENT_NAME.toUpperCase();
148
+ }
149
+ });
146
150
  document.addEventListener('keyup', this._keepFocusWithinModal);
147
151
  document.addEventListener(modal_constants.MODAL_EVENTS.close, this._handleCloseFromCloseComponent);
148
152
  }
package/build/cjs/packages/phoenix/src/components/modal/modal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/phoenix/src/controllers/inert_controller/inert_controller.js ADDED
@@ -0,0 +1,35 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
+ require('lit');
7
+
8
+ var _InertController_host, _InertController_hideConditionHandler;
9
+ class InertController {
10
+ constructor({ host, hideConditionHandler }) {
11
+ _InertController_host.set(this, void 0);
12
+ _InertController_hideConditionHandler.set(this, void 0);
13
+ tslib_es6.__classPrivateFieldSet(this, _InertController_host, host, "f");
14
+ tslib_es6.__classPrivateFieldSet(this, _InertController_hideConditionHandler, hideConditionHandler, "f");
15
+ tslib_es6.__classPrivateFieldGet(this, _InertController_host, "f").addController(this);
16
+ }
17
+ hostConnected() { }
18
+ hostDisconnected() { }
19
+ show() {
20
+ [...document.body.children].forEach((child) => {
21
+ if (tslib_es6.__classPrivateFieldGet(this, _InertController_hideConditionHandler, "f").call(this, child)) {
22
+ child.setAttribute('inert', '');
23
+ }
24
+ });
25
+ }
26
+ hide() {
27
+ [...document.body.children].forEach((child) => {
28
+ child.removeAttribute('inert');
29
+ });
30
+ }
31
+ }
32
+ _InertController_host = new WeakMap(), _InertController_hideConditionHandler = new WeakMap();
33
+
34
+ exports.InertController = InertController;
35
+ //# sourceMappingURL=inert_controller.js.map
package/build/cjs/packages/phoenix/src/controllers/inert_controller/inert_controller.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/form/search/search.d.ts CHANGED
@@ -14,12 +14,10 @@ export declare class HSearch extends PhoenixLightLitElement {
14
14
  private _inputField;
15
15
  private _searchForm;
16
16
  private _id;
17
- private _openSearchButtonAriaLabelId;
18
17
  private _searchContentContainerId;
19
18
  private _searchResultsRef;
20
19
  private _searchHistoryRef;
21
20
  private _searchMessageRef;
22
- private _openSearchButtonLabelRef;
23
21
  private _shouldShowHistory;
24
22
  private _shouldShowResults;
25
23
  private _shouldShowMessage;
@@ -31,6 +29,7 @@ export declare class HSearch extends PhoenixLightLitElement {
31
29
  private _activeItemId;
32
30
  private _translations;
33
31
  private _containerRole;
32
+ private _inertController;
34
33
  connectedCallback(): Promise<void>;
35
34
  disconnectedCallback(): void;
36
35
  private _setupContext;
@@ -72,7 +71,6 @@ export declare class HSearch extends PhoenixLightLitElement {
72
71
  private _switchTypeOfSearchView;
73
72
  private _isSuggesterLayerVisible;
74
73
  private _preventSubmitOnSearchClear;
75
- private _setupAriaAttributes;
76
74
  private _handleOpenSearch;
77
75
  private _handleOpenSearchWithKeyboard;
78
76
  protected render(): TemplateResult;
package/build/esm/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -12,6 +12,7 @@ import { createRef, ref } from 'lit-html/directives/ref.js';
12
12
  import { ContextProviderController } from '../../../core/context/context_provider_controller.js';
13
13
  import { BREAKPOINTS } from '../../../global_constants.js';
14
14
  import v4 from '../../../../../../external/uuid/dist/esm-browser/v4.js';
15
+ import { InertController } from '../../../controllers/inert_controller/inert_controller.js';
15
16
  import { when as n } from '../../../../../../external/lit/external/lit-html/directives/when.js';
16
17
  import { DEFAULT_VIEW, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES, SEARCH_CONFIGURATION, SEARCH_CONTEXT_NAMES, SEARCH_CUSTOM_EVENT_NAMES } from './search_constants.js';
17
18
 
@@ -20,12 +21,10 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
20
21
  super(...arguments);
21
22
  this.view = DEFAULT_VIEW;
22
23
  this._id = v4();
23
- this._openSearchButtonAriaLabelId = `${this._id}-open-search-button-aria-label`;
24
24
  this._searchContentContainerId = v4();
25
25
  this._searchResultsRef = createRef();
26
26
  this._searchHistoryRef = createRef();
27
27
  this._searchMessageRef = createRef();
28
- this._openSearchButtonLabelRef = createRef();
29
28
  this._shouldShowHistory = false;
30
29
  this._shouldShowResults = false;
31
30
  this._shouldShowMessage = false;
@@ -38,6 +37,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
38
37
  this._activeItemId = `${this._id}-1`;
39
38
  this._translations = {};
40
39
  this._containerRole = 'grid';
40
+ this._inertController = null;
41
41
  this._bindKeys = (ev) => {
42
42
  switch (ev.key) {
43
43
  case 'ArrowDown':
@@ -230,8 +230,10 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
230
230
  }
231
231
  };
232
232
  this._removeSearchKeyboardNavigation = () => {
233
+ var _a;
233
234
  document.removeEventListener('keydown', this._bindKeys);
234
235
  document.removeEventListener('keyup', this._handleSearchTabNavigation);
236
+ (_a = this._inertController) === null || _a === void 0 ? void 0 : _a.show();
235
237
  };
236
238
  this._handleFocusOnInputWithCaretEnd = () => {
237
239
  const isFocusedOnSearchInput = document.activeElement === this._inputField;
@@ -274,15 +276,15 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
274
276
  ev.preventDefault();
275
277
  }
276
278
  };
277
- this._setupAriaAttributes = () => {
278
- var _a;
279
- if (this._translations.openSearchButtonAriaLabel) {
280
- (_a = this._openSearchButtonLabelRef.value) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-labelledby', this._openSearchButtonAriaLabelId);
281
- }
282
- };
283
279
  }
284
280
  async connectedCallback() {
285
281
  super.connectedCallback();
282
+ this._inertController = new InertController({
283
+ host: this,
284
+ hideConditionHandler: (child) => {
285
+ return child !== this && !child.closest('h-search');
286
+ }
287
+ });
286
288
  this._setupContext();
287
289
  try {
288
290
  this._searchContextConsumer = new ContextConsumerController(this);
@@ -293,8 +295,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
293
295
  historyItemAriaLabel: this.settings.historyItemAriaLabel,
294
296
  suggesterItemAriaLabel: this.settings.suggesterItemAriaLabel,
295
297
  suggesterProductItemAriaLabel: this.settings.suggesterProductItemAriaLabel,
296
- suggesterProducerItemAriaLabel: this.settings.suggesterProducerItemAriaLabel,
297
- openSearchButtonAriaLabel: this.settings.openSearchButtonAriaLabel
298
+ suggesterProducerItemAriaLabel: this.settings.suggesterProducerItemAriaLabel
298
299
  };
299
300
  this._searchContextObserver = new Observer((searchData) => {
300
301
  this._searchResults = searchData.results;
@@ -315,7 +316,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
315
316
  this._searchInput = this.querySelector(SEARCH_COMPONENT_NAMES.searchInput);
316
317
  this._setupInitialSearchPhrase();
317
318
  this._setupListeners();
318
- this._setupAriaAttributes();
319
319
  }
320
320
  disconnectedCallback() {
321
321
  super.disconnectedCallback();
@@ -354,7 +354,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
354
354
  }
355
355
  _setupListeners() {
356
356
  this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.focusin, (ev) => {
357
- var _a, _b, _c;
357
+ var _a, _b, _c, _d;
358
358
  const $target = (_a = ev.detail) === null || _a === void 0 ? void 0 : _a.relatedTarget;
359
359
  if ($target === null || $target === void 0 ? void 0 : $target.closest(`[id="${this._searchContentContainerId}"]`))
360
360
  return;
@@ -365,6 +365,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
365
365
  document.addEventListener('keydown', this._bindKeys);
366
366
  document.addEventListener('keyup', this._handleSearchTabNavigation);
367
367
  document.addEventListener('keydown', this._preventScrollingOnSearchContentBrowsing);
368
+ (_d = this._inertController) === null || _d === void 0 ? void 0 : _d.hide();
368
369
  });
369
370
  this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.keyup, (ev) => {
370
371
  const shouldShowMessage = ev.detail.searchPhrase !== '';
@@ -524,15 +525,8 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
524
525
  @click=${this._handleOpenSearch}
525
526
  @keyup=${this._handleOpenSearchWithKeyboard}
526
527
  >
527
- ${n(this._translations.openSearchButtonAriaLabel, () => html `
528
- <span id="${this._openSearchButtonAriaLabelId}">
529
- ${this._translations.openSearchButtonAriaLabel}
530
- </span>
531
- `)}
532
528
  <h-icon icon-name="icon-search" size=${ICONS_SIZES.l}></h-icon>
533
- <div ${ref(this._openSearchButtonLabelRef)} class="labeled-icon__signature">
534
- ${this._translations.search}
535
- </div>
529
+ <div class="labeled-icon__signature">${this._translations.search}</div>
536
530
  </div>
537
531
 
538
532
  ${n(this._isSuggesterLayerVisible(), () => html `
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;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_types.d.ts CHANGED
@@ -74,7 +74,6 @@ export declare type TSearchSettings = {
74
74
  suggesterItemAriaLabel: string;
75
75
  suggesterProductItemAriaLabel: string;
76
76
  suggesterProducerItemAriaLabel: string;
77
- openSearchButtonAriaLabel: string;
78
77
  };
79
78
  export declare type TScrollDirection = TEnumLiteralsOf<typeof SCROLL_DIRECTIONS>;
80
79
  export declare type TSuggestionType = TEnumLiteralsOf<typeof SUGGESTIONS_TYPE>;
package/build/esm/packages/phoenix/src/components/modal/modal.d.ts CHANGED
@@ -16,6 +16,7 @@ export declare class HModal extends PhoenixLightLitElement {
16
16
  private _propsChangeStrategies;
17
17
  private static openModals;
18
18
  private _backdropController;
19
+ private _inertController;
19
20
  private static _appendModalsPortal;
20
21
  static isSomeModalOpen(): boolean;
21
22
  constructor();
package/build/esm/packages/phoenix/src/components/modal/modal.js CHANGED
@@ -6,11 +6,12 @@ import { property, state } from '@lit/reactive-element/decorators.js';
6
6
  import '@lit/reactive-element';
7
7
  import { html } from 'lit-html';
8
8
  import { createRef, ref } from 'lit-html/directives/ref.js';
9
- import { PORTAL_TARGET_COMPONENT_NAME, PORTAL_TARGET_NAME_PROP } from '../portal/portal_constants.js';
9
+ import { PORTAL_TARGET_NAME_PROP, PORTAL_TARGET_COMPONENT_NAME } from '../portal/portal_constants.js';
10
10
  import { BACKDROP_EVENTS } from '../backdrop/backdrop_constants.js';
11
11
  import { BackdropController } from '../backdrop/controller/backdrop_controller.js';
12
12
  import { MODAL_OPENED_PROP, FOCUSABLE_ELEMENTS_WITHIN_MODAL, MODALS_PORTAL_NAME, MODAL_EVENTS } from './modal_constants.js';
13
13
  import { HModalClose } from './modal_close.js';
14
+ import { InertController } from '../../controllers/inert_controller/inert_controller.js';
14
15
 
15
16
  var HModal_1;
16
17
  let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
@@ -49,6 +50,7 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
49
50
  }
50
51
  };
51
52
  this._backdropController = new BackdropController();
53
+ this._inertController = null;
52
54
  this._keepFocusWithinModal = (ev) => {
53
55
  var _a;
54
56
  const isTabPressed = ev.code === 'Tab';
@@ -111,16 +113,12 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
111
113
  });
112
114
  };
113
115
  this._addInertToBodyChildrenElements = () => {
114
- [...document.body.children].forEach((child) => {
115
- if (child.tagName !== PORTAL_TARGET_COMPONENT_NAME.toUpperCase()) {
116
- child.setAttribute('inert', '');
117
- }
118
- });
116
+ var _a;
117
+ (_a = this._inertController) === null || _a === void 0 ? void 0 : _a.hide();
119
118
  };
120
119
  this._removeInertFromBodyChildrenElements = () => {
121
- [...document.body.children].forEach((child) => {
122
- child.removeAttribute('inert');
123
- });
120
+ var _a;
121
+ (_a = this._inertController) === null || _a === void 0 ? void 0 : _a.show();
124
122
  };
125
123
  this.hidden = true;
126
124
  this._focusableElements = [...this.querySelectorAll(FOCUSABLE_ELEMENTS_WITHIN_MODAL)];
@@ -139,6 +137,12 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
139
137
  connectedCallback() {
140
138
  super.connectedCallback();
141
139
  HModal_1._appendModalsPortal();
140
+ this._inertController = new InertController({
141
+ host: this,
142
+ hideConditionHandler: (child) => {
143
+ return child.tagName !== PORTAL_TARGET_COMPONENT_NAME.toUpperCase();
144
+ }
145
+ });
142
146
  document.addEventListener('keyup', this._keepFocusWithinModal);
143
147
  document.addEventListener(MODAL_EVENTS.close, this._handleCloseFromCloseComponent);
144
148
  }
package/build/esm/packages/phoenix/src/components/modal/modal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/controllers/inert_controller/inert_controller.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { IInertController, TInertControllerConstructorOptions } from './inert_controller_types';
2
+ export declare class InertController implements IInertController {
3
+ #private;
4
+ constructor({ host, hideConditionHandler }: TInertControllerConstructorOptions);
5
+ hostConnected(): void;
6
+ hostDisconnected(): void;
7
+ show(): void;
8
+ hide(): void;
9
+ }
package/build/esm/packages/phoenix/src/controllers/inert_controller/inert_controller.js ADDED
@@ -0,0 +1,31 @@
1
+ import { __classPrivateFieldSet, __classPrivateFieldGet } from '../../../../../external/tslib/tslib.es6.js';
2
+ import 'lit';
3
+
4
+ var _InertController_host, _InertController_hideConditionHandler;
5
+ class InertController {
6
+ constructor({ host, hideConditionHandler }) {
7
+ _InertController_host.set(this, void 0);
8
+ _InertController_hideConditionHandler.set(this, void 0);
9
+ __classPrivateFieldSet(this, _InertController_host, host, "f");
10
+ __classPrivateFieldSet(this, _InertController_hideConditionHandler, hideConditionHandler, "f");
11
+ __classPrivateFieldGet(this, _InertController_host, "f").addController(this);
12
+ }
13
+ hostConnected() { }
14
+ hostDisconnected() { }
15
+ show() {
16
+ [...document.body.children].forEach((child) => {
17
+ if (__classPrivateFieldGet(this, _InertController_hideConditionHandler, "f").call(this, child)) {
18
+ child.setAttribute('inert', '');
19
+ }
20
+ });
21
+ }
22
+ hide() {
23
+ [...document.body.children].forEach((child) => {
24
+ child.removeAttribute('inert');
25
+ });
26
+ }
27
+ }
28
+ _InertController_host = new WeakMap(), _InertController_hideConditionHandler = new WeakMap();
29
+
30
+ export { InertController };
31
+ //# sourceMappingURL=inert_controller.js.map
package/build/esm/packages/phoenix/src/controllers/inert_controller/inert_controller.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/controllers/inert_controller/inert_controller_types.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { ReactiveControllerHost } from "lit";
2
+ export declare type TInertControllerConstructorOptions = {
3
+ host: ReactiveControllerHost & HTMLElement;
4
+ hideConditionHandler(child: Element): boolean;
5
+ };
6
+ export interface IInertController {
7
+ show(): void;
8
+ hide(): void;
9
+ }
package/build/esm/packages/phoenix/src/controllers/inert_controller/inert_controller_types.js ADDED
@@ -0,0 +1,3 @@
1
+ import "lit";
2
+ ;
3
+ //# sourceMappingURL=inert_controller_types.js.map
package/build/esm/packages/phoenix/src/controllers/inert_controller/inert_controller_types.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"inert_controller_types.js","sourceRoot":"","sources":["../../../../../../../src/controllers/inert_controller/inert_controller_types.ts"],"names":[],"mappings":"AAAA,OAAuC,KAAK,CAAC;AAU5C,CAAC"}
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.15.3-1",
5
+ "version": "1.15.3-3",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",