@shoper/phoenix_design_system 1.18.38-2 → 1.18.38-3
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/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js +5 -11
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/icon/icon.js +0 -3
- package/build/cjs/packages/phoenix/src/components/icon/icon.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/icon/icon_constants.js +1 -3
- package/build/cjs/packages/phoenix/src/components/icon/icon_constants.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/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js +5 -11
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/icon/icon.js +1 -4
- package/build/esm/packages/phoenix/src/components/icon/icon.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/icon/icon_constants.d.ts +0 -1
- package/build/esm/packages/phoenix/src/components/icon/icon_constants.js +2 -3
- package/build/esm/packages/phoenix/src/components/icon/icon_constants.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;"}
|
|
@@ -19,17 +19,11 @@ exports.HSearchProductContent = class HSearchProductContent extends phoenix_ligh
|
|
|
19
19
|
this.getProductRateHtml = (productRate) => {
|
|
20
20
|
return lit.html `
|
|
21
21
|
<div class="${search_constants.SEARCH_CLASS_NAMES.starScore}">
|
|
22
|
-
${[1, 2, 3, 4, 5].map((score) =>
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
if (productRate > minBoundary) {
|
|
29
|
-
return lit.html `<h-icon icon-name="icon-half-filled" css-classes="${search_constants.SEARCH_CLASS_NAMES.productIconFilled}" aria-hidden="true" noStroke=${true}></h-icon>`;
|
|
30
|
-
}
|
|
31
|
-
return lit.html ` <h-icon icon-name="icon-star" css-classes=${search_constants.SEARCH_CLASS_NAMES.productIconEmpty} aria-hidden="true" noStroke=${true}></h-icon>`;
|
|
32
|
-
})}
|
|
22
|
+
${[1, 2, 3, 4, 5].map((score) => lit.html ` <h-icon
|
|
23
|
+
icon-name="icon-star"
|
|
24
|
+
css-classes=${productRate >= score ? search_constants.SEARCH_CLASS_NAMES.productIconFilled : search_constants.SEARCH_CLASS_NAMES.productIconEmpty}
|
|
25
|
+
noStroke=${true}
|
|
26
|
+
></h-icon>`)}
|
|
33
27
|
</div>
|
|
34
28
|
`;
|
|
35
29
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,mBAAmB,8DAAkE;AACrF;AACA,qBAAqB,gEAAoE;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AACjF;AACA;AACA;AACA;AACA,mBAAmB,8DAAkE;AACrF;AACA,qBAAqB,gEAAoE;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -43,9 +43,6 @@ exports.HIcon = HIcon_1 = class HIcon extends phoenix_light_lit_element.PhoenixL
|
|
|
43
43
|
HIcon_1.src.unsubscribe(this._srcObserver);
|
|
44
44
|
}
|
|
45
45
|
render() {
|
|
46
|
-
if (this.hasSlot(icon_constants.ICON_CONTENT_SLOT_NAME)) {
|
|
47
|
-
return lit.html `${this.getSlot(icon_constants.ICON_CONTENT_SLOT_NAME)}`;
|
|
48
|
-
}
|
|
49
46
|
if (!HIcon_1.src.getValue())
|
|
50
47
|
return null;
|
|
51
48
|
return lit.html `
|
|
@@ -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,oBAAoB,6CAAiD;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,6CAAiD;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -21,11 +21,9 @@ const ICONS_SIZES = {
|
|
|
21
21
|
l: 'l',
|
|
22
22
|
xl: 'xl',
|
|
23
23
|
xxl: 'xxl'
|
|
24
|
-
};
|
|
25
|
-
const ICON_CONTENT_SLOT_NAME = 'content';
|
|
24
|
+
};
|
|
26
25
|
|
|
27
26
|
exports.ICONS_SIZES = ICONS_SIZES;
|
|
28
|
-
exports.ICON_CONTENT_SLOT_NAME = ICON_CONTENT_SLOT_NAME;
|
|
29
27
|
exports.ICON_CSS_CLASSES = ICON_CSS_CLASSES;
|
|
30
28
|
exports.ICON_SIZES_CSS_CLASS_MAP = ICON_SIZES_CSS_CLASS_MAP;
|
|
31
29
|
//# sourceMappingURL=icon_constants.js.map
|
|
@@ -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;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;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;"}
|
|
@@ -15,17 +15,11 @@ let HSearchProductContent = class HSearchProductContent extends PhoenixLightLitE
|
|
|
15
15
|
this.getProductRateHtml = (productRate) => {
|
|
16
16
|
return html `
|
|
17
17
|
<div class="${SEARCH_CLASS_NAMES.starScore}">
|
|
18
|
-
${[1, 2, 3, 4, 5].map((score) =>
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
if (productRate > minBoundary) {
|
|
25
|
-
return html `<h-icon icon-name="icon-half-filled" css-classes="${SEARCH_CLASS_NAMES.productIconFilled}" aria-hidden="true" noStroke=${true}></h-icon>`;
|
|
26
|
-
}
|
|
27
|
-
return html ` <h-icon icon-name="icon-star" css-classes=${SEARCH_CLASS_NAMES.productIconEmpty} aria-hidden="true" noStroke=${true}></h-icon>`;
|
|
28
|
-
})}
|
|
18
|
+
${[1, 2, 3, 4, 5].map((score) => html ` <h-icon
|
|
19
|
+
icon-name="icon-star"
|
|
20
|
+
css-classes=${productRate >= score ? SEARCH_CLASS_NAMES.productIconFilled : SEARCH_CLASS_NAMES.productIconEmpty}
|
|
21
|
+
noStroke=${true}
|
|
22
|
+
></h-icon>`)}
|
|
29
23
|
</div>
|
|
30
24
|
`;
|
|
31
25
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA,4BAA4B,gEAAoE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA,4BAA4B,gEAAoE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,7 +3,7 @@ import { html } from 'lit';
|
|
|
3
3
|
import { property } from 'lit/decorators';
|
|
4
4
|
import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
5
5
|
import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
|
|
6
|
-
import { ICON_CSS_CLASSES, ICON_SIZES_CSS_CLASS_MAP
|
|
6
|
+
import { ICON_CSS_CLASSES, ICON_SIZES_CSS_CLASS_MAP } from './icon_constants.js';
|
|
7
7
|
import classnames from '../../../../../external/classnames/index.js';
|
|
8
8
|
import { namespacedAttribute } from '../../directives/namespaced_attribute_directive.js';
|
|
9
9
|
import { Observer } from '../../core/classes/observer/observer.js';
|
|
@@ -39,9 +39,6 @@ let HIcon = HIcon_1 = class HIcon extends PhoenixLightLitElement {
|
|
|
39
39
|
HIcon_1.src.unsubscribe(this._srcObserver);
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
|
-
if (this.hasSlot(ICON_CONTENT_SLOT_NAME)) {
|
|
43
|
-
return html `${this.getSlot(ICON_CONTENT_SLOT_NAME)}`;
|
|
44
|
-
}
|
|
45
42
|
if (!HIcon_1.src.getValue())
|
|
46
43
|
return null;
|
|
47
44
|
return html `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA,uBAAuB,6CAAiD;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;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA,uBAAuB,6CAAiD;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;"}
|
|
@@ -17,8 +17,7 @@ const ICONS_SIZES = {
|
|
|
17
17
|
l: 'l',
|
|
18
18
|
xl: 'xl',
|
|
19
19
|
xxl: 'xxl'
|
|
20
|
-
};
|
|
21
|
-
const ICON_CONTENT_SLOT_NAME = 'content';
|
|
20
|
+
};
|
|
22
21
|
|
|
23
|
-
export { ICONS_SIZES,
|
|
22
|
+
export { ICONS_SIZES, ICON_CSS_CLASSES, ICON_SIZES_CSS_CLASS_MAP };
|
|
24
23
|
//# sourceMappingURL=icon_constants.js.map
|
|
@@ -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;
|
|
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;"}
|