@shoper/phoenix_design_system 1.18.11-8 → 1.18.11-9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js +10 -53
  2. package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/select/select.js +35 -5
  4. package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
  5. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.d.ts +0 -4
  6. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +10 -53
  7. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
  8. package/build/esm/packages/phoenix/src/components/form/select/select.d.ts +3 -0
  9. package/build/esm/packages/phoenix/src/components/form/select/select.js +35 -5
  10. package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
  11. package/package.json +1 -1
  12. package/build/cjs/packages/phoenix/src/utilities/feature_flag_utils.js +0 -26
  13. package/build/cjs/packages/phoenix/src/utilities/feature_flag_utils.js.map +0 -1
  14. package/build/esm/packages/phoenix/src/utilities/feature_flag_utils.d.ts +0 -6
  15. package/build/esm/packages/phoenix/src/utilities/feature_flag_utils.js +0 -22
  16. package/build/esm/packages/phoenix/src/utilities/feature_flag_utils.js.map +0 -1
package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js CHANGED
@@ -11,7 +11,6 @@ var observer = require('../../core/classes/observer/observer.js');
11
11
  var context_consumer_controller = require('../../core/context/context_consumer_controller.js');
12
12
  var accordion_constants = require('./accordion_constants.js');
13
13
  var transition_controller = require('../../controllers/transition_controller/transition_controller.js');
14
- var feature_flag_utils = require('../../utilities/feature_flag_utils.js');
15
14
 
16
15
  const RESIZE_DEBOUNCE_MS = 150;
17
16
  const MUTATION_DEBOUNCE_MS = 100;
@@ -49,23 +48,18 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
49
48
  window.clearTimeout(this._mutationDebounceTimer);
50
49
  }
51
50
  this._mutationDebounceTimer = window.setTimeout(() => {
52
- if (feature_flag_utils.FeatureFlagUtils.isEnabled('dev_accordion_height_fix')) {
53
- this._forceHeightRecalculation();
54
- }
55
- else {
51
+ requestAnimationFrame(() => {
52
+ this.style.height = 'auto';
56
53
  requestAnimationFrame(() => {
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
- });
54
+ this._setOriginalHeightValue();
55
+ if (this.hidden) {
56
+ this.style.height = '0px';
57
+ }
58
+ else {
59
+ this.style.height = this._originalHeight;
60
+ }
67
61
  });
68
- }
62
+ });
69
63
  }, MUTATION_DEBOUNCE_MS);
70
64
  };
71
65
  this._setOriginalHeightValue = () => {
@@ -96,7 +90,6 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
96
90
  };
97
91
  this.setAttribute('role', 'region');
98
92
  this._boundHandleTransitionEnd = this._handleTransitionEnd.bind(this);
99
- this._boundHandleImageLoad = this._handleImageLoad.bind(this);
100
93
  }
101
94
  connectedCallback() {
102
95
  super.connectedCallback();
@@ -105,9 +98,6 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
105
98
  this._subscribeObserver();
106
99
  window.addEventListener('resize', this._handleResize, { passive: true });
107
100
  this.addEventListener('transitionend', this._boundHandleTransitionEnd);
108
- if (feature_flag_utils.FeatureFlagUtils.isEnabled('dev_accordion_height_fix')) {
109
- this._setupImageLoadListeners();
110
- }
111
101
  }
112
102
  firstUpdated(props) {
113
103
  super.firstUpdated(props);
@@ -123,32 +113,6 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
123
113
  this._mutationObserver = new MutationObserver(this._handleMutation);
124
114
  this._mutationObserver.observe(this, { childList: true, subtree: true });
125
115
  }
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
- });
139
- }
140
- _setupImageLoadListeners() {
141
- const images = this.querySelectorAll('img');
142
- images.forEach((img) => {
143
- if (!img.complete) {
144
- img.addEventListener('load', this._boundHandleImageLoad, { once: true });
145
- img.addEventListener('error', this._boundHandleImageLoad, { once: true });
146
- }
147
- });
148
- }
149
- _handleImageLoad() {
150
- this._forceHeightRecalculation();
151
- }
152
116
  _setHeight(height) {
153
117
  this.style.height = height;
154
118
  }
@@ -161,13 +125,6 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
161
125
  super.disconnectedCallback();
162
126
  (_a = this._accordionGroupProps) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._accordionGroupPropsObserver);
163
127
  (_b = this._mutationObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
164
- if (feature_flag_utils.FeatureFlagUtils.isEnabled('dev_accordion_height_fix')) {
165
- const images = this.querySelectorAll('img');
166
- images.forEach((img) => {
167
- img.removeEventListener('load', this._boundHandleImageLoad);
168
- img.removeEventListener('error', this._boundHandleImageLoad);
169
- });
170
- }
171
128
  window.removeEventListener('resize', this._handleResize);
172
129
  this.removeEventListener('transitionend', this._boundHandleTransitionEnd);
173
130
  if (this._resizeDebounceTimer !== null) {
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;"}
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;"}
package/build/cjs/packages/phoenix/src/components/form/select/select.js CHANGED
@@ -44,6 +44,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
44
44
  this.noDeselect = false;
45
45
  this.assistiveTitleId = '';
46
46
  this.isDevSelectPlaceholderFlagEnabled = false;
47
+ this.isReactiveSelectionFlagEnabled = false;
47
48
  this.translations = {};
48
49
  this._selectOptionsId = v4['default']();
49
50
  this._searchValue = '';
@@ -185,7 +186,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
185
186
  const $options = Array.from(this.querySelectorAll(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.option));
186
187
  $options.forEach(($option) => $option.setAttribute('slot', select_constants.SELECT_SLOT_NAMES.content));
187
188
  const $placeholderEl = this.querySelector(`[slot="${select_components_constatns.SELECT_INPUT_PLACEHOLDER_SLOT_NAME}"]`);
188
- this.$placeholder = ($placeholderEl && ((_a = $placeholderEl.textContent) === null || _a === void 0 ? void 0 : _a.trim())) ? $placeholderEl : 'Select';
189
+ this.$placeholder = $placeholderEl && ((_a = $placeholderEl.textContent) === null || _a === void 0 ? void 0 : _a.trim()) ? $placeholderEl : 'Select';
189
190
  if (this.multiple)
190
191
  this.type = select_constants.SELECT_TYPES.multiple;
191
192
  }
@@ -286,6 +287,9 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
286
287
  this._addPlaceholderOptionIfNeeded();
287
288
  }
288
289
  this._setupEvents();
290
+ if (this.isReactiveSelectionFlagEnabled) {
291
+ this._setupMutationObserver();
292
+ }
289
293
  }
290
294
  attributeChangedCallback(name, _old, value) {
291
295
  super.attributeChangedCallback(name, _old, value);
@@ -325,7 +329,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
325
329
  $content.textContent = this.$placeholder;
326
330
  }
327
331
  else if (this.$placeholder instanceof Node) {
328
- Array.from(this.$placeholder.childNodes).forEach(node => {
332
+ Array.from(this.$placeholder.childNodes).forEach((node) => {
329
333
  $content.appendChild(node.cloneNode(true));
330
334
  });
331
335
  }
@@ -345,6 +349,26 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
345
349
  this.addEventListener(select_constants.SELECT_EVENT_NAMES.deselectOption, this._handleOptionDeselect);
346
350
  this.addEventListener(select_components_constatns.SELECT_CLOSE_BTN_EVENT_NAMES.close, this._closeSelect);
347
351
  }
352
+ _setupMutationObserver() {
353
+ this._optionsMutationObserver = new MutationObserver((mutations) => {
354
+ var _a;
355
+ let shouldUpdate = false;
356
+ for (const mutation of mutations) {
357
+ const target = mutation.target;
358
+ if (mutation.type === 'attributes' && mutation.attributeName === 'selected' && ((_a = target.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'h-option') {
359
+ shouldUpdate = true;
360
+ break;
361
+ }
362
+ }
363
+ if (shouldUpdate)
364
+ this._updateOptions();
365
+ });
366
+ this._optionsMutationObserver.observe(this, {
367
+ attributes: true,
368
+ attributeFilter: ['selected'],
369
+ subtree: true
370
+ });
371
+ }
348
372
  _appendNewHTMLOption(option, position) {
349
373
  const $list = this._$optionsList.value;
350
374
  if (!$list)
@@ -405,9 +429,11 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
405
429
  this._selectController.select(option);
406
430
  }
407
431
  disconnectedCallback() {
432
+ var _a;
408
433
  super.disconnectedCallback();
409
434
  this._selectController.options$.unsubscribe(this._optionsObserver);
410
435
  this._$options.clear();
436
+ (_a = this._optionsMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
411
437
  }
412
438
  _getClonedPlaceholderElement() {
413
439
  return this.$placeholder instanceof HTMLElement ? this.$placeholder.cloneNode(true) : this.$placeholder;
@@ -459,9 +485,9 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
459
485
  <h-select-close-btn class="${select_constants.SELECT_CSS_CLASSES.selectCloseMobileButton}" @close=${this._closeSelect}></h-select-close-btn>
460
486
 
461
487
  <div class=${select_constants.SELECT_CSS_CLASSES.selectLabel}>
462
- ${this.isDevSelectPlaceholderFlagEnabled ?
463
- (_b = this.$searchLabel) === null || _b === void 0 ? void 0 : _b.cloneNode(true) :
464
- lit.html `${this._getClonedPlaceholderElement()}`}
488
+ ${this.isDevSelectPlaceholderFlagEnabled
489
+ ? (_b = this.$searchLabel) === null || _b === void 0 ? void 0 : _b.cloneNode(true)
490
+ : lit.html `${this._getClonedPlaceholderElement()}`}
465
491
  </div>
466
492
 
467
493
  ${isSearchEnabled
@@ -581,6 +607,10 @@ tslib_es6.__decorate([
581
607
  decorators_js.property({ type: Boolean, attribute: 'is-dev-select-placeholder-flag-enabled' }),
582
608
  tslib_es6.__metadata("design:type", Boolean)
583
609
  ], exports.HSelect.prototype, "isDevSelectPlaceholderFlagEnabled", void 0);
610
+ tslib_es6.__decorate([
611
+ decorators_js.property({ type: Boolean, attribute: 'is-reactive-selection-flag-enabled' }),
612
+ tslib_es6.__metadata("design:type", Boolean)
613
+ ], exports.HSelect.prototype, "isReactiveSelectionFlagEnabled", void 0);
584
614
  tslib_es6.__decorate([
585
615
  decorators_js.property({
586
616
  converter: {
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;"}
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;"}
package/build/esm/packages/phoenix/src/components/accordion/accordion_content.d.ts CHANGED
@@ -11,7 +11,6 @@ export declare class HAccordionContent extends PhoenixLightLitElement {
11
11
  private _mutationDebounceTimer;
12
12
  private _mutationObserver;
13
13
  private _boundHandleTransitionEnd;
14
- private _boundHandleImageLoad;
15
14
  constructor();
16
15
  connectedCallback(): void;
17
16
  firstUpdated(props: PropertyValues): void;
@@ -19,9 +18,6 @@ export declare class HAccordionContent extends PhoenixLightLitElement {
19
18
  private _setStylingOptions;
20
19
  private _subscribeObserver;
21
20
  private _handleMutation;
22
- private _forceHeightRecalculation;
23
- private _setupImageLoadListeners;
24
- private _handleImageLoad;
25
21
  private _setOriginalHeightValue;
26
22
  private _expand;
27
23
  private _handleTransitionEnd;
package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js CHANGED
@@ -7,7 +7,6 @@ import { Observer } from '../../core/classes/observer/observer.js';
7
7
  import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
8
8
  import { ACCORDION_CONTEXTS } from './accordion_constants.js';
9
9
  import { TransitionController } from '../../controllers/transition_controller/transition_controller.js';
10
- import { FeatureFlagUtils } from '../../utilities/feature_flag_utils.js';
11
10
 
12
11
  const RESIZE_DEBOUNCE_MS = 150;
13
12
  const MUTATION_DEBOUNCE_MS = 100;
@@ -45,23 +44,18 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
45
44
  window.clearTimeout(this._mutationDebounceTimer);
46
45
  }
47
46
  this._mutationDebounceTimer = window.setTimeout(() => {
48
- if (FeatureFlagUtils.isEnabled('dev_accordion_height_fix')) {
49
- this._forceHeightRecalculation();
50
- }
51
- else {
47
+ requestAnimationFrame(() => {
48
+ this.style.height = 'auto';
52
49
  requestAnimationFrame(() => {
53
- this.style.height = 'auto';
54
- requestAnimationFrame(() => {
55
- this._setOriginalHeightValue();
56
- if (this.hidden) {
57
- this.style.height = '0px';
58
- }
59
- else {
60
- this.style.height = this._originalHeight;
61
- }
62
- });
50
+ this._setOriginalHeightValue();
51
+ if (this.hidden) {
52
+ this.style.height = '0px';
53
+ }
54
+ else {
55
+ this.style.height = this._originalHeight;
56
+ }
63
57
  });
64
- }
58
+ });
65
59
  }, MUTATION_DEBOUNCE_MS);
66
60
  };
67
61
  this._setOriginalHeightValue = () => {
@@ -92,7 +86,6 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
92
86
  };
93
87
  this.setAttribute('role', 'region');
94
88
  this._boundHandleTransitionEnd = this._handleTransitionEnd.bind(this);
95
- this._boundHandleImageLoad = this._handleImageLoad.bind(this);
96
89
  }
97
90
  connectedCallback() {
98
91
  super.connectedCallback();
@@ -101,9 +94,6 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
101
94
  this._subscribeObserver();
102
95
  window.addEventListener('resize', this._handleResize, { passive: true });
103
96
  this.addEventListener('transitionend', this._boundHandleTransitionEnd);
104
- if (FeatureFlagUtils.isEnabled('dev_accordion_height_fix')) {
105
- this._setupImageLoadListeners();
106
- }
107
97
  }
108
98
  firstUpdated(props) {
109
99
  super.firstUpdated(props);
@@ -119,32 +109,6 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
119
109
  this._mutationObserver = new MutationObserver(this._handleMutation);
120
110
  this._mutationObserver.observe(this, { childList: true, subtree: true });
121
111
  }
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
- });
135
- }
136
- _setupImageLoadListeners() {
137
- const images = this.querySelectorAll('img');
138
- images.forEach((img) => {
139
- if (!img.complete) {
140
- img.addEventListener('load', this._boundHandleImageLoad, { once: true });
141
- img.addEventListener('error', this._boundHandleImageLoad, { once: true });
142
- }
143
- });
144
- }
145
- _handleImageLoad() {
146
- this._forceHeightRecalculation();
147
- }
148
112
  _setHeight(height) {
149
113
  this.style.height = height;
150
114
  }
@@ -157,13 +121,6 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
157
121
  super.disconnectedCallback();
158
122
  (_a = this._accordionGroupProps) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._accordionGroupPropsObserver);
159
123
  (_b = this._mutationObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
160
- if (FeatureFlagUtils.isEnabled('dev_accordion_height_fix')) {
161
- const images = this.querySelectorAll('img');
162
- images.forEach((img) => {
163
- img.removeEventListener('load', this._boundHandleImageLoad);
164
- img.removeEventListener('error', this._boundHandleImageLoad);
165
- });
166
- }
167
124
  window.removeEventListener('resize', this._handleResize);
168
125
  this.removeEventListener('transitionend', this._boundHandleTransitionEnd);
169
126
  if (this._resizeDebounceTimer !== null) {
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;"}
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;"}
package/build/esm/packages/phoenix/src/components/form/select/select.d.ts CHANGED
@@ -24,6 +24,7 @@ export declare class HSelect extends PhoenixLightLitElement {
24
24
  noDeselect: boolean;
25
25
  assistiveTitleId: string;
26
26
  isDevSelectPlaceholderFlagEnabled: boolean;
27
+ isReactiveSelectionFlagEnabled: boolean;
27
28
  translations: Record<string, string>;
28
29
  private _selectOptionsId;
29
30
  get selectedIndex(): number;
@@ -47,6 +48,7 @@ export declare class HSelect extends PhoenixLightLitElement {
47
48
  private _selectedOptionsAriaObserver;
48
49
  private $placeholder;
49
50
  private $searchLabel;
51
+ private _optionsMutationObserver?;
50
52
  constructor();
51
53
  updated(changedProperties: PropertyValues): void;
52
54
  private _focusElementAfterSelectOpened;
@@ -59,6 +61,7 @@ export declare class HSelect extends PhoenixLightLitElement {
59
61
  private _createPlaceholderOption;
60
62
  private _injectOptionIntoDOM;
61
63
  private _setupEvents;
64
+ private _setupMutationObserver;
62
65
  private _handleOptionDeselect;
63
66
  private _updateOptionsView;
64
67
  private _updateLabelAria;
package/build/esm/packages/phoenix/src/components/form/select/select.js CHANGED
@@ -40,6 +40,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
40
40
  this.noDeselect = false;
41
41
  this.assistiveTitleId = '';
42
42
  this.isDevSelectPlaceholderFlagEnabled = false;
43
+ this.isReactiveSelectionFlagEnabled = false;
43
44
  this.translations = {};
44
45
  this._selectOptionsId = v4();
45
46
  this._searchValue = '';
@@ -181,7 +182,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
181
182
  const $options = Array.from(this.querySelectorAll(SELECT_RELATED_COMPONENTS_NAMES.option));
182
183
  $options.forEach(($option) => $option.setAttribute('slot', SELECT_SLOT_NAMES.content));
183
184
  const $placeholderEl = this.querySelector(`[slot="${SELECT_INPUT_PLACEHOLDER_SLOT_NAME}"]`);
184
- this.$placeholder = ($placeholderEl && ((_a = $placeholderEl.textContent) === null || _a === void 0 ? void 0 : _a.trim())) ? $placeholderEl : 'Select';
185
+ this.$placeholder = $placeholderEl && ((_a = $placeholderEl.textContent) === null || _a === void 0 ? void 0 : _a.trim()) ? $placeholderEl : 'Select';
185
186
  if (this.multiple)
186
187
  this.type = SELECT_TYPES.multiple;
187
188
  }
@@ -282,6 +283,9 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
282
283
  this._addPlaceholderOptionIfNeeded();
283
284
  }
284
285
  this._setupEvents();
286
+ if (this.isReactiveSelectionFlagEnabled) {
287
+ this._setupMutationObserver();
288
+ }
285
289
  }
286
290
  attributeChangedCallback(name, _old, value) {
287
291
  super.attributeChangedCallback(name, _old, value);
@@ -321,7 +325,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
321
325
  $content.textContent = this.$placeholder;
322
326
  }
323
327
  else if (this.$placeholder instanceof Node) {
324
- Array.from(this.$placeholder.childNodes).forEach(node => {
328
+ Array.from(this.$placeholder.childNodes).forEach((node) => {
325
329
  $content.appendChild(node.cloneNode(true));
326
330
  });
327
331
  }
@@ -341,6 +345,26 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
341
345
  this.addEventListener(SELECT_EVENT_NAMES.deselectOption, this._handleOptionDeselect);
342
346
  this.addEventListener(SELECT_CLOSE_BTN_EVENT_NAMES.close, this._closeSelect);
343
347
  }
348
+ _setupMutationObserver() {
349
+ this._optionsMutationObserver = new MutationObserver((mutations) => {
350
+ var _a;
351
+ let shouldUpdate = false;
352
+ for (const mutation of mutations) {
353
+ const target = mutation.target;
354
+ if (mutation.type === 'attributes' && mutation.attributeName === 'selected' && ((_a = target.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'h-option') {
355
+ shouldUpdate = true;
356
+ break;
357
+ }
358
+ }
359
+ if (shouldUpdate)
360
+ this._updateOptions();
361
+ });
362
+ this._optionsMutationObserver.observe(this, {
363
+ attributes: true,
364
+ attributeFilter: ['selected'],
365
+ subtree: true
366
+ });
367
+ }
344
368
  _appendNewHTMLOption(option, position) {
345
369
  const $list = this._$optionsList.value;
346
370
  if (!$list)
@@ -401,9 +425,11 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
401
425
  this._selectController.select(option);
402
426
  }
403
427
  disconnectedCallback() {
428
+ var _a;
404
429
  super.disconnectedCallback();
405
430
  this._selectController.options$.unsubscribe(this._optionsObserver);
406
431
  this._$options.clear();
432
+ (_a = this._optionsMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
407
433
  }
408
434
  _getClonedPlaceholderElement() {
409
435
  return this.$placeholder instanceof HTMLElement ? this.$placeholder.cloneNode(true) : this.$placeholder;
@@ -455,9 +481,9 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
455
481
  <h-select-close-btn class="${SELECT_CSS_CLASSES.selectCloseMobileButton}" @close=${this._closeSelect}></h-select-close-btn>
456
482
 
457
483
  <div class=${SELECT_CSS_CLASSES.selectLabel}>
458
- ${this.isDevSelectPlaceholderFlagEnabled ?
459
- (_b = this.$searchLabel) === null || _b === void 0 ? void 0 : _b.cloneNode(true) :
460
- html `${this._getClonedPlaceholderElement()}`}
484
+ ${this.isDevSelectPlaceholderFlagEnabled
485
+ ? (_b = this.$searchLabel) === null || _b === void 0 ? void 0 : _b.cloneNode(true)
486
+ : html `${this._getClonedPlaceholderElement()}`}
461
487
  </div>
462
488
 
463
489
  ${isSearchEnabled
@@ -577,6 +603,10 @@ __decorate([
577
603
  property({ type: Boolean, attribute: 'is-dev-select-placeholder-flag-enabled' }),
578
604
  __metadata("design:type", Boolean)
579
605
  ], HSelect.prototype, "isDevSelectPlaceholderFlagEnabled", void 0);
606
+ __decorate([
607
+ property({ type: Boolean, attribute: 'is-reactive-selection-flag-enabled' }),
608
+ __metadata("design:type", Boolean)
609
+ ], HSelect.prototype, "isReactiveSelectionFlagEnabled", void 0);
580
610
  __decorate([
581
611
  property({
582
612
  converter: {
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;"}
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;"}
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.11-8",
5
+ "version": "1.18.11-9",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",
package/build/cjs/packages/phoenix/src/utilities/feature_flag_utils.js DELETED
@@ -1,26 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var utilities = require('@dreamcommerce/utilities');
6
-
7
- class FeatureFlagUtils {
8
- static _initialize() {
9
- if (this._flags !== null)
10
- return;
11
- const $script = document.getElementById('featureFlags');
12
- this._flags = $script ? this._toObjectFromJsonScriptTag($script) : null;
13
- }
14
- static _toObjectFromJsonScriptTag(scriptTag) {
15
- const scriptContent = scriptTag.textContent;
16
- return utilities.JsonUtils.fromJson(scriptContent) || {};
17
- }
18
- static isEnabled(flagName) {
19
- this._initialize();
20
- return this._flags ? !!this._flags[flagName] : false;
21
- }
22
- }
23
- FeatureFlagUtils._flags = null;
24
-
25
- exports.FeatureFlagUtils = FeatureFlagUtils;
26
- //# sourceMappingURL=feature_flag_utils.js.map
package/build/cjs/packages/phoenix/src/utilities/feature_flag_utils.js.map DELETED
@@ -1 +0,0 @@
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;"}
package/build/esm/packages/phoenix/src/utilities/feature_flag_utils.d.ts DELETED
@@ -1,6 +0,0 @@
1
- export declare abstract class FeatureFlagUtils {
2
- private static _flags;
3
- private static _initialize;
4
- private static _toObjectFromJsonScriptTag;
5
- static isEnabled(flagName: string): boolean;
6
- }
package/build/esm/packages/phoenix/src/utilities/feature_flag_utils.js DELETED
@@ -1,22 +0,0 @@
1
- import { JsonUtils } from '@dreamcommerce/utilities';
2
-
3
- class FeatureFlagUtils {
4
- static _initialize() {
5
- if (this._flags !== null)
6
- return;
7
- const $script = document.getElementById('featureFlags');
8
- this._flags = $script ? this._toObjectFromJsonScriptTag($script) : null;
9
- }
10
- static _toObjectFromJsonScriptTag(scriptTag) {
11
- const scriptContent = scriptTag.textContent;
12
- return JsonUtils.fromJson(scriptContent) || {};
13
- }
14
- static isEnabled(flagName) {
15
- this._initialize();
16
- return this._flags ? !!this._flags[flagName] : false;
17
- }
18
- }
19
- FeatureFlagUtils._flags = null;
20
-
21
- export { FeatureFlagUtils };
22
- //# sourceMappingURL=feature_flag_utils.js.map
package/build/esm/packages/phoenix/src/utilities/feature_flag_utils.js.map DELETED
@@ -1 +0,0 @@
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;"}