@shoper/phoenix_design_system 1.18.22-2 → 1.18.22-5

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 (27) hide show
  1. package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js +113 -59
  2. package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/search/search.js +32 -13
  4. package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history_remove.js +2 -1
  6. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history_remove.js.map +1 -1
  7. package/build/cjs/packages/phoenix/src/components/form/select/components/toggler/select_toggler.js +1 -1
  8. package/build/cjs/packages/phoenix/src/components/form/select/select.js +9 -78
  9. package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
  10. package/build/cjs/packages/phoenix/src/index.js +2 -0
  11. package/build/cjs/packages/phoenix/src/index.js.map +1 -1
  12. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.d.ts +7 -3
  13. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +113 -59
  14. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
  15. package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +2 -0
  16. package/build/esm/packages/phoenix/src/components/form/search/search.js +32 -13
  17. package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
  18. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history_remove.js +2 -1
  19. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history_remove.js.map +1 -1
  20. package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler.js +1 -1
  21. package/build/esm/packages/phoenix/src/components/form/select/select.d.ts +0 -6
  22. package/build/esm/packages/phoenix/src/components/form/select/select.js +9 -78
  23. package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
  24. package/build/esm/packages/phoenix/src/index.d.ts +1 -0
  25. package/build/esm/packages/phoenix/src/index.js +1 -0
  26. package/build/esm/packages/phoenix/src/index.js.map +1 -1
  27. package/package.json +1 -1
package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js CHANGED
@@ -14,10 +14,24 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
14
14
  constructor() {
15
15
  super();
16
16
  this.transitionName = 'accordion-toggle';
17
+ this.isDevAccordionOptimizationFlagEnabled = false;
17
18
  this.isDevAccordionHeightFixFlagEnabled = false;
19
+ this._resizeObserver = null;
20
+ this._isTransitioning = false;
18
21
  this._resizeDebounceTimer = null;
19
22
  this._mutationDebounceTimer = null;
20
23
  this._mutationObserver = null;
24
+ this._handleResizeObserver = () => {
25
+ if (this._isTransitioning || this.hidden || this.style.height === '0px')
26
+ return;
27
+ this._setOriginalHeightValue(this.scrollHeight);
28
+ };
29
+ this._updateOriginalHeight = () => {
30
+ const previousDisplay = this.style.display;
31
+ this.style.setProperty('display', 'block', 'important');
32
+ this._setOriginalHeightValue(this.scrollHeight);
33
+ this.style.display = previousDisplay;
34
+ };
21
35
  this._handleResize = () => {
22
36
  if (this._resizeDebounceTimer !== null) {
23
37
  window.cancelAnimationFrame(this._resizeDebounceTimer);
@@ -34,61 +48,73 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
34
48
  this.style.setProperty('display', 'block', 'important');
35
49
  this.style.height = 'auto';
36
50
  requestAnimationFrame(() => {
37
- this._setOriginalHeightValue();
51
+ this._setOriginalHeightValue(this.getBoundingClientRect().height);
38
52
  this.style.display = previousDisplay;
39
53
  this.style.height = this.hidden ? '0px' : this._originalHeight;
40
54
  });
41
55
  });
42
56
  };
57
+ this._setOriginalHeightValue = (height) => {
58
+ if (height !== 0 || this.children.length === 0) {
59
+ this._originalHeight = `${height}px`;
60
+ }
61
+ };
43
62
  this._handleMutation = () => {
44
63
  if (this._mutationDebounceTimer !== null) {
45
64
  window.clearTimeout(this._mutationDebounceTimer);
46
65
  }
47
66
  this._mutationDebounceTimer = window.setTimeout(() => {
48
- if (this.isDevAccordionHeightFixFlagEnabled) {
49
- this._forceHeightRecalculation();
50
- }
51
- else {
67
+ requestAnimationFrame(() => {
68
+ this.style.height = 'auto';
52
69
  requestAnimationFrame(() => {
53
- this.style.height = 'auto';
54
- requestAnimationFrame(() => {
55
- this._setOriginalHeightValue();
56
- if (this.hidden) {
57
- this.style.height = '0px';
58
- }
59
- else {
60
- this.style.height = this._originalHeight;
61
- }
62
- });
70
+ this._setOriginalHeightValue(this.getBoundingClientRect().height);
71
+ if (this.hidden) {
72
+ this.style.height = '0px';
73
+ }
74
+ else {
75
+ this.style.height = this._originalHeight;
76
+ }
63
77
  });
64
- }
78
+ });
65
79
  }, MUTATION_DEBOUNCE_MS);
66
80
  };
67
- this._setOriginalHeightValue = () => {
68
- const newHeight = this.getBoundingClientRect().height;
69
- if (newHeight !== 0 || this.children.length === 0) {
70
- this._originalHeight = `${newHeight}px`;
71
- }
72
- };
73
81
  this._expand = () => {
82
+ if (this.isDevAccordionOptimizationFlagEnabled) {
83
+ this._setOriginalHeightValue(this.scrollHeight);
84
+ this._isTransitioning = true;
85
+ }
74
86
  this._setHeight(this._originalHeight);
75
87
  };
76
88
  this._handleTransitionEnd = (e) => {
77
89
  if (e.propertyName !== 'height' || e.target !== this) {
78
90
  return;
79
91
  }
92
+ if (this.isDevAccordionOptimizationFlagEnabled) {
93
+ this._isTransitioning = false;
94
+ }
80
95
  if (!this.hidden && this.style.height !== '0px') {
81
96
  this.style.height = 'auto';
82
97
  }
83
98
  };
84
99
  this._collapse = () => {
100
+ if (this.isDevAccordionOptimizationFlagEnabled) {
101
+ this._isTransitioning = true;
102
+ }
85
103
  const currentHeight = this.getBoundingClientRect().height;
86
104
  this._setHeight(`${currentHeight}px`);
87
- requestAnimationFrame(() => {
105
+ if (this.isDevAccordionOptimizationFlagEnabled) {
106
+ void this.offsetHeight;
88
107
  requestAnimationFrame(() => {
89
108
  this._setHeight('0px');
90
109
  });
91
- });
110
+ }
111
+ else {
112
+ requestAnimationFrame(() => {
113
+ requestAnimationFrame(() => {
114
+ this._setHeight('0px');
115
+ });
116
+ });
117
+ }
92
118
  };
93
119
  this.setAttribute('role', 'region');
94
120
  this._boundHandleTransitionEnd = this._handleTransitionEnd.bind(this);
@@ -99,7 +125,13 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
99
125
  this._contextConsumer = new ContextConsumerController(this);
100
126
  this._transitionController = new TransitionController(this, this.transitionName);
101
127
  this._subscribeObserver();
102
- window.addEventListener('resize', this._handleResize, { passive: true });
128
+ if (this.isDevAccordionOptimizationFlagEnabled) {
129
+ this._resizeObserver = new ResizeObserver(this._handleResizeObserver);
130
+ this._resizeObserver.observe(this);
131
+ }
132
+ else {
133
+ window.addEventListener('resize', this._handleResize, { passive: true });
134
+ }
103
135
  this.addEventListener('transitionend', this._boundHandleTransitionEnd);
104
136
  if (this.isDevAccordionHeightFixFlagEnabled) {
105
137
  this._setupImageLoadListeners();
@@ -107,31 +139,13 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
107
139
  }
108
140
  firstUpdated(props) {
109
141
  super.firstUpdated(props);
110
- this._setStylingOptions();
111
- }
112
- async _subscribeObserver() {
113
- this._accordionGroupProps = await this._contextConsumer.consumeAsync(ACCORDION_CONTEXTS.accordionGroupProps);
114
- this._accordionGroupPropsObserver = new Observer((accordionProps) => {
115
- this._setAttributes(accordionProps);
116
- accordionProps.opened ? this._transitionController.show(this._expand) : this._transitionController.hide(this._collapse);
117
- });
118
- this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
119
- this._mutationObserver = new MutationObserver(this._handleMutation);
120
- this._mutationObserver.observe(this, { childList: true, subtree: true });
121
- }
122
- _forceHeightRecalculation() {
123
- requestAnimationFrame(() => {
124
- this.style.height = 'auto';
125
- requestAnimationFrame(() => {
126
- this._setOriginalHeightValue();
127
- if (this.hidden) {
128
- this.style.height = '0px';
129
- }
130
- else {
131
- this.style.height = this._originalHeight;
132
- }
133
- });
134
- });
142
+ if (this.isDevAccordionOptimizationFlagEnabled) {
143
+ this._updateOriginalHeight();
144
+ this.style.height = this.hidden ? '0px' : this._originalHeight;
145
+ }
146
+ else {
147
+ this._setStylingOptions();
148
+ }
135
149
  }
136
150
  _setupImageLoadListeners() {
137
151
  const images = this.querySelectorAll('img');
@@ -143,7 +157,37 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
143
157
  });
144
158
  }
145
159
  _handleImageLoad() {
146
- this._forceHeightRecalculation();
160
+ if (this.isDevAccordionOptimizationFlagEnabled) {
161
+ if (!this._isTransitioning) {
162
+ this._setOriginalHeightValue(this.scrollHeight);
163
+ }
164
+ }
165
+ else {
166
+ requestAnimationFrame(() => {
167
+ this.style.height = 'auto';
168
+ requestAnimationFrame(() => {
169
+ this._setOriginalHeightValue(this.getBoundingClientRect().height);
170
+ if (this.hidden) {
171
+ this.style.height = '0px';
172
+ }
173
+ else {
174
+ this.style.height = this._originalHeight;
175
+ }
176
+ });
177
+ });
178
+ }
179
+ }
180
+ async _subscribeObserver() {
181
+ this._accordionGroupProps = await this._contextConsumer.consumeAsync(ACCORDION_CONTEXTS.accordionGroupProps);
182
+ this._accordionGroupPropsObserver = new Observer((accordionProps) => {
183
+ this._setAttributes(accordionProps);
184
+ accordionProps.opened ? this._transitionController.show(this._expand) : this._transitionController.hide(this._collapse);
185
+ });
186
+ this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
187
+ if (!this.isDevAccordionOptimizationFlagEnabled) {
188
+ this._mutationObserver = new MutationObserver(this._handleMutation);
189
+ this._mutationObserver.observe(this, { childList: true, subtree: true });
190
+ }
147
191
  }
148
192
  _setHeight(height) {
149
193
  this.style.height = height;
@@ -153,10 +197,22 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
153
197
  this.setAttribute('labelledby', regionId);
154
198
  }
155
199
  disconnectedCallback() {
156
- var _a, _b;
200
+ var _a, _b, _c;
157
201
  super.disconnectedCallback();
158
202
  (_a = this._accordionGroupProps) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._accordionGroupPropsObserver);
159
- (_b = this._mutationObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
203
+ if (this.isDevAccordionOptimizationFlagEnabled) {
204
+ (_b = this._resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
205
+ }
206
+ else {
207
+ (_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
208
+ window.removeEventListener('resize', this._handleResize);
209
+ if (this._resizeDebounceTimer !== null) {
210
+ window.cancelAnimationFrame(this._resizeDebounceTimer);
211
+ }
212
+ if (this._mutationDebounceTimer !== null) {
213
+ window.clearTimeout(this._mutationDebounceTimer);
214
+ }
215
+ }
160
216
  if (this.isDevAccordionHeightFixFlagEnabled) {
161
217
  const images = this.querySelectorAll('img');
162
218
  images.forEach((img) => {
@@ -166,18 +222,16 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
166
222
  }
167
223
  window.removeEventListener('resize', this._handleResize);
168
224
  this.removeEventListener('transitionend', this._boundHandleTransitionEnd);
169
- if (this._resizeDebounceTimer !== null) {
170
- window.cancelAnimationFrame(this._resizeDebounceTimer);
171
- }
172
- if (this._mutationDebounceTimer !== null) {
173
- window.clearTimeout(this._mutationDebounceTimer);
174
- }
175
225
  }
176
226
  };
177
227
  __decorate([
178
228
  property(),
179
229
  __metadata("design:type", Object)
180
230
  ], HAccordionContent.prototype, "transitionName", void 0);
231
+ __decorate([
232
+ property({ type: Boolean, attribute: 'is-dev-accordion-optimization-flag-enabled' }),
233
+ __metadata("design:type", Boolean)
234
+ ], HAccordionContent.prototype, "isDevAccordionOptimizationFlagEnabled", void 0);
181
235
  __decorate([
182
236
  property({ type: Boolean, attribute: 'dev_accordion_height_fix' }),
183
237
  __metadata("design:type", Boolean)
package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/form/search/search.d.ts CHANGED
@@ -6,6 +6,7 @@ export declare class HSearch extends PhoenixLightLitElement {
6
6
  view: string;
7
7
  locale: string;
8
8
  isSearchIconFixEnabled: boolean;
9
+ isSearchUxFixesFlagEnabled: boolean;
9
10
  displayMode: TSearchDisplayMode;
10
11
  moduleInstanceId: string;
11
12
  private _historyContextProvider;
@@ -41,6 +42,7 @@ export declare class HSearch extends PhoenixLightLitElement {
41
42
  private _updateSearchPhrase;
42
43
  private _dispatchEventWithSearchPhrase;
43
44
  private _setupListeners;
45
+ private _handleSubmitForm;
44
46
  private _updateSearchView;
45
47
  private _displaySuggester;
46
48
  private _displayHistorySuggestions;
package/build/esm/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -22,6 +22,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
22
22
  super(...arguments);
23
23
  this.view = DEFAULT_VIEW;
24
24
  this.isSearchIconFixEnabled = false;
25
+ this.isSearchUxFixesFlagEnabled = false;
25
26
  this.displayMode = 'dropdown';
26
27
  this._togglerElement = null;
27
28
  this._id = v4();
@@ -43,6 +44,28 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
43
44
  this._activeItemId = `${this._id}-1`;
44
45
  this._translations = {};
45
46
  this._containerRole = 'grid';
47
+ this._handleSubmitForm = () => {
48
+ if (this._activeItemId !== `${this._id}-1`)
49
+ return;
50
+ const inputFieldValue = this.isSearchUxFixesFlagEnabled ? this._inputField.value.trim() : this._inputField.value;
51
+ if (inputFieldValue === '') {
52
+ this._updateSearchView(this._inputField.value, true);
53
+ if (this.isSearchUxFixesFlagEnabled)
54
+ return;
55
+ }
56
+ else {
57
+ if (!this.isSearchUxFixesFlagEnabled)
58
+ this._resetSearchView();
59
+ }
60
+ if (this.isSearchUxFixesFlagEnabled) {
61
+ const normalizedPhrase = this._inputField.value.trim().replace(/\s+/g, ' ');
62
+ this._inputField.value = normalizedPhrase;
63
+ this._submitSearchPhrase(normalizedPhrase);
64
+ }
65
+ else {
66
+ this._submitSearchPhrase(this._inputField.value);
67
+ }
68
+ };
46
69
  this._bindKeys = (ev) => {
47
70
  if (this.displayMode !== 'dropdown') {
48
71
  this._bindOverlayKeys(ev);
@@ -120,10 +143,10 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
120
143
  var _a;
121
144
  switch (ev.key) {
122
145
  case 'Enter':
146
+ ev.preventDefault();
123
147
  const $searchItem = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest('[data-search-item-id]');
124
148
  if (!$searchItem)
125
149
  return;
126
- ev.preventDefault();
127
150
  this._handleChooseSearchItem($searchItem);
128
151
  break;
129
152
  case 'Escape':
@@ -291,6 +314,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
291
314
  if (!outsideClick)
292
315
  return;
293
316
  this._resetSearchView();
317
+ this.isSearchUxFixesFlagEnabled && this._removeSearchKeyboardNavigation();
294
318
  };
295
319
  this._switchTypeOfSearchView = () => {
296
320
  var _a;
@@ -459,20 +483,11 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
459
483
  this._inputField.value = '';
460
484
  this._updateSearchView('', false);
461
485
  });
462
- this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.submit, () => {
463
- if (this._activeItemId !== `${this._id}-1`)
464
- return;
465
- if (this._inputField.value === '') {
466
- this._updateSearchView(this._inputField.value, true);
467
- }
468
- else {
469
- this._resetSearchView();
470
- }
471
- this._submitSearchPhrase(this._inputField.value);
472
- });
486
+ this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.submit, this._handleSubmitForm);
473
487
  this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.close, () => {
474
488
  this.classList.remove(SEARCH_CLASS_NAMES.mobileOpened);
475
489
  this._resetSearchView();
490
+ this.isSearchUxFixesFlagEnabled && this._removeSearchKeyboardNavigation();
476
491
  });
477
492
  this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.loadMoreHistoryItems, () => {
478
493
  const contentLength = this._searchHistory.length;
@@ -581,7 +596,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
581
596
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(SEARCH_CLASS_NAMES.outline);
582
597
  if (this.displayMode === 'dropdown')
583
598
  this._hideHistorySuggestionsAndResults();
584
- this._removeSearchKeyboardNavigation();
599
+ !this.isSearchUxFixesFlagEnabled && this._removeSearchKeyboardNavigation();
585
600
  }
586
601
  _submitSearchPhrase(searchPhrase) {
587
602
  this._dispatchEventWithSearchPhrase(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, searchPhrase);
@@ -673,6 +688,10 @@ __decorate([
673
688
  property({ type: Boolean, attribute: 'is-search-icon-fix-enabled' }),
674
689
  __metadata("design:type", Boolean)
675
690
  ], HSearch.prototype, "isSearchIconFixEnabled", void 0);
691
+ __decorate([
692
+ property({ type: Boolean, attribute: 'is-search-ux-fixes-flag-enabled' }),
693
+ __metadata("design:type", Boolean)
694
+ ], HSearch.prototype, "isSearchUxFixesFlagEnabled", void 0);
676
695
  __decorate([
677
696
  property({ type: String, attribute: 'display-mode' }),
678
697
  __metadata("design:type", String)
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;"}
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;"}
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history_remove.js CHANGED
@@ -8,7 +8,8 @@ import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_
8
8
  let HSearchHistoryRemove = class HSearchHistoryRemove extends PhoenixLightLitElement {
9
9
  constructor() {
10
10
  super();
11
- this._dispatchRemoveHistoryItemEvent = () => {
11
+ this._dispatchRemoveHistoryItemEvent = (ev) => {
12
+ ev.stopPropagation();
12
13
  this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.removeHistoryItem, {
13
14
  detail: {
14
15
  id: this.historyItemId
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history_remove.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/select/components/toggler/select_toggler.js CHANGED
@@ -68,7 +68,7 @@ let HSelectToggler = class HSelectToggler extends PhoenixLightLitElement {
68
68
  return html `
69
69
  ${observe(this.selectedOptions$, (selectOptions) => {
70
70
  var _a;
71
- if (!selectOptions.length || selectOptions[0].isPlaceholder) {
71
+ if (!selectOptions.length) {
72
72
  return html `${(_a = this.getSlot(SELECT_INPUT_PLACEHOLDER_SLOT_NAME)) !== null && _a !== void 0 ? _a : html `<span class=${SELECT_TOGGLER_CSS_CLASSES.selectTogglerPlaceholder}>Select</span>`}`;
73
73
  }
74
74
  return html ` <ul class=${SELECT_TOGGLER_CSS_CLASSES.selectTogglerValues}>
package/build/esm/packages/phoenix/src/components/form/select/select.d.ts CHANGED
@@ -25,7 +25,6 @@ export declare class HSelect extends PhoenixLightLitElement {
25
25
  assistiveTitleId: string;
26
26
  isDevSelectPlaceholderFlagEnabled: boolean;
27
27
  isReactiveSelectionFlagEnabled: boolean;
28
- isDevSelectPlaceholderTranslationFlagEnabled: boolean;
29
28
  translations: Record<string, string>;
30
29
  private _selectOptionsId;
31
30
  get selectedIndex(): number;
@@ -55,11 +54,6 @@ export declare class HSelect extends PhoenixLightLitElement {
55
54
  private _focusElementAfterSelectOpened;
56
55
  connectedCallback(): void;
57
56
  firstUpdated(changedProperties: PropertyValues): void;
58
- private _initializePlaceholder;
59
- private _extractPlaceholderFromTogglerSlot;
60
- private _findPlaceholder;
61
- private _updateExistingPlaceholderContent;
62
- private _injectPlaceholderContent;
63
57
  attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
64
58
  private _updateOptions;
65
59
  private _getOptions;
package/build/esm/packages/phoenix/src/components/form/select/select.js CHANGED
@@ -30,7 +30,7 @@ import { SelectTogglerKeyboardController } from './controllers/select_toggler_ke
30
30
 
31
31
  let HSelect = class HSelect extends PhoenixLightLitElement {
32
32
  constructor() {
33
- var _a, _b;
33
+ var _a;
34
34
  super();
35
35
  this.multiple = false;
36
36
  this.opened = false;
@@ -41,7 +41,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
41
41
  this.assistiveTitleId = '';
42
42
  this.isDevSelectPlaceholderFlagEnabled = false;
43
43
  this.isReactiveSelectionFlagEnabled = false;
44
- this.isDevSelectPlaceholderTranslationFlagEnabled = false;
45
44
  this.translations = {};
46
45
  this._selectOptionsId = v4();
47
46
  this._searchValue = '';
@@ -182,10 +181,8 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
182
181
  };
183
182
  const $options = Array.from(this.querySelectorAll(SELECT_RELATED_COMPONENTS_NAMES.option));
184
183
  $options.forEach(($option) => $option.setAttribute('slot', SELECT_SLOT_NAMES.content));
185
- if (!this.isDevSelectPlaceholderTranslationFlagEnabled) {
186
- const $placeholderEl = (_a = this.querySelector(`[slot="${SELECT_INPUT_PLACEHOLDER_SLOT_NAME}"]`)) === null || _a === void 0 ? void 0 : _a.cloneNode(true);
187
- this.$placeholder = ($placeholderEl && ((_b = $placeholderEl.textContent) === null || _b === void 0 ? void 0 : _b.trim())) ? $placeholderEl : 'Select';
188
- }
184
+ const $placeholderEl = this.querySelector(`[slot="${SELECT_INPUT_PLACEHOLDER_SLOT_NAME}"]`);
185
+ this.$placeholder = $placeholderEl && ((_a = $placeholderEl.textContent) === null || _a === void 0 ? void 0 : _a.trim()) ? $placeholderEl : 'Select';
189
186
  if (this.multiple)
190
187
  this.type = SELECT_TYPES.multiple;
191
188
  }
@@ -289,63 +286,10 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
289
286
  }
290
287
  firstUpdated(changedProperties) {
291
288
  super.firstUpdated(changedProperties);
292
- if (this.isDevSelectPlaceholderTranslationFlagEnabled) {
293
- this._initializePlaceholder();
294
- }
295
289
  if (this.isReactiveSelectionFlagEnabled) {
296
290
  this._setupMutationObserver();
297
291
  }
298
292
  }
299
- _initializePlaceholder() {
300
- var _a;
301
- this.$placeholder = (_a = this._extractPlaceholderFromTogglerSlot()) !== null && _a !== void 0 ? _a : 'Select';
302
- this._updateExistingPlaceholderContent();
303
- this._updateOptions();
304
- }
305
- _extractPlaceholderFromTogglerSlot() {
306
- var _a;
307
- if (!this.hasSlot(SELECT_SLOT_NAMES.toggler)) {
308
- return null;
309
- }
310
- const togglerTemplates = this.getSlot(SELECT_SLOT_NAMES.toggler);
311
- if (!Array.isArray(togglerTemplates) || togglerTemplates.length === 0) {
312
- return null;
313
- }
314
- const togglerElement = (_a = togglerTemplates[0].values) === null || _a === void 0 ? void 0 : _a[0];
315
- if (!togglerElement) {
316
- return null;
317
- }
318
- return this._findPlaceholder(togglerElement);
319
- }
320
- _findPlaceholder(container) {
321
- var _a;
322
- if (typeof container.querySelector !== 'function') {
323
- return null;
324
- }
325
- const $placeholder = container.querySelector(`[slot="${SELECT_INPUT_PLACEHOLDER_SLOT_NAME}"]`);
326
- const containerFallback = ((_a = container.textContent) === null || _a === void 0 ? void 0 : _a.trim()) ? container : null;
327
- return $placeholder || containerFallback;
328
- }
329
- _updateExistingPlaceholderContent() {
330
- const $existingPlaceholderOption = this.querySelector('h-option[placeholder]');
331
- if (!$existingPlaceholderOption)
332
- return;
333
- const $content = $existingPlaceholderOption.querySelector(SELECT_RELATED_COMPONENTS_NAMES.optionContent);
334
- if (!$content)
335
- return;
336
- $content.replaceChildren();
337
- this._injectPlaceholderContent($content, this.$placeholder);
338
- }
339
- _injectPlaceholderContent(container, placeholder) {
340
- if (typeof placeholder === 'string') {
341
- container.textContent = placeholder;
342
- return;
343
- }
344
- if (placeholder instanceof Node) {
345
- const clonedChildren = Array.from(placeholder.childNodes).map(node => node.cloneNode(true));
346
- container.append(...clonedChildren);
347
- }
348
- }
349
293
  attributeChangedCallback(name, _old, value) {
350
294
  super.attributeChangedCallback(name, _old, value);
351
295
  switch (name) {
@@ -380,18 +324,13 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
380
324
  $option.setAttribute('placeholder', 'true');
381
325
  $option.setAttribute('slot', SELECT_SLOT_NAMES.content);
382
326
  const $content = document.createElement(SELECT_RELATED_COMPONENTS_NAMES.optionContent);
383
- if (this.isDevSelectPlaceholderTranslationFlagEnabled) {
384
- this._injectPlaceholderContent($content, this.$placeholder);
327
+ if (typeof this.$placeholder === 'string') {
328
+ $content.textContent = this.$placeholder;
385
329
  }
386
- else {
387
- if (typeof this.$placeholder === 'string') {
388
- $content.textContent = this.$placeholder;
389
- }
390
- else if (this.$placeholder instanceof Node) {
391
- Array.from(this.$placeholder.childNodes).forEach((node) => {
392
- $content.appendChild(node.cloneNode(true));
393
- });
394
- }
330
+ else if (this.$placeholder instanceof Node) {
331
+ Array.from(this.$placeholder.childNodes).forEach((node) => {
332
+ $content.appendChild(node.cloneNode(true));
333
+ });
395
334
  }
396
335
  $option.appendChild($content);
397
336
  return $option;
@@ -698,10 +637,6 @@ __decorate([
698
637
  property({ type: Boolean, attribute: 'is-reactive-selection-flag-enabled' }),
699
638
  __metadata("design:type", Boolean)
700
639
  ], HSelect.prototype, "isReactiveSelectionFlagEnabled", void 0);
701
- __decorate([
702
- property({ type: Boolean, attribute: 'is-dev-select-placeholder-translation-flag-enabled' }),
703
- __metadata("design:type", Boolean)
704
- ], HSelect.prototype, "isDevSelectPlaceholderTranslationFlagEnabled", void 0);
705
640
  __decorate([
706
641
  property({
707
642
  converter: {
@@ -727,10 +662,6 @@ __decorate([
727
662
  state(),
728
663
  __metadata("design:type", String)
729
664
  ], HSelect.prototype, "_searchValue", void 0);
730
- __decorate([
731
- state(),
732
- __metadata("design:type", Object)
733
- ], HSelect.prototype, "$placeholder", void 0);
734
665
  HSelect = __decorate([
735
666
  phoenixCustomElement('h-select'),
736
667
  __metadata("design:paramtypes", [])
package/build/esm/packages/phoenix/src/components/form/select/select.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;AACA;AACA;AACA,eAAe,wDAA4D;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,wDAA4D;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/index.d.ts CHANGED
@@ -7,6 +7,7 @@ export { TSelectOption } from "./components/form/select/model/select_option_type
7
7
  export { HFile } from "./components/form/file_picker/file/file";
8
8
  export { HFilePicker } from "./components/form/file_picker/file_picker";
9
9
  export { HFilePickerLabel } from "./components/form/file_picker/file_picker_label";
10
+ export { FILE_ITEM_EVENT_NAMES } from "./components/form/file_picker/file_picker_constants";
10
11
  export { DEFAULT_SLOT_NAME } from "./core/phoenix_light_lit_element/phoenix_light_lit_elements_constants";
11
12
  export { IPhoenixWebComponentClass } from "./global_types";
12
13
  export { ContextProviderController } from "./core/context/context_provider_controller";
package/build/esm/packages/phoenix/src/index.js CHANGED
@@ -24,6 +24,7 @@ export { RelativePositionController } from './controllers/relative_position_cont
24
24
  export { HDropdown } from './components/dropdown/dropdown.js';
25
25
  export { SelectControlUtils } from './components/form/select/select_utils.js';
26
26
  export { HSelect } from './components/form/select/select.js';
27
+ export { FILE_ITEM_EVENT_NAMES } from './components/form/file_picker/file_picker_constants.js';
27
28
  export { HFile } from './components/form/file_picker/file/file.js';
28
29
  export { INPUT_CONTROL_CSS_CLASSES, INPUT_CONTROL_EVENTS, INPUT_CONTROL_SIZES, INPUT_CONTROL_TYPES, INPUT_PROPS_TO_SYNC } from './components/form/input/input_constants.js';
29
30
  export { HFilePicker } from './components/form/file_picker/file_picker.js';
package/build/esm/packages/phoenix/src/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.22-2",
5
+ "version": "1.18.22-5",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",