@fluentui/web-components 3.0.0-beta.121 → 3.0.0-beta.123

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 (22) hide show
  1. package/CHANGELOG.md +20 -2
  2. package/custom-elements.json +129 -42
  3. package/dist/esm/listbox/listbox.js +2 -1
  4. package/dist/esm/listbox/listbox.js.map +1 -1
  5. package/dist/esm/rating-display/rating-display.base.d.ts +20 -32
  6. package/dist/esm/rating-display/rating-display.base.js +63 -48
  7. package/dist/esm/rating-display/rating-display.base.js.map +1 -1
  8. package/dist/esm/rating-display/rating-display.d.ts +1 -13
  9. package/dist/esm/rating-display/rating-display.js +0 -16
  10. package/dist/esm/rating-display/rating-display.js.map +1 -1
  11. package/dist/esm/rating-display/rating-display.styles.js +64 -37
  12. package/dist/esm/rating-display/rating-display.styles.js.map +1 -1
  13. package/dist/esm/rating-display/rating-display.template.d.ts +3 -0
  14. package/dist/esm/rating-display/rating-display.template.js +11 -15
  15. package/dist/esm/rating-display/rating-display.template.js.map +1 -1
  16. package/dist/esm/utils/request-idle-callback.d.ts +3 -5
  17. package/dist/esm/utils/request-idle-callback.js +10 -11
  18. package/dist/esm/utils/request-idle-callback.js.map +1 -1
  19. package/dist/web-components.d.ts +19 -44
  20. package/dist/web-components.js +96 -83
  21. package/dist/web-components.min.js +200 -179
  22. package/package.json +3 -1
package/CHANGELOG.md CHANGED
@@ -1,12 +1,30 @@
1
1
  # Change Log - @fluentui/web-components
2
2
 
3
- This log was last generated on Wed, 03 Sep 2025 04:08:27 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 05 Sep 2025 04:09:42 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [3.0.0-beta.123](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.123)
8
+
9
+ Fri, 05 Sep 2025 04:09:42 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.122..@fluentui/web-components_v3.0.0-beta.123)
11
+
12
+ ### Changes
13
+
14
+ - fix: use defined selector in waitForConnectedDescendants ([PR #35142](https://github.com/microsoft/fluentui/pull/35142) by 863023+radium-v@users.noreply.github.com)
15
+
16
+ ## [3.0.0-beta.122](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.122)
17
+
18
+ Thu, 04 Sep 2025 04:07:08 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.121..@fluentui/web-components_v3.0.0-beta.122)
20
+
21
+ ### Changes
22
+
23
+ - feat: enable SSR for rating-display ([PR #35126](https://github.com/microsoft/fluentui/pull/35126) by machi@microsoft.com)
24
+
7
25
  ## [3.0.0-beta.121](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.121)
8
26
 
9
- Wed, 03 Sep 2025 04:08:27 GMT
27
+ Wed, 03 Sep 2025 04:08:39 GMT
10
28
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.120..@fluentui/web-components_v3.0.0-beta.121)
11
29
 
12
30
  ### Changes
package/custom-elements.json CHANGED
@@ -14546,7 +14546,7 @@
14546
14546
  {
14547
14547
  "name": "callback",
14548
14548
  "type": {
14549
- "text": "(args: { didTimeout: boolean }) => void"
14549
+ "text": "(deadline: IdleDeadline) => void"
14550
14550
  },
14551
14551
  "description": "The function to call when the browser is idle."
14552
14552
  },
@@ -14607,7 +14607,10 @@
14607
14607
  },
14608
14608
  {
14609
14609
  "name": "options",
14610
- "default": "{ shallow: false, timeout: 50 }",
14610
+ "optional": true,
14611
+ "type": {
14612
+ "text": "{ shallow?: boolean; timeout?: number }"
14613
+ },
14611
14614
  "description": "Options object that may contain a timeout property for the idle callback."
14612
14615
  }
14613
14616
  ],
@@ -19563,6 +19566,18 @@
19563
19566
  "kind": "javascript-module",
19564
19567
  "path": "./dist/esm/rating-display/rating-display.base.js",
19565
19568
  "declarations": [
19569
+ {
19570
+ "kind": "function",
19571
+ "name": "svgToDataURI",
19572
+ "parameters": [
19573
+ {
19574
+ "name": "svg",
19575
+ "type": {
19576
+ "text": "string"
19577
+ }
19578
+ }
19579
+ ]
19580
+ },
19566
19581
  {
19567
19582
  "kind": "class",
19568
19583
  "description": "The base class used for constructing a fluent-rating-display custom element",
@@ -19574,6 +19589,24 @@
19574
19589
  }
19575
19590
  ],
19576
19591
  "members": [
19592
+ {
19593
+ "kind": "field",
19594
+ "name": "numberFormatter",
19595
+ "type": {
19596
+ "text": "Intl.NumberFormat"
19597
+ },
19598
+ "privacy": "private",
19599
+ "default": "new Intl.NumberFormat()"
19600
+ },
19601
+ {
19602
+ "kind": "field",
19603
+ "name": "defaultCustomIconViewBox",
19604
+ "type": {
19605
+ "text": "string"
19606
+ },
19607
+ "privacy": "protected",
19608
+ "default": "'0 0 20 20'"
19609
+ },
19577
19610
  {
19578
19611
  "kind": "field",
19579
19612
  "name": "count",
@@ -19591,7 +19624,7 @@
19591
19624
  },
19592
19625
  "description": "The `viewBox` attribute of the icon <svg> element.",
19593
19626
  "privacy": "public",
19594
- "default": "`0 0 20 20`"
19627
+ "deprecated": "Add `viewBox` attribute on the custom SVG directly."
19595
19628
  },
19596
19629
  {
19597
19630
  "kind": "field",
@@ -19602,6 +19635,11 @@
19602
19635
  "privacy": "public",
19603
19636
  "description": "The maximum possible value of the rating.\nThis attribute determines the number of icons displayed.\nMust be a whole number greater than 1."
19604
19637
  },
19638
+ {
19639
+ "kind": "method",
19640
+ "name": "maxChanged",
19641
+ "privacy": "protected"
19642
+ },
19605
19643
  {
19606
19644
  "kind": "field",
19607
19645
  "name": "value",
@@ -19612,32 +19650,35 @@
19612
19650
  "description": "The value of the rating."
19613
19651
  },
19614
19652
  {
19615
- "kind": "field",
19616
- "name": "intlNumberFormatter",
19617
- "privacy": "private",
19618
- "default": "new Intl.NumberFormat()"
19653
+ "kind": "method",
19654
+ "name": "valueChanged",
19655
+ "privacy": "protected"
19619
19656
  },
19620
19657
  {
19621
19658
  "kind": "method",
19622
- "name": "getSelectedValue",
19659
+ "name": "renderSlottedIcon",
19623
19660
  "privacy": "protected",
19624
- "return": {
19625
- "type": {
19626
- "text": "number"
19661
+ "parameters": [
19662
+ {
19663
+ "name": "svg",
19664
+ "type": {
19665
+ "text": "SVGSVGElement | null"
19666
+ }
19627
19667
  }
19628
- },
19629
- "description": "Gets the selected value"
19668
+ ]
19630
19669
  },
19631
19670
  {
19632
19671
  "kind": "method",
19633
- "name": "getMaxIcons",
19672
+ "name": "setCustomPropertyValue",
19634
19673
  "privacy": "protected",
19635
- "return": {
19636
- "type": {
19637
- "text": "number"
19674
+ "parameters": [
19675
+ {
19676
+ "name": "propertyName",
19677
+ "type": {
19678
+ "text": "PropertyNameForCalculation"
19679
+ }
19638
19680
  }
19639
- },
19640
- "description": "Gets the maximum icons to render"
19681
+ ]
19641
19682
  },
19642
19683
  {
19643
19684
  "kind": "field",
@@ -19662,7 +19703,7 @@
19662
19703
  "text": "string | undefined"
19663
19704
  },
19664
19705
  "description": "The `viewBox` attribute of the icon <svg> element.",
19665
- "default": "`0 0 20 20`",
19706
+ "deprecated": "Add `viewBox` attribute on the custom SVG directly.",
19666
19707
  "fieldName": "iconViewBox"
19667
19708
  },
19668
19709
  {
@@ -19690,6 +19731,14 @@
19690
19731
  }
19691
19732
  ],
19692
19733
  "exports": [
19734
+ {
19735
+ "kind": "js",
19736
+ "name": "svgToDataURI",
19737
+ "declaration": {
19738
+ "name": "svgToDataURI",
19739
+ "module": "src/rating-display/rating-display.base.ts"
19740
+ }
19741
+ },
19693
19742
  {
19694
19743
  "kind": "js",
19695
19744
  "name": "BaseRatingDisplay",
@@ -19740,30 +19789,26 @@
19740
19789
  "description": "Renders a single filled icon with a label next to it."
19741
19790
  },
19742
19791
  {
19743
- "kind": "method",
19744
- "name": "getSelectedValue",
19745
- "privacy": "protected",
19746
- "return": {
19747
- "type": {
19748
- "text": "number"
19749
- }
19792
+ "kind": "field",
19793
+ "name": "numberFormatter",
19794
+ "type": {
19795
+ "text": "Intl.NumberFormat"
19750
19796
  },
19751
- "description": "Overrides the selected value and returns 1 if compact is true.",
19797
+ "privacy": "private",
19798
+ "default": "new Intl.NumberFormat()",
19752
19799
  "inheritedFrom": {
19753
19800
  "name": "BaseRatingDisplay",
19754
19801
  "module": "src/rating-display/rating-display.base.ts"
19755
19802
  }
19756
19803
  },
19757
19804
  {
19758
- "kind": "method",
19759
- "name": "getMaxIcons",
19760
- "privacy": "protected",
19761
- "return": {
19762
- "type": {
19763
- "text": "number"
19764
- }
19805
+ "kind": "field",
19806
+ "name": "defaultCustomIconViewBox",
19807
+ "type": {
19808
+ "text": "string"
19765
19809
  },
19766
- "description": "Overrides the maximum icons and returns a max of 1 if compact is true.",
19810
+ "privacy": "protected",
19811
+ "default": "'0 0 20 20'",
19767
19812
  "inheritedFrom": {
19768
19813
  "name": "BaseRatingDisplay",
19769
19814
  "module": "src/rating-display/rating-display.base.ts"
@@ -19790,7 +19835,7 @@
19790
19835
  },
19791
19836
  "description": "The `viewBox` attribute of the icon <svg> element.",
19792
19837
  "privacy": "public",
19793
- "default": "`0 0 20 20`",
19838
+ "deprecated": "Add `viewBox` attribute on the custom SVG directly.",
19794
19839
  "inheritedFrom": {
19795
19840
  "name": "BaseRatingDisplay",
19796
19841
  "module": "src/rating-display/rating-display.base.ts"
@@ -19809,6 +19854,15 @@
19809
19854
  "module": "src/rating-display/rating-display.base.ts"
19810
19855
  }
19811
19856
  },
19857
+ {
19858
+ "kind": "method",
19859
+ "name": "maxChanged",
19860
+ "privacy": "protected",
19861
+ "inheritedFrom": {
19862
+ "name": "BaseRatingDisplay",
19863
+ "module": "src/rating-display/rating-display.base.ts"
19864
+ }
19865
+ },
19812
19866
  {
19813
19867
  "kind": "field",
19814
19868
  "name": "value",
@@ -19823,10 +19877,43 @@
19823
19877
  }
19824
19878
  },
19825
19879
  {
19826
- "kind": "field",
19827
- "name": "intlNumberFormatter",
19828
- "privacy": "private",
19829
- "default": "new Intl.NumberFormat()",
19880
+ "kind": "method",
19881
+ "name": "valueChanged",
19882
+ "privacy": "protected",
19883
+ "inheritedFrom": {
19884
+ "name": "BaseRatingDisplay",
19885
+ "module": "src/rating-display/rating-display.base.ts"
19886
+ }
19887
+ },
19888
+ {
19889
+ "kind": "method",
19890
+ "name": "renderSlottedIcon",
19891
+ "privacy": "protected",
19892
+ "parameters": [
19893
+ {
19894
+ "name": "svg",
19895
+ "type": {
19896
+ "text": "SVGSVGElement | null"
19897
+ }
19898
+ }
19899
+ ],
19900
+ "inheritedFrom": {
19901
+ "name": "BaseRatingDisplay",
19902
+ "module": "src/rating-display/rating-display.base.ts"
19903
+ }
19904
+ },
19905
+ {
19906
+ "kind": "method",
19907
+ "name": "setCustomPropertyValue",
19908
+ "privacy": "protected",
19909
+ "parameters": [
19910
+ {
19911
+ "name": "propertyName",
19912
+ "type": {
19913
+ "text": "PropertyNameForCalculation"
19914
+ }
19915
+ }
19916
+ ],
19830
19917
  "inheritedFrom": {
19831
19918
  "name": "BaseRatingDisplay",
19832
19919
  "module": "src/rating-display/rating-display.base.ts"
@@ -19864,7 +19951,7 @@
19864
19951
  "text": "string | undefined"
19865
19952
  },
19866
19953
  "description": "The `viewBox` attribute of the icon <svg> element.",
19867
- "default": "`0 0 20 20`",
19954
+ "deprecated": "Add `viewBox` attribute on the custom SVG directly.",
19868
19955
  "fieldName": "iconViewBox",
19869
19956
  "inheritedFrom": {
19870
19957
  "name": "BaseRatingDisplay",
package/dist/esm/listbox/listbox.js CHANGED
@@ -165,8 +165,9 @@ export class Listbox extends FASTElement {
165
165
  * @public
166
166
  */
167
167
  slotchangeHandler(e) {
168
+ const target = e.target;
168
169
  waitForConnectedDescendants(this, () => {
169
- const options = e.target
170
+ const options = target
170
171
  .assignedElements()
171
172
  .filter((option) => isDropdownOption(option));
172
173
  this.options = options;
package/dist/esm/listbox/listbox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"listbox.js","sourceRoot":"","sources":["../../../src/listbox/listbox.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"listbox.js","sourceRoot":"","sources":["../../../src/listbox/listbox.ts"],"names":[],"mappings":"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"}
package/dist/esm/rating-display/rating-display.base.d.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  import { FASTElement } from '@microsoft/fast-element';
2
+ type PropertyNameForCalculation = 'max' | 'value';
3
+ export declare function svgToDataURI(svg: string): string;
2
4
  /**
3
5
  * The base class used for constructing a fluent-rating-display custom element
4
6
  *
@@ -7,12 +9,21 @@ import { FASTElement } from '@microsoft/fast-element';
7
9
  * @public
8
10
  */
9
11
  export declare class BaseRatingDisplay extends FASTElement {
12
+ private numberFormatter;
10
13
  /**
11
14
  * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
12
15
  *
13
16
  * @internal
14
17
  */
15
18
  elementInternals: ElementInternals;
19
+ /** @internal */
20
+ iconSlot: HTMLSlotElement;
21
+ protected defaultCustomIconViewBox: string;
22
+ /**
23
+ * The element that displays the rating icons.
24
+ * @internal
25
+ */
26
+ display: HTMLElement;
16
27
  /**
17
28
  * The number of ratings.
18
29
  *
@@ -25,9 +36,9 @@ export declare class BaseRatingDisplay extends FASTElement {
25
36
  * The `viewBox` attribute of the icon <svg> element.
26
37
  *
27
38
  * @public
28
- * @default `0 0 20 20`
29
39
  * @remarks
30
40
  * HTML Attribute: `icon-view-box`
41
+ * @deprecated Add `viewBox` attribute on the custom SVG directly.
31
42
  */
32
43
  iconViewBox?: string;
33
44
  /**
@@ -40,6 +51,7 @@ export declare class BaseRatingDisplay extends FASTElement {
40
51
  * HTML Attribute: `max`
41
52
  */
42
53
  max?: number;
54
+ protected maxChanged(): void;
43
55
  /**
44
56
  * The value of the rating.
45
57
  *
@@ -48,42 +60,18 @@ export declare class BaseRatingDisplay extends FASTElement {
48
60
  * HTML Attribute: `value`
49
61
  */
50
62
  value?: number;
51
- /**
52
- * @internal
53
- */
54
- slottedIcon: HTMLElement[];
55
- /**
56
- * @internal
57
- */
58
- slottedIconChanged(): void;
59
- /**
60
- * @internal
61
- */
62
- private customIcon?;
63
- private intlNumberFormatter;
63
+ protected valueChanged(): void;
64
64
  constructor();
65
+ connectedCallback(): void;
65
66
  /**
66
67
  * Returns "count" as string, formatted according to the locale.
67
68
  *
68
69
  * @internal
69
70
  */
70
71
  get formattedCount(): string;
71
- /**
72
- * Gets the selected value
73
- *
74
- * @protected
75
- */
76
- protected getSelectedValue(): number;
77
- /**
78
- * Gets the maximum icons to render
79
- *
80
- * @protected
81
- */
82
- protected getMaxIcons(): number;
83
- /**
84
- * Generates the icon SVG elements based on the "max" attribute.
85
- *
86
- * @internal
87
- */
88
- generateIcons(): string;
72
+ /** @internal */
73
+ handleSlotChange(): void;
74
+ protected renderSlottedIcon(svg: SVGSVGElement | null): void;
75
+ protected setCustomPropertyValue(propertyName: PropertyNameForCalculation): void;
89
76
  }
77
+ export {};
package/dist/esm/rating-display/rating-display.base.js CHANGED
@@ -1,5 +1,18 @@
1
1
  import { __decorate } from "tslib";
2
- import { attr, FASTElement, nullableNumberConverter, observable } from '@microsoft/fast-element';
2
+ import { attr, FASTElement, nullableNumberConverter } from '@microsoft/fast-element';
3
+ const SUPPORTS_ATTR_TYPE = CSS.supports('width: attr(value type(<number>))');
4
+ const CUSTOM_PROPERTY_NAME = {
5
+ max: '--_attr-max',
6
+ value: '--_attr-value',
7
+ maskImageFilled: '--_mask-image-filled',
8
+ maskImageOutlined: '--_mask-image-outlined',
9
+ };
10
+ export function svgToDataURI(svg) {
11
+ if (!svg) {
12
+ return '';
13
+ }
14
+ return ['data:image/svg+xml', encodeURIComponent(svg.replace(/\n/g, '').replace(/\s+/g, ' '))].join(',');
15
+ }
3
16
  /**
4
17
  * The base class used for constructing a fluent-rating-display custom element
5
18
  *
@@ -8,13 +21,11 @@ import { attr, FASTElement, nullableNumberConverter, observable } from '@microso
8
21
  * @public
9
22
  */
10
23
  export class BaseRatingDisplay extends FASTElement {
11
- /**
12
- * @internal
13
- */
14
- slottedIconChanged() {
15
- if (this.$fastController.isConnected) {
16
- this.customIcon = this.slottedIcon[0]?.outerHTML;
17
- }
24
+ maxChanged() {
25
+ this.setCustomPropertyValue('max');
26
+ }
27
+ valueChanged() {
28
+ this.setCustomPropertyValue('value');
18
29
  }
19
30
  constructor() {
20
31
  super();
@@ -24,8 +35,14 @@ export class BaseRatingDisplay extends FASTElement {
24
35
  * @internal
25
36
  */
26
37
  this.elementInternals = this.attachInternals();
27
- this.intlNumberFormatter = new Intl.NumberFormat();
38
+ this.defaultCustomIconViewBox = '0 0 20 20';
28
39
  this.elementInternals.role = 'img';
40
+ this.numberFormatter = new Intl.NumberFormat();
41
+ }
42
+ connectedCallback() {
43
+ super.connectedCallback();
44
+ this.setCustomPropertyValue('value');
45
+ this.setCustomPropertyValue('max');
29
46
  }
30
47
  /**
31
48
  * Returns "count" as string, formatted according to the locale.
@@ -33,44 +50,48 @@ export class BaseRatingDisplay extends FASTElement {
33
50
  * @internal
34
51
  */
35
52
  get formattedCount() {
36
- return this.count ? this.intlNumberFormatter.format(this.count) : '';
53
+ return this.count ? this.numberFormatter.format(this.count) : '';
37
54
  }
38
- /**
39
- * Gets the selected value
40
- *
41
- * @protected
42
- */
43
- getSelectedValue() {
44
- return Math.round((this.value ?? 0) * 2) / 2;
55
+ /** @internal */
56
+ handleSlotChange() {
57
+ const icon = this.iconSlot.assignedElements()?.find(el => el.nodeName.toLowerCase() === 'svg');
58
+ this.renderSlottedIcon(icon ?? null);
45
59
  }
46
- /**
47
- * Gets the maximum icons to render
48
- *
49
- * @protected
50
- */
51
- getMaxIcons() {
52
- return (this.max ?? 5) * 2;
60
+ renderSlottedIcon(svg) {
61
+ if (!svg) {
62
+ this.display.style.removeProperty(CUSTOM_PROPERTY_NAME.maskImageFilled);
63
+ this.display.style.removeProperty(CUSTOM_PROPERTY_NAME.maskImageOutlined);
64
+ return;
65
+ }
66
+ const innerSvg = svg.innerHTML;
67
+ const viewBox = svg.getAttribute('viewBox') ?? this.iconViewBox ?? this.defaultCustomIconViewBox;
68
+ const customSvgFilled = `
69
+ <svg
70
+ viewBox="${viewBox}"
71
+ xmlns="http://www.w3.org/2000/svg"
72
+ >${innerSvg}</svg>`;
73
+ const customSvgOutlined = `
74
+ <svg
75
+ viewBox="${viewBox}"
76
+ xmlns="http://www.w3.org/2000/svg"
77
+ fill="none"
78
+ stroke="black"
79
+ stroke-width="2"
80
+ >${innerSvg}</svg>`;
81
+ this.display.style.setProperty(CUSTOM_PROPERTY_NAME.maskImageFilled, `url(${svgToDataURI(customSvgFilled)})`);
82
+ this.display.style.setProperty(CUSTOM_PROPERTY_NAME.maskImageOutlined, `url(${svgToDataURI(customSvgOutlined)})`);
53
83
  }
54
- /**
55
- * Generates the icon SVG elements based on the "max" attribute.
56
- *
57
- * @internal
58
- */
59
- generateIcons() {
60
- let htmlString = '';
61
- let customIcon;
62
- if (this.customIcon) {
63
- // Extract the SVG element content
64
- customIcon = /<svg[^>]*>([\s\S]*?)<\/svg>/.exec(this.customIcon)?.[1] ?? '';
84
+ setCustomPropertyValue(propertyName) {
85
+ if (!this.display || SUPPORTS_ATTR_TYPE) {
86
+ return;
87
+ }
88
+ const propertyValue = this[propertyName];
89
+ if (typeof propertyValue !== 'number' || Number.isNaN(propertyValue)) {
90
+ this.display.style.removeProperty(CUSTOM_PROPERTY_NAME[propertyName]);
65
91
  }
66
- // The value of the selected icon. Based on the "value" attribute, rounded to the nearest half.
67
- const selectedValue = this.getSelectedValue();
68
- // Render the icons based on the "max" attribute. If "max" is not set, render 5 icons.
69
- for (let i = 0; i < this.getMaxIcons(); i++) {
70
- const iconValue = (i + 1) / 2;
71
- htmlString += `<svg aria-hidden="true" viewBox="${this.iconViewBox ?? '0 0 20 20'}" ${iconValue === selectedValue ? 'selected' : ''}>${customIcon ?? '<use href="#star"></use>'}</svg>`;
92
+ else {
93
+ this.display.style.setProperty(CUSTOM_PROPERTY_NAME[propertyName], `${propertyValue}`);
72
94
  }
73
- return htmlString;
74
95
  }
75
96
  }
76
97
  __decorate([
@@ -85,10 +106,4 @@ __decorate([
85
106
  __decorate([
86
107
  attr({ converter: nullableNumberConverter })
87
108
  ], BaseRatingDisplay.prototype, "value", void 0);
88
- __decorate([
89
- observable
90
- ], BaseRatingDisplay.prototype, "slottedIcon", void 0);
91
- __decorate([
92
- observable
93
- ], BaseRatingDisplay.prototype, "customIcon", void 0);
94
109
  //# sourceMappingURL=rating-display.base.js.map
package/dist/esm/rating-display/rating-display.base.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"rating-display.base.js","sourceRoot":"","sources":["../../../src/rating-display/rating-display.base.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEjG;;;;;;GAMG;AACH,MAAM,OAAO,iBAAkB,SAAQ,WAAW;IAyDhD;;OAEG;IACI,kBAAkB;QACvB,IAAI,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;YACrC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC;QACnD,CAAC;IACH,CAAC;IAUD;QACE,KAAK,EAAE,CAAC;QA1EV;;;;WAIG;QACI,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;QAkE3D,wBAAmB,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QAKpD,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,KAAK,CAAC;IACrC,CAAC;IAED;;;;OAIG;IACH,IAAW,cAAc;QACvB,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACvE,CAAC;IAED;;;;OAIG;IACO,gBAAgB;QACxB,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IAC/C,CAAC;IAED;;;;OAIG;IACO,WAAW;QACnB,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAED;;;;OAIG;IACI,aAAa;QAClB,IAAI,UAAU,GAAW,EAAE,CAAC;QAC5B,IAAI,UAA8B,CAAC;QAEnC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,kCAAkC;YAClC,UAAU,GAAG,6BAA6B,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QAC9E,CAAC;QAED,+FAA+F;QAC/F,MAAM,aAAa,GAAW,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAEtD,sFAAsF;QACtF,KAAK,IAAI,CAAC,GAAW,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;YACpD,MAAM,SAAS,GAAW,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;YAEtC,UAAU,IAAI,oCAAoC,IAAI,CAAC,WAAW,IAAI,WAAW,KAC/E,SAAS,KAAK,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAC7C,IAAI,UAAU,IAAI,0BAA0B,QAAQ,CAAC;QACvD,CAAC;QAED,OAAO,UAAU,CAAC;IACpB,CAAC;CACF;AAvHQ;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;gDACvB;AAWtB;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;sDAChB;AAYd;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;8CACzB;AAUb;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;gDACvB;AAMf;IADN,UAAU;sDACwB;AAe3B;IADP,UAAU;qDACiB"}
1
+ {"version":3,"file":"rating-display.base.js","sourceRoot":"","sources":["../../../src/rating-display/rating-display.base.ts"],"names":[],"mappings":"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"}
package/dist/esm/rating-display/rating-display.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { BaseRatingDisplay } from './rating-display.base.js';
2
- import { RatingDisplayColor, RatingDisplaySize } from './rating-display.options.js';
2
+ import type { RatingDisplayColor, RatingDisplaySize } from './rating-display.options.js';
3
3
  /**
4
4
  * A Rating Display Custom HTML Element.
5
5
  * Based on BaseRatingDisplay and includes style and layout specific attributes
@@ -35,16 +35,4 @@ export declare class RatingDisplay extends BaseRatingDisplay {
35
35
  * HTML Attribute: `compact`
36
36
  */
37
37
  compact: boolean;
38
- /**
39
- * Overrides the selected value and returns 1 if compact is true.
40
- *
41
- * @override
42
- */
43
- protected getSelectedValue(): number;
44
- /**
45
- * Overrides the maximum icons and returns a max of 1 if compact is true.
46
- *
47
- * @override
48
- */
49
- protected getMaxIcons(): number;
50
38
  }
package/dist/esm/rating-display/rating-display.js CHANGED
@@ -21,22 +21,6 @@ export class RatingDisplay extends BaseRatingDisplay {
21
21
  */
22
22
  this.compact = false;
23
23
  }
24
- /**
25
- * Overrides the selected value and returns 1 if compact is true.
26
- *
27
- * @override
28
- */
29
- getSelectedValue() {
30
- return Math.round((this.compact ? 1 : this.value ?? 0) * 2) / 2;
31
- }
32
- /**
33
- * Overrides the maximum icons and returns a max of 1 if compact is true.
34
- *
35
- * @override
36
- */
37
- getMaxIcons() {
38
- return (this.compact ? 1 : this.max ?? 5) * 2;
39
- }
40
24
  }
41
25
  __decorate([
42
26
  attr