@shoper/phoenix_design_system 1.18.38-3 → 1.18.39

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