@shoper/phoenix_design_system 1.18.22-0 → 1.18.22-2

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