@shoper/phoenix_design_system 1.18.10-2 → 1.18.10-5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/build/cjs/packages/phoenix/src/components/accordion/accordion_constants.js +2 -1
  2. package/build/cjs/packages/phoenix/src/components/accordion/accordion_constants.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js +3 -6
  4. package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.js +11 -2
  6. package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.js.map +1 -1
  7. package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.js +5 -5
  8. package/build/cjs/packages/utilities/build/esm/packages/utilities/src/feature_flag_utils.js +1 -1
  9. package/build/esm/packages/phoenix/src/components/accordion/accordion_constants.d.ts +1 -0
  10. package/build/esm/packages/phoenix/src/components/accordion/accordion_constants.js +2 -1
  11. package/build/esm/packages/phoenix/src/components/accordion/accordion_constants.js.map +1 -1
  12. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +3 -6
  13. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
  14. package/build/esm/packages/phoenix/src/components/accordion/accordion_group.d.ts +1 -0
  15. package/build/esm/packages/phoenix/src/components/accordion/accordion_group.js +11 -2
  16. package/build/esm/packages/phoenix/src/components/accordion/accordion_group.js.map +1 -1
  17. package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.js +5 -5
  18. package/build/esm/packages/utilities/build/esm/packages/utilities/src/feature_flag_utils.js +1 -1
  19. package/package.json +2 -2
package/build/cjs/packages/phoenix/src/components/accordion/accordion_constants.js CHANGED
@@ -11,7 +11,8 @@ const ACCORDION_CONTEXTS = {
11
11
  accordionGroupProps: 'accordionGroupPropsSubject'
12
12
  };
13
13
  const ACCORDION_CSS_CLASSES = {
14
- open: 'accordion__details_open'
14
+ open: 'accordion__details_open',
15
+ content: 'accordion__content'
15
16
  };
16
17
  const ACCORDION_MODE = {
17
18
  single: 'single',
package/build/cjs/packages/phoenix/src/components/accordion/accordion_constants.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;"}
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;"}
package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js CHANGED
@@ -12,7 +12,7 @@ var observer = require('../../core/classes/observer/observer.js');
12
12
  var context_consumer_controller = require('../../core/context/context_consumer_controller.js');
13
13
  var accordion_constants = require('./accordion_constants.js');
14
14
  var feature_flag_utils = require('../../../../utilities/build/esm/packages/utilities/src/feature_flag_utils.js');
15
- var accordion = require('./accordion.js');
15
+ var accordion_group = require('./accordion_group.js');
16
16
  var transition_controller = require('../../controllers/transition_controller/transition_controller.js');
17
17
 
18
18
  const RESIZE_DEBOUNCE_MS = 150;
@@ -95,11 +95,11 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
95
95
  };
96
96
  this._isDevAccordionOptimizationFlagEnabled = feature_flag_utils.FeatureFlagUtils.isEnabled('dev_accordion_optimization');
97
97
  if (this._isDevAccordionOptimizationFlagEnabled) {
98
- if (this.parentElement instanceof accordion.HAccordion) {
98
+ if (this.parentElement instanceof accordion_group.HAccordionGroup) {
99
99
  this.slot = this.hasAttribute('slot') ? this.slot : 'content';
100
100
  }
101
101
  else {
102
- const contentToSlot = utilities.UiDomUtils.findParentByCondition(this, ($el) => $el.parentElement instanceof accordion.HAccordion);
102
+ const contentToSlot = utilities.UiDomUtils.findParentByCondition(this, ($el) => $el.parentElement instanceof accordion_group.HAccordionGroup);
103
103
  contentToSlot === null || contentToSlot === void 0 ? void 0 : contentToSlot.setAttribute('slot', 'content');
104
104
  }
105
105
  }
@@ -117,9 +117,6 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
117
117
  window.addEventListener('resize', this._handleResize, { passive: true });
118
118
  this.addEventListener('transitionend', this._boundHandleTransitionEnd);
119
119
  }
120
- if (this._isDevAccordionOptimizationFlagEnabled) {
121
- this.classList.add('accordion-content');
122
- }
123
120
  }
124
121
  firstUpdated(props) {
125
122
  super.firstUpdated(props);
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;"}
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;"}
package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.js CHANGED
@@ -68,6 +68,7 @@ exports.HAccordionGroup = class HAccordionGroup extends phoenix_light_lit_elemen
68
68
  var _a;
69
69
  super.connectedCallback();
70
70
  if (this._isDevAccordionOptimizationFlagEnabled) {
71
+ this._addClassedToSlottedContentElements();
71
72
  this._$parentAccordion = this.closest('h-accordion');
72
73
  (_a = this._$parentAccordion) === null || _a === void 0 ? void 0 : _a.addEventListener(accordion_constants.ACCORDION_EVENTS.update, this._syncWithParentAccordion);
73
74
  this._syncWithParentAccordion();
@@ -78,10 +79,18 @@ exports.HAccordionGroup = class HAccordionGroup extends phoenix_light_lit_elemen
78
79
  this.addEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
79
80
  }
80
81
  }
82
+ _addClassedToSlottedContentElements() {
83
+ const slottedContentElements = Array.from(this.querySelectorAll('[slot="content"]'));
84
+ slottedContentElements.forEach(($element) => {
85
+ $element.classList.add(accordion_constants.ACCORDION_CSS_CLASSES.content);
86
+ });
87
+ }
81
88
  firstUpdated(props) {
82
89
  super.firstUpdated(props);
83
- if (this.opened && this._isDevAccordionOptimizationFlagEnabled)
84
- this.show();
90
+ if (this._isDevAccordionOptimizationFlagEnabled) {
91
+ if (this.opened)
92
+ this.show();
93
+ }
85
94
  }
86
95
  async _subscribeObserver() {
87
96
  this._accordionProps = await this._accordionContextConsumer.consumeAsync(accordion_constants.ACCORDION_CONTEXTS.accordionProps);
package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.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,iBAAiB,qDAAyD;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,iBAAiB,qDAAyD;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/accordion/accordion_toggler.js CHANGED
@@ -9,7 +9,7 @@ var phoenix_custom_element = require('../../core/decorators/phoenix_custom_eleme
9
9
  var observer = require('../../core/classes/observer/observer.js');
10
10
  var context_consumer_controller = require('../../core/context/context_consumer_controller.js');
11
11
  var accordion_constants = require('./accordion_constants.js');
12
- var accordion = require('./accordion.js');
12
+ var accordion_group = require('./accordion_group.js');
13
13
 
14
14
  exports.HAccordionToggler = class HAccordionToggler extends phoenix_light_lit_element.PhoenixLightLitElement {
15
15
  constructor() {
@@ -26,12 +26,12 @@ exports.HAccordionToggler = class HAccordionToggler extends phoenix_light_lit_el
26
26
  };
27
27
  this._isDevAccordionOptimizationFlagEnabled = utilities.FeatureFlagUtils.isEnabled('dev_accordion_optimization');
28
28
  if (this._isDevAccordionOptimizationFlagEnabled) {
29
- if (this.parentElement instanceof accordion.HAccordion) {
30
- this.slot = this.hasAttribute('slot') ? this.slot : 'content';
29
+ if (this.parentElement instanceof accordion_group.HAccordionGroup) {
30
+ this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
31
31
  }
32
32
  else {
33
- const contentToSlot = utilities.UiDomUtils.findParentByCondition(this, ($el) => $el.parentElement instanceof accordion.HAccordion);
34
- contentToSlot === null || contentToSlot === void 0 ? void 0 : contentToSlot.setAttribute('slot', 'content');
33
+ const contentToSlot = utilities.UiDomUtils.findParentByCondition(this, ($el) => $el.parentElement instanceof accordion_group.HAccordionGroup);
34
+ contentToSlot === null || contentToSlot === void 0 ? void 0 : contentToSlot.setAttribute('slot', 'toggler');
35
35
  }
36
36
  }
37
37
  else {
package/build/cjs/packages/utilities/build/esm/packages/utilities/src/feature_flag_utils.js CHANGED
@@ -17,7 +17,7 @@ class FeatureFlagUtils {
17
17
  }
18
18
  static isEnabled(flagName) {
19
19
  this._initialize();
20
- return !!this._flags[flagName];
20
+ return this._flags ? !!this._flags[flagName] : false;
21
21
  }
22
22
  }
23
23
  FeatureFlagUtils._flags = null;
package/build/esm/packages/phoenix/src/components/accordion/accordion_constants.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare const ACCORDION_CONTEXTS: {
8
8
  };
9
9
  export declare const ACCORDION_CSS_CLASSES: {
10
10
  readonly open: "accordion__details_open";
11
+ readonly content: "accordion__content";
11
12
  };
12
13
  export declare const ACCORDION_MODE: {
13
14
  readonly single: "single";
package/build/esm/packages/phoenix/src/components/accordion/accordion_constants.js CHANGED
@@ -7,7 +7,8 @@ const ACCORDION_CONTEXTS = {
7
7
  accordionGroupProps: 'accordionGroupPropsSubject'
8
8
  };
9
9
  const ACCORDION_CSS_CLASSES = {
10
- open: 'accordion__details_open'
10
+ open: 'accordion__details_open',
11
+ content: 'accordion__content'
11
12
  };
12
13
  const ACCORDION_MODE = {
13
14
  single: 'single',
package/build/esm/packages/phoenix/src/components/accordion/accordion_constants.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;"}
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;"}
package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js CHANGED
@@ -8,7 +8,7 @@ import { Observer } from '../../core/classes/observer/observer.js';
8
8
  import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
9
9
  import { ACCORDION_CONTEXTS } from './accordion_constants.js';
10
10
  import { FeatureFlagUtils } from '../../../../utilities/build/esm/packages/utilities/src/feature_flag_utils.js';
11
- import { HAccordion } from './accordion.js';
11
+ import { HAccordionGroup } from './accordion_group.js';
12
12
  import { TransitionController } from '../../controllers/transition_controller/transition_controller.js';
13
13
 
14
14
  const RESIZE_DEBOUNCE_MS = 150;
@@ -91,11 +91,11 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
91
91
  };
92
92
  this._isDevAccordionOptimizationFlagEnabled = FeatureFlagUtils.isEnabled('dev_accordion_optimization');
93
93
  if (this._isDevAccordionOptimizationFlagEnabled) {
94
- if (this.parentElement instanceof HAccordion) {
94
+ if (this.parentElement instanceof HAccordionGroup) {
95
95
  this.slot = this.hasAttribute('slot') ? this.slot : 'content';
96
96
  }
97
97
  else {
98
- const contentToSlot = UiDomUtils.findParentByCondition(this, ($el) => $el.parentElement instanceof HAccordion);
98
+ const contentToSlot = UiDomUtils.findParentByCondition(this, ($el) => $el.parentElement instanceof HAccordionGroup);
99
99
  contentToSlot === null || contentToSlot === void 0 ? void 0 : contentToSlot.setAttribute('slot', 'content');
100
100
  }
101
101
  }
@@ -113,9 +113,6 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
113
113
  window.addEventListener('resize', this._handleResize, { passive: true });
114
114
  this.addEventListener('transitionend', this._boundHandleTransitionEnd);
115
115
  }
116
- if (this._isDevAccordionOptimizationFlagEnabled) {
117
- this.classList.add('accordion-content');
118
- }
119
116
  }
120
117
  firstUpdated(props) {
121
118
  super.firstUpdated(props);
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;"}
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;"}
package/build/esm/packages/phoenix/src/components/accordion/accordion_group.d.ts CHANGED
@@ -18,6 +18,7 @@ export declare class HAccordionGroup extends PhoenixLightLitElement implements I
18
18
  private _isDevAccordionOptimizationFlagEnabled;
19
19
  constructor();
20
20
  connectedCallback(): void;
21
+ private _addClassedToSlottedContentElements;
21
22
  firstUpdated(props: PropertyValues): void;
22
23
  private _subscribeObserver;
23
24
  disconnectedCallback(): void;
package/build/esm/packages/phoenix/src/components/accordion/accordion_group.js CHANGED
@@ -64,6 +64,7 @@ let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
64
64
  var _a;
65
65
  super.connectedCallback();
66
66
  if (this._isDevAccordionOptimizationFlagEnabled) {
67
+ this._addClassedToSlottedContentElements();
67
68
  this._$parentAccordion = this.closest('h-accordion');
68
69
  (_a = this._$parentAccordion) === null || _a === void 0 ? void 0 : _a.addEventListener(ACCORDION_EVENTS.update, this._syncWithParentAccordion);
69
70
  this._syncWithParentAccordion();
@@ -74,10 +75,18 @@ let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
74
75
  this.addEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
75
76
  }
76
77
  }
78
+ _addClassedToSlottedContentElements() {
79
+ const slottedContentElements = Array.from(this.querySelectorAll('[slot="content"]'));
80
+ slottedContentElements.forEach(($element) => {
81
+ $element.classList.add(ACCORDION_CSS_CLASSES.content);
82
+ });
83
+ }
77
84
  firstUpdated(props) {
78
85
  super.firstUpdated(props);
79
- if (this.opened && this._isDevAccordionOptimizationFlagEnabled)
80
- this.show();
86
+ if (this._isDevAccordionOptimizationFlagEnabled) {
87
+ if (this.opened)
88
+ this.show();
89
+ }
81
90
  }
82
91
  async _subscribeObserver() {
83
92
  this._accordionProps = await this._accordionContextConsumer.consumeAsync(ACCORDION_CONTEXTS.accordionProps);
package/build/esm/packages/phoenix/src/components/accordion/accordion_group.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,eAAe,qDAAyD;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;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,eAAe,qDAAyD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_toggler.js CHANGED
@@ -5,7 +5,7 @@ import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_eleme
5
5
  import { Observer } from '../../core/classes/observer/observer.js';
6
6
  import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
7
7
  import { ACCORDION_EVENTS, ACCORDION_CONTEXTS } from './accordion_constants.js';
8
- import { HAccordion } from './accordion.js';
8
+ import { HAccordionGroup } from './accordion_group.js';
9
9
 
10
10
  let HAccordionToggler = class HAccordionToggler extends PhoenixLightLitElement {
11
11
  constructor() {
@@ -22,12 +22,12 @@ let HAccordionToggler = class HAccordionToggler extends PhoenixLightLitElement {
22
22
  };
23
23
  this._isDevAccordionOptimizationFlagEnabled = FeatureFlagUtils.isEnabled('dev_accordion_optimization');
24
24
  if (this._isDevAccordionOptimizationFlagEnabled) {
25
- if (this.parentElement instanceof HAccordion) {
26
- this.slot = this.hasAttribute('slot') ? this.slot : 'content';
25
+ if (this.parentElement instanceof HAccordionGroup) {
26
+ this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
27
27
  }
28
28
  else {
29
- const contentToSlot = UiDomUtils.findParentByCondition(this, ($el) => $el.parentElement instanceof HAccordion);
30
- contentToSlot === null || contentToSlot === void 0 ? void 0 : contentToSlot.setAttribute('slot', 'content');
29
+ const contentToSlot = UiDomUtils.findParentByCondition(this, ($el) => $el.parentElement instanceof HAccordionGroup);
30
+ contentToSlot === null || contentToSlot === void 0 ? void 0 : contentToSlot.setAttribute('slot', 'toggler');
31
31
  }
32
32
  }
33
33
  else {
package/build/esm/packages/utilities/build/esm/packages/utilities/src/feature_flag_utils.js CHANGED
@@ -13,7 +13,7 @@ class FeatureFlagUtils {
13
13
  }
14
14
  static isEnabled(flagName) {
15
15
  this._initialize();
16
- return !!this._flags[flagName];
16
+ return this._flags ? !!this._flags[flagName] : false;
17
17
  }
18
18
  }
19
19
  FeatureFlagUtils._flags = null;
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.10-2",
5
+ "version": "1.18.10-5",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",
@@ -31,7 +31,7 @@
31
31
  "@splidejs/splide-extension-auto-scroll": "0.5.3"
32
32
  },
33
33
  "devDependencies": {
34
- "@dreamcommerce/utilities": "^1.23.2-1",
34
+ "@dreamcommerce/utilities": "^1.23.2-2",
35
35
  "@shoper/jest_config": "^0.0.0",
36
36
  "@shoper/tsconfig": "^0.0.0",
37
37
  "@splidejs/splide": "4.0.7",