@shoper/phoenix_design_system 1.18.7-12 → 1.18.7-13
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.
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js +7 -11
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +7 -11
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
- package/package.json +1 -1
|
@@ -34,15 +34,10 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
34
34
|
this._setStylingOptions = () => {
|
|
35
35
|
requestAnimationFrame(() => {
|
|
36
36
|
const previousDisplay = this.style.display;
|
|
37
|
-
const wasHidden = this.hidden;
|
|
38
|
-
if (wasHidden)
|
|
39
|
-
this.hidden = false;
|
|
40
37
|
this.style.display = 'block';
|
|
41
38
|
this.style.height = 'auto';
|
|
42
39
|
requestAnimationFrame(() => {
|
|
43
40
|
this._setOriginalHeightValue();
|
|
44
|
-
if (wasHidden)
|
|
45
|
-
this.hidden = true;
|
|
46
41
|
this.style.display = previousDisplay;
|
|
47
42
|
this.style.height = this.hidden ? '0px' : this._originalHeight;
|
|
48
43
|
});
|
|
@@ -54,15 +49,15 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
54
49
|
}
|
|
55
50
|
this._mutationDebounceTimer = window.setTimeout(() => {
|
|
56
51
|
requestAnimationFrame(() => {
|
|
57
|
-
const wasHidden = this.hidden;
|
|
58
|
-
if (wasHidden)
|
|
59
|
-
this.hidden = false;
|
|
60
52
|
this.style.height = 'auto';
|
|
61
53
|
requestAnimationFrame(() => {
|
|
62
54
|
this._setOriginalHeightValue();
|
|
63
|
-
if (
|
|
64
|
-
this.
|
|
65
|
-
|
|
55
|
+
if (this.hidden) {
|
|
56
|
+
this.style.height = '0px';
|
|
57
|
+
}
|
|
58
|
+
else {
|
|
59
|
+
this.style.height = this._originalHeight;
|
|
60
|
+
}
|
|
66
61
|
});
|
|
67
62
|
});
|
|
68
63
|
}, MUTATION_DEBOUNCE_MS);
|
|
@@ -103,6 +98,7 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
103
98
|
this._subscribeObserver();
|
|
104
99
|
window.addEventListener('resize', this._handleResize, { passive: true });
|
|
105
100
|
this.addEventListener('transitionend', this._boundHandleTransitionEnd);
|
|
101
|
+
this._setStylingOptions();
|
|
106
102
|
}
|
|
107
103
|
firstUpdated(props) {
|
|
108
104
|
super.firstUpdated(props);
|
|
@@ -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;
|
|
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;"}
|
|
@@ -30,15 +30,10 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
30
30
|
this._setStylingOptions = () => {
|
|
31
31
|
requestAnimationFrame(() => {
|
|
32
32
|
const previousDisplay = this.style.display;
|
|
33
|
-
const wasHidden = this.hidden;
|
|
34
|
-
if (wasHidden)
|
|
35
|
-
this.hidden = false;
|
|
36
33
|
this.style.display = 'block';
|
|
37
34
|
this.style.height = 'auto';
|
|
38
35
|
requestAnimationFrame(() => {
|
|
39
36
|
this._setOriginalHeightValue();
|
|
40
|
-
if (wasHidden)
|
|
41
|
-
this.hidden = true;
|
|
42
37
|
this.style.display = previousDisplay;
|
|
43
38
|
this.style.height = this.hidden ? '0px' : this._originalHeight;
|
|
44
39
|
});
|
|
@@ -50,15 +45,15 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
50
45
|
}
|
|
51
46
|
this._mutationDebounceTimer = window.setTimeout(() => {
|
|
52
47
|
requestAnimationFrame(() => {
|
|
53
|
-
const wasHidden = this.hidden;
|
|
54
|
-
if (wasHidden)
|
|
55
|
-
this.hidden = false;
|
|
56
48
|
this.style.height = 'auto';
|
|
57
49
|
requestAnimationFrame(() => {
|
|
58
50
|
this._setOriginalHeightValue();
|
|
59
|
-
if (
|
|
60
|
-
this.
|
|
61
|
-
|
|
51
|
+
if (this.hidden) {
|
|
52
|
+
this.style.height = '0px';
|
|
53
|
+
}
|
|
54
|
+
else {
|
|
55
|
+
this.style.height = this._originalHeight;
|
|
56
|
+
}
|
|
62
57
|
});
|
|
63
58
|
});
|
|
64
59
|
}, MUTATION_DEBOUNCE_MS);
|
|
@@ -99,6 +94,7 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
99
94
|
this._subscribeObserver();
|
|
100
95
|
window.addEventListener('resize', this._handleResize, { passive: true });
|
|
101
96
|
this.addEventListener('transitionend', this._boundHandleTransitionEnd);
|
|
97
|
+
this._setStylingOptions();
|
|
102
98
|
}
|
|
103
99
|
firstUpdated(props) {
|
|
104
100
|
super.firstUpdated(props);
|
|
@@ -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;
|
|
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;"}
|