@shoper/phoenix_design_system 1.2.20-2 → 1.2.20-4

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.
@@ -24,6 +24,7 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
24
24
  };
25
25
  this._setOriginalHeightValue = () => {
26
26
  this._originalHeight = `${this.getBoundingClientRect().height}px`;
27
+ console.log('this._originalHeight', this._originalHeight);
27
28
  };
28
29
  this._expand = () => {
29
30
  this._setHeight(this._originalHeight);
@@ -40,11 +41,6 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
40
41
  this._setStylingOptions();
41
42
  this._subscribeObserver();
42
43
  window.addEventListener('resize', this._setStylingOptions);
43
- const mutationObserver = new MutationObserver(() => {
44
- this._setOriginalHeightValue();
45
- this._setHeight(this._originalHeight);
46
- });
47
- mutationObserver.observe(this, { attributes: true, childList: true });
48
44
  }
49
45
  async _subscribeObserver() {
50
46
  this._accordionGroupProps = await this._contextConsumer.consumeAsync(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps);
@@ -53,6 +49,11 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
53
49
  accordionProps.opened ? this._transitionController.show(this._expand) : this._transitionController.hide(this._collapse);
54
50
  });
55
51
  this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
52
+ const mutationObserver = new MutationObserver(() => {
53
+ this._setOriginalHeightValue();
54
+ this._setHeight(this._originalHeight);
55
+ });
56
+ mutationObserver.observe(this, { childList: true, subtree: true });
56
57
  }
57
58
  _setHeight(height) {
58
59
  this.style.height = height;
@@ -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;"}
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;"}
@@ -20,6 +20,7 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
20
20
  };
21
21
  this._setOriginalHeightValue = () => {
22
22
  this._originalHeight = `${this.getBoundingClientRect().height}px`;
23
+ console.log('this._originalHeight', this._originalHeight);
23
24
  };
24
25
  this._expand = () => {
25
26
  this._setHeight(this._originalHeight);
@@ -36,11 +37,6 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
36
37
  this._setStylingOptions();
37
38
  this._subscribeObserver();
38
39
  window.addEventListener('resize', this._setStylingOptions);
39
- const mutationObserver = new MutationObserver(() => {
40
- this._setOriginalHeightValue();
41
- this._setHeight(this._originalHeight);
42
- });
43
- mutationObserver.observe(this, { attributes: true, childList: true });
44
40
  }
45
41
  async _subscribeObserver() {
46
42
  this._accordionGroupProps = await this._contextConsumer.consumeAsync(ACCORDION_CONTEXTS.accordionGroupProps);
@@ -49,6 +45,11 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
49
45
  accordionProps.opened ? this._transitionController.show(this._expand) : this._transitionController.hide(this._collapse);
50
46
  });
51
47
  this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
48
+ const mutationObserver = new MutationObserver(() => {
49
+ this._setOriginalHeightValue();
50
+ this._setHeight(this._originalHeight);
51
+ });
52
+ mutationObserver.observe(this, { childList: true, subtree: true });
52
53
  }
53
54
  _setHeight(height) {
54
55
  this.style.height = height;
@@ -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;"}
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;"}
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-2",
5
+ "version": "1.2.20-4",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",