@shoper/phoenix_design_system 1.18.27-10 → 1.18.27-12

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/subcomponents/buttons/search_clear.js +3 -26
  2. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +22 -51
  4. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js +10 -8
  6. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js.map +1 -1
  7. package/build/cjs/packages/phoenix/src/components/slider/slider.js +11 -16
  8. package/build/cjs/packages/phoenix/src/components/slider/slider.js.map +1 -1
  9. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.d.ts +0 -4
  10. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js +4 -27
  11. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js.map +1 -1
  12. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.d.ts +0 -1
  13. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +22 -51
  14. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map +1 -1
  15. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js +10 -8
  16. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js.map +1 -1
  17. package/build/esm/packages/phoenix/src/components/slider/slider.d.ts +1 -2
  18. package/build/esm/packages/phoenix/src/components/slider/slider.js +11 -16
  19. package/build/esm/packages/phoenix/src/components/slider/slider.js.map +1 -1
  20. package/package.json +2 -2
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js CHANGED
@@ -16,23 +16,10 @@ var search_constants = require('../../search_constants.js');
16
16
  exports.HSearchClear = class HSearchClear extends phoenix_light_lit_element.PhoenixLightLitElement {
17
17
  constructor() {
18
18
  super();
19
- this.isSearchClearFixFlagEnabled = false;
20
19
  this._shouldShow = false;
21
20
  this._isRequestPending = false;
22
- this._$searchInput = null;
23
21
  this._handleClearButtonOnPhraseEnter = (ev) => {
24
- this._updateClearButtonVisibility(ev.detail.searchPhrase);
25
- };
26
- this._updateClearButtonVisibility = (searchPhrase) => {
27
- this._shouldShow = searchPhrase !== '';
28
- };
29
- this._handleSearchClear = () => {
30
- var _a;
31
- this._dispatchClearEvent();
32
- if (this.isSearchClearFixFlagEnabled) {
33
- this._updateClearButtonVisibility('');
34
- (_a = this._$searchInput) === null || _a === void 0 ? void 0 : _a.focus();
35
- }
22
+ this._shouldShow = ev.detail.searchPhrase !== '';
36
23
  };
37
24
  this._dispatchClearEvent = () => {
38
25
  this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.clear, {
@@ -41,18 +28,12 @@ exports.HSearchClear = class HSearchClear extends phoenix_light_lit_element.Phoe
41
28
  }
42
29
  });
43
30
  };
44
- this._btnController = new btn_controller.BtnController(this, this._handleSearchClear);
31
+ this._btnController = new btn_controller.BtnController(this, this._dispatchClearEvent);
45
32
  }
46
33
  connectedCallback() {
47
- var _a, _b, _c;
48
34
  super.connectedCallback();
49
35
  this._searchContextSetup();
50
- const $search = this.closest(search_constants.SEARCH_COMPONENT_NAMES.search);
51
- this._$searchInput = (_a = $search === null || $search === void 0 ? void 0 : $search.querySelector('input[type="search"]')) !== null && _a !== void 0 ? _a : null;
52
- if (this.isSearchClearFixFlagEnabled) {
53
- this._updateClearButtonVisibility((_c = (_b = this._$searchInput) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : '');
54
- }
55
- this.addEventListener('click', this._handleSearchClear);
36
+ this.addEventListener('click', this._dispatchClearEvent);
56
37
  document.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, this._handleClearButtonOnPhraseEnter);
57
38
  }
58
39
  updated(_changedProperties) {
@@ -99,10 +80,6 @@ tslib_es6.__decorate([
99
80
  decorators.property({ type: String, attribute: 'module-instance-id' }),
100
81
  tslib_es6.__metadata("design:type", String)
101
82
  ], exports.HSearchClear.prototype, "moduleInstanceId", void 0);
102
- tslib_es6.__decorate([
103
- decorators.property({ type: Boolean, attribute: 'is-search-clear-fix-flag-enabled' }),
104
- tslib_es6.__metadata("design:type", Boolean)
105
- ], exports.HSearchClear.prototype, "isSearchClearFixFlagEnabled", void 0);
106
83
  tslib_es6.__decorate([
107
84
  decorators.state(),
108
85
  tslib_es6.__metadata("design:type", Boolean)
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.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,mBAAmB,8DAAkE;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,mBAAmB,8DAAkE;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js CHANGED
@@ -13,7 +13,6 @@ var search_constants = require('../../search_constants.js');
13
13
  exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.PhoenixLightLitElement {
14
14
  constructor() {
15
15
  super(...arguments);
16
- this.isSearchClearFixFlagEnabled = false;
17
16
  this._isSearchPhraseCleared = false;
18
17
  this._setupAttributes = () => {
19
18
  var _a, _b, _c, _d;
@@ -73,60 +72,36 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
73
72
  }
74
73
  });
75
74
  });
76
- if (this.isSearchClearFixFlagEnabled) {
77
- this.input.addEventListener('keydown', (ev) => {
78
- if (ev.key !== 'Enter' || ev.repeat)
79
- return;
80
- if (this._isSearchPhraseCleared) {
81
- this._isSearchPhraseCleared = false;
82
- return;
83
- }
84
- this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.submit, {
85
- detail: { searchPhrase: ev.target.value }
86
- });
87
- });
88
- this.input.addEventListener('keyup', debounce['default']((ev) => {
89
- if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape' || ev.key === 'Enter')
90
- return;
75
+ this.input.addEventListener('keyup', (ev) => {
76
+ if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape')
77
+ return;
78
+ if (ev.key !== 'Enter') {
91
79
  this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, {
92
80
  detail: {
93
81
  searchPhrase: ev.target.value
94
82
  }
95
83
  });
96
- }, 200));
97
- }
98
- else {
99
- this.input.addEventListener('keyup', (ev) => {
100
- if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape')
101
- return;
102
- if (ev.key !== 'Enter') {
103
- this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, {
104
- detail: {
105
- searchPhrase: ev.target.value
106
- }
107
- });
108
- return;
84
+ return;
85
+ }
86
+ if (this._isSearchPhraseCleared) {
87
+ this._isSearchPhraseCleared = false;
88
+ return;
89
+ }
90
+ this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.submit, {
91
+ detail: {
92
+ searchPhrase: ev.target.value
109
93
  }
110
- if (this._isSearchPhraseCleared) {
111
- this._isSearchPhraseCleared = false;
112
- return;
94
+ });
95
+ });
96
+ this.input.addEventListener('keyup', debounce['default']((ev) => {
97
+ if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape' || ev.key === 'Enter')
98
+ return;
99
+ this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, {
100
+ detail: {
101
+ searchPhrase: ev.target.value
113
102
  }
114
- this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.submit, {
115
- detail: {
116
- searchPhrase: ev.target.value
117
- }
118
- });
119
103
  });
120
- this.input.addEventListener('keyup', debounce['default']((ev) => {
121
- if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape' || ev.key === 'Enter')
122
- return;
123
- this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, {
124
- detail: {
125
- searchPhrase: ev.target.value
126
- }
127
- });
128
- }, 200));
129
- }
104
+ }, 200));
130
105
  this.input.addEventListener('search', (ev) => {
131
106
  if (this.input.value !== '') {
132
107
  return;
@@ -160,10 +135,6 @@ tslib_es6.__decorate([
160
135
  decorators.property({ type: String, attribute: 'module-instance-id' }),
161
136
  tslib_es6.__metadata("design:type", String)
162
137
  ], exports.HSearchInput.prototype, "moduleInstanceId", void 0);
163
- tslib_es6.__decorate([
164
- decorators.property({ type: Boolean, attribute: 'is-search-clear-fix-flag-enabled' }),
165
- tslib_es6.__metadata("design:type", Boolean)
166
- ], exports.HSearchInput.prototype, "isSearchClearFixFlagEnabled", void 0);
167
138
  tslib_es6.__decorate([
168
139
  decorators.state(),
169
140
  tslib_es6.__metadata("design:type", Boolean)
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js CHANGED
@@ -98,14 +98,16 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
98
98
  data-search-item-id="${this.searchId}${this._loadMoreButtonId}"
99
99
  >
100
100
  ${this.translations.loadMore}
101
- </button>`), () => when.when(this._getSearchPhrase().length > 1, () => lit.html `<button
102
- class="${search_constants.SEARCH_CLASS_NAMES.productButton}"
103
- @click="${this.handleGoToProductsFor}"
104
- type="button"
105
- data-search-item-id="${this.searchId}${this._goToProductsForButtonId}"
106
- >
107
- ${this.translations.goToProductsFor}: <strong>${this._getSearchPhrase()}</strong>
108
- </button>`))}
101
+ </button>`), () => lit.html `
102
+ <button
103
+ class="${search_constants.SEARCH_CLASS_NAMES.productButton}"
104
+ @click="${this.handleGoToProductsFor}"
105
+ type="button"
106
+ data-search-item-id="${this.searchId}${this._goToProductsForButtonId}"
107
+ >
108
+ ${this.translations.goToProductsFor}: <strong>${this._getSearchPhrase()}</strong>
109
+ </button>
110
+ `)}
109
111
  </div>
110
112
  `)}
111
113
  ${when.when((_d = this.results.producers) === null || _d === void 0 ? void 0 : _d.length, () => lit.html ` <h-search-producer-content
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.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,iBAAiB,8DAAkE;AACnF,mBAAmB,8DAAkE;AACrF;AACA,sBAAsB,oDAAwD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,iBAAiB,8DAAkE;AACnF,mBAAmB,8DAAkE;AACrF;AACA,sBAAsB,oDAAwD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/phoenix/src/components/slider/slider.js CHANGED
@@ -22,7 +22,8 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
22
22
  focus: 'center'
23
23
  };
24
24
  this._slider = null;
25
- this._$focusableElements = [];
25
+ this._mutationObserver = null;
26
+ this._$focusableElements = new Set();
26
27
  this._showFocusableNodes = (slideComponent) => {
27
28
  this._handleFocusableNodes(slideComponent, slider_constants.SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show);
28
29
  };
@@ -30,10 +31,10 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
30
31
  this._handleFocusableNodes(slideComponent, slider_constants.SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.hide);
31
32
  };
32
33
  this._handleFocusableNodes = ({ slide }, action) => {
33
- const $focusableSlideChildren = this._$focusableElements.filter(($focusableElement) => slide.contains($focusableElement));
34
+ const $focusableSlideChildren = [...this._$focusableElements].filter(($focusableElement) => slide.contains($focusableElement));
34
35
  if ($focusableSlideChildren.length === 0)
35
36
  return;
36
- const updateFocusability = action === slider_constants.SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show ? this._showFocusableElement : this._hideFocusableElement;
37
+ const updateFocusability = action === slider_constants.SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show ? utilities.UiDomUtils.showFocusableElement : utilities.UiDomUtils.hideFocusableElement;
37
38
  $focusableSlideChildren.forEach(($element) => updateFocusability($element));
38
39
  };
39
40
  this._scanMutationsForNewFocusableElements = (mutationList) => {
@@ -48,9 +49,9 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
48
49
  }
49
50
  };
50
51
  this._initializeFocusableElement = ($element) => {
51
- !this._$focusableElements.includes($element) && this._$focusableElements.push($element);
52
+ !this._$focusableElements.has($element) && this._$focusableElements.add($element);
52
53
  if ($element.closest('[aria-hidden="true"]')) {
53
- this._hideFocusableElement($element);
54
+ utilities.UiDomUtils.hideFocusableElement($element);
54
55
  }
55
56
  };
56
57
  }
@@ -74,25 +75,19 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
74
75
  }
75
76
  this._slider.on('visible', this._showFocusableNodes);
76
77
  this._slider.on('hidden', this._hideFocusableNodes);
77
- const mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
78
- mutationObserver.observe(this, { childList: true, subtree: true, attributes: true });
79
- }
80
- _showFocusableElement($element) {
81
- $element.setAttribute('tabindex', '0');
82
- $element.removeAttribute('aria-hidden');
83
- }
84
- _hideFocusableElement($element) {
85
- $element.setAttribute('tabindex', '-1');
86
- $element.setAttribute('aria-hidden', 'true');
78
+ this._mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
79
+ this._mutationObserver.observe(this, { childList: true, subtree: true });
87
80
  }
88
81
  getSlider() {
89
82
  return this._slider;
90
83
  }
91
84
  disconnectedCallback() {
92
- var _a, _b;
85
+ var _a, _b, _c;
93
86
  super.disconnectedCallback();
94
87
  (_a = this._slider) === null || _a === void 0 ? void 0 : _a.off('visible');
95
88
  (_b = this._slider) === null || _b === void 0 ? void 0 : _b.off('hidden');
89
+ (_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
90
+ this._mutationObserver = null;
96
91
  }
97
92
  };
98
93
  tslib_es6.__decorate([
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;"}
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;"}
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.d.ts CHANGED
@@ -3,19 +3,15 @@ import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_el
3
3
  export declare class HSearchClear extends PhoenixLightLitElement {
4
4
  private _btnController;
5
5
  moduleInstanceId: string;
6
- isSearchClearFixFlagEnabled: boolean;
7
6
  private _shouldShow;
8
7
  private _isRequestPending;
9
8
  private _searchContextConsumer;
10
9
  private _searchContext$;
11
10
  private _searchContextObserver;
12
- private _$searchInput;
13
11
  constructor();
14
12
  connectedCallback(): void;
15
13
  private _handleClearButtonOnPhraseEnter;
16
- private _updateClearButtonVisibility;
17
14
  protected updated(_changedProperties: PropertyValues): void;
18
- private _handleSearchClear;
19
15
  private _dispatchClearEvent;
20
16
  private _searchContextSetup;
21
17
  disconnectedCallback(): void;
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js CHANGED
@@ -7,28 +7,15 @@ import { BtnController } from '../../../../../controllers/btn_controller/btn_con
7
7
  import { Observer } from '../../../../../core/classes/observer/observer.js';
8
8
  import { ContextConsumerController } from '../../../../../core/context/context_consumer_controller.js';
9
9
  import { when as n } from '../../../../../../../../external/lit-html/directives/when.js';
10
- import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES, SEARCH_CLASS_NAMES, SEARCH_SLOT_NAMES } from '../../search_constants.js';
10
+ import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_CLASS_NAMES, SEARCH_SLOT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
11
11
 
12
12
  let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
13
13
  constructor() {
14
14
  super();
15
- this.isSearchClearFixFlagEnabled = false;
16
15
  this._shouldShow = false;
17
16
  this._isRequestPending = false;
18
- this._$searchInput = null;
19
17
  this._handleClearButtonOnPhraseEnter = (ev) => {
20
- this._updateClearButtonVisibility(ev.detail.searchPhrase);
21
- };
22
- this._updateClearButtonVisibility = (searchPhrase) => {
23
- this._shouldShow = searchPhrase !== '';
24
- };
25
- this._handleSearchClear = () => {
26
- var _a;
27
- this._dispatchClearEvent();
28
- if (this.isSearchClearFixFlagEnabled) {
29
- this._updateClearButtonVisibility('');
30
- (_a = this._$searchInput) === null || _a === void 0 ? void 0 : _a.focus();
31
- }
18
+ this._shouldShow = ev.detail.searchPhrase !== '';
32
19
  };
33
20
  this._dispatchClearEvent = () => {
34
21
  this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.clear, {
@@ -37,18 +24,12 @@ let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
37
24
  }
38
25
  });
39
26
  };
40
- this._btnController = new BtnController(this, this._handleSearchClear);
27
+ this._btnController = new BtnController(this, this._dispatchClearEvent);
41
28
  }
42
29
  connectedCallback() {
43
- var _a, _b, _c;
44
30
  super.connectedCallback();
45
31
  this._searchContextSetup();
46
- const $search = this.closest(SEARCH_COMPONENT_NAMES.search);
47
- this._$searchInput = (_a = $search === null || $search === void 0 ? void 0 : $search.querySelector('input[type="search"]')) !== null && _a !== void 0 ? _a : null;
48
- if (this.isSearchClearFixFlagEnabled) {
49
- this._updateClearButtonVisibility((_c = (_b = this._$searchInput) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : '');
50
- }
51
- this.addEventListener('click', this._handleSearchClear);
32
+ this.addEventListener('click', this._dispatchClearEvent);
52
33
  document.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.keyup, this._handleClearButtonOnPhraseEnter);
53
34
  }
54
35
  updated(_changedProperties) {
@@ -95,10 +76,6 @@ __decorate([
95
76
  property({ type: String, attribute: 'module-instance-id' }),
96
77
  __metadata("design:type", String)
97
78
  ], HSearchClear.prototype, "moduleInstanceId", void 0);
98
- __decorate([
99
- property({ type: Boolean, attribute: 'is-search-clear-fix-flag-enabled' }),
100
- __metadata("design:type", Boolean)
101
- ], HSearchClear.prototype, "isSearchClearFixFlagEnabled", void 0);
102
79
  __decorate([
103
80
  state(),
104
81
  __metadata("design:type", Boolean)
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.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,0BAA0B,8DAAkE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,0BAA0B,8DAAkE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.d.ts CHANGED
@@ -3,7 +3,6 @@ import { PropertyValues } from 'lit';
3
3
  export declare class HSearchInput extends PhoenixLightLitElement {
4
4
  input: HTMLInputElement | null;
5
5
  moduleInstanceId: string;
6
- isSearchClearFixFlagEnabled: boolean;
7
6
  private _isSearchPhraseCleared;
8
7
  connectedCallback(): void;
9
8
  firstUpdated(props: PropertyValues): void;
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js CHANGED
@@ -9,7 +9,6 @@ import { SEARCH_CLASS_NAMES, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES }
9
9
  let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
10
10
  constructor() {
11
11
  super(...arguments);
12
- this.isSearchClearFixFlagEnabled = false;
13
12
  this._isSearchPhraseCleared = false;
14
13
  this._setupAttributes = () => {
15
14
  var _a, _b, _c, _d;
@@ -69,60 +68,36 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
69
68
  }
70
69
  });
71
70
  });
72
- if (this.isSearchClearFixFlagEnabled) {
73
- this.input.addEventListener('keydown', (ev) => {
74
- if (ev.key !== 'Enter' || ev.repeat)
75
- return;
76
- if (this._isSearchPhraseCleared) {
77
- this._isSearchPhraseCleared = false;
78
- return;
79
- }
80
- this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.submit, {
81
- detail: { searchPhrase: ev.target.value }
82
- });
83
- });
84
- this.input.addEventListener('keyup', debounce_1((ev) => {
85
- if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape' || ev.key === 'Enter')
86
- return;
71
+ this.input.addEventListener('keyup', (ev) => {
72
+ if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape')
73
+ return;
74
+ if (ev.key !== 'Enter') {
87
75
  this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keyup, {
88
76
  detail: {
89
77
  searchPhrase: ev.target.value
90
78
  }
91
79
  });
92
- }, 200));
93
- }
94
- else {
95
- this.input.addEventListener('keyup', (ev) => {
96
- if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape')
97
- return;
98
- if (ev.key !== 'Enter') {
99
- this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keyup, {
100
- detail: {
101
- searchPhrase: ev.target.value
102
- }
103
- });
104
- return;
80
+ return;
81
+ }
82
+ if (this._isSearchPhraseCleared) {
83
+ this._isSearchPhraseCleared = false;
84
+ return;
85
+ }
86
+ this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.submit, {
87
+ detail: {
88
+ searchPhrase: ev.target.value
105
89
  }
106
- if (this._isSearchPhraseCleared) {
107
- this._isSearchPhraseCleared = false;
108
- return;
90
+ });
91
+ });
92
+ this.input.addEventListener('keyup', debounce_1((ev) => {
93
+ if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape' || ev.key === 'Enter')
94
+ return;
95
+ this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keyup, {
96
+ detail: {
97
+ searchPhrase: ev.target.value
109
98
  }
110
- this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.submit, {
111
- detail: {
112
- searchPhrase: ev.target.value
113
- }
114
- });
115
99
  });
116
- this.input.addEventListener('keyup', debounce_1((ev) => {
117
- if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape' || ev.key === 'Enter')
118
- return;
119
- this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keyup, {
120
- detail: {
121
- searchPhrase: ev.target.value
122
- }
123
- });
124
- }, 200));
125
- }
100
+ }, 200));
126
101
  this.input.addEventListener('search', (ev) => {
127
102
  if (this.input.value !== '') {
128
103
  return;
@@ -156,10 +131,6 @@ __decorate([
156
131
  property({ type: String, attribute: 'module-instance-id' }),
157
132
  __metadata("design:type", String)
158
133
  ], HSearchInput.prototype, "moduleInstanceId", void 0);
159
- __decorate([
160
- property({ type: Boolean, attribute: 'is-search-clear-fix-flag-enabled' }),
161
- __metadata("design:type", Boolean)
162
- ], HSearchInput.prototype, "isSearchClearFixFlagEnabled", void 0);
163
134
  __decorate([
164
135
  state(),
165
136
  __metadata("design:type", Boolean)
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js CHANGED
@@ -94,14 +94,16 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
94
94
  data-search-item-id="${this.searchId}${this._loadMoreButtonId}"
95
95
  >
96
96
  ${this.translations.loadMore}
97
- </button>`), () => n(this._getSearchPhrase().length > 1, () => html `<button
98
- class="${SEARCH_CLASS_NAMES.productButton}"
99
- @click="${this.handleGoToProductsFor}"
100
- type="button"
101
- data-search-item-id="${this.searchId}${this._goToProductsForButtonId}"
102
- >
103
- ${this.translations.goToProductsFor}: <strong>${this._getSearchPhrase()}</strong>
104
- </button>`))}
97
+ </button>`), () => html `
98
+ <button
99
+ class="${SEARCH_CLASS_NAMES.productButton}"
100
+ @click="${this.handleGoToProductsFor}"
101
+ type="button"
102
+ data-search-item-id="${this.searchId}${this._goToProductsForButtonId}"
103
+ >
104
+ ${this.translations.goToProductsFor}: <strong>${this._getSearchPhrase()}</strong>
105
+ </button>
106
+ `)}
105
107
  </div>
106
108
  `)}
107
109
  ${n((_d = this.results.producers) === null || _d === void 0 ? void 0 : _d.length, () => html ` <h-search-producer-content
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,eAAe,8DAAkE;AACjF,0BAA0B,8DAAkE;AAC5F;AACA,sBAAsB,oDAAwD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,eAAe,8DAAkE;AACjF,0BAA0B,8DAAkE;AAC5F;AACA,sBAAsB,oDAAwD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/slider/slider.d.ts CHANGED
@@ -7,13 +7,12 @@ export declare class HSlider extends PhoenixLightLitElement {
7
7
  set sliderSettings(newSettingsObject: ISliderOptions);
8
8
  private _settings;
9
9
  private _slider;
10
+ private _mutationObserver;
10
11
  private _$focusableElements;
11
12
  connectedCallback(): void;
12
13
  private _showFocusableNodes;
13
14
  private _hideFocusableNodes;
14
15
  private _handleFocusableNodes;
15
- private _showFocusableElement;
16
- private _hideFocusableElement;
17
16
  private _scanMutationsForNewFocusableElements;
18
17
  private _initializeFocusableElement;
19
18
  getSlider(): ISlider | null;
package/build/esm/packages/phoenix/src/components/slider/slider.js CHANGED
@@ -18,7 +18,8 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
18
18
  focus: 'center'
19
19
  };
20
20
  this._slider = null;
21
- this._$focusableElements = [];
21
+ this._mutationObserver = null;
22
+ this._$focusableElements = new Set();
22
23
  this._showFocusableNodes = (slideComponent) => {
23
24
  this._handleFocusableNodes(slideComponent, SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show);
24
25
  };
@@ -26,10 +27,10 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
26
27
  this._handleFocusableNodes(slideComponent, SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.hide);
27
28
  };
28
29
  this._handleFocusableNodes = ({ slide }, action) => {
29
- const $focusableSlideChildren = this._$focusableElements.filter(($focusableElement) => slide.contains($focusableElement));
30
+ const $focusableSlideChildren = [...this._$focusableElements].filter(($focusableElement) => slide.contains($focusableElement));
30
31
  if ($focusableSlideChildren.length === 0)
31
32
  return;
32
- const updateFocusability = action === SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show ? this._showFocusableElement : this._hideFocusableElement;
33
+ const updateFocusability = action === SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show ? UiDomUtils.showFocusableElement : UiDomUtils.hideFocusableElement;
33
34
  $focusableSlideChildren.forEach(($element) => updateFocusability($element));
34
35
  };
35
36
  this._scanMutationsForNewFocusableElements = (mutationList) => {
@@ -44,9 +45,9 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
44
45
  }
45
46
  };
46
47
  this._initializeFocusableElement = ($element) => {
47
- !this._$focusableElements.includes($element) && this._$focusableElements.push($element);
48
+ !this._$focusableElements.has($element) && this._$focusableElements.add($element);
48
49
  if ($element.closest('[aria-hidden="true"]')) {
49
- this._hideFocusableElement($element);
50
+ UiDomUtils.hideFocusableElement($element);
50
51
  }
51
52
  };
52
53
  }
@@ -70,25 +71,19 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
70
71
  }
71
72
  this._slider.on('visible', this._showFocusableNodes);
72
73
  this._slider.on('hidden', this._hideFocusableNodes);
73
- const mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
74
- mutationObserver.observe(this, { childList: true, subtree: true, attributes: true });
75
- }
76
- _showFocusableElement($element) {
77
- $element.setAttribute('tabindex', '0');
78
- $element.removeAttribute('aria-hidden');
79
- }
80
- _hideFocusableElement($element) {
81
- $element.setAttribute('tabindex', '-1');
82
- $element.setAttribute('aria-hidden', 'true');
74
+ this._mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
75
+ this._mutationObserver.observe(this, { childList: true, subtree: true });
83
76
  }
84
77
  getSlider() {
85
78
  return this._slider;
86
79
  }
87
80
  disconnectedCallback() {
88
- var _a, _b;
81
+ var _a, _b, _c;
89
82
  super.disconnectedCallback();
90
83
  (_a = this._slider) === null || _a === void 0 ? void 0 : _a.off('visible');
91
84
  (_b = this._slider) === null || _b === void 0 ? void 0 : _b.off('hidden');
85
+ (_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
86
+ this._mutationObserver = null;
92
87
  }
93
88
  };
94
89
  __decorate([
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;"}
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;"}
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-10",
5
+ "version": "1.18.27-12",
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",
34
+ "@dreamcommerce/utilities": "^1.23.4-1",
35
35
  "@shoper/jest_config": "^0.0.0",
36
36
  "@shoper/tsconfig": "^0.0.0",
37
37
  "@splidejs/splide": "4.0.7",