@shoper/phoenix_design_system 1.18.10-3 → 1.18.10-6

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 (15) 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 +1 -1
  4. package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.js +11 -2
  5. package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.js.map +1 -1
  6. package/build/cjs/packages/utilities/build/esm/packages/utilities/src/feature_flag_utils.js +1 -1
  7. package/build/esm/packages/phoenix/src/components/accordion/accordion_constants.d.ts +1 -0
  8. package/build/esm/packages/phoenix/src/components/accordion/accordion_constants.js +2 -1
  9. package/build/esm/packages/phoenix/src/components/accordion/accordion_constants.js.map +1 -1
  10. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +2 -2
  11. package/build/esm/packages/phoenix/src/components/accordion/accordion_group.d.ts +1 -0
  12. package/build/esm/packages/phoenix/src/components/accordion/accordion_group.js +11 -2
  13. package/build/esm/packages/phoenix/src/components/accordion/accordion_group.js.map +1 -1
  14. package/build/esm/packages/utilities/build/esm/packages/utilities/src/feature_flag_utils.js +1 -1
  15. 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
@@ -118,7 +118,7 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
118
118
  this.addEventListener('transitionend', this._boundHandleTransitionEnd);
119
119
  }
120
120
  if (this._isDevAccordionOptimizationFlagEnabled) {
121
- this.classList.add('accordion-content');
121
+ this.classList.add(accordion_constants.ACCORDION_CSS_CLASSES.content);
122
122
  }
123
123
  }
124
124
  firstUpdated(props) {
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/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
@@ -6,7 +6,7 @@ import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/pho
6
6
  import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
7
7
  import { Observer } from '../../core/classes/observer/observer.js';
8
8
  import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
9
- import { ACCORDION_CONTEXTS } from './accordion_constants.js';
9
+ import { ACCORDION_CSS_CLASSES, ACCORDION_CONTEXTS } from './accordion_constants.js';
10
10
  import { FeatureFlagUtils } from '../../../../utilities/build/esm/packages/utilities/src/feature_flag_utils.js';
11
11
  import { HAccordionGroup } from './accordion_group.js';
12
12
  import { TransitionController } from '../../controllers/transition_controller/transition_controller.js';
@@ -114,7 +114,7 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
114
114
  this.addEventListener('transitionend', this._boundHandleTransitionEnd);
115
115
  }
116
116
  if (this._isDevAccordionOptimizationFlagEnabled) {
117
- this.classList.add('accordion-content');
117
+ this.classList.add(ACCORDION_CSS_CLASSES.content);
118
118
  }
119
119
  }
120
120
  firstUpdated(props) {
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/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-3",
5
+ "version": "1.18.10-6",
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",