@shoper/phoenix_design_system 1.2.20 → 1.2.21

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 (6) hide show
  1. package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js +9 -1
  2. package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
  3. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.d.ts +1 -0
  4. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +9 -1
  5. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
  6. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js CHANGED
@@ -18,10 +18,13 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
18
18
  this._setStylingOptions = () => {
19
19
  this.style.setProperty('display', 'block', 'important');
20
20
  this.style.height = 'auto';
21
- this._originalHeight = `${this.getBoundingClientRect().height}px`;
21
+ this._setOriginalHeightValue();
22
22
  this.style.display = '';
23
23
  this.style.height = this._originalHeight;
24
24
  };
25
+ this._setOriginalHeightValue = () => {
26
+ this._originalHeight = `${this.getBoundingClientRect().height}px`;
27
+ };
25
28
  this._expand = () => {
26
29
  this._setHeight(this._originalHeight);
27
30
  };
@@ -45,6 +48,11 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
45
48
  accordionProps.opened ? this._transitionController.show(this._expand) : this._transitionController.hide(this._collapse);
46
49
  });
47
50
  this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
51
+ const mutationObserver = new MutationObserver(() => {
52
+ this._setOriginalHeightValue();
53
+ this._expand();
54
+ });
55
+ mutationObserver.observe(this, { childList: true, subtree: true });
48
56
  }
49
57
  _setHeight(height) {
50
58
  this.style.height = height;
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;"}
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;"}
package/build/esm/packages/phoenix/src/components/accordion/accordion_content.d.ts CHANGED
@@ -10,6 +10,7 @@ export declare class HAccordionContent extends PhoenixLightLitElement {
10
10
  connectedCallback(): void;
11
11
  private _setStylingOptions;
12
12
  private _subscribeObserver;
13
+ private _setOriginalHeightValue;
13
14
  private _expand;
14
15
  private _collapse;
15
16
  private _setHeight;
package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js CHANGED
@@ -14,10 +14,13 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
14
14
  this._setStylingOptions = () => {
15
15
  this.style.setProperty('display', 'block', 'important');
16
16
  this.style.height = 'auto';
17
- this._originalHeight = `${this.getBoundingClientRect().height}px`;
17
+ this._setOriginalHeightValue();
18
18
  this.style.display = '';
19
19
  this.style.height = this._originalHeight;
20
20
  };
21
+ this._setOriginalHeightValue = () => {
22
+ this._originalHeight = `${this.getBoundingClientRect().height}px`;
23
+ };
21
24
  this._expand = () => {
22
25
  this._setHeight(this._originalHeight);
23
26
  };
@@ -41,6 +44,11 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
41
44
  accordionProps.opened ? this._transitionController.show(this._expand) : this._transitionController.hide(this._collapse);
42
45
  });
43
46
  this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
47
+ const mutationObserver = new MutationObserver(() => {
48
+ this._setOriginalHeightValue();
49
+ this._expand();
50
+ });
51
+ mutationObserver.observe(this, { childList: true, subtree: true });
44
52
  }
45
53
  _setHeight(height) {
46
54
  this.style.height = height;
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;"}
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;"}
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.2.20",
5
+ "version": "1.2.21",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",