@shoper/phoenix_design_system 1.18.27-14 → 1.18.27-15

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 (11) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/search/search.js +2 -30
  2. package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/slider/slider.js +16 -52
  4. package/build/cjs/packages/phoenix/src/components/slider/slider.js.map +1 -1
  5. package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +0 -2
  6. package/build/esm/packages/phoenix/src/components/form/search/search.js +2 -30
  7. package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
  8. package/build/esm/packages/phoenix/src/components/slider/slider.d.ts +0 -2
  9. package/build/esm/packages/phoenix/src/components/slider/slider.js +16 -52
  10. package/build/esm/packages/phoenix/src/components/slider/slider.js.map +1 -1
  11. package/package.json +2 -2
package/build/cjs/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -8,7 +8,6 @@ var decorators = require('lit/decorators');
8
8
  var utilities = require('@dreamcommerce/utilities');
9
9
  var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
10
10
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
11
- var icon_constants = require('../../icon/icon_constants.js');
12
11
  var observer = require('../../../core/classes/observer/observer.js');
13
12
  var context_consumer_controller = require('../../../core/context/context_consumer_controller.js');
14
13
  var behavior_subject = require('../../../core/classes/behavior_subject/behavior_subject.js');
@@ -25,7 +24,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
25
24
  constructor() {
26
25
  super(...arguments);
27
26
  this.view = search_constants.DEFAULT_VIEW;
28
- this.isSearchIconFixEnabled = false;
29
27
  this.isSearchUxFixesFlagEnabled = false;
30
28
  this.displayMode = 'dropdown';
31
29
  this._togglerElement = null;
@@ -362,12 +360,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
362
360
  document.removeEventListener('focusin', this._resetSearchOnFocusOutside);
363
361
  }
364
362
  };
365
- this._setupAriaAttributes = () => {
366
- var _a;
367
- if (this._translations.openSearchButtonAriaLabel) {
368
- (_a = this._openSearchButtonLabelRef.value) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-labelledby', this._openSearchButtonAriaLabelId);
369
- }
370
- };
371
363
  this._handleOpenSearch = () => {
372
364
  this.classList.add(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
373
365
  const shouldShowMessage = this._searchPhrase !== '';
@@ -418,7 +410,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
418
410
  this._searchInput = this.querySelector(search_constants.SEARCH_COMPONENT_NAMES.searchInput);
419
411
  this._setupInitialSearchPhrase();
420
412
  this._setupListeners();
421
- this.isSearchIconFixEnabled ? this._setupToggler() : this._setupAriaAttributes();
413
+ this._setupToggler();
422
414
  }
423
415
  disconnectedCallback() {
424
416
  var _a;
@@ -428,8 +420,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
428
420
  document.removeEventListener('focusin', this._resetSearchOnFocusOutside);
429
421
  window.removeEventListener('resize', this._switchTypeOfSearchView);
430
422
  (_a = this._searchForm) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', this._preventSubmitOnSearchClear);
431
- if (this.isSearchIconFixEnabled)
432
- this._teardownToggler();
423
+ this._teardownToggler();
433
424
  }
434
425
  _setupContext() {
435
426
  this._historyContextProvider = new context_provider_controller.ContextProviderController(this);
@@ -621,21 +612,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
621
612
  render() {
622
613
  super.render();
623
614
  return lit.html `
624
- ${when.when(!this.isSearchIconFixEnabled, () => lit.html ` <div
625
- class="${search_constants.SEARCH_CLASS_NAMES.icon} labeled-icon hidden-md-only hidden-lg-only hidden-xl-only hidden-xxl-only hidden-xxxl-only"
626
- tabindex="0"
627
- aria-haspopup="dialog"
628
- @click=${this._handleOpenSearch}
629
- @keyup=${this._handleOpenSearchWithKeyboard}
630
- >
631
- ${when.when(this._translations.openSearchButtonAriaLabel, () => lit.html `
632
- <span id="${this._openSearchButtonAriaLabelId}" class="sr-only">
633
- ${this._translations.openSearchButtonAriaLabel}
634
- </span>
635
- `)}
636
- <h-icon icon-name="icon-search" size=${icon_constants.ICONS_SIZES.l}></h-icon>
637
- <div ${ref_js.ref(this._openSearchButtonLabelRef)} class="labeled-icon__signature">${this._translations.search}</div>
638
- </div>`)}
639
615
  ${when.when(this._isSuggesterLayerVisible(), () => lit.html `
640
616
  <div class="${search_constants.SEARCH_CLASS_NAMES.container}" id="${this._searchContentContainerId}" role="${this._containerRole}">
641
617
  ${when.when(this._shouldShowMessage, () => lit.html `<h-search-message
@@ -688,10 +664,6 @@ tslib_es6.__decorate([
688
664
  decorators.property({ type: String }),
689
665
  tslib_es6.__metadata("design:type", String)
690
666
  ], exports.HSearch.prototype, "locale", void 0);
691
- tslib_es6.__decorate([
692
- decorators.property({ type: Boolean, attribute: 'is-search-icon-fix-enabled' }),
693
- tslib_es6.__metadata("design:type", Boolean)
694
- ], exports.HSearch.prototype, "isSearchIconFixEnabled", void 0);
695
667
  tslib_es6.__decorate([
696
668
  decorators.property({ type: Boolean, attribute: 'is-search-ux-fixes-flag-enabled' }),
697
669
  tslib_es6.__metadata("design:type", Boolean)
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;AACA;AACA,mBAAmB,wDAA4D;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,iBAAiB,wDAA4D;AAC7E;AACA;AACA,mBAAmB,wDAA4D;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/slider/slider.js CHANGED
@@ -15,7 +15,6 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
15
15
  super(...arguments);
16
16
  this.settings = '';
17
17
  this.id = '';
18
- this.isSliderOptimizationFlagEnabled = false;
19
18
  this._settings = {
20
19
  mountOnConnectedCallback: true,
21
20
  type: 'loop',
@@ -23,8 +22,7 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
23
22
  focus: 'center'
24
23
  };
25
24
  this._slider = null;
26
- this._mutationObserver = null;
27
- this._$focusableElements = new Set();
25
+ this._$focusableElements = [];
28
26
  this._showFocusableNodes = (slideComponent) => {
29
27
  this._handleFocusableNodes(slideComponent, slider_constants.SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show);
30
28
  };
@@ -32,47 +30,27 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
32
30
  this._handleFocusableNodes(slideComponent, slider_constants.SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.hide);
33
31
  };
34
32
  this._handleFocusableNodes = ({ slide }, action) => {
35
- const $focusableSlideChildren = [...this._$focusableElements].filter(($focusableElement) => slide.contains($focusableElement));
33
+ const $focusableSlideChildren = this._$focusableElements.filter(($focusableElement) => slide.contains($focusableElement));
36
34
  if ($focusableSlideChildren.length === 0)
37
35
  return;
38
- let updateFocusability;
39
- if (this.isSliderOptimizationFlagEnabled) {
40
- updateFocusability = action === slider_constants.SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show ? utilities.UiDomUtils.showFocusableElement : utilities.UiDomUtils.hideFocusableElement;
41
- }
42
- else {
43
- updateFocusability = action === slider_constants.SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show ? this._showFocusableElement : this._hideFocusableElement;
44
- }
36
+ const updateFocusability = action === slider_constants.SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show ? this._showFocusableElement : this._hideFocusableElement;
45
37
  $focusableSlideChildren.forEach(($element) => updateFocusability($element));
46
38
  };
47
39
  this._scanMutationsForNewFocusableElements = (mutationList) => {
48
- if (this.isSliderOptimizationFlagEnabled) {
49
- for (const mutation of mutationList) {
50
- for (const addedNode of mutation.addedNodes) {
51
- if (!(addedNode instanceof HTMLElement))
52
- continue;
53
- if (utilities.UiDomUtils.isFocusable(addedNode))
54
- this._initializeFocusableElement(addedNode);
55
- const $focusableChildren = [...addedNode.querySelectorAll(utilities.UiDomUtils.getFocusableSelector())];
56
- $focusableChildren.forEach(($child) => this._initializeFocusableElement($child));
57
- }
58
- }
59
- }
60
- else {
61
- for (const mutation of mutationList) {
62
- if (mutation.type !== 'childList')
63
- continue;
64
- const $target = mutation.target;
65
- const isFocusable = utilities.UiDomUtils.isFocusable($target);
66
- const $focusableChildren = [...$target.querySelectorAll(utilities.UiDomUtils.getFocusableSelector())];
67
- isFocusable && this._initializeFocusableElement($target);
68
- $focusableChildren.forEach(($child) => this._initializeFocusableElement($child));
69
- }
40
+ for (const mutation of mutationList) {
41
+ if (mutation.type !== 'childList')
42
+ continue;
43
+ const $target = mutation.target;
44
+ const isFocusable = utilities.UiDomUtils.isFocusable($target);
45
+ const $focusableChildren = [...$target.querySelectorAll(utilities.UiDomUtils.getFocusableSelector())];
46
+ isFocusable && this._initializeFocusableElement($target);
47
+ $focusableChildren.forEach(($child) => this._initializeFocusableElement($child));
70
48
  }
71
49
  };
72
50
  this._initializeFocusableElement = ($element) => {
73
- !this._$focusableElements.has($element) && this._$focusableElements.add($element);
51
+ !this._$focusableElements.includes($element) && this._$focusableElements.push($element);
74
52
  if ($element.closest('[aria-hidden="true"]')) {
75
- utilities.UiDomUtils.hideFocusableElement($element);
53
+ this._hideFocusableElement($element);
76
54
  }
77
55
  };
78
56
  }
@@ -96,14 +74,8 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
96
74
  }
97
75
  this._slider.on('visible', this._showFocusableNodes);
98
76
  this._slider.on('hidden', this._hideFocusableNodes);
99
- if (this.isSliderOptimizationFlagEnabled) {
100
- this._mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
101
- this._mutationObserver.observe(this, { childList: true, subtree: true });
102
- }
103
- else {
104
- const mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
105
- mutationObserver.observe(this, { childList: true, subtree: true, attributes: true });
106
- }
77
+ const mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
78
+ mutationObserver.observe(this, { childList: true, subtree: true, attributes: true });
107
79
  }
108
80
  _showFocusableElement($element) {
109
81
  $element.setAttribute('tabindex', '0');
@@ -117,14 +89,10 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
117
89
  return this._slider;
118
90
  }
119
91
  disconnectedCallback() {
120
- var _a, _b, _c;
92
+ var _a, _b;
121
93
  super.disconnectedCallback();
122
94
  (_a = this._slider) === null || _a === void 0 ? void 0 : _a.off('visible');
123
95
  (_b = this._slider) === null || _b === void 0 ? void 0 : _b.off('hidden');
124
- if (this.isSliderOptimizationFlagEnabled) {
125
- (_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
126
- this._mutationObserver = null;
127
- }
128
96
  }
129
97
  };
130
98
  tslib_es6.__decorate([
@@ -135,10 +103,6 @@ tslib_es6.__decorate([
135
103
  decorators.property(),
136
104
  tslib_es6.__metadata("design:type", String)
137
105
  ], exports.HSlider.prototype, "id", void 0);
138
- tslib_es6.__decorate([
139
- decorators.property({ attribute: 'is-slider-optimization-flag-enabled' }),
140
- tslib_es6.__metadata("design:type", Boolean)
141
- ], exports.HSlider.prototype, "isSliderOptimizationFlagEnabled", void 0);
142
106
  exports.HSlider = tslib_es6.__decorate([
143
107
  phoenix_custom_element.phoenixCustomElement('h-slider')
144
108
  ], exports.HSlider);
package/build/cjs/packages/phoenix/src/components/slider/slider.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,yBAAyB,gEAAoE;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,yBAAyB,gEAAoE;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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
@@ -5,7 +5,6 @@ export declare class HSearch extends PhoenixLightLitElement {
5
5
  settings: TSearchSettings;
6
6
  view: string;
7
7
  locale: string;
8
- isSearchIconFixEnabled: boolean;
9
8
  isSearchUxFixesFlagEnabled: boolean;
10
9
  displayMode: TSearchDisplayMode;
11
10
  moduleInstanceId: string;
@@ -81,7 +80,6 @@ export declare class HSearch extends PhoenixLightLitElement {
81
80
  private _isSuggesterLayerVisible;
82
81
  private _preventSubmitOnSearchClear;
83
82
  private _resetSearchOnFocusOutside;
84
- private _setupAriaAttributes;
85
83
  private _handleOpenSearch;
86
84
  private _handleOpenSearchWithKeyboard;
87
85
  private _setupToggler;
package/build/esm/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -4,7 +4,6 @@ import { property, state } from 'lit/decorators';
4
4
  import { UiDomUtils } from '@dreamcommerce/utilities';
5
5
  import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
6
6
  import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
7
- import { ICONS_SIZES } from '../../icon/icon_constants.js';
8
7
  import { Observer } from '../../../core/classes/observer/observer.js';
9
8
  import { ContextConsumerController } from '../../../core/context/context_consumer_controller.js';
10
9
  import { BehaviorSubject } from '../../../core/classes/behavior_subject/behavior_subject.js';
@@ -21,7 +20,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
21
20
  constructor() {
22
21
  super(...arguments);
23
22
  this.view = DEFAULT_VIEW;
24
- this.isSearchIconFixEnabled = false;
25
23
  this.isSearchUxFixesFlagEnabled = false;
26
24
  this.displayMode = 'dropdown';
27
25
  this._togglerElement = null;
@@ -358,12 +356,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
358
356
  document.removeEventListener('focusin', this._resetSearchOnFocusOutside);
359
357
  }
360
358
  };
361
- this._setupAriaAttributes = () => {
362
- var _a;
363
- if (this._translations.openSearchButtonAriaLabel) {
364
- (_a = this._openSearchButtonLabelRef.value) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-labelledby', this._openSearchButtonAriaLabelId);
365
- }
366
- };
367
359
  this._handleOpenSearch = () => {
368
360
  this.classList.add(SEARCH_CLASS_NAMES.mobileOpened);
369
361
  const shouldShowMessage = this._searchPhrase !== '';
@@ -414,7 +406,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
414
406
  this._searchInput = this.querySelector(SEARCH_COMPONENT_NAMES.searchInput);
415
407
  this._setupInitialSearchPhrase();
416
408
  this._setupListeners();
417
- this.isSearchIconFixEnabled ? this._setupToggler() : this._setupAriaAttributes();
409
+ this._setupToggler();
418
410
  }
419
411
  disconnectedCallback() {
420
412
  var _a;
@@ -424,8 +416,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
424
416
  document.removeEventListener('focusin', this._resetSearchOnFocusOutside);
425
417
  window.removeEventListener('resize', this._switchTypeOfSearchView);
426
418
  (_a = this._searchForm) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', this._preventSubmitOnSearchClear);
427
- if (this.isSearchIconFixEnabled)
428
- this._teardownToggler();
419
+ this._teardownToggler();
429
420
  }
430
421
  _setupContext() {
431
422
  this._historyContextProvider = new ContextProviderController(this);
@@ -617,21 +608,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
617
608
  render() {
618
609
  super.render();
619
610
  return html `
620
- ${n(!this.isSearchIconFixEnabled, () => html ` <div
621
- class="${SEARCH_CLASS_NAMES.icon} labeled-icon hidden-md-only hidden-lg-only hidden-xl-only hidden-xxl-only hidden-xxxl-only"
622
- tabindex="0"
623
- aria-haspopup="dialog"
624
- @click=${this._handleOpenSearch}
625
- @keyup=${this._handleOpenSearchWithKeyboard}
626
- >
627
- ${n(this._translations.openSearchButtonAriaLabel, () => html `
628
- <span id="${this._openSearchButtonAriaLabelId}" class="sr-only">
629
- ${this._translations.openSearchButtonAriaLabel}
630
- </span>
631
- `)}
632
- <h-icon icon-name="icon-search" size=${ICONS_SIZES.l}></h-icon>
633
- <div ${ref(this._openSearchButtonLabelRef)} class="labeled-icon__signature">${this._translations.search}</div>
634
- </div>`)}
635
611
  ${n(this._isSuggesterLayerVisible(), () => html `
636
612
  <div class="${SEARCH_CLASS_NAMES.container}" id="${this._searchContentContainerId}" role="${this._containerRole}">
637
613
  ${n(this._shouldShowMessage, () => html `<h-search-message
@@ -684,10 +660,6 @@ __decorate([
684
660
  property({ type: String }),
685
661
  __metadata("design:type", String)
686
662
  ], HSearch.prototype, "locale", void 0);
687
- __decorate([
688
- property({ type: Boolean, attribute: 'is-search-icon-fix-enabled' }),
689
- __metadata("design:type", Boolean)
690
- ], HSearch.prototype, "isSearchIconFixEnabled", void 0);
691
663
  __decorate([
692
664
  property({ type: Boolean, attribute: 'is-search-ux-fixes-flag-enabled' }),
693
665
  __metadata("design:type", Boolean)
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;AACA;AACA,0BAA0B,wDAA4D;AACtF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,eAAe,wDAA4D;AAC3E;AACA;AACA,0BAA0B,wDAA4D;AACtF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/slider/slider.d.ts CHANGED
@@ -3,12 +3,10 @@ import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/pho
3
3
  export declare class HSlider extends PhoenixLightLitElement {
4
4
  settings: string;
5
5
  id: string;
6
- isSliderOptimizationFlagEnabled: boolean;
7
6
  get sliderSettings(): ISliderOptions;
8
7
  set sliderSettings(newSettingsObject: ISliderOptions);
9
8
  private _settings;
10
9
  private _slider;
11
- private _mutationObserver;
12
10
  private _$focusableElements;
13
11
  connectedCallback(): void;
14
12
  private _showFocusableNodes;
package/build/esm/packages/phoenix/src/components/slider/slider.js CHANGED
@@ -11,7 +11,6 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
11
11
  super(...arguments);
12
12
  this.settings = '';
13
13
  this.id = '';
14
- this.isSliderOptimizationFlagEnabled = false;
15
14
  this._settings = {
16
15
  mountOnConnectedCallback: true,
17
16
  type: 'loop',
@@ -19,8 +18,7 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
19
18
  focus: 'center'
20
19
  };
21
20
  this._slider = null;
22
- this._mutationObserver = null;
23
- this._$focusableElements = new Set();
21
+ this._$focusableElements = [];
24
22
  this._showFocusableNodes = (slideComponent) => {
25
23
  this._handleFocusableNodes(slideComponent, SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show);
26
24
  };
@@ -28,47 +26,27 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
28
26
  this._handleFocusableNodes(slideComponent, SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.hide);
29
27
  };
30
28
  this._handleFocusableNodes = ({ slide }, action) => {
31
- const $focusableSlideChildren = [...this._$focusableElements].filter(($focusableElement) => slide.contains($focusableElement));
29
+ const $focusableSlideChildren = this._$focusableElements.filter(($focusableElement) => slide.contains($focusableElement));
32
30
  if ($focusableSlideChildren.length === 0)
33
31
  return;
34
- let updateFocusability;
35
- if (this.isSliderOptimizationFlagEnabled) {
36
- updateFocusability = action === SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show ? UiDomUtils.showFocusableElement : UiDomUtils.hideFocusableElement;
37
- }
38
- else {
39
- updateFocusability = action === SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show ? this._showFocusableElement : this._hideFocusableElement;
40
- }
32
+ const updateFocusability = action === SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show ? this._showFocusableElement : this._hideFocusableElement;
41
33
  $focusableSlideChildren.forEach(($element) => updateFocusability($element));
42
34
  };
43
35
  this._scanMutationsForNewFocusableElements = (mutationList) => {
44
- if (this.isSliderOptimizationFlagEnabled) {
45
- for (const mutation of mutationList) {
46
- for (const addedNode of mutation.addedNodes) {
47
- if (!(addedNode instanceof HTMLElement))
48
- continue;
49
- if (UiDomUtils.isFocusable(addedNode))
50
- this._initializeFocusableElement(addedNode);
51
- const $focusableChildren = [...addedNode.querySelectorAll(UiDomUtils.getFocusableSelector())];
52
- $focusableChildren.forEach(($child) => this._initializeFocusableElement($child));
53
- }
54
- }
55
- }
56
- else {
57
- for (const mutation of mutationList) {
58
- if (mutation.type !== 'childList')
59
- continue;
60
- const $target = mutation.target;
61
- const isFocusable = UiDomUtils.isFocusable($target);
62
- const $focusableChildren = [...$target.querySelectorAll(UiDomUtils.getFocusableSelector())];
63
- isFocusable && this._initializeFocusableElement($target);
64
- $focusableChildren.forEach(($child) => this._initializeFocusableElement($child));
65
- }
36
+ for (const mutation of mutationList) {
37
+ if (mutation.type !== 'childList')
38
+ continue;
39
+ const $target = mutation.target;
40
+ const isFocusable = UiDomUtils.isFocusable($target);
41
+ const $focusableChildren = [...$target.querySelectorAll(UiDomUtils.getFocusableSelector())];
42
+ isFocusable && this._initializeFocusableElement($target);
43
+ $focusableChildren.forEach(($child) => this._initializeFocusableElement($child));
66
44
  }
67
45
  };
68
46
  this._initializeFocusableElement = ($element) => {
69
- !this._$focusableElements.has($element) && this._$focusableElements.add($element);
47
+ !this._$focusableElements.includes($element) && this._$focusableElements.push($element);
70
48
  if ($element.closest('[aria-hidden="true"]')) {
71
- UiDomUtils.hideFocusableElement($element);
49
+ this._hideFocusableElement($element);
72
50
  }
73
51
  };
74
52
  }
@@ -92,14 +70,8 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
92
70
  }
93
71
  this._slider.on('visible', this._showFocusableNodes);
94
72
  this._slider.on('hidden', this._hideFocusableNodes);
95
- if (this.isSliderOptimizationFlagEnabled) {
96
- this._mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
97
- this._mutationObserver.observe(this, { childList: true, subtree: true });
98
- }
99
- else {
100
- const mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
101
- mutationObserver.observe(this, { childList: true, subtree: true, attributes: true });
102
- }
73
+ const mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
74
+ mutationObserver.observe(this, { childList: true, subtree: true, attributes: true });
103
75
  }
104
76
  _showFocusableElement($element) {
105
77
  $element.setAttribute('tabindex', '0');
@@ -113,14 +85,10 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
113
85
  return this._slider;
114
86
  }
115
87
  disconnectedCallback() {
116
- var _a, _b, _c;
88
+ var _a, _b;
117
89
  super.disconnectedCallback();
118
90
  (_a = this._slider) === null || _a === void 0 ? void 0 : _a.off('visible');
119
91
  (_b = this._slider) === null || _b === void 0 ? void 0 : _b.off('hidden');
120
- if (this.isSliderOptimizationFlagEnabled) {
121
- (_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
122
- this._mutationObserver = null;
123
- }
124
92
  }
125
93
  };
126
94
  __decorate([
@@ -131,10 +99,6 @@ __decorate([
131
99
  property(),
132
100
  __metadata("design:type", String)
133
101
  ], HSlider.prototype, "id", void 0);
134
- __decorate([
135
- property({ attribute: 'is-slider-optimization-flag-enabled' }),
136
- __metadata("design:type", Boolean)
137
- ], HSlider.prototype, "isSliderOptimizationFlagEnabled", void 0);
138
102
  HSlider = __decorate([
139
103
  phoenixCustomElement('h-slider')
140
104
  ], HSlider);
package/build/esm/packages/phoenix/src/components/slider/slider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA,uBAAuB,gEAAoE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uBAAuB,gEAAoE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.18.27-14",
5
+ "version": "1.18.27-15",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",
@@ -31,7 +31,7 @@
31
31
  "@splidejs/splide-extension-auto-scroll": "0.5.3"
32
32
  },
33
33
  "devDependencies": {
34
- "@dreamcommerce/utilities": "^1.23.4-1",
34
+ "@dreamcommerce/utilities": "^1.23.4",
35
35
  "@shoper/jest_config": "^0.0.0",
36
36
  "@shoper/tsconfig": "^0.0.0",
37
37
  "@splidejs/splide": "4.0.7",