@shoper/phoenix_design_system 1.18.38-0 → 1.18.38-1

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 (24) hide show
  1. package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js +43 -13
  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 +3 -1
  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 +5 -26
  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 +0 -3
  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 +1 -3
  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 +2 -0
  12. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +43 -13
  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 +3 -1
  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.d.ts +0 -1
  17. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js +5 -26
  18. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js.map +1 -1
  19. package/build/esm/packages/phoenix/src/components/icon/icon.js +1 -4
  20. package/build/esm/packages/phoenix/src/components/icon/icon.js.map +1 -1
  21. package/build/esm/packages/phoenix/src/components/icon/icon_constants.d.ts +0 -1
  22. package/build/esm/packages/phoenix/src/components/icon/icon_constants.js +2 -3
  23. package/build/esm/packages/phoenix/src/components/icon/icon_constants.js.map +1 -1
  24. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js CHANGED
@@ -19,9 +19,11 @@ 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;
26
+ this._lastViewportWidth = window.innerWidth;
25
27
  this._mutationDebounceTimer = null;
26
28
  this._mutationObserver = null;
27
29
  this._handleResizeObserver = () => {
@@ -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 (window.innerWidth === this._lastViewportWidth)
43
+ return;
44
+ this._lastViewportWidth = window.innerWidth;
45
+ }
39
46
  if (this._resizeDebounceTimer !== null) {
40
- window.cancelAnimationFrame(this._resizeDebounceTimer);
47
+ const clearMethod = this.isDevAccordionSafariFlashFixEnabled ? window.clearTimeout : window.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 = window.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
- requestAnimationFrame(() => {
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._setOriginalHeightValue(this.getBoundingClientRect().height);
55
- this.style.display = previousDisplay;
56
- this.style.height = this.hidden ? '0px' : this._originalHeight;
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) {
@@ -208,7 +231,8 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
208
231
  (_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
209
232
  window.removeEventListener('resize', this._handleResize);
210
233
  if (this._resizeDebounceTimer !== null) {
211
- window.cancelAnimationFrame(this._resizeDebounceTimer);
234
+ const clearMethod = this.isDevAccordionSafariFlashFixEnabled ? window.clearTimeout : window.cancelAnimationFrame;
235
+ clearMethod(this._resizeDebounceTimer);
212
236
  }
213
237
  if (this._mutationDebounceTimer !== null) {
214
238
  window.clearTimeout(this._mutationDebounceTimer);
@@ -219,7 +243,9 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
219
243
  img.removeEventListener('load', this._boundHandleImageLoad);
220
244
  img.removeEventListener('error', this._boundHandleImageLoad);
221
245
  });
222
- window.removeEventListener('resize', this._handleResize);
246
+ if (!this.isDevAccordionSafariFlashFixEnabled) {
247
+ window.removeEventListener('resize', this._handleResize);
248
+ }
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", [])
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;"}
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;"}
package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.js CHANGED
@@ -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
- this._accordionProps.unsubscribe(this._accordionPropsObserver);
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() {
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;"}
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;"}
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js CHANGED
@@ -19,36 +19,15 @@ 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
- 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} noStroke=${true}></h-icon>`;
27
- }
28
- if (productRate > minBoundary) {
29
- return this._getStarHalfFilled();
30
- }
31
- return lit.html ` <h-icon icon-name="icon-star" css-classes=${search_constants.SEARCH_CLASS_NAMES.productIconEmpty} 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
  };
36
30
  }
37
- _getStarHalfFilled() {
38
- return lit.html `
39
- <h-icon>
40
- <svg slot="content" aria-hidden="true" class="icon icon_no-stroke ${search_constants.SEARCH_CLASS_NAMES.productIconFilled}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
41
- <path d="M11.1033 3.81663C11.4701 3.07346 12.5299 3.07346 12.8967 3.81663L14.8576 7.78909C15.0031 8.08394 15.2843 8.2884 15.6096 8.33595L19.9962 8.97712C20.8161 9.09696 21.1429 10.1048 20.5493 10.683L17.3768 13.773C17.1409 14.0027 17.0333 14.3339 17.0889 14.6584L17.8374 19.0226C17.9775 19.8396 17.12 20.4626 16.3864 20.0767L12.4655 18.0148C12.1741 17.8615 11.8259 17.8615 11.5345 18.0148L7.61363 20.0767C6.88 20.4626 6.02245 19.8396 6.16257 19.0226L6.91109 14.6584C6.96675 14.3339 6.85908 14.0027 6.62321 13.773L3.45068 10.683C2.85708 10.1048 3.18387 9.09696 4.00378 8.97712L8.39037 8.33595C8.71572 8.2884 8.99691 8.08394 9.14245 7.78909L11.1033 3.81663Z" />
42
- <mask id="mask0_1656_17170" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
43
- <path d="M11.1033 3.81663C11.4701 3.07346 12.5299 3.07346 12.8967 3.81663L14.8576 7.78909C15.0031 8.08394 15.2843 8.2884 15.6096 8.33595L19.9962 8.97712C20.8161 9.09696 21.1429 10.1048 20.5493 10.683L17.3768 13.773C17.1409 14.0027 17.0333 14.3339 17.0889 14.6584L17.8374 19.0226C17.9775 19.8396 17.12 20.4626 16.3864 20.0767L12.4655 18.0148C12.1741 17.8615 11.8259 17.8615 11.5345 18.0148L7.61363 20.0767C6.88 20.4626 6.02245 19.8396 6.16257 19.0226L6.91109 14.6584C6.96675 14.3339 6.85908 14.0027 6.62321 13.773L3.45068 10.683C2.85708 10.1048 3.18387 9.09696 4.00378 8.97712L8.39037 8.33595C8.71572 8.2884 8.99691 8.08394 9.14245 7.78909L11.1033 3.81663Z" fill="#FFC107"/>
44
- </mask>
45
- <g mask="url(#mask0_1656_17170)">
46
- <rect x="12" y="3" width="9" height="18" fill="#E2E5E9"/>
47
- </g>
48
- </svg>
49
- </h-icon>
50
- `;
51
- }
52
31
  _getShortenProductName(productName) {
53
32
  return productName.length > search_constants.SEARCH_CONFIGURATION.maxCharactersInProductName
54
33
  ? productName.substring(0, search_constants.SEARCH_CONFIGURATION.maxCharactersInProductName) + '...'
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;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;"}
package/build/cjs/packages/phoenix/src/components/icon/icon.js CHANGED
@@ -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 `
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;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;"}
package/build/cjs/packages/phoenix/src/components/icon/icon_constants.js CHANGED
@@ -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
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;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;"}
package/build/esm/packages/phoenix/src/components/accordion/accordion_content.d.ts CHANGED
@@ -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;
@@ -11,6 +12,7 @@ export declare class HAccordionContent extends PhoenixLightLitElement {
11
12
  private _resizeObserver;
12
13
  private _isTransitioning;
13
14
  private _resizeDebounceTimer;
15
+ private _lastViewportWidth;
14
16
  private _mutationDebounceTimer;
15
17
  private _mutationObserver;
16
18
  private _boundHandleTransitionEnd;
package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js CHANGED
@@ -15,9 +15,11 @@ 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;
22
+ this._lastViewportWidth = window.innerWidth;
21
23
  this._mutationDebounceTimer = null;
22
24
  this._mutationObserver = null;
23
25
  this._handleResizeObserver = () => {
@@ -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 (window.innerWidth === this._lastViewportWidth)
39
+ return;
40
+ this._lastViewportWidth = window.innerWidth;
41
+ }
35
42
  if (this._resizeDebounceTimer !== null) {
36
- window.cancelAnimationFrame(this._resizeDebounceTimer);
43
+ const clearMethod = this.isDevAccordionSafariFlashFixEnabled ? window.clearTimeout : window.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 = window.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
- requestAnimationFrame(() => {
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._setOriginalHeightValue(this.getBoundingClientRect().height);
51
- this.style.display = previousDisplay;
52
- this.style.height = this.hidden ? '0px' : this._originalHeight;
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) {
@@ -204,7 +227,8 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
204
227
  (_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
205
228
  window.removeEventListener('resize', this._handleResize);
206
229
  if (this._resizeDebounceTimer !== null) {
207
- window.cancelAnimationFrame(this._resizeDebounceTimer);
230
+ const clearMethod = this.isDevAccordionSafariFlashFixEnabled ? window.clearTimeout : window.cancelAnimationFrame;
231
+ clearMethod(this._resizeDebounceTimer);
208
232
  }
209
233
  if (this._mutationDebounceTimer !== null) {
210
234
  window.clearTimeout(this._mutationDebounceTimer);
@@ -215,7 +239,9 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
215
239
  img.removeEventListener('load', this._boundHandleImageLoad);
216
240
  img.removeEventListener('error', this._boundHandleImageLoad);
217
241
  });
218
- window.removeEventListener('resize', this._handleResize);
242
+ if (!this.isDevAccordionSafariFlashFixEnabled) {
243
+ window.removeEventListener('resize', this._handleResize);
244
+ }
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", [])
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;"}
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;"}
package/build/esm/packages/phoenix/src/components/accordion/accordion_group.js CHANGED
@@ -48,7 +48,9 @@ let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
48
48
  this._accordionProps.subscribe(this._accordionPropsObserver);
49
49
  }
50
50
  disconnectedCallback() {
51
- this._accordionProps.unsubscribe(this._accordionPropsObserver);
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() {
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;"}
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;"}
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.d.ts CHANGED
@@ -10,7 +10,6 @@ export declare class HSearchProductContent extends PhoenixLightLitElement {
10
10
  translations: Record<string, string>;
11
11
  productAriaLabel?: string;
12
12
  getProductRateHtml: (productRate: number) => TemplateResult;
13
- private _getStarHalfFilled;
14
13
  private _getShortenProductName;
15
14
  private _getPercentPromotion;
16
15
  protected render(): TemplateResult;
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js CHANGED
@@ -15,36 +15,15 @@ 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
- 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} noStroke=${true}></h-icon>`;
23
- }
24
- if (productRate > minBoundary) {
25
- return this._getStarHalfFilled();
26
- }
27
- return html ` <h-icon icon-name="icon-star" css-classes=${SEARCH_CLASS_NAMES.productIconEmpty} 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
  };
32
26
  }
33
- _getStarHalfFilled() {
34
- return html `
35
- <h-icon>
36
- <svg slot="content" aria-hidden="true" class="icon icon_no-stroke ${SEARCH_CLASS_NAMES.productIconFilled}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
37
- <path d="M11.1033 3.81663C11.4701 3.07346 12.5299 3.07346 12.8967 3.81663L14.8576 7.78909C15.0031 8.08394 15.2843 8.2884 15.6096 8.33595L19.9962 8.97712C20.8161 9.09696 21.1429 10.1048 20.5493 10.683L17.3768 13.773C17.1409 14.0027 17.0333 14.3339 17.0889 14.6584L17.8374 19.0226C17.9775 19.8396 17.12 20.4626 16.3864 20.0767L12.4655 18.0148C12.1741 17.8615 11.8259 17.8615 11.5345 18.0148L7.61363 20.0767C6.88 20.4626 6.02245 19.8396 6.16257 19.0226L6.91109 14.6584C6.96675 14.3339 6.85908 14.0027 6.62321 13.773L3.45068 10.683C2.85708 10.1048 3.18387 9.09696 4.00378 8.97712L8.39037 8.33595C8.71572 8.2884 8.99691 8.08394 9.14245 7.78909L11.1033 3.81663Z" />
38
- <mask id="mask0_1656_17170" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
39
- <path d="M11.1033 3.81663C11.4701 3.07346 12.5299 3.07346 12.8967 3.81663L14.8576 7.78909C15.0031 8.08394 15.2843 8.2884 15.6096 8.33595L19.9962 8.97712C20.8161 9.09696 21.1429 10.1048 20.5493 10.683L17.3768 13.773C17.1409 14.0027 17.0333 14.3339 17.0889 14.6584L17.8374 19.0226C17.9775 19.8396 17.12 20.4626 16.3864 20.0767L12.4655 18.0148C12.1741 17.8615 11.8259 17.8615 11.5345 18.0148L7.61363 20.0767C6.88 20.4626 6.02245 19.8396 6.16257 19.0226L6.91109 14.6584C6.96675 14.3339 6.85908 14.0027 6.62321 13.773L3.45068 10.683C2.85708 10.1048 3.18387 9.09696 4.00378 8.97712L8.39037 8.33595C8.71572 8.2884 8.99691 8.08394 9.14245 7.78909L11.1033 3.81663Z" fill="#FFC107"/>
40
- </mask>
41
- <g mask="url(#mask0_1656_17170)">
42
- <rect x="12" y="3" width="9" height="18" fill="#E2E5E9"/>
43
- </g>
44
- </svg>
45
- </h-icon>
46
- `;
47
- }
48
27
  _getShortenProductName(productName) {
49
28
  return productName.length > SEARCH_CONFIGURATION.maxCharactersInProductName
50
29
  ? productName.substring(0, SEARCH_CONFIGURATION.maxCharactersInProductName) + '...'
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;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;"}
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, ICON_CONTENT_SLOT_NAME } from './icon_constants.js';
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 `
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;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;"}
package/build/esm/packages/phoenix/src/components/icon/icon_constants.d.ts CHANGED
@@ -18,5 +18,4 @@ 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";
22
21
  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,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, ICON_CONTENT_SLOT_NAME, ICON_CSS_CLASSES, ICON_SIZES_CSS_CLASS_MAP };
22
+ export { ICONS_SIZES, ICON_CSS_CLASSES, ICON_SIZES_CSS_CLASS_MAP };
24
23
  //# 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;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;"}
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-0",
5
+ "version": "1.18.38-1",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",