@fabric-msft/fabric-web 4.0.0-beta.1 → 5.0.0

package/dist/dts/components/card/card.d.ts

@@ -1,8 +1,8 @@
 import { FASTElement } from "@microsoft/fast-element";
-import { CardFocusMode, CardAppearance, CardOrientation } from "./card.options";
+import { CardFocusMode, CardAppearance, CardOrientation } from "./card.options.js";
 /**
  * Card
- * @summary A versatile component for displaying interactive card elements with customizable styles and behaviors.
+ * @summary A versatile surface that can display rich content, optional header/footer regions, and interactive behaviors.
  *
  * @example
  * ```html
@@ -14,47 +14,53 @@ import { CardFocusMode, CardAppearance, CardOrientation } from "./card.options";
  *   aria-describedby="descId"
  *   aria-labelledby="labelId"
  * >
- *   <div slot="header">Header content</div>
  *   <div>Card main content</div>
- *   <div slot="footer">Footer content</div>
  * </fabric-card>
  * ```
  *
- * @attr {CardFocusMode} focus-mode - Focus behavior within the card.
- * @attr {CardAppearance | undefined} appearance - Visual style of the card.
- * @attr {CardOrientation | undefined} orientation - Layout direction of the card.
- * @attr {boolean} disabled - Indicates if the card is disabled.
- * @attr {boolean} interactive - Determines whether the card is interactive.
- * @attr {string | undefined} aria-describedby - Provides descriptive text for assistive technologies via `aria-describedby`.
- * @attr {string | undefined} aria-labelledby - Provides a label for assistive technologies via `aria-labelledby`.
+ * @attr {CardFocusMode} focus-mode - Controls keyboard focus behavior inside the card (including focus trapping and Tab/Escape behavior).
+ * @attr {CardAppearance | undefined} appearance - Sets the visual style of the card (for example `filled` or `outline`).
+ * @attr {CardOrientation | undefined} orientation - Sets the card layout direction (horizontal or vertical).
+ * @attr {string} role - Sets the ARIA role; automatically switches to `button` when `interactive` is true.
+ * @attr {string | undefined} value - Optional value associated with the card; emitted with click events.
+ * @attr {string | undefined} href - Optional link value that is surfaced in the emitted click event.
+ * @attr {boolean} disabled - Disables interactive behaviors and keyboard handling when set.
+ * @attr {boolean} interactive - Enables interactive behaviors (for example Enter triggers click) and updates the role.
+ * @attr {string | undefined} aria-describedby - Sets `aria-describedby` on the internal root for assistive descriptions.
+ * @attr {string | undefined} aria-labelledby - Sets `aria-labelledby` on the internal root for assistive labeling.
  *
- * @prop {ElementStyles | undefined} computedStylesheet - Computed styles for the card.
- * @prop {HTMLElement} card - The main card element.
- * @prop {HTMLElement} root - The root element of the card.
- * @prop {CardFocusMode} focusMode - Focus behavior within the card, set via `focus-mode` attribute.
- * @prop {CardAppearance | undefined} appearance - Visual style of the card.
- * @prop {CardOrientation | undefined} orientation - Layout direction of the card.
- * @prop {boolean} disabled - Indicates if the card is disabled.
- * @prop {boolean} interactive - Determines whether the card is interactive.
- * @prop {string | undefined} ariaDescribedby - Provides descriptive text for assistive technologies via `aria-describedby`.
- * @prop {string | undefined} ariaLabelledby - Provides a label for assistive technologies via `aria-labelledby`.
+ * @prop {CardFocusMode} focusMode - Reflects the `focus-mode` attribute and governs keyboard focus handling.
+ * @prop {CardAppearance | undefined} appearance - Reflects the chosen visual style of the card.
+ * @prop {CardOrientation | undefined} orientation - Reflects whether content is arranged horizontally or vertically.
+ * @prop {string} role - Current ARIA role applied to the card surface.
+ * @prop {string | undefined} value - Value included in emitted click events for identification.
+ * @prop {string | undefined} href - Link value included in emitted click events.
+ * @prop {boolean} disabled - Indicates whether the card is inert to pointer and keyboard interaction.
+ * @prop {boolean} interactive - Toggles interactive keyboard/mouse behaviors and role switching.
+ * @prop {string | undefined} ariaDescribedby - Programmatic backing property for `aria-describedby`.
+ * @prop {string | undefined} ariaLabelledby - Programmatic backing property for `aria-labelledby`.
+ * @prop {HTMLElement} card - Reference to the primary card element within the template.
+ * @prop {HTMLElement} root - Reference to the root container wrapping the card content.
  *
- * @slot - Default slot for card content.
+ * @slot default - Default slot for the card's content.
  *
- * @csspart card - The main card element.
- * @csspart root - The root element of the card.
+ * @csspart card - Styles the main card surface element.
+ * @csspart root - Styles the outermost root container element.
+ * @csspart header - Styles the header region of the card.
+ * @csspart content - Styles the content container region of the card.
  *
- * @cssprop --card-width - The width of the card.
- * @cssprop --card-height - The height of the card.
- * @cssprop --card-elevation - The z-index of the card.
+ * @cssprop --card-width - Controls the card width (any valid CSS length).
+ * @cssprop --card-height - Controls the card height (defaults to fit-content).
+ * @cssprop --card-elevation - Controls the card elevation level for visual stacking.
+ * @cssprop --card-padding - Controls the padding applied to the card content.
  *
- * @method focusFirstElement - Focuses the first element in the card.
- * @method focusLastElement - Focuses the last element in the card.
- * @method clickHandler - Handles click events on the card.
- * @method keydownHandler - Handles keydown events on the card.
+ * @method focusFirstElement - Moves focus to the first tabbable element (or the card if none exist).
+ * @method focusLastElement - Moves focus to the last tabbable element within the card.
+ * @method clickHandler - Handles pointer clicks and emits the card click event when eligible.
+ * @method keydownHandler - Handles keyboard interaction including Enter activation and focus management.
  *
- * @fires click - Emitted when the card is clicked.
- * @fires interactive-changed - Emitted when the interactive state changes.
+ * @fires click - Fired when an interactive, enabled card is activated; detail includes `interactive`, `value`, and `href`.
+ * @fires interactive-changed - Fired when the `interactive` state changes; detail includes the new value.
  *
  * @extends FASTElement
  * @tagname fabric-card
@@ -74,7 +80,6 @@ export declare class Card extends FASTElement {
     /**
      * Focus behavior within the card, set via `focus-mode` attribute.
      * @public
-     * @observable
      * @attr focus-mode
      */
     focusMode: CardFocusMode;
@@ -143,6 +148,14 @@ export declare class Card extends FASTElement {
      * @public
      */
     root: HTMLElement;
+    /**
+     * Reacts to focus mode changes.
+     */
+    focusModeChanged(): void;
+    /**
+     * Reacts to disabled changes.
+     */
+    disabledChanged(): void;
     /**
      * Focuses the element at the specified index.
      * @private
@@ -203,11 +216,8 @@ export declare class Card extends FASTElement {
      * @returns {boolean} True if focus should be trapped.
      */
     get shouldTrapFocus(): boolean;
-    /**
-     * Emits a click event on the card.
-     * @protected
-     */
-    protected emitClickEvent(): void;
+    private emitClickEvent;
+    private emitInteractiveChangedEvent;
     /**
      * Emits an event when the interactive state changes.
      * @protected
@@ -217,7 +227,8 @@ export declare class Card extends FASTElement {
      * Sets the component state based on focus mode and disabled state.
      * @private
      */
-    private setComponent;
+    private updateInertState;
+    private requestInertUpdate;
     /**
      * Gets the tabbable elements within the given context.
      * @private

package/dist/dts/components/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EAKZ,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,aAAa,EACb,cAAc,EACd,eAAe,EAEhB,MAAM,gBAAgB,CAAC;AAIxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,qBAAa,IAAK,SAAQ,WAAW;IACnC;;;OAGG;IACI,iBAAiB,IAAI,IAAI;IAKhC;;;OAGG;IACI,oBAAoB,IAAI,IAAI;IAInC;;;;;OAKG;IAGI,SAAS,EAAE,aAAa,CAAqB;IAEpD;;;;OAIG;IAEI,UAAU,CAAC,EAAE,cAAc,CAAC;IAEnC;;;;OAIG;IAEI,IAAI,EAAE,MAAM,CAAW;IAE9B;;;;OAIG;IAEI,KAAK,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IAEI,IAAI,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IAEI,WAAW,CAAC,EAAE,eAAe,CAAC;IAErC;;;;OAIG;IAEI,QAAQ,EAAE,OAAO,CAAS;IAEjC;;;;;OAKG;IAEI,WAAW,EAAE,OAAO,CAAS;IAEpC;;;;OAIG;IAEI,eAAe,CAAC,EAAE,MAAM,CAAC;IAEhC;;;;OAIG;IAEI,cAAc,CAAC,EAAE,MAAM,CAAC;IAE/B;;;OAGG;IACI,IAAI,EAAG,WAAW,CAAC;IAE1B;;;OAGG;IACI,IAAI,EAAG,WAAW,CAAC;IAE1B;;;;OAIG;IACH,OAAO,CAAC,mBAAmB,CAMzB;IAEF;;;OAGG;IACI,iBAAiB,QAAO,IAAI,CAEjC;IAEF;;;OAGG;IACI,gBAAgB,QAAO,IAAI,CAIhC;IAEF;;;;;OAKG;IACI,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI;IAQlD;;;;;OAKG;IACI,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI;IAoE9D;;;;OAIG;IACH,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED;;;;OAIG;IACH,IAAI,MAAM,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,EAAE,CAEzC;IAED;;;;OAIG;IACH,IAAI,wBAAwB,IAAI,OAAO,GAAG,IAAI,CAI7C;IAED;;;;OAIG;IACH,IAAI,wBAAwB,IAAI,OAAO,GAAG,IAAI,CAI7C;IAED;;;;OAIG;IACH,IAAI,eAAe,IAAI,OAAO,CAE7B;IAED;;;OAGG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;IAYhC;;;OAGG;IACH,SAAS,CAAC,kBAAkB,QAAO,IAAI,CASrC;IAEF;;;OAGG;IACH,OAAO,CAAC,YAAY;IAUpB;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB,CAKvB;IAEF;;;;;;OAMG;IACH,OAAO,CAAC,MAAM,CAAC,mBAAmB;IAuBlC;;;;;OAKG;IACH,OAAO,CAAC,MAAM,CAAC,sBAAsB;IAIrC;;;;;OAKG;IACH,OAAO,CAAC,MAAM,CAAC,iBAAiB;CAOjC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card/card.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,aAAa,EACb,cAAc,EACd,eAAe,EAEhB,MAAM,mBAAmB,CAAC;AAI3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiEG;AACH,qBAAa,IAAK,SAAQ,WAAW;IACnC;;;OAGG;IACI,iBAAiB,IAAI,IAAI;IAKhC;;;OAGG;IACI,oBAAoB,IAAI,IAAI;IAInC;;;;OAIG;IAEI,SAAS,EAAE,aAAa,CAAqB;IAEpD;;;;OAIG;IAEI,UAAU,CAAC,EAAE,cAAc,CAAC;IAEnC;;;;OAIG;IAEI,IAAI,EAAE,MAAM,CAAW;IAE9B;;;;OAIG;IAEI,KAAK,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IAEI,IAAI,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IAEI,WAAW,CAAC,EAAE,eAAe,CAAC;IAErC;;;;OAIG;IAEI,QAAQ,EAAE,OAAO,CAAS;IAEjC;;;;;OAKG;IAGI,WAAW,EAAE,OAAO,CAAS;IAEpC;;;;OAIG;IAEI,eAAe,CAAC,EAAE,MAAM,CAAC;IAEhC;;;;OAIG;IAEI,cAAc,CAAC,EAAE,MAAM,CAAC;IAE/B;;;OAGG;IACI,IAAI,EAAG,WAAW,CAAC;IAE1B;;;OAGG;IACI,IAAI,EAAG,WAAW,CAAC;IAE1B;;OAEG;IACI,gBAAgB,IAAI,IAAI;IAI/B;;OAEG;IACI,eAAe,IAAI,IAAI;IAI9B;;;;OAIG;IACH,OAAO,CAAC,mBAAmB,CAMzB;IAEF;;;OAGG;IACI,iBAAiB,QAAO,IAAI,CAEjC;IAEF;;;OAGG;IACI,gBAAgB,QAAO,IAAI,CAIhC;IAEF;;;;;OAKG;IACI,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI;IAQlD;;;;;OAKG;IACI,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI;IAoE9D;;;;OAIG;IACH,IAAI,WAAW,IAAI,OAAO,CAKzB;IAED;;;;OAIG;IACH,IAAI,MAAM,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,EAAE,CAEzC;IAED;;;;OAIG;IACH,IAAI,wBAAwB,IAAI,OAAO,GAAG,IAAI,CAI7C;IAED;;;;OAIG;IACH,IAAI,wBAAwB,IAAI,OAAO,GAAG,IAAI,CAI7C;IAED;;;;OAIG;IACH,IAAI,eAAe,IAAI,OAAO,CAE7B;IAED,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,2BAA2B;IAanC;;;OAGG;IACH,SAAS,CAAC,kBAAkB,QAAO,IAAI,CAGrC;IAEF;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,kBAAkB;IAQ1B;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB,CAKvB;IAEF;;;;;;OAMG;IACH,OAAO,CAAC,MAAM,CAAC,mBAAmB;IAuBlC;;;;;OAKG;IACH,OAAO,CAAC,MAAM,CAAC,sBAAsB;IAIrC;;;;;OAKG;IACH,OAAO,CAAC,MAAM,CAAC,iBAAiB;CAOjC"}

package/dist/dts/components/card/card.definition.d.ts

@@ -1,4 +1,4 @@
-import { Card } from "./card";
+import { Card } from "./card.js";
 /**
  *
  * @public

package/dist/dts/components/card/card.definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card/card.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAI9B;;;;;GAKG;AACH,eAAO,MAAM,UAAU,sEAOrB,CAAC"}
+{"version":3,"file":"card.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card/card.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAIjC;;;;;GAKG;AACH,eAAO,MAAM,UAAU,sEAOrB,CAAC"}

package/dist/dts/components/card/card.options.d.ts

@@ -1,8 +1,18 @@
-import type { ValuesOf } from "../../util/typings";
+import type { ValuesOf } from "../../util/typings.js";
 /**
  * The appearance variations for the card component
  * @public
  */
+export declare const CardAppearances: {
+    readonly filled: "filled";
+    readonly filledAlternative: "filled-alternative";
+    readonly outline: "outline";
+    readonly subtle: "subtle";
+};
+/**
+ * Back-compat runtime alias for {@link CardAppearances}.
+ * @public
+ */
 export declare const CardAppearance: {
     readonly filled: "filled";
     readonly filledAlternative: "filled-alternative";
@@ -13,11 +23,19 @@ export declare const CardAppearance: {
  * The types for card appearance
  * @public
  */
-export declare type CardAppearance = ValuesOf<typeof CardAppearance>;
+export type CardAppearance = ValuesOf<typeof CardAppearances>;
 /**
  * The orientation variations for the card component
  * @public
  */
+export declare const CardOrientations: {
+    readonly horizontal: "horizontal";
+    readonly vertical: "vertical";
+};
+/**
+ * Back-compat runtime alias for {@link CardOrientations}.
+ * @public
+ */
 export declare const CardOrientation: {
     readonly horizontal: "horizontal";
     readonly vertical: "vertical";
@@ -26,11 +44,21 @@ export declare const CardOrientation: {
  * The types for card orientations
  * @public
  */
-export declare type CardOrientation = ValuesOf<typeof CardOrientation>;
+export type CardOrientation = ValuesOf<typeof CardOrientations>;
 /**
  * The focus mode variations for the card component
  * @public
  */
+export declare const CardFocusModes: {
+    readonly off: "off";
+    readonly noTab: "no-tab";
+    readonly tabExit: "tab-exit";
+    readonly tabOnly: "tab-only";
+};
+/**
+ * Back-compat runtime alias for {@link CardFocusModes}.
+ * @public
+ */
 export declare const CardFocusMode: {
     readonly off: "off";
     readonly noTab: "no-tab";
@@ -38,10 +66,10 @@ export declare const CardFocusMode: {
     readonly tabOnly: "tab-only";
 };
 /**
- * The types for card orientations
+ * The types for card focus modes
  * @public
  */
-export declare type CardFocusMode = ValuesOf<typeof CardFocusMode>;
+export type CardFocusMode = ValuesOf<typeof CardFocusModes>;
 /**
  * Card event names
  * @public
@@ -50,9 +78,4 @@ export declare const CardEventNames: {
     readonly interactiveChanged: "interactive-changed";
     readonly click: "click";
 };
-/**
- * @public
- * The event types for the Card component.
- */
-export declare type CardEventNames = ValuesOf<typeof CardEventNames>;
 //# sourceMappingURL=card.options.d.ts.map

package/dist/dts/components/card/card.options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.options.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card/card.options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AACX;;;GAGG;AACH,oBAAY,cAAc,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7D;;;GAGG;AACH,eAAO,MAAM,eAAe;;;CAGlB,CAAC;AAEX;;;GAGG;AACH,oBAAY,eAAe,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE/D;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX;;;GAGG;AACH,oBAAY,aAAa,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE3D;;;GAGG;AACH,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAEX;;;GAGG;AACH,oBAAY,cAAc,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC"}
+{"version":3,"file":"card.options.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card/card.options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD;;;GAGG;AACH,eAAO,MAAM,eAAe;;;;;CAKlB,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;CAAkB,CAAC;AAC9C;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE9D;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;CAGnB,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,eAAe;;;CAAmB,CAAC;AAEhD;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEhE;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;CAAiB,CAAC;AAE5C;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE5D;;;GAGG;AACH,eAAO,MAAM,cAAc;;;CAGjB,CAAC"}

package/dist/dts/components/card/card.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card/card.styles.ts"],"names":[],"mappings":"AAsCA;;GAEG;AACH,eAAO,MAAM,MAAM,iDAgIlB,CAAC"}
+{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card/card.styles.ts"],"names":[],"mappings":"AAsCA;;GAEG;AACH,eAAO,MAAM,MAAM,iDAkIlB,CAAC"}

package/dist/dts/components/card/card.template.d.ts

@@ -1,5 +1,5 @@
-import { ElementViewTemplate } from "@microsoft/fast-element";
-import type { Card } from "./card";
+import type { ElementViewTemplate } from "@microsoft/fast-element";
+import type { Card } from "./card.js";
 /**
  * The template for the {@link @fabric-msft/fabric-web#(Card:class)} component.
  * @public

package/dist/dts/components/card/card.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card/card.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAa,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEnC;;;GAGG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,IAAI,KAAK,mBAAmB,CAAC,CAAC,CAAC,CA8BrE;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,IAAI,CAAkB,CAAC"}
+{"version":3,"file":"card.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card/card.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEtC;;;GAGG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,IAAI,KAAK,mBAAmB,CAAC,CAAC,CAAC,CA4BrE;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,IAAI,CAAkB,CAAC"}

package/dist/dts/components/card/index.d.ts

@@ -1,6 +1,7 @@
-export { Card } from "./card";
-export { definition as CardDefinition } from "./card.definition";
-export { styles as CardStyles } from "./card.styles";
-export { template as CardTemplate } from "./card.template";
-export { CardAppearance, CardFocusMode, CardOrientation, CardEventNames } from "./card.options";
+export { Card } from "./card.js";
+export { definition as CardDefinition } from "./card.definition.js";
+export { styles as CardStyles } from "./card.styles.js";
+export { template as CardTemplate } from "./card.template.js";
+export { CardAppearances, CardFocusModes, CardOrientations, CardEventNames } from "./card.options.js";
+export type { CardAppearance, CardFocusMode, CardOrientation } from "./card.options.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/components/card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EACL,cAAc,EACd,aAAa,EACb,eAAe,EACf,cAAc,EACf,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EACL,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,cAAc,EACf,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,cAAc,EACd,aAAa,EACb,eAAe,EAChB,MAAM,mBAAmB,CAAC"}

package/dist/dts/components/card-footer/card-footer.d.ts

@@ -6,7 +6,7 @@ import { FASTElement } from "@microsoft/fast-element";
  * @example
  * ```html
  * <fabric-card-footer>
- *   <div slot="content">Footer Content</div>
+ *   <div>Footer Content</div>
  *   <div slot="action">
  *     <fabric-button>Action 1</fabric-button>
  *     <fabric-button>Action 2</fabric-button>
@@ -14,10 +14,11 @@ import { FASTElement } from "@microsoft/fast-element";
  * </fabric-card-footer>
  * ```
  *
- * @slot Default - Slot for footer content.
- * @slot {HTMLElement[]} action - Slot for action elements, typically buttons or links.
+ * @slot default - Default slot for footer content.
+ * @slot action - Slot for footer action elements, such as buttons or links.
  *
  * @csspart content - The content area of the footer.
+ * @cssprop --card-size - Controls the card sizing token used by the footer.
  *
  * @extends FASTElement
  * @tagname fabric-card-footer

package/dist/dts/components/card-footer/card-footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-footer.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-footer/card-footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,UAAW,SAAQ,WAAW;CAAG"}
+{"version":3,"file":"card-footer.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-footer/card-footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAAa,UAAW,SAAQ,WAAW;CAAG"}

package/dist/dts/components/card-footer/card-footer.definition.d.ts

@@ -1,4 +1,4 @@
-import { CardFooter } from "./card-footer";
+import { CardFooter } from "./card-footer.js";
 /**
  *
  * @public

package/dist/dts/components/card-footer/card-footer.definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-footer.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-footer/card-footer.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAK3C;;;;;GAKG;AACH,eAAO,MAAM,UAAU,4EAOrB,CAAC"}
+{"version":3,"file":"card-footer.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-footer/card-footer.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAK9C;;;;;GAKG;AACH,eAAO,MAAM,UAAU,4EAOrB,CAAC"}

package/dist/dts/components/card-footer/card-footer.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-footer.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-footer/card-footer.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,MAAM,iDAWlB,CAAC"}
+{"version":3,"file":"card-footer.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-footer/card-footer.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,MAAM,iDAWlB,CAAC"}

package/dist/dts/components/card-footer/card-footer.template.d.ts

@@ -1,5 +1,5 @@
-import { ElementViewTemplate } from "@microsoft/fast-element";
-import type { CardFooter } from "./card-footer";
+import type { ElementViewTemplate } from "@microsoft/fast-element";
+import type { CardFooter } from "./card-footer.js";
 /**
  * The template for the {@link @fabric-msft/fabric-web#(CardFooter:class)} component.
  * @public

package/dist/dts/components/card-footer/card-footer.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-footer.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-footer/card-footer.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAQ,MAAM,yBAAyB,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,CAAC,SAAS,UAAU,KACjB,mBAAmB,CAAC,CAAC,CAAC,CAW1B;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,UAAU,CAAwB,CAAC"}
+{"version":3,"file":"card-footer.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-footer/card-footer.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,CAAC,SAAS,UAAU,KACjB,mBAAmB,CAAC,CAAC,CAAC,CAW1B;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,UAAU,CAAwB,CAAC"}

package/dist/dts/components/card-footer/index.d.ts

@@ -1,5 +1,3 @@
-export { CardFooter } from "./card-footer";
-export { definition as CardFooterDefinition } from "./card-footer.definition";
-export { styles as CardFooterStyles } from "./card-footer.styles";
-export { template as CardFooterTemplate } from "./card-footer.template";
+export { CardFooter } from "./card-footer.js";
+export { definition as CardFooterDefinition } from "./card-footer.definition.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/components/card-footer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/dts/components/card-header/card-header.d.ts

@@ -21,6 +21,7 @@ import { FASTElement } from "@microsoft/fast-element";
  * @slot subtitle - Slot for the subtitle text.
  * @slot action - Slot for action elements, typically buttons or links.
  * @slot end - Slot for content positioned at the end of the header.
+ * @slot default - Default slot for card header content.
  *
  * @csspart image - The image container within the header.
  * @csspart header - The main header container.

package/dist/dts/components/card-header/card-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-header.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-header/card-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,qBAAa,UAAW,SAAQ,WAAW;CAAG"}
+{"version":3,"file":"card-header.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-header/card-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,qBAAa,UAAW,SAAQ,WAAW;CAAG"}

package/dist/dts/components/card-header/card-header.definition.d.ts

@@ -1,4 +1,4 @@
-import { CardHeader } from "./card-header";
+import { CardHeader } from "./card-header.js";
 /**
  *
  * @public

package/dist/dts/components/card-header/card-header.definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-header.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-header/card-header.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAK3C;;;;;GAKG;AACH,eAAO,MAAM,UAAU,4EAOrB,CAAC"}
+{"version":3,"file":"card-header.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-header/card-header.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAK9C;;;;;GAKG;AACH,eAAO,MAAM,UAAU,4EAOrB,CAAC"}

package/dist/dts/components/card-header/card-header.template.d.ts

@@ -1,5 +1,5 @@
-import { ElementViewTemplate } from "@microsoft/fast-element";
-import type { CardHeader } from "./card-header";
+import type { ElementViewTemplate } from "@microsoft/fast-element";
+import type { CardHeader } from "./card-header.js";
 /**
  * The template for the Fluent Card Header web-component.
  * @public

package/dist/dts/components/card-header/card-header.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-header.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-header/card-header.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAQ,MAAM,yBAAyB,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,CAAC,SAAS,UAAU,KACjB,mBAAmB,CAAC,CAAC,CAAC,CAoB1B;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,UAAU,CAAwB,CAAC"}
+{"version":3,"file":"card-header.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-header/card-header.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,CAAC,SAAS,UAAU,KACjB,mBAAmB,CAAC,CAAC,CAAC,CAoB1B;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,UAAU,CAAwB,CAAC"}

package/dist/dts/components/card-header/index.d.ts

@@ -1,5 +1,3 @@
-export * from "./card-header";
-export { definition as CardHeaderDefinition } from "./card-header.definition";
-export { styles as CardHeaderStyles } from "./card-header.styles";
-export { template as CardHeaderTemplate } from "./card-header.template";
+export { CardHeader } from "./card-header.js";
+export { definition as CardHeaderDefinition } from "./card-header.definition.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/components/card-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-header/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/dts/components/card-preview/card-preview.definition.d.ts

@@ -1,4 +1,4 @@
-import { CardPreview } from "./card-preview";
+import { CardPreview } from "./card-preview.js";
 /**
  *
  * @public

package/dist/dts/components/card-preview/card-preview.definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-preview.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-preview/card-preview.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C;;;;;GAKG;AACH,eAAO,MAAM,UAAU,6EAOrB,CAAC"}
+{"version":3,"file":"card-preview.definition.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-preview/card-preview.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,6EAOrB,CAAC"}

package/dist/dts/components/card-preview/card-preview.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-preview.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-preview/card-preview.styles.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,MAAM,iDAelB,CAAC"}
+{"version":3,"file":"card-preview.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-preview/card-preview.styles.ts"],"names":[],"mappings":"AAOA;;GAEG;AACH,eAAO,MAAM,MAAM,iDAelB,CAAC"}

package/dist/dts/components/card-preview/card-preview.template.d.ts

@@ -1,5 +1,5 @@
-import { ElementViewTemplate } from "@microsoft/fast-element";
-import type { CardPreview } from "./card-preview";
+import type { ElementViewTemplate } from "@microsoft/fast-element";
+import type { CardPreview } from "./card-preview.js";
 /**
  * The template for the Fluent Card Preview web-component.
  * @public

package/dist/dts/components/card-preview/card-preview.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-preview.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-preview/card-preview.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAQ,MAAM,yBAAyB,CAAC;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,CAAC,SAAS,WAAW,KAClB,mBAAmB,CAAC,CAAC,CAAC,CAO1B;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,WAAW,CAAyB,CAAC"}
+{"version":3,"file":"card-preview.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-preview/card-preview.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,CAAC,SAAS,WAAW,KAClB,mBAAmB,CAAC,CAAC,CAAC,CAO1B;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,WAAW,CAAyB,CAAC"}

package/dist/dts/components/card-preview/index.d.ts

@@ -1,5 +1,3 @@
-export * from "./card-preview";
-export { definition as CardPreviewDefinition } from "./card-preview.definition";
-export { styles as CardPreviewStyles } from "./card-preview.styles";
-export { template as CardPreviewTemplate } from "./card-preview.template";
+export { CardPreview } from "./card-preview.js";
+export { definition as CardPreviewDefinition } from "./card-preview.definition.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/components/card-preview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-preview/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,QAAQ,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/card-preview/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/dts/components/carousel/carousel.d.ts

@@ -1,6 +1,5 @@
 import { FASTElement } from "@microsoft/fast-element";
 /**
- * Carousel
  * @summary A Carousel component for displaying a set of items in a horizontal, scrollable manner.
  *
  * @example
@@ -15,14 +14,14 @@ import { FASTElement } from "@microsoft/fast-element";
  * </fabric-carousel>
  * ```
  *
- * @attr {boolean} disable-animation - Disables animation when set to true.
+ * @attr disable-animation - Disables animation when set to true.
  *
  * @prop {boolean} disableAnimation - Boolean attribute to disable animation.
  * @prop {HTMLElement[]} slottedCarouselItems - An array of carousel items that are slotted into the carousel.
  * @prop {HTMLElement} header - The header element.
  * @prop {number} currentIndex - The current index of the carousel, indicating which item is currently visible.
- * @prop {HTMLElement} nextButton - The next button element.
- * @prop {HTMLElement} prevButton - The previous button element.
+ * @prop {HTMLElement[]} nextButton - The next button element.
+ * @prop {HTMLElement[]} prevButton - The previous button element.
  * @prop {number} visibleItemsCount - Gets the number of items currently visible in the carousel. (readonly)
  *
  * @slot header - Slot for the carousel header content.
@@ -30,10 +29,6 @@ import { FASTElement } from "@microsoft/fast-element";
  * @slot next-button - Slot for the carousel's next navigation button.
  * @slot - Default slot for carousel items.
  *
- * @csspart header - The header section of the carousel.
- * @csspart button-container - The container holding the navigation buttons.
- * @csspart viewport - The viewport for the carousel items.
- *
  * @method next - Moves the carousel to the next set of items.
  * @method prev - Moves the carousel to the previous set of items.
  * @method scrollToIndex - Scrolls the carousel to a specific index.
@@ -46,6 +41,7 @@ import { FASTElement } from "@microsoft/fast-element";
  * @public
  */
 export declare class Carousel extends FASTElement {
+    #private;
     /**
      * Boolean attribute to disable animation.
      *
@@ -79,6 +75,13 @@ export declare class Carousel extends FASTElement {
      * @observable
      */
     header?: HTMLElement;
+    /**
+     * The viewport div element for the carousel slotted elements
+     * @public
+     * @type {HTMLElement}
+     * @observable
+     */
+    viewportRef?: HTMLElement;
     /**
      * The current index of the carousel, indicating which item is currently visible.
      *
@@ -96,7 +99,7 @@ export declare class Carousel extends FASTElement {
      * The next button element
      *
      * @public
-     * @type {HTMLElement}
+     * @type {HTMLElement[] | null | undefined}
      * @observable
      */
     nextButton?: HTMLElement[] | null | undefined;
@@ -104,7 +107,7 @@ export declare class Carousel extends FASTElement {
      * The previous button element
      *
      * @public
-     * @type {HTMLElement}
+     * @type {HTMLElement[] | null | undefined}
      * @observable
      */
     prevButton?: HTMLElement[] | null | undefined;
@@ -140,10 +143,6 @@ export declare class Carousel extends FASTElement {
      * @internal
      */
     private removeEventListeners;
-    /**
-     * bound updateVisibleItems method to the carousel instance so that it can be added and removed as a listener
-     */
-    private _boundUpdateVisibleItems;
     /**
      * Invoked when the carousel is added to the document's DOM.
      *
@@ -237,15 +236,23 @@ export declare class Carousel extends FASTElement {
      * Gets the count of the next set of visible items in the carousel.
      *
      * @public
+     * @param {string} direction - The direction to check ("next" or "prev")
      * @returns {number} The count of the next visible items.
      */
     getNextVisibleItemsCount(direction: "next" | "prev"): number;
     /**
-     * The viewport element
+     * Detects if the component is in RTL mode
      * @private
-     * @type {HTMLElement}
+     * @returns {boolean} True if RTL is active
+     */
+    private updateDirection;
+    /**
+     * Gets the appropriate transform direction based on RTL
+     * @private
+     * @param {number} offset - The offset amount
+     * @returns {string} The transform CSS value
      */
-    private _viewport?;
+    private getTransform;
     /**
      * Updates the visible items in the carousel.
      *

package/dist/dts/components/carousel/carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/carousel/carousel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AAGjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,qBAAa,QAAS,SAAQ,WAAW;IACvC;;;;;;OAMG;IAEH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;;;OAMG;IACS,oBAAoB,EAAE,WAAW,EAAE,CAAM;IAErD;;;OAGG;IACH,OAAO,CAAC,2BAA2B;IAUnC;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAAS;IAE3C;;;;;;OAMG;IACS,MAAM,CAAC,EAAE,WAAW,CAAC;IAEjC;;;;;;OAMG;IACS,YAAY,EAAE,MAAM,CAAK;IAErC;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAI3B;;;;;;OAMG;IACS,UAAU,CAAC,EAAE,WAAW,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAE1D;;;;;;OAMG;IACS,UAAU,CAAC,EAAE,WAAW,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAE1D;;;;;OAKG;IACH,OAAO,CAAC,QAAQ,CAAc;IAE9B;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAO1B;;;OAGG;IACH,OAAO,CAAC,UAAU,CAEhB;IAEF;;;OAGG;IACH,OAAO,CAAC,UAAU,CAEhB;IAEF;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAUzB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAU5B;;OAEG;IACH,OAAO,CAAC,wBAAwB,CAAsC;IAEtE;;;;;OAKG;IACI,iBAAiB,IAAI,IAAI;IA2BhC;;;;;OAKG;IACI,oBAAoB,IAAI,IAAI;IAWnC;;;;;OAKG;IACI,IAAI,IAAI,IAAI;IAiBnB;;;;;OAKG;IACI,IAAI,IAAI,IAAI;IAQnB;;;;;;OAMG;IACI,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,SAAI,GAAG,IAAI;IA6BxD;;;;OAIG;IACH,OAAO,CAAC,oBAAoB,CAAa;IAEzC;;;;OAIG;IACH,OAAO,CAAC,uBAAuB,CAAiB;IAEhD;;;;OAIG;IACH,OAAO,CAAC,cAAc,CAAC,CAA6B;IAEpD;;;;OAIG;IACH,OAAO,CAAC,gBAAgB,CAAgB;IAExC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAU3B;;;OAGG;IACI,YAAY;IASnB;;;;OAIG;IACH,OAAO,CAAC,oBAAoB,CAAc;IAE1C;;;;;OAKG;IACH,IAAI,iBAAiB,IAAI,MAAM,CA4B9B;IAED;;;;;OAKG;IACI,OAAO,IAAI,OAAO;IAOzB;;;;;OAKG;IACI,wBAAwB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM;IA2BnE;;;;OAIG;IACH,OAAO,CAAC,SAAS,CAAC,CAAc;IAEhC;;;;;OAKG;IACI,kBAAkB,IAAI,IAAI;CA+BlC"}
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/carousel/carousel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AAIjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,qBAAa,QAAS,SAAQ,WAAW;;IAMvC;;;;;;OAMG;IAEH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;;;OAMG;IACS,oBAAoB,EAAE,WAAW,EAAE,CAAM;IAErD;;;OAGG;IACH,OAAO,CAAC,2BAA2B;IAUnC;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAAS;IAE3C;;;;;;OAMG;IACS,MAAM,CAAC,EAAE,WAAW,CAAC;IAEjC;;;;;OAKG;IACS,WAAW,CAAC,EAAE,WAAW,CAAC;IAEtC;;;;;;OAMG;IACS,YAAY,EAAE,MAAM,CAAK;IAErC;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAI3B;;;;;;OAMG;IACS,UAAU,CAAC,EAAE,WAAW,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAE1D;;;;;;OAMG;IACS,UAAU,CAAC,EAAE,WAAW,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAE1D;;;;;OAKG;IACH,OAAO,CAAC,QAAQ,CAAc;IAE9B;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAO1B;;;OAGG;IACH,OAAO,CAAC,UAAU,CAEhB;IAEF;;;OAGG;IACH,OAAO,CAAC,UAAU,CAEhB;IAEF;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IASzB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAS5B;;;;;OAKG;IACI,iBAAiB,IAAI,IAAI;IA0BhC;;;;;OAKG;IACI,oBAAoB,IAAI,IAAI;IAWnC;;;;;OAKG;IACI,IAAI,IAAI,IAAI;IAiBnB;;;;;OAKG;IACI,IAAI,IAAI,IAAI;IAQnB;;;;;;OAMG;IACI,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,SAAI,GAAG,IAAI;IA6BxD;;;;OAIG;IACH,OAAO,CAAC,oBAAoB,CAAa;IAEzC;;;;OAIG;IACH,OAAO,CAAC,uBAAuB,CAAiB;IAEhD;;;;OAIG;IACH,OAAO,CAAC,cAAc,CAAC,CAA6B;IAEpD;;;;OAIG;IACH,OAAO,CAAC,gBAAgB,CAAgB;IAExC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAU3B;;;OAGG;IACI,YAAY;IASnB;;;;OAIG;IACH,OAAO,CAAC,oBAAoB,CAAc;IAE1C;;;;;OAKG;IACH,IAAI,iBAAiB,IAAI,MAAM,CA4B9B;IAED;;;;;OAKG;IACI,OAAO,IAAI,OAAO;IAOzB;;;;;;OAMG;IACI,wBAAwB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM;IA2BnE;;;;OAIG;IACH,OAAO,CAAC,eAAe;IASvB;;;;;OAKG;IACH,OAAO,CAAC,YAAY;IAUpB;;;;;OAKG;IACI,kBAAkB,IAAI,IAAI;CAiClC"}