@shoper/phoenix_design_system 1.18.27-1 → 1.18.27-11

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 (16) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js +3 -14
  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/slider/slider.js +6 -3
  6. package/build/cjs/packages/phoenix/src/components/slider/slider.js.map +1 -1
  7. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.d.ts +0 -2
  8. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js +4 -15
  9. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js.map +1 -1
  10. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.d.ts +0 -1
  11. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +22 -51
  12. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map +1 -1
  13. package/build/esm/packages/phoenix/src/components/slider/slider.d.ts +1 -0
  14. package/build/esm/packages/phoenix/src/components/slider/slider.js +6 -3
  15. package/build/esm/packages/phoenix/src/components/slider/slider.js.map +1 -1
  16. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js CHANGED
@@ -19,14 +19,7 @@ exports.HSearchClear = class HSearchClear extends phoenix_light_lit_element.Phoe
19
19
  this._shouldShow = false;
20
20
  this._isRequestPending = false;
21
21
  this._handleClearButtonOnPhraseEnter = (ev) => {
22
- this._updateClearButtonVisibility(ev.detail.searchPhrase);
23
- };
24
- this._updateClearButtonVisibility = (searchPhrase) => {
25
- this._shouldShow = searchPhrase !== '';
26
- };
27
- this._handleSearchClear = () => {
28
- this._dispatchClearEvent();
29
- this._updateClearButtonVisibility('');
22
+ this._shouldShow = ev.detail.searchPhrase !== '';
30
23
  };
31
24
  this._dispatchClearEvent = () => {
32
25
  this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.clear, {
@@ -35,16 +28,12 @@ exports.HSearchClear = class HSearchClear extends phoenix_light_lit_element.Phoe
35
28
  }
36
29
  });
37
30
  };
38
- this._btnController = new btn_controller.BtnController(this, this._handleSearchClear);
31
+ this._btnController = new btn_controller.BtnController(this, this._dispatchClearEvent);
39
32
  }
40
33
  connectedCallback() {
41
- var _a;
42
34
  super.connectedCallback();
43
35
  this._searchContextSetup();
44
- const $search = this.closest(search_constants.SEARCH_COMPONENT_NAMES.search);
45
- const $searchInput = $search === null || $search === void 0 ? void 0 : $search.querySelector('input[type="search"]');
46
- this._updateClearButtonVisibility((_a = $searchInput === null || $searchInput === void 0 ? void 0 : $searchInput.value) !== null && _a !== void 0 ? _a : '');
47
- this.addEventListener('click', this._handleSearchClear);
36
+ this.addEventListener('click', this._dispatchClearEvent);
48
37
  document.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, this._handleClearButtonOnPhraseEnter);
49
38
  }
50
39
  updated(_changedProperties) {
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;"}
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/slider/slider.js CHANGED
@@ -22,6 +22,7 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
22
22
  focus: 'center'
23
23
  };
24
24
  this._slider = null;
25
+ this._mutationObserver = null;
25
26
  this._$focusableElements = [];
26
27
  this._showFocusableNodes = (slideComponent) => {
27
28
  this._handleFocusableNodes(slideComponent, slider_constants.SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show);
@@ -74,8 +75,8 @@ 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 });
78
+ this._mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
79
+ this._mutationObserver.observe(this, { childList: true, subtree: true });
79
80
  }
80
81
  _showFocusableElement($element) {
81
82
  $element.setAttribute('tabindex', '0');
@@ -89,10 +90,12 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
89
90
  return this._slider;
90
91
  }
91
92
  disconnectedCallback() {
92
- var _a, _b;
93
+ var _a, _b, _c;
93
94
  super.disconnectedCallback();
94
95
  (_a = this._slider) === null || _a === void 0 ? void 0 : _a.off('visible');
95
96
  (_b = this._slider) === null || _b === void 0 ? void 0 : _b.off('hidden');
97
+ (_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
98
+ this._mutationObserver = null;
96
99
  }
97
100
  };
98
101
  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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.d.ts CHANGED
@@ -11,9 +11,7 @@ export declare class HSearchClear extends PhoenixLightLitElement {
11
11
  constructor();
12
12
  connectedCallback(): void;
13
13
  private _handleClearButtonOnPhraseEnter;
14
- private _updateClearButtonVisibility;
15
14
  protected updated(_changedProperties: PropertyValues): void;
16
- private _handleSearchClear;
17
15
  private _dispatchClearEvent;
18
16
  private _searchContextSetup;
19
17
  disconnectedCallback(): void;
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js CHANGED
@@ -7,7 +7,7 @@ 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() {
@@ -15,14 +15,7 @@ let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
15
15
  this._shouldShow = false;
16
16
  this._isRequestPending = false;
17
17
  this._handleClearButtonOnPhraseEnter = (ev) => {
18
- this._updateClearButtonVisibility(ev.detail.searchPhrase);
19
- };
20
- this._updateClearButtonVisibility = (searchPhrase) => {
21
- this._shouldShow = searchPhrase !== '';
22
- };
23
- this._handleSearchClear = () => {
24
- this._dispatchClearEvent();
25
- this._updateClearButtonVisibility('');
18
+ this._shouldShow = ev.detail.searchPhrase !== '';
26
19
  };
27
20
  this._dispatchClearEvent = () => {
28
21
  this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.clear, {
@@ -31,16 +24,12 @@ let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
31
24
  }
32
25
  });
33
26
  };
34
- this._btnController = new BtnController(this, this._handleSearchClear);
27
+ this._btnController = new BtnController(this, this._dispatchClearEvent);
35
28
  }
36
29
  connectedCallback() {
37
- var _a;
38
30
  super.connectedCallback();
39
31
  this._searchContextSetup();
40
- const $search = this.closest(SEARCH_COMPONENT_NAMES.search);
41
- const $searchInput = $search === null || $search === void 0 ? void 0 : $search.querySelector('input[type="search"]');
42
- this._updateClearButtonVisibility((_a = $searchInput === null || $searchInput === void 0 ? void 0 : $searchInput.value) !== null && _a !== void 0 ? _a : '');
43
- this.addEventListener('click', this._handleSearchClear);
32
+ this.addEventListener('click', this._dispatchClearEvent);
44
33
  document.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.keyup, this._handleClearButtonOnPhraseEnter);
45
34
  }
46
35
  updated(_changedProperties) {
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;"}
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/slider/slider.d.ts CHANGED
@@ -7,6 +7,7 @@ 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;
package/build/esm/packages/phoenix/src/components/slider/slider.js CHANGED
@@ -18,6 +18,7 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
18
18
  focus: 'center'
19
19
  };
20
20
  this._slider = null;
21
+ this._mutationObserver = null;
21
22
  this._$focusableElements = [];
22
23
  this._showFocusableNodes = (slideComponent) => {
23
24
  this._handleFocusableNodes(slideComponent, SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show);
@@ -70,8 +71,8 @@ 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 });
74
+ this._mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
75
+ this._mutationObserver.observe(this, { childList: true, subtree: true });
75
76
  }
76
77
  _showFocusableElement($element) {
77
78
  $element.setAttribute('tabindex', '0');
@@ -85,10 +86,12 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
85
86
  return this._slider;
86
87
  }
87
88
  disconnectedCallback() {
88
- var _a, _b;
89
+ var _a, _b, _c;
89
90
  super.disconnectedCallback();
90
91
  (_a = this._slider) === null || _a === void 0 ? void 0 : _a.off('visible');
91
92
  (_b = this._slider) === null || _b === void 0 ? void 0 : _b.off('hidden');
93
+ (_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
94
+ this._mutationObserver = null;
92
95
  }
93
96
  };
94
97
  __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;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-1",
5
+ "version": "1.18.27-11",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",