@fluentui/web-components 3.0.0-rc.3 → 3.0.0-rc.30

package/dist/esm/radio-group/radio-group.template.js

@@ -1,15 +1,15 @@
-import { html } from '@microsoft/fast-element';
+import { html, slotted } from '@microsoft/fast-element';
 export function radioGroupTemplate() {
     return html `
     <template
+      focusgroup="radiogroup wrap"
       @disabled="${(x, c) => x.disabledRadioHandler(c.event)}"
       @change="${(x, c) => x.changeHandler(c.event)}"
       @click="${(x, c) => x.clickHandler(c.event)}"
       @focusin="${(x, c) => x.focusinHandler(c.event)}"
-      @focusout="${(x, c) => x.focusoutHandler(c.event)}"
       @keydown="${(x, c) => x.keydownHandler(c.event)}"
     >
-      <slot @slotchange="${(x, c) => x.slotchangeHandler(c.event)}"></slot>
+      <slot ${slotted('slottedRadios')}></slot>
     </template>
   `;
 }

package/dist/esm/radio-group/radio-group.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.template.js","sourceRoot":"","sources":["../../../src/radio-group/radio-group.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAGzE,MAAM,UAAU,kBAAkB;IAChC,OAAO,IAAI,CAAG;;mBAEG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,KAAoB,CAAC;iBAC1D,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAc,CAAC;gBAC5C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;kBAC7C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAmB,CAAC;mBAChD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAmB,CAAC;kBACnD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAsB,CAAC;;2BAE3C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAc,CAAC;;GAEvE,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAoC,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"radio-group.template.js","sourceRoot":"","sources":["../../../src/radio-group/radio-group.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGlF,MAAM,UAAU,kBAAkB;IAChC,OAAO,IAAI,CAAG;;;mBAGG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,KAAoB,CAAC;iBAC1D,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAc,CAAC;gBAC5C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;kBAC7C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAmB,CAAC;kBACjD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAsB,CAAC;;cAExD,OAAO,CAAC,eAAe,CAAC;;GAEnC,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAoC,kBAAkB,EAAE,CAAC"}

package/dist/esm/rating-display/define-async.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/rating-display/define-async.js

@@ -0,0 +1,5 @@
+import { RenderableFASTElement } from '@microsoft/fast-html';
+import { definition } from './rating-display.definition-async.js';
+import { RatingDisplay } from './rating-display.js';
+RenderableFASTElement(RatingDisplay).defineAsync(definition);
+//# sourceMappingURL=define-async.js.map

package/dist/esm/rating-display/define-async.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/rating-display/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,qBAAqB,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}

package/dist/esm/rating-display/define.js

@@ -1,4 +1,4 @@
-import { FluentDesignSystem } from '../fluent-design-system.js';
 import { definition } from './rating-display.definition.js';
-definition.define(FluentDesignSystem.registry);
+import { RatingDisplay } from './rating-display.js';
+RatingDisplay.define(definition);
 //# sourceMappingURL=define.js.map

package/dist/esm/rating-display/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/rating-display/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/rating-display/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC"}

package/dist/esm/rating-display/index.d.ts

@@ -4,3 +4,4 @@ export { RatingDisplayColor, RatingDisplaySize } from './rating-display.options.
 export { template as RatingDisplayTemplate } from './rating-display.template.js';
 export { styles as RatingDisplayStyles } from './rating-display.styles.js';
 export { definition as RatingDisplayDefinition } from './rating-display.definition.js';
+export { tagName as RatingDisplayTagName } from './rating-display.options.js';

package/dist/esm/rating-display/index.js

@@ -4,4 +4,5 @@ export { RatingDisplayColor, RatingDisplaySize } from './rating-display.options.
 export { template as RatingDisplayTemplate } from './rating-display.template.js';
 export { styles as RatingDisplayStyles } from './rating-display.styles.js';
 export { definition as RatingDisplayDefinition } from './rating-display.definition.js';
+export { tagName as RatingDisplayTagName } from './rating-display.options.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/rating-display/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/rating-display/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACpF,OAAO,EAAE,QAAQ,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/rating-display/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACpF,OAAO,EAAE,QAAQ,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/esm/rating-display/rating-display.base.d.ts

@@ -16,8 +16,18 @@ export declare class BaseRatingDisplay extends FASTElement {
      * @internal
      */
     elementInternals: ElementInternals;
-    /** @internal */
+    /**
+     * Reference to the slot element used for the rating icon.
+     *
+     * @internal
+     */
     iconSlot: HTMLSlotElement;
+    /**
+     * Updates the icon when the referenced slot is bound in the template.
+     *
+     * @internal
+     */
+    iconSlotChanged(): void;
     protected defaultCustomIconViewBox: string;
     /**
      * The element that displays the rating icons.

package/dist/esm/rating-display/rating-display.base.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { attr, FASTElement, nullableNumberConverter } from '@microsoft/fast-element';
+import { attr, FASTElement, nullableNumberConverter, observable } from '@microsoft/fast-element';
 const SUPPORTS_ATTR_TYPE = CSS.supports('width: attr(value type(<number>))');
 const CUSTOM_PROPERTY_NAME = {
     max: '--_attr-max',
@@ -21,6 +21,14 @@ export function svgToDataURI(svg) {
  * @public
  */
 export class BaseRatingDisplay extends FASTElement {
+    /**
+     * Updates the icon when the referenced slot is bound in the template.
+     *
+     * @internal
+     */
+    iconSlotChanged() {
+        this.handleSlotChange();
+    }
     maxChanged() {
         this.setCustomPropertyValue('max');
     }
@@ -82,18 +90,23 @@ export class BaseRatingDisplay extends FASTElement {
         this.display.style.setProperty(CUSTOM_PROPERTY_NAME.maskImageOutlined, `url(${svgToDataURI(customSvgOutlined)})`);
     }
     setCustomPropertyValue(propertyName) {
-        if (!this.display || SUPPORTS_ATTR_TYPE) {
-            return;
-        }
-        const propertyValue = this[propertyName];
-        if (typeof propertyValue !== 'number' || Number.isNaN(propertyValue)) {
-            this.display.style.removeProperty(CUSTOM_PROPERTY_NAME[propertyName]);
-        }
-        else {
-            this.display.style.setProperty(CUSTOM_PROPERTY_NAME[propertyName], `${propertyValue}`);
-        }
+        requestAnimationFrame(() => {
+            if (!this.display || SUPPORTS_ATTR_TYPE) {
+                return;
+            }
+            const propertyValue = this[propertyName];
+            if (typeof propertyValue !== 'number' || Number.isNaN(propertyValue)) {
+                this.display.style.removeProperty(CUSTOM_PROPERTY_NAME[propertyName]);
+            }
+            else {
+                this.display.style.setProperty(CUSTOM_PROPERTY_NAME[propertyName], `${propertyValue}`);
+            }
+        });
     }
 }
+__decorate([
+    observable
+], BaseRatingDisplay.prototype, "iconSlot", void 0);
 __decorate([
     attr({ converter: nullableNumberConverter })
 ], BaseRatingDisplay.prototype, "count", void 0);

package/dist/esm/rating-display/rating-display.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"rating-display.base.js","sourceRoot":"","sources":["../../../src/rating-display/rating-display.base.ts"],"names":[],"mappings":"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"}
+{"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.definition-async.d.ts

@@ -0,0 +1,10 @@
+import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+/**
+ * The async definition configuration for the fluent-rating-display element.
+ *
+ * @public
+ * @remarks
+ * This is used in server-side rendering (SSR) scenarios where the template
+ * is provided as a deferred option to be hydrated later.
+ */
+export declare const definition: PartialFASTElementDefinition;

package/dist/esm/rating-display/rating-display.definition-async.js

@@ -0,0 +1,14 @@
+import { tagName } from './rating-display.options.js';
+/**
+ * The async definition configuration for the fluent-rating-display element.
+ *
+ * @public
+ * @remarks
+ * This is used in server-side rendering (SSR) scenarios where the template
+ * is provided as a deferred option to be hydrated later.
+ */
+export const definition = {
+    name: tagName,
+    templateOptions: 'defer-and-hydrate',
+};
+//# sourceMappingURL=rating-display.definition-async.js.map

package/dist/esm/rating-display/rating-display.definition-async.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating-display.definition-async.js","sourceRoot":"","sources":["../../../src/rating-display/rating-display.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAEtD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}

package/dist/esm/rating-display/rating-display.definition.d.ts

@@ -1,9 +1,7 @@
-import { RatingDisplay } from './rating-display.js';
+import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
 /**
- * The definition for the Fluent Rating Display component.
+ * The definition for the `<fluent-rating-display>` element.
  *
  * @public
- * @remarks
- * HTML Element: `<fluent-rating-display>`
  */
-export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof RatingDisplay>;
+export declare const definition: PartialFASTElementDefinition;

package/dist/esm/rating-display/rating-display.definition.js

@@ -1,17 +1,16 @@
 import { FluentDesignSystem } from '../fluent-design-system.js';
-import { RatingDisplay } from './rating-display.js';
+import { tagName } from './rating-display.options.js';
 import { styles } from './rating-display.styles.js';
 import { template } from './rating-display.template.js';
 /**
- * The definition for the Fluent Rating Display component.
+ * The definition for the `<fluent-rating-display>` element.
  *
  * @public
- * @remarks
- * HTML Element: `<fluent-rating-display>`
  */
-export const definition = RatingDisplay.compose({
-    name: `${FluentDesignSystem.prefix}-rating-display`,
-    template,
+export const definition = {
+    name: tagName,
+    registry: FluentDesignSystem.registry,
     styles,
-});
+    template,
+};
 //# sourceMappingURL=rating-display.definition.js.map

package/dist/esm/rating-display/rating-display.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"rating-display.definition.js","sourceRoot":"","sources":["../../../src/rating-display/rating-display.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC;IAC9C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,iBAAiB;IACnD,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
+{"version":3,"file":"rating-display.definition.js","sourceRoot":"","sources":["../../../src/rating-display/rating-display.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC,QAAQ;IACrC,MAAM;IACN,QAAQ;CACT,CAAC"}

package/dist/esm/rating-display/rating-display.options.d.ts

@@ -1,4 +1,4 @@
-import type { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/typings.js';
 /**
  * The color of the Rating Display items can be `neutral`, `brand`, or `marigold`.
  * @public
@@ -27,3 +27,9 @@ export type RatingDisplayColor = ValuesOf<typeof RatingDisplayColor>;
  * @public
  */
 export type RatingDisplaySize = ValuesOf<typeof RatingDisplaySize>;
+/**
+ * The tag name for the rating display element.
+ *
+ * @public
+ */
+export declare const tagName: "fluent-rating-display";

package/dist/esm/rating-display/rating-display.options.js

@@ -1,3 +1,4 @@
+import { FluentDesignSystem } from '../fluent-design-system.js';
 /**
  * The color of the Rating Display items can be `neutral`, `brand`, or `marigold`.
  * @public
@@ -16,4 +17,10 @@ export const RatingDisplaySize = {
     medium: 'medium',
     large: 'large',
 };
+/**
+ * The tag name for the rating display element.
+ *
+ * @public
+ */
+export const tagName = `${FluentDesignSystem.prefix}-rating-display`;
 //# sourceMappingURL=rating-display.options.js.map

package/dist/esm/rating-display/rating-display.options.js.map

@@ -1 +1 @@
-{"version":3,"file":"rating-display.options.js","sourceRoot":"","sources":["../../../src/rating-display/rating-display.options.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;CACZ,CAAC;AAEX;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC"}
+{"version":3,"file":"rating-display.options.js","sourceRoot":"","sources":["../../../src/rating-display/rating-display.options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;CACZ,CAAC;AAEX;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC;AAcX;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,kBAAkB,CAAC,MAAM,iBAA0B,CAAC"}

package/dist/esm/rating-display/rating-display.styles.css

@@ -0,0 +1,142 @@
+:host([hidden]) {
+  display: none;
+}
+:host {
+  display: inline-flex;
+}
+
+:host {
+  --_icon-size: 16px;
+  --_icon-gradient-degree: 90deg;
+  --_icon-color-value: var(--colorPaletteMarigoldBorderActive);
+  --_icon-color-empty: var(--colorPaletteMarigoldBackground2);
+  --_default-value: 0;
+  --_default-max: 5;
+  --_mask-image-filled: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.28347%201.54605C5.57692%200.951448%206.42479%200.951449%206.71825%201.54605L7.82997%203.79866L10.3159%204.15988C10.9721%204.25523%2011.2341%205.0616%2010.7592%205.52443L8.96043%207.27785L9.38507%209.7537C9.49716%2010.4072%208.81122%2010.9056%208.22431%2010.597L6.00086%209.4281L3.7774%2010.597C3.19049%2010.9056%202.50455%2010.4072%202.61664%209.7537L3.04128%207.27784L1.24246%205.52443C0.767651%205.0616%201.02966%204.25523%201.68584%204.15988L4.17174%203.79865L5.28347%201.54605Z%22%20%2F%3E%3C%2Fsvg%3E);
+  --_mask-image-outlined: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5.28347%201.54605C5.57692%200.951448%206.42479%200.951449%206.71825%201.54605L7.82997%203.79866L10.3159%204.15988C10.9721%204.25523%2011.2341%205.0616%2010.7592%205.52443L8.96043%207.27785L9.38507%209.7537C9.49716%2010.4072%208.81122%2010.9056%208.22431%2010.597L6.00086%209.4281L3.7774%2010.597C3.19049%2010.9056%202.50455%2010.4072%202.61664%209.7537L3.04128%207.27784L1.24246%205.52443C0.767651%205.0616%201.02966%204.25523%201.68584%204.15988L4.17174%203.79865L5.28347%201.54605Z%22%20%2F%3E%3C%2Fsvg%3E);
+  --_mask-position-x: left;
+
+  align-items: center;
+  color: var(--colorNeutralForeground1);
+  font-family: var(--fontFamilyBase);
+  font-size: var(--fontSizeBase200);
+  line-height: var(--lineHeightBase200);
+  contain: layout style;
+  user-select: none;
+}
+
+:host(:dir(rtl)) {
+  --_icon-gradient-degree: -90deg;
+  --_mask-position-x: right;
+}
+
+:host([size='small']) {
+  --_icon-size: 12px;
+}
+
+:host([size='large']) {
+  --_icon-size: 20px;
+  font-size: var(--fontSizeBase300);
+  line-height: var(--lineHeightBase300);
+}
+
+::slotted([slot='icon']) {
+  display: none;
+}
+
+:host([color='neutral']) {
+  --_icon-color-value: var(--colorNeutralForeground1);
+  --_icon-color-empty: var(--colorNeutralBackground6);
+}
+
+:host([color='brand']) {
+  --_icon-color-value: var(--colorBrandForeground1);
+  --_icon-color-empty: var(--colorBrandBackground2);
+}
+
+@supports (width: attr(value type(<number>))) {
+  :host {
+    --_attr-value: attr(value type(<number>));
+    --_attr-max: attr(max type(<number>));
+  }
+}
+
+:host([compact]) .display {
+  --_max: 1;
+}
+
+.display {
+  --_value: max(0, round(var(--_attr-value, var(--_default-value)) * 2) / 2);
+  --_max: max(1, var(--_attr-max, var(--_default-max)));
+  --_mask-inline-size: calc(var(--_icon-size) + var(--spacingHorizontalXXS));
+  --_icon-gradient-stop-visual-adjustment: 0px;
+  --_icon-gradient-stop: calc(var(--_mask-inline-size) * var(--_value) - var(--_icon-gradient-stop-visual-adjustment));
+
+  background-image: linear-gradient(
+    var(--_icon-gradient-degree),
+    var(--_icon-color-value) var(--_icon-gradient-stop),
+    var(--_icon-color-empty) calc(var(--_icon-gradient-stop) + 0.5px)
+  );
+  block-size: var(--_icon-size);
+  display: grid;
+  inline-size: calc(var(--_max) * var(--_mask-inline-size) - var(--spacingHorizontalXXS) / 2);
+  mask-image: var(--_mask-image-filled);
+  mask-repeat: repeat no-repeat;
+  mask-size: var(--_mask-inline-size) var(--_icon-size);
+  mask-position: var(--_mask-position-x) center;
+}
+
+.value-label,
+::slotted([slot='value']) {
+  display: block;
+  margin-inline-start: var(--spacingHorizontalXS);
+  font-weight: var(--fontWeightSemibold);
+}
+
+:host([size='small']) .value-label,
+:host([size='small']) ::slotted([slot='value']) {
+  margin-inline-start: var(--spacingHorizontalXXS);
+}
+
+:host([size='large']) .value-label,
+:host([size='large']) ::slotted([slot='value']) {
+  margin-inline-start: var(--spacingHorizontalSNudge);
+}
+
+:host(:not([count])) .count-label {
+  display: none;
+}
+
+.count-label::before,
+::slotted([slot='count'])::before {
+  content: '·';
+  margin-inline: var(--spacingHorizontalXS);
+}
+
+:host([size='small']) .count-label::before,
+:host([size='small']) ::slotted([slot='count'])::before {
+  margin-inline: var(--spacingHorizontalXXS);
+}
+
+:host([size='large']) .count-label::before,
+:host([size='large']) ::slotted([slot='count'])::before {
+  margin-inline: var(--spacingHorizontalSNudge);
+}
+
+@media (forced-colors: active) {
+  .display {
+    --_icon-color-value: CanvasText;
+    --_icon-color-empty: Canvas;
+    --_icon-gradient-stop-visual-adjustment: 0.5px;
+
+    forced-color-adjust: none;
+  }
+
+  .display::before {
+    background-color: var(--_icon-color-value);
+    content: '';
+    grid-area: 1 / 1 / -1 / -1;
+    mask: inherit;
+    mask-image: var(--_mask-image-outlined);
+  }
+}

package/dist/esm/rating-display/rating-display.styles.js

@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { display, forcedColorsStylesheetBehavior } from '../utils/index.js';
+import { display } from '../utils/display.js';
 import { colorBrandBackground2, colorBrandForeground1, colorNeutralBackground6, colorNeutralForeground1, colorPaletteMarigoldBackground2, colorPaletteMarigoldBorderActive, fontFamilyBase, fontSizeBase200, fontSizeBase300, fontWeightSemibold, lineHeightBase200, lineHeightBase300, spacingHorizontalSNudge, spacingHorizontalXS, spacingHorizontalXXS, } from '../theme/design-tokens.js';
 import { svgToDataURI } from './rating-display.base.js';
 import { defaultIconFilled, defaultIconOutlined } from './rating-display.template.js';
@@ -130,7 +130,8 @@ export const styles = css `
   :host([size='large']) ::slotted([slot='count'])::before {
     margin-inline: ${spacingHorizontalSNudge};
   }
-`.withBehaviors(forcedColorsStylesheetBehavior(css `
+
+  @media (forced-colors: active) {
     .display {
       --_icon-color-value: CanvasText;
       --_icon-color-empty: Canvas;
@@ -146,5 +147,6 @@ export const styles = css `
       mask: inherit;
       mask-image: var(--_mask-image-outlined);
     }
-  `));
+  }
+`;
 //# sourceMappingURL=rating-display.styles.js.map

package/dist/esm/rating-display/rating-display.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"rating-display.styles.js","sourceRoot":"","sources":["../../../src/rating-display/rating-display.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,+BAA+B,EAC/B,gCAAgC,EAChC,cAAc,EACd,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAEtF;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;2BAKC,gCAAgC;2BAChC,+BAA+B;;;gCAG1B,YAAY,CAAC,iBAAiB,CAAC;kCAC7B,YAAY,CAAC,mBAAmB,CAAC;;;;aAItD,uBAAuB;mBACjB,cAAc;iBAChB,eAAe;mBACb,iBAAiB;;;;;;;;;;;;;;;;iBAgBnB,eAAe;mBACb,iBAAiB;;;;;;;;2BAQT,uBAAuB;2BACvB,uBAAuB;;;;2BAIvB,qBAAqB;2BACrB,qBAAqB;;;;;;;;;;;;;;;;;oDAiBI,oBAAoB;;;;;;;;;;;;;iEAaP,oBAAoB;;;;;;;;;;2BAU1D,mBAAmB;mBAC3B,kBAAkB;;;;;2BAKV,oBAAoB;;;;;2BAKpB,uBAAuB;;;;;;;;;;qBAU7B,mBAAmB;;;;;qBAKnB,oBAAoB;;;;;qBAKpB,uBAAuB;;CAE3C,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;GAgBjC,CAAC,CACH,CAAC"}
+{"version":3,"file":"rating-display.styles.js","sourceRoot":"","sources":["../../../src/rating-display/rating-display.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,+BAA+B,EAC/B,gCAAgC,EAChC,cAAc,EACd,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAEtF;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;2BAKC,gCAAgC;2BAChC,+BAA+B;;;gCAG1B,YAAY,CAAC,iBAAiB,CAAC;kCAC7B,YAAY,CAAC,mBAAmB,CAAC;;;;aAItD,uBAAuB;mBACjB,cAAc;iBAChB,eAAe;mBACb,iBAAiB;;;;;;;;;;;;;;;;iBAgBnB,eAAe;mBACb,iBAAiB;;;;;;;;2BAQT,uBAAuB;2BACvB,uBAAuB;;;;2BAIvB,qBAAqB;2BACrB,qBAAqB;;;;;;;;;;;;;;;;;oDAiBI,oBAAoB;;;;;;;;;;;;;iEAaP,oBAAoB;;;;;;;;;;2BAU1D,mBAAmB;mBAC3B,kBAAkB;;;;;2BAKV,oBAAoB;;;;;2BAKpB,uBAAuB;;;;;;;;;;qBAU7B,mBAAmB;;;;;qBAKnB,oBAAoB;;;;;qBAKpB,uBAAuB;;;;;;;;;;;;;;;;;;;;CAoB3C,CAAC"}

package/dist/esm/rating-display/rating-display.template.html

@@ -0,0 +1,9 @@
+<f-template name="fluent-rating-display" shadowrootmode="open">
+  <template>
+    {{styles}}
+    <div f-ref="{display}" class="display" aria-hidden="true"></div>
+    <slot name="icon" f-ref="{iconSlot}" @slotchange="{handleSlotChange()}"></slot>
+    <slot name="value"><span class="value-label" aria-hidden="true">{{value}}</span></slot>
+    <slot name="count"><span class="count-label" aria-hidden="true">{{formattedCount}}</span></slot>
+  </template>
+</f-template>

package/dist/esm/slider/define-async.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/slider/define-async.js

@@ -0,0 +1,5 @@
+import { RenderableFASTElement } from '@microsoft/fast-html';
+import { definition } from './slider.definition-async.js';
+import { Slider } from './slider.js';
+RenderableFASTElement(Slider).defineAsync(definition);
+//# sourceMappingURL=define-async.js.map

package/dist/esm/slider/define-async.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/slider/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,qBAAqB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}

package/dist/esm/slider/define.js

@@ -1,4 +1,4 @@
-import { FluentDesignSystem } from '../fluent-design-system.js';
 import { definition } from './slider.definition.js';
-definition.define(FluentDesignSystem.registry);
+import { Slider } from './slider.js';
+Slider.define(definition);
 //# sourceMappingURL=define.js.map

package/dist/esm/slider/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/slider/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/slider/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC"}

package/dist/esm/slider/index.d.ts

@@ -4,3 +4,4 @@ export { SliderMode, SliderOrientation, SliderSize } from './slider.options.js';
 export type { SliderConfiguration, SliderOptions } from './slider.options.js';
 export { styles as SliderStyles } from './slider.styles.js';
 export { template as SliderTemplate } from './slider.template.js';
+export { tagName as SliderTagName } from './slider.options.js';

package/dist/esm/slider/index.js

@@ -3,4 +3,5 @@ export { Slider } from './slider.js';
 export { SliderMode, SliderOrientation, SliderSize } from './slider.options.js';
 export { styles as SliderStyles } from './slider.styles.js';
 export { template as SliderTemplate } from './slider.template.js';
+export { tagName as SliderTagName } from './slider.options.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/slider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEhF,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEhF,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/esm/slider/slider-utilities.d.ts

@@ -1,4 +1,4 @@
-import { Direction } from '@microsoft/fast-web-utilities';
+import { Direction } from '../utils/direction.js';
 /**
  * Converts a pixel coordinate on the track to a percent of the track's range
  */

package/dist/esm/slider/slider-utilities.js

@@ -1,4 +1,5 @@
-import { Direction, limit } from '@microsoft/fast-web-utilities';
+import { Direction } from '../utils/direction.js';
+import { limit } from '../utils/numbers.js';
 /**
  * Converts a pixel coordinate on the track to a percent of the track's range
  */

package/dist/esm/slider/slider-utilities.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-utilities.js","sourceRoot":"","sources":["../../../src/slider/slider-utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEjE;;GAEG;AACH,MAAM,UAAU,qBAAqB,CACnC,QAAgB,EAChB,WAAmB,EACnB,WAAmB,EACnB,SAAqB;IAErB,IAAI,GAAG,GAAW,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC;IACtF,IAAI,SAAS,KAAK,SAAS,CAAC,GAAG,EAAE,CAAC;QAChC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IAChB,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}
+{"version":3,"file":"slider-utilities.js","sourceRoot":"","sources":["../../../src/slider/slider-utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C;;GAEG;AACH,MAAM,UAAU,qBAAqB,CACnC,QAAgB,EAChB,WAAmB,EACnB,WAAmB,EACnB,SAAqB;IAErB,IAAI,GAAG,GAAW,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC;IACtF,IAAI,SAAS,KAAK,SAAS,CAAC,GAAG,EAAE,CAAC;QAChC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IAChB,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/esm/slider/slider.bench.d.ts

@@ -1,3 +1,4 @@
+import './define.js';
 declare const itemRenderer: () => HTMLElement;
 export default itemRenderer;
 export { tests } from '../utils/benchmark-wrapper.js';

package/dist/esm/slider/slider.bench.js

@@ -1,6 +1,4 @@
-import { FluentDesignSystem } from '../fluent-design-system.js';
-import { definition } from './slider.definition.js';
-definition.define(FluentDesignSystem.registry);
+import './define.js';
 const itemRenderer = () => {
     const slider = document.createElement('fluent-slider');
     return slider;

package/dist/esm/slider/slider.bench.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.bench.js","sourceRoot":"","sources":["../../../src/slider/slider.bench.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAE/C,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IACvD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"slider.bench.js","sourceRoot":"","sources":["../../../src/slider/slider.bench.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IACvD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/esm/slider/slider.d.ts

@@ -1,5 +1,6 @@
 import { FASTElement } from '@microsoft/fast-element';
-import { Direction, Orientation } from '@microsoft/fast-web-utilities';
+import { Direction } from '../utils/direction.js';
+import { Orientation } from '../utils/orientation.js';
 import { type SliderConfiguration, SliderMode, SliderSize } from './slider.options.js';
 /**
  * The base class used for constructing a fluent-slider custom element
@@ -9,7 +10,7 @@ import { type SliderConfiguration, SliderMode, SliderSize } from './slider.optio
  * @slot thumb - The slot for a custom thumb element.
  * @csspart thumb-container - The container element of the thumb.
  * @csspart track-container - The container element of the track.
- * @fires change - Fires a custom 'change' event when the value changes.
+ * @fires { Event } change - Fires a custom 'change' event when the value changes.
  *
  * @public
  */
@@ -219,6 +220,13 @@ export declare class Slider extends FASTElement implements SliderConfiguration {
      */
     disabled: boolean;
     protected disabledChanged(): void;
+    /**
+     * Returns true if the component is disabled, taking into account the `disabled`
+     * attribute, `aria-disabled` attribute, and the `:disabled` pseudo-class.
+     *
+     * @internal
+     */
+    protected get isDisabled(): boolean;
     /**
      * The minimum allowed value.
      *
@@ -289,9 +297,6 @@ export declare class Slider extends FASTElement implements SliderConfiguration {
      */
     mode: SliderMode;
     constructor();
-    /**
-     * @internal
-     */
     connectedCallback(): void;
     /**
      * @internal

package/dist/esm/slider/slider.definition-async.d.ts

@@ -0,0 +1,10 @@
+import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+/**
+ * The async definition configuration for the fluent-slider element.
+ *
+ * @public
+ * @remarks
+ * This is used in server-side rendering (SSR) scenarios where the template
+ * is provided as a deferred option to be hydrated later.
+ */
+export declare const definition: PartialFASTElementDefinition;