@shoper/phoenix_design_system 1.18.38 → 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 (14) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js +11 -5
  2. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/icon/icon.js +3 -0
  4. package/build/cjs/packages/phoenix/src/components/icon/icon.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/icon/icon_constants.js +3 -1
  6. package/build/cjs/packages/phoenix/src/components/icon/icon_constants.js.map +1 -1
  7. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js +11 -5
  8. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js.map +1 -1
  9. package/build/esm/packages/phoenix/src/components/icon/icon.js +4 -1
  10. package/build/esm/packages/phoenix/src/components/icon/icon.js.map +1 -1
  11. package/build/esm/packages/phoenix/src/components/icon/icon_constants.d.ts +1 -0
  12. package/build/esm/packages/phoenix/src/components/icon/icon_constants.js +3 -2
  13. package/build/esm/packages/phoenix/src/components/icon/icon_constants.js.map +1 -1
  14. package/package.json +1 -1
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/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",
5
+ "version": "1.18.39",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",