@shoper/phoenix_design_system 1.18.39 → 1.18.40
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 +45 -15
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.js +3 -1
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.d.ts +3 -0
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +45 -15
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_group.js +3 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_group.js.map +1 -1
- package/package.json +1 -1
|
@@ -19,10 +19,12 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
19
19
|
super();
|
|
20
20
|
this.transitionName = 'accordion-toggle';
|
|
21
21
|
this.isDevAccordionOptimizationFlagEnabled = false;
|
|
22
|
+
this.isDevAccordionSafariFlashFixEnabled = false;
|
|
22
23
|
this._resizeObserver = null;
|
|
23
24
|
this._isTransitioning = false;
|
|
24
25
|
this._resizeDebounceTimer = null;
|
|
25
26
|
this._mutationDebounceTimer = null;
|
|
27
|
+
this._lastViewportWidth = window.innerWidth;
|
|
26
28
|
this._mutationObserver = null;
|
|
27
29
|
this._handleResizeObserver = () => {
|
|
28
30
|
if (this._isTransitioning || this.hidden || this.style.height === '0px')
|
|
@@ -36,26 +38,47 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
36
38
|
this.style.display = previousDisplay;
|
|
37
39
|
};
|
|
38
40
|
this._handleResize = () => {
|
|
41
|
+
if (this.isDevAccordionSafariFlashFixEnabled) {
|
|
42
|
+
if (this._isIosViewportHeightOnlyResize())
|
|
43
|
+
return;
|
|
44
|
+
this._lastViewportWidth = window.innerWidth;
|
|
45
|
+
}
|
|
39
46
|
if (this._resizeDebounceTimer !== null) {
|
|
40
|
-
|
|
47
|
+
const clearMethod = this.isDevAccordionSafariFlashFixEnabled ? clearTimeout : cancelAnimationFrame;
|
|
48
|
+
clearMethod(this._resizeDebounceTimer);
|
|
49
|
+
}
|
|
50
|
+
if (this.isDevAccordionSafariFlashFixEnabled) {
|
|
51
|
+
this._resizeDebounceTimer = window.setTimeout(this._setStylingOptions, RESIZE_DEBOUNCE_MS);
|
|
52
|
+
}
|
|
53
|
+
else {
|
|
54
|
+
this._resizeDebounceTimer = requestAnimationFrame(() => {
|
|
55
|
+
setTimeout(() => {
|
|
56
|
+
this._setStylingOptions();
|
|
57
|
+
}, RESIZE_DEBOUNCE_MS);
|
|
58
|
+
});
|
|
41
59
|
}
|
|
42
|
-
this._resizeDebounceTimer = window.requestAnimationFrame(() => {
|
|
43
|
-
setTimeout(() => {
|
|
44
|
-
this._setStylingOptions();
|
|
45
|
-
}, RESIZE_DEBOUNCE_MS);
|
|
46
|
-
});
|
|
47
60
|
};
|
|
48
61
|
this._setStylingOptions = () => {
|
|
49
|
-
|
|
62
|
+
if (this.isDevAccordionSafariFlashFixEnabled) {
|
|
50
63
|
const previousDisplay = this.style.display;
|
|
51
64
|
this.style.setProperty('display', 'block', 'important');
|
|
52
65
|
this.style.height = 'auto';
|
|
66
|
+
this._setOriginalHeightValue(this.getBoundingClientRect().height);
|
|
67
|
+
this.style.display = previousDisplay;
|
|
68
|
+
this.style.height = this.hidden ? '0px' : this._originalHeight;
|
|
69
|
+
}
|
|
70
|
+
else {
|
|
53
71
|
requestAnimationFrame(() => {
|
|
54
|
-
this.
|
|
55
|
-
this.style.display
|
|
56
|
-
this.style.height =
|
|
72
|
+
const previousDisplay = this.style.display;
|
|
73
|
+
this.style.setProperty('display', 'block', 'important');
|
|
74
|
+
this.style.height = 'auto';
|
|
75
|
+
requestAnimationFrame(() => {
|
|
76
|
+
this._setOriginalHeightValue(this.getBoundingClientRect().height);
|
|
77
|
+
this.style.display = previousDisplay;
|
|
78
|
+
this.style.height = this.hidden ? '0px' : this._originalHeight;
|
|
79
|
+
});
|
|
57
80
|
});
|
|
58
|
-
}
|
|
81
|
+
}
|
|
59
82
|
};
|
|
60
83
|
this._setOriginalHeightValue = (height) => {
|
|
61
84
|
if (height !== 0 || this.children.length === 0) {
|
|
@@ -64,7 +87,7 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
64
87
|
};
|
|
65
88
|
this._handleMutation = () => {
|
|
66
89
|
if (this._mutationDebounceTimer !== null) {
|
|
67
|
-
|
|
90
|
+
clearTimeout(this._mutationDebounceTimer);
|
|
68
91
|
}
|
|
69
92
|
this._mutationDebounceTimer = window.setTimeout(() => {
|
|
70
93
|
requestAnimationFrame(() => {
|
|
@@ -148,6 +171,9 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
148
171
|
this._setStylingOptions();
|
|
149
172
|
}
|
|
150
173
|
}
|
|
174
|
+
_isIosViewportHeightOnlyResize() {
|
|
175
|
+
return window.innerWidth === this._lastViewportWidth;
|
|
176
|
+
}
|
|
151
177
|
_setupImageLoadListeners() {
|
|
152
178
|
const images = this.querySelectorAll('img');
|
|
153
179
|
images.forEach((img) => {
|
|
@@ -208,10 +234,11 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
208
234
|
(_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
|
|
209
235
|
window.removeEventListener('resize', this._handleResize);
|
|
210
236
|
if (this._resizeDebounceTimer !== null) {
|
|
211
|
-
|
|
237
|
+
const clearMethod = this.isDevAccordionSafariFlashFixEnabled ? clearTimeout : cancelAnimationFrame;
|
|
238
|
+
clearMethod(this._resizeDebounceTimer);
|
|
212
239
|
}
|
|
213
240
|
if (this._mutationDebounceTimer !== null) {
|
|
214
|
-
|
|
241
|
+
clearTimeout(this._mutationDebounceTimer);
|
|
215
242
|
}
|
|
216
243
|
}
|
|
217
244
|
const images = this.querySelectorAll('img');
|
|
@@ -219,7 +246,6 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
219
246
|
img.removeEventListener('load', this._boundHandleImageLoad);
|
|
220
247
|
img.removeEventListener('error', this._boundHandleImageLoad);
|
|
221
248
|
});
|
|
222
|
-
window.removeEventListener('resize', this._handleResize);
|
|
223
249
|
this.removeEventListener('transitionend', this._boundHandleTransitionEnd);
|
|
224
250
|
}
|
|
225
251
|
};
|
|
@@ -231,6 +257,10 @@ tslib_es6.__decorate([
|
|
|
231
257
|
decorators.property({ type: Boolean, attribute: 'is-dev-accordion-optimization-flag-enabled' }),
|
|
232
258
|
tslib_es6.__metadata("design:type", Boolean)
|
|
233
259
|
], exports.HAccordionContent.prototype, "isDevAccordionOptimizationFlagEnabled", void 0);
|
|
260
|
+
tslib_es6.__decorate([
|
|
261
|
+
decorators.property({ type: Boolean, attribute: 'is-dev-accordion-safari-flash-fix-enabled' }),
|
|
262
|
+
tslib_es6.__metadata("design:type", Boolean)
|
|
263
|
+
], exports.HAccordionContent.prototype, "isDevAccordionSafariFlashFixEnabled", void 0);
|
|
234
264
|
exports.HAccordionContent = tslib_es6.__decorate([
|
|
235
265
|
phoenix_custom_element.phoenixCustomElement('h-accordion-content'),
|
|
236
266
|
tslib_es6.__metadata("design:paramtypes", [])
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -52,7 +52,9 @@ exports.HAccordionGroup = class HAccordionGroup extends phoenix_light_lit_elemen
|
|
|
52
52
|
this._accordionProps.subscribe(this._accordionPropsObserver);
|
|
53
53
|
}
|
|
54
54
|
disconnectedCallback() {
|
|
55
|
-
|
|
55
|
+
var _a;
|
|
56
|
+
super.disconnectedCallback();
|
|
57
|
+
(_a = this._accordionProps) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._accordionPropsObserver);
|
|
56
58
|
this.removeEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
|
|
57
59
|
}
|
|
58
60
|
show() {
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -3,6 +3,7 @@ import { PropertyValues } from 'lit';
|
|
|
3
3
|
export declare class HAccordionContent extends PhoenixLightLitElement {
|
|
4
4
|
transitionName: string;
|
|
5
5
|
isDevAccordionOptimizationFlagEnabled: boolean;
|
|
6
|
+
isDevAccordionSafariFlashFixEnabled: boolean;
|
|
6
7
|
private _transitionController;
|
|
7
8
|
private _contextConsumer;
|
|
8
9
|
private _accordionGroupProps;
|
|
@@ -12,6 +13,7 @@ export declare class HAccordionContent extends PhoenixLightLitElement {
|
|
|
12
13
|
private _isTransitioning;
|
|
13
14
|
private _resizeDebounceTimer;
|
|
14
15
|
private _mutationDebounceTimer;
|
|
16
|
+
private _lastViewportWidth;
|
|
15
17
|
private _mutationObserver;
|
|
16
18
|
private _boundHandleTransitionEnd;
|
|
17
19
|
private _boundHandleImageLoad;
|
|
@@ -20,6 +22,7 @@ export declare class HAccordionContent extends PhoenixLightLitElement {
|
|
|
20
22
|
firstUpdated(props: PropertyValues): void;
|
|
21
23
|
private _handleResizeObserver;
|
|
22
24
|
private _updateOriginalHeight;
|
|
25
|
+
private _isIosViewportHeightOnlyResize;
|
|
23
26
|
private _handleResize;
|
|
24
27
|
private _setStylingOptions;
|
|
25
28
|
private _setOriginalHeightValue;
|
|
@@ -15,10 +15,12 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
15
15
|
super();
|
|
16
16
|
this.transitionName = 'accordion-toggle';
|
|
17
17
|
this.isDevAccordionOptimizationFlagEnabled = false;
|
|
18
|
+
this.isDevAccordionSafariFlashFixEnabled = false;
|
|
18
19
|
this._resizeObserver = null;
|
|
19
20
|
this._isTransitioning = false;
|
|
20
21
|
this._resizeDebounceTimer = null;
|
|
21
22
|
this._mutationDebounceTimer = null;
|
|
23
|
+
this._lastViewportWidth = window.innerWidth;
|
|
22
24
|
this._mutationObserver = null;
|
|
23
25
|
this._handleResizeObserver = () => {
|
|
24
26
|
if (this._isTransitioning || this.hidden || this.style.height === '0px')
|
|
@@ -32,26 +34,47 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
32
34
|
this.style.display = previousDisplay;
|
|
33
35
|
};
|
|
34
36
|
this._handleResize = () => {
|
|
37
|
+
if (this.isDevAccordionSafariFlashFixEnabled) {
|
|
38
|
+
if (this._isIosViewportHeightOnlyResize())
|
|
39
|
+
return;
|
|
40
|
+
this._lastViewportWidth = window.innerWidth;
|
|
41
|
+
}
|
|
35
42
|
if (this._resizeDebounceTimer !== null) {
|
|
36
|
-
|
|
43
|
+
const clearMethod = this.isDevAccordionSafariFlashFixEnabled ? clearTimeout : cancelAnimationFrame;
|
|
44
|
+
clearMethod(this._resizeDebounceTimer);
|
|
45
|
+
}
|
|
46
|
+
if (this.isDevAccordionSafariFlashFixEnabled) {
|
|
47
|
+
this._resizeDebounceTimer = window.setTimeout(this._setStylingOptions, RESIZE_DEBOUNCE_MS);
|
|
48
|
+
}
|
|
49
|
+
else {
|
|
50
|
+
this._resizeDebounceTimer = requestAnimationFrame(() => {
|
|
51
|
+
setTimeout(() => {
|
|
52
|
+
this._setStylingOptions();
|
|
53
|
+
}, RESIZE_DEBOUNCE_MS);
|
|
54
|
+
});
|
|
37
55
|
}
|
|
38
|
-
this._resizeDebounceTimer = window.requestAnimationFrame(() => {
|
|
39
|
-
setTimeout(() => {
|
|
40
|
-
this._setStylingOptions();
|
|
41
|
-
}, RESIZE_DEBOUNCE_MS);
|
|
42
|
-
});
|
|
43
56
|
};
|
|
44
57
|
this._setStylingOptions = () => {
|
|
45
|
-
|
|
58
|
+
if (this.isDevAccordionSafariFlashFixEnabled) {
|
|
46
59
|
const previousDisplay = this.style.display;
|
|
47
60
|
this.style.setProperty('display', 'block', 'important');
|
|
48
61
|
this.style.height = 'auto';
|
|
62
|
+
this._setOriginalHeightValue(this.getBoundingClientRect().height);
|
|
63
|
+
this.style.display = previousDisplay;
|
|
64
|
+
this.style.height = this.hidden ? '0px' : this._originalHeight;
|
|
65
|
+
}
|
|
66
|
+
else {
|
|
49
67
|
requestAnimationFrame(() => {
|
|
50
|
-
this.
|
|
51
|
-
this.style.display
|
|
52
|
-
this.style.height =
|
|
68
|
+
const previousDisplay = this.style.display;
|
|
69
|
+
this.style.setProperty('display', 'block', 'important');
|
|
70
|
+
this.style.height = 'auto';
|
|
71
|
+
requestAnimationFrame(() => {
|
|
72
|
+
this._setOriginalHeightValue(this.getBoundingClientRect().height);
|
|
73
|
+
this.style.display = previousDisplay;
|
|
74
|
+
this.style.height = this.hidden ? '0px' : this._originalHeight;
|
|
75
|
+
});
|
|
53
76
|
});
|
|
54
|
-
}
|
|
77
|
+
}
|
|
55
78
|
};
|
|
56
79
|
this._setOriginalHeightValue = (height) => {
|
|
57
80
|
if (height !== 0 || this.children.length === 0) {
|
|
@@ -60,7 +83,7 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
60
83
|
};
|
|
61
84
|
this._handleMutation = () => {
|
|
62
85
|
if (this._mutationDebounceTimer !== null) {
|
|
63
|
-
|
|
86
|
+
clearTimeout(this._mutationDebounceTimer);
|
|
64
87
|
}
|
|
65
88
|
this._mutationDebounceTimer = window.setTimeout(() => {
|
|
66
89
|
requestAnimationFrame(() => {
|
|
@@ -144,6 +167,9 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
144
167
|
this._setStylingOptions();
|
|
145
168
|
}
|
|
146
169
|
}
|
|
170
|
+
_isIosViewportHeightOnlyResize() {
|
|
171
|
+
return window.innerWidth === this._lastViewportWidth;
|
|
172
|
+
}
|
|
147
173
|
_setupImageLoadListeners() {
|
|
148
174
|
const images = this.querySelectorAll('img');
|
|
149
175
|
images.forEach((img) => {
|
|
@@ -204,10 +230,11 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
204
230
|
(_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
|
|
205
231
|
window.removeEventListener('resize', this._handleResize);
|
|
206
232
|
if (this._resizeDebounceTimer !== null) {
|
|
207
|
-
|
|
233
|
+
const clearMethod = this.isDevAccordionSafariFlashFixEnabled ? clearTimeout : cancelAnimationFrame;
|
|
234
|
+
clearMethod(this._resizeDebounceTimer);
|
|
208
235
|
}
|
|
209
236
|
if (this._mutationDebounceTimer !== null) {
|
|
210
|
-
|
|
237
|
+
clearTimeout(this._mutationDebounceTimer);
|
|
211
238
|
}
|
|
212
239
|
}
|
|
213
240
|
const images = this.querySelectorAll('img');
|
|
@@ -215,7 +242,6 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
215
242
|
img.removeEventListener('load', this._boundHandleImageLoad);
|
|
216
243
|
img.removeEventListener('error', this._boundHandleImageLoad);
|
|
217
244
|
});
|
|
218
|
-
window.removeEventListener('resize', this._handleResize);
|
|
219
245
|
this.removeEventListener('transitionend', this._boundHandleTransitionEnd);
|
|
220
246
|
}
|
|
221
247
|
};
|
|
@@ -227,6 +253,10 @@ __decorate([
|
|
|
227
253
|
property({ type: Boolean, attribute: 'is-dev-accordion-optimization-flag-enabled' }),
|
|
228
254
|
__metadata("design:type", Boolean)
|
|
229
255
|
], HAccordionContent.prototype, "isDevAccordionOptimizationFlagEnabled", void 0);
|
|
256
|
+
__decorate([
|
|
257
|
+
property({ type: Boolean, attribute: 'is-dev-accordion-safari-flash-fix-enabled' }),
|
|
258
|
+
__metadata("design:type", Boolean)
|
|
259
|
+
], HAccordionContent.prototype, "isDevAccordionSafariFlashFixEnabled", void 0);
|
|
230
260
|
HAccordionContent = __decorate([
|
|
231
261
|
phoenixCustomElement('h-accordion-content'),
|
|
232
262
|
__metadata("design:paramtypes", [])
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -48,7 +48,9 @@ let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
|
|
|
48
48
|
this._accordionProps.subscribe(this._accordionPropsObserver);
|
|
49
49
|
}
|
|
50
50
|
disconnectedCallback() {
|
|
51
|
-
|
|
51
|
+
var _a;
|
|
52
|
+
super.disconnectedCallback();
|
|
53
|
+
(_a = this._accordionProps) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._accordionPropsObserver);
|
|
52
54
|
this.removeEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
|
|
53
55
|
}
|
|
54
56
|
show() {
|
|
@@ -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;"}
|
|
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;"}
|