@fabric-msft/fabric-web 7.2.0 → 7.3.1

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

@@ -1,7 +1,7 @@
 import { FASTElement } from "@microsoft/fast-element";
 import { type CarouselNavPosition, type CarouselNavButtonPlacement } from "./carousel.options.js";
 import type { CarouselItem } from "../carousel-item/carousel-item.js";
-import type { CarouselNav } from "../carousel-nav/carousel-nav.js";
+import { CarouselController } from "../../util/carousel-controller.js";
 /**
  * @summary A Carousel component for displaying items one at a time with navigation.
  *
@@ -37,16 +37,10 @@ import type { CarouselNav } from "../carousel-nav/carousel-nav.js";
  */
 export declare class Carousel extends FASTElement {
     /**
-     * Counter for generating unique carousel IDs.
+     * Internal carousel controller that manages state and navigation.
      * @internal
      */
-    private static idCounter;
-    /**
-     * Unique ID for this carousel instance.
-     * Used to generate unique IDs for tabs and panels.
-     * @internal
-     */
-    readonly carouselId: string;
+    readonly controller: CarouselController<CarouselItem>;
     /**
      * Nav position relative to content.
      * @public
@@ -61,38 +55,19 @@ export declare class Carousel extends FASTElement {
      * Index of the currently visible item.
      * @public
      */
-    currentIndex: number;
+    get currentIndex(): number;
+    set currentIndex(value: number);
     /**
      * Slotted carousel items.
      * @internal
      */
     slottedItems: CarouselItem[];
-    /**
-     * Reference to the generated nav element.
-     * @internal
-     */
-    generatedNav?: CarouselNav;
-    /**
-     * Abort controller for removing nav event listeners.
-     * @internal
-     */
-    private eventListenerAbortController?;
     /**
      * Total number of carousel items.
      * @public
      * @readonly
      */
     get totalItems(): number;
-    /**
-     * Callback when generatedNav changes.
-     * @internal
-     */
-    generatedNavChanged(_oldValue: CarouselNav | undefined, newValue: CarouselNav | undefined): void;
-    /**
-     * Callback when currentIndex changes.
-     * @internal
-     */
-    currentIndexChanged(oldValue: number, newValue: number): void;
     /**
      * Callback when slotted items change.
      * @internal
@@ -113,11 +88,6 @@ export declare class Carousel extends FASTElement {
      * @public
      */
     scrollToIndex(index: number): void;
-    /**
-     * Updates active states on carousel items.
-     * @internal
-     */
-    private updateActiveStates;
     /**
      * Gets the tab ID for a given index.
      * @internal
@@ -134,17 +104,11 @@ export declare class Carousel extends FASTElement {
      * @internal
      */
     getTabLabel(index: number): string;
-    /**
-     * Sets up event listeners on nav element.
-     * @internal
-     */
-    private setupNavListeners;
+    connectedCallback(): void;
     /**
      * Emits change event.
      * @internal
      */
     private emitChange;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
 }
 //# sourceMappingURL=carousel.d.ts.map

package/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,EAAE,WAAW,EAAoB,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,0BAA0B,EAChC,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAInE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBAAa,QAAS,SAAQ,WAAW;IACvC;;;OAGG;IACH,OAAO,CAAC,MAAM,CAAC,SAAS,CAAK;IAE7B;;;;OAIG;IACH,QAAQ,CAAC,UAAU,SAAsC;IAEzD;;;OAGG;IAEH,WAAW,EAAE,mBAAmB,CAAuC;IAEvE;;;OAGG;IAEH,kBAAkB,EAAE,0BAA0B,CACR;IAEtC;;;OAGG;IAEH,YAAY,EAAE,MAAM,CAAK;IAEzB;;;OAGG;IAEH,YAAY,EAAE,YAAY,EAAE,CAAM;IAElC;;;OAGG;IAEH,YAAY,CAAC,EAAE,WAAW,CAAC;IAE3B;;;OAGG;IACH,OAAO,CAAC,4BAA4B,CAAC,CAAkB;IAEvD;;;;OAIG;IACH,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED;;;OAGG;IACH,mBAAmB,CACjB,SAAS,EAAE,WAAW,GAAG,SAAS,EAClC,QAAQ,EAAE,WAAW,GAAG,SAAS,GAChC,IAAI;IAOP;;;OAGG;IACH,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAO7D;;;OAGG;IACH,mBAAmB,IAAI,IAAI;IAI3B;;;OAGG;IACH,IAAI,IAAI,IAAI;IAMZ;;;OAGG;IACH,IAAI,IAAI,IAAI;IAMZ;;;OAGG;IACH,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMlC;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAc1B;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAI/B;;;OAGG;IACH,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIjC;;;;OAIG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAKlC;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAczB;;;OAGG;IACH,OAAO,CAAC,UAAU;IAUlB,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;CAI7B"}
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/carousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,0BAA0B,EAChC,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBAAa,QAAS,SAAQ,WAAW;IACvC;;;OAGG;IACH,QAAQ,CAAC,UAAU,mCAA4B;IAE/C;;;OAGG;IAEH,WAAW,EAAE,mBAAmB,CAAuC;IAEvE;;;OAGG;IAEH,kBAAkB,EAAE,0BAA0B,CACR;IAEtC;;;OAGG;IACH,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED,IAAI,YAAY,CAAC,KAAK,EAAE,MAAM,EAM7B;IAED;;;OAGG;IAEH,YAAY,EAAE,YAAY,EAAE,CAAM;IAElC;;;;OAIG;IACH,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED;;;OAGG;IACH,mBAAmB,IAAI,IAAI;IAK3B;;;OAGG;IACH,IAAI,IAAI,IAAI;IAMZ;;;OAGG;IACH,IAAI,IAAI,IAAI;IAMZ;;;OAGG;IACH,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMlC;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAI/B;;;OAGG;IACH,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIjC;;;;OAIG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIlC,iBAAiB,IAAI,IAAI;IAMzB;;;OAGG;IACH,OAAO,CAAC,UAAU;CASnB"}

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

@@ -1 +1 @@
-{"version":3,"file":"carousel.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/carousel.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAQ7D;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,aAgDpB,CAAC"}
+{"version":3,"file":"carousel.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/carousel.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAM7D;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,aA8BpB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"carousel.template.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/carousel.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG9C;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,QAAQ,KAAK,mBAAmB,CAAC,CAAC,CAAC,CA2C7E;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,CAAsB,CAAC"}
+{"version":3,"file":"carousel.template.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/carousel.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG9C;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,QAAQ,KAAK,mBAAmB,CAAC,CAAC,CAAC,CAqC7E;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,CAAsB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/define.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAC5B,QAAQ,GAAE,qBAAsC,GAC/C,IAAI,CAIN"}
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/define.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAC5B,QAAQ,GAAE,qBAAsC,GAC/C,IAAI,CAKN"}

package/dts/components/carousel-nav/carousel-nav.d.ts

@@ -1,6 +1,7 @@
 import { FASTElement } from "@microsoft/fast-element";
 import { type CarouselNavButtonPlacement } from "./carousel-nav.options.js";
 import type { CarouselNavItem } from "../carousel-nav-item/carousel-nav-item.js";
+import type { CarouselController } from "../../util/carousel-controller.js";
 /**
  * @summary Navigation container with step indicators and prev/next buttons.
  *
@@ -18,8 +19,11 @@ import type { CarouselNavItem } from "../carousel-nav-item/carousel-nav-item.js"
  *
  * @prop {CarouselNavButtonPlacement} buttonPlacement - Button positioning.
  * @prop {number} currentIndex - Currently selected nav item index.
+ * @prop {CarouselController} controller - The carousel controller to drive navigation.
  *
  * @slot default - Slot for fabric-carousel-nav-item elements.
+ * @slot prev-button - Custom previous button. Defaults to a chevron left button.
+ * @slot next-button - Custom next button. Defaults to a chevron right button.
  *
  * @fires select - Fired when a nav item is selected with detail { index }.
  * @fires previous - Fired when prev button is clicked.
@@ -40,6 +44,12 @@ export declare class CarouselNav extends FASTElement {
      * @public
      */
     currentIndex: number;
+    /**
+     * The carousel controller to drive navigation.
+     * When set, prev/next/select actions call methods on the controller directly.
+     * @public
+     */
+    controller?: CarouselController;
     /**
      * Callback to parse current-index attribute.
      * @internal

package/dts/components/carousel-nav/carousel-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-nav.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel-nav/carousel-nav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,yBAAyB,CAAC;AAExE,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,2BAA2B,CAAC;AAEnC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAWjF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBAAa,WAAY,SAAQ,WAAW;IAC1C;;;OAGG;IAEH,eAAe,EAAE,0BAA0B,CACL;IAEtC;;;OAGG;IAEH,YAAY,EAAE,MAAM,CAAK;IAEzB;;;OAGG;IACH,mBAAmB,CACjB,SAAS,EAAE,MAAM,GAAG,MAAM,EAC1B,QAAQ,EAAE,MAAM,GAAG,MAAM,GACxB,IAAI;IAcP;;;OAGG;IACH,OAAO,CAAC,WAAW,CAMhB;IAEH;;;OAGG;IACH,OAAO,CAAC,aAAa,CACY;IAEjC;;;OAGG;IAEH,eAAe,EAAE,eAAe,EAAE,CAAM;IAExC;;;OAGG;IACH,sBAAsB,CACpB,QAAQ,EAAE,eAAe,EAAE,EAC3B,QAAQ,EAAE,eAAe,EAAE,GAC1B,IAAI;IAeP;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAM1B;;;;;OAKG;IACH,OAAO,CAAC,sBAAsB;IAc9B;;;OAGG;IACH,OAAO,CAAC,eAAe;IAIvB;;;OAGG;IACH,eAAe,IAAI,IAAI;IASvB;;;OAGG;IACH,eAAe,IAAI,IAAI;IASvB;;;OAGG;IACH,OAAO,CAAC,UAAU;IAUlB,oBAAoB,IAAI,IAAI;CAK7B"}
+{"version":3,"file":"carousel-nav.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel-nav/carousel-nav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,yBAAyB,CAAC;AAExE,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,2BAA2B,CAAC;AAEnC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAW5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,qBAAa,WAAY,SAAQ,WAAW;IAC1C;;;OAGG;IAEH,eAAe,EAAE,0BAA0B,CACL;IAEtC;;;OAGG;IAEH,YAAY,EAAE,MAAM,CAAK;IAEzB;;;;OAIG;IAEH,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAEhC;;;OAGG;IACH,mBAAmB,CACjB,SAAS,EAAE,MAAM,GAAG,MAAM,EAC1B,QAAQ,EAAE,MAAM,GAAG,MAAM,GACxB,IAAI;IAcP;;;OAGG;IACH,OAAO,CAAC,WAAW,CAMhB;IAEH;;;OAGG;IACH,OAAO,CAAC,aAAa,CACY;IAEjC;;;OAGG;IAEH,eAAe,EAAE,eAAe,EAAE,CAAM;IAExC;;;OAGG;IACH,sBAAsB,CACpB,QAAQ,EAAE,eAAe,EAAE,EAC3B,QAAQ,EAAE,eAAe,EAAE,GAC1B,IAAI;IAeP;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAM1B;;;;;OAKG;IACH,OAAO,CAAC,sBAAsB;IAe9B;;;OAGG;IACH,OAAO,CAAC,eAAe;IAKvB;;;OAGG;IACH,eAAe,IAAI,IAAI;IAUvB;;;OAGG;IACH,eAAe,IAAI,IAAI;IAUvB;;;OAGG;IACH,OAAO,CAAC,UAAU;IAUlB,oBAAoB,IAAI,IAAI;CAK7B"}

package/dts/components/carousel-nav/carousel-nav.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-nav.template.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel-nav/carousel-nav.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,CAAC,SAAS,WAAW,KAClB,mBAAmB,CAAC,CAAC,CAAC,CAkC1B;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,WAAW,CAAyB,CAAC"}
+{"version":3,"file":"carousel-nav.template.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel-nav/carousel-nav.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,CAAC,SAAS,WAAW,KAClB,mBAAmB,CAAC,CAAC,CAAC,CAsC1B;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,WAAW,CAAyB,CAAC"}

package/dts/components/carousel-viewport/carousel-viewport.d.ts

@@ -0,0 +1,34 @@
+import { FASTElement } from "@microsoft/fast-element";
+import type { CarouselController } from "../../util/carousel-controller.js";
+/**
+ * @summary Renders the scrolling viewport for carousel items.
+ *
+ * This component is the visual container that shows one carousel item at a time
+ * and applies a CSS transform to slide between items. It is driven by a
+ * {@link CarouselController} which manages the active index and item state.
+ *
+ * The host component (e.g. fabric-carousel or fabric-modal) is responsible for
+ * managing the controller's items. The viewport is purely a rendering component.
+ *
+ * @example
+ * ```html
+ * <fabric-carousel-viewport>
+ *   <fabric-carousel-item>Slide 1</fabric-carousel-item>
+ *   <fabric-carousel-item>Slide 2</fabric-carousel-item>
+ * </fabric-carousel-viewport>
+ * ```
+ *
+ * @slot default - Slot for fabric-carousel-item elements.
+ *
+ * @extends FASTElement
+ * @tagname fabric-carousel-viewport
+ * @public
+ */
+export declare class CarouselViewport extends FASTElement {
+    /**
+     * The carousel controller driving this viewport.
+     * @public
+     */
+    controller?: CarouselController;
+}
+//# sourceMappingURL=carousel-viewport.d.ts.map

package/dts/components/carousel-viewport/carousel-viewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-viewport.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel-viewport/carousel-viewport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAc,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C;;;OAGG;IAEH,UAAU,CAAC,EAAE,kBAAkB,CAAC;CACjC"}

package/dts/components/carousel-viewport/carousel-viewport.definition.d.ts

@@ -0,0 +1,9 @@
+import { CarouselViewport } from "./carousel-viewport.js";
+/**
+ * The CarouselViewport element definition.
+ * @public
+ * @remarks
+ * HTML Element: <fabric-carousel-viewport>
+ */
+export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof CarouselViewport>;
+//# sourceMappingURL=carousel-viewport.definition.d.ts.map

package/dts/components/carousel-viewport/carousel-viewport.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-viewport.definition.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel-viewport/carousel-viewport.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI1D;;;;;GAKG;AACH,eAAO,MAAM,UAAU,kFAOrB,CAAC"}

package/dts/components/carousel-viewport/carousel-viewport.styles.d.ts

@@ -0,0 +1,7 @@
+import type { ElementStyles } from "@microsoft/fast-element";
+/**
+ * Styles for the {@link @fabric-msft/fabric-web#(CarouselViewport:class)} component.
+ * @public
+ */
+export declare const styles: ElementStyles;
+//# sourceMappingURL=carousel-viewport.styles.d.ts.map

package/dts/components/carousel-viewport/carousel-viewport.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-viewport.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel-viewport/carousel-viewport.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,aAwBpB,CAAC"}

package/dts/components/carousel-viewport/carousel-viewport.template.d.ts

@@ -0,0 +1,9 @@
+import type { ElementViewTemplate } from "@microsoft/fast-element";
+import type { CarouselViewport } from "./carousel-viewport.js";
+/**
+ * The template for the {@link @fabric-msft/fabric-web#(CarouselViewport:class)} component.
+ * @public
+ */
+export declare function carouselViewportTemplate<T extends CarouselViewport>(): ElementViewTemplate<T>;
+export declare const template: ElementViewTemplate<CarouselViewport>;
+//# sourceMappingURL=carousel-viewport.template.d.ts.map

package/dts/components/carousel-viewport/carousel-viewport.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-viewport.template.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel-viewport/carousel-viewport.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D;;;GAGG;AACH,wBAAgB,wBAAwB,CACtC,CAAC,SAAS,gBAAgB,KACvB,mBAAmB,CAAC,CAAC,CAAC,CAY1B;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,gBAAgB,CAC/B,CAAC"}

package/dts/components/carousel-viewport/define.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=define.d.ts.map

package/dts/components/carousel-viewport/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel-viewport/define.ts"],"names":[],"mappings":""}

package/dts/components/carousel-viewport/index.d.ts

@@ -0,0 +1,5 @@
+export { CarouselViewport } from "./carousel-viewport.js";
+export { definition as CarouselViewportDefinition } from "./carousel-viewport.definition.js";
+export { styles as CarouselViewportStyles } from "./carousel-viewport.styles.js";
+export { template as CarouselViewportTemplate } from "./carousel-viewport.template.js";
+//# sourceMappingURL=index.d.ts.map

package/dts/components/carousel-viewport/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel-viewport/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,IAAI,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC7F,OAAO,EAAE,MAAM,IAAI,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACjF,OAAO,EAAE,QAAQ,IAAI,wBAAwB,EAAE,MAAM,iCAAiC,CAAC"}

package/dts/components/dynamic-tab/define.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=define.d.ts.map

package/dts/components/dynamic-tab/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../../src/components/dynamic-tab/define.ts"],"names":[],"mappings":""}

package/dts/components/dynamic-tab/dynamic-tab.d.ts

@@ -0,0 +1,142 @@
+import { FASTElement } from "@microsoft/fast-element";
+/**
+ * Dynamic Tab
+ * @summary A dismissible tab component for use in dynamic tab lists, similar to browser tabs.
+ *
+ * @example
+ * ```html
+ * <fabric-dynamic-tab id="tab-1" selected>
+ *   <fabric-svg-icon slot="icon" name="document-20-regular"></fabric-svg-icon>
+ *   Document.docx
+ * </fabric-dynamic-tab>
+ * ```
+ *
+ * @attr {boolean} selected - Whether the tab is currently selected.
+ * @attr {boolean} disabled - Whether the tab is disabled.
+ * @attr {boolean} no-dismiss - When present, prevents the tab from being dismissed/closed.
+ * @attr {boolean} no-rename - When present, prevents the tab from being renamed.
+ * @attr {boolean} modified - Whether the tab has unsaved changes (shows indicator instead of dismiss).
+ *
+ * @slot icon - Optional icon displayed before the label (defaults to document icon).
+ * @slot dismiss-icon - Optional custom icon for the dismiss button.
+ * @slot - The tab label text.
+ *
+ * @fires dismiss - Fires when the dismiss button is clicked.
+ * @fires select - Fires when the tab is clicked to select.
+ * @fires rename-request - Fires when rename is requested via F2 key.
+ *
+ * @extends FASTElement
+ * @tagname fabric-dynamic-tab
+ * @public
+ */
+export declare class DynamicTab extends FASTElement {
+    /**
+     * Static counter for generating unique internal IDs.
+     * @internal
+     */
+    private static idCounter;
+    /**
+     * Internal unique ID used when no id attribute is provided.
+     * Ensures aria-describedby references don't collide across instances.
+     * @internal
+     */
+    private readonly internalId;
+    /**
+     * Returns the effective ID for ARIA references.
+     * Uses the consumer-provided id attribute if set, otherwise falls back to internal ID.
+     * @internal
+     */
+    get effectiveId(): string;
+    /**
+     * Whether the tab is currently selected.
+     * @public
+     * @remarks
+     * HTML Attribute: `selected`
+     */
+    selected: boolean;
+    /**
+     * Whether the tab is disabled.
+     * @public
+     * @remarks
+     * HTML Attribute: `disabled`
+     */
+    disabled: boolean;
+    /**
+     * When present, prevents the tab from being dismissed/closed.
+     * @public
+     * @remarks
+     * HTML Attribute: `no-dismiss`
+     */
+    noDismiss: boolean;
+    /**
+     * When present, prevents the tab from being renamed.
+     * @public
+     * @remarks
+     * HTML Attribute: `no-rename`
+     */
+    noRename: boolean;
+    /**
+     * Whether the tab has unsaved changes.
+     * When true, shows a modified indicator instead of the dismiss button.
+     * @public
+     * @remarks
+     * HTML Attribute: `modified`
+     */
+    modified: boolean;
+    /**
+     * Accessible label for the close/dismiss button.
+     * Override for i18n/localization.
+     * @public
+     * @remarks
+     * HTML Attribute: `close-tab-label`
+     */
+    closeTabLabel: string;
+    /**
+     * Accessible label for the modified indicator.
+     * Override for i18n/localization.
+     * @public
+     * @remarks
+     * HTML Attribute: `modified-label`
+     */
+    modifiedLabel: string;
+    /**
+     * Accessible hint text for dismissible tabs.
+     * Override for i18n/localization.
+     * @public
+     * @remarks
+     * HTML Attribute: `close-hint-label`
+     */
+    closeHintLabel: string;
+    /**
+     * Handles click events on the tab.
+     * @internal
+     */
+    handleClick(_event: MouseEvent): void;
+    /**
+     * Handles keyboard events.
+     * @internal
+     */
+    handleKeydown(event: KeyboardEvent): boolean;
+    /**
+     * Handles dismiss button click.
+     * @internal
+     */
+    handleDismissClick(event: MouseEvent): void;
+    /**
+     * Emits the dismiss event.
+     * Can be called programmatically to trigger tab dismissal.
+     * @public
+     */
+    emitDismiss(): void;
+    /**
+     * Emits the select event.
+     * @internal
+     */
+    private emitSelect;
+    /**
+     * Emits the rename-request event.
+     * @internal
+     */
+    private emitRenameRequest;
+}
+//# sourceMappingURL=dynamic-tab.d.ts.map

package/dts/components/dynamic-tab/dynamic-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-tab.d.ts","sourceRoot":"","sources":["../../../../src/components/dynamic-tab/dynamic-tab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAQ,MAAM,yBAAyB,CAAC;AAG5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qBAAa,UAAW,SAAQ,WAAW;IACzC;;;OAGG;IACH,OAAO,CAAC,MAAM,CAAC,SAAS,CAAK;IAE7B;;;;OAIG;IACH,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA0D;IAErF;;;;OAIG;IACH,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED;;;;;OAKG;IAEI,QAAQ,EAAE,OAAO,CAAS;IAEjC;;;;;OAKG;IAEI,QAAQ,EAAE,OAAO,CAAS;IAEjC;;;;;OAKG;IAEI,SAAS,EAAE,OAAO,CAAS;IAElC;;;;;OAKG;IAEI,QAAQ,EAAE,OAAO,CAAS;IAEjC;;;;;;OAMG;IAEI,QAAQ,EAAE,OAAO,CAAS;IAEjC;;;;;;OAMG;IAEI,aAAa,EAAE,MAAM,CAAM;IAElC;;;;;;OAMG;IAEI,aAAa,EAAE,MAAM,CAAM;IAElC;;;;;;OAMG;IAEI,cAAc,EAAE,MAAM,CAAM;IAEnC;;;OAGG;IACI,WAAW,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IAK5C;;;OAGG;IACI,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO;IAoBnD;;;OAGG;IACI,kBAAkB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAKlD;;;;OAIG;IACI,WAAW,IAAI,IAAI;IAU1B;;;OAGG;IACH,OAAO,CAAC,UAAU;IAUlB;;;OAGG;IACH,OAAO,CAAC,iBAAiB;CAS1B"}

package/dts/components/dynamic-tab/dynamic-tab.definition.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Composed element definition for `<fabric-dynamic-tab>`, registering the
+ * `fabric-button` dependency before the element itself.
+ *
+ * @public
+ * @remarks
+ * HTML Element: `<fabric-dynamic-tab>`
+ */
+export declare const definition: import("../../util/element-definition.js").FabricElementDefinition;
+//# sourceMappingURL=dynamic-tab.definition.d.ts.map

package/dts/components/dynamic-tab/dynamic-tab.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-tab.definition.d.ts","sourceRoot":"","sources":["../../../../src/components/dynamic-tab/dynamic-tab.definition.ts"],"names":[],"mappings":"AAiBA;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,oEAGtB,CAAC"}

package/dts/components/dynamic-tab/dynamic-tab.options.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Event names for {@link DynamicTab}.
+ * @public
+ */
+export declare const DynamicTabEventNames: {
+    readonly dismiss: "dismiss";
+    readonly select: "select";
+    readonly "rename-request": "rename-request";
+};
+//# sourceMappingURL=dynamic-tab.options.d.ts.map

package/dts/components/dynamic-tab/dynamic-tab.options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-tab.options.d.ts","sourceRoot":"","sources":["../../../../src/components/dynamic-tab/dynamic-tab.options.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,oBAAoB;;;;CAIvB,CAAC"}

package/dts/components/dynamic-tab/dynamic-tab.styles.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Styles for the DynamicTab component.
+ * @public
+ */
+export declare const styles: import("@microsoft/fast-element").ElementStyles;
+//# sourceMappingURL=dynamic-tab.styles.d.ts.map

package/dts/components/dynamic-tab/dynamic-tab.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-tab.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/dynamic-tab/dynamic-tab.styles.ts"],"names":[],"mappings":"AAsBA;;;GAGG;AACH,eAAO,MAAM,MAAM,iDA4IlB,CAAC"}

package/dts/components/dynamic-tab/dynamic-tab.template.d.ts

@@ -0,0 +1,13 @@
+import type { ElementViewTemplate } from "@microsoft/fast-element";
+import type { DynamicTab } from "./dynamic-tab.js";
+/**
+ * Template for the DynamicTab component.
+ * @public
+ */
+export declare function dynamicTabTemplate<T extends DynamicTab>(): ElementViewTemplate<T>;
+/**
+ * The template for the DynamicTab component.
+ * @public
+ */
+export declare const template: ElementViewTemplate<DynamicTab>;
+//# sourceMappingURL=dynamic-tab.template.d.ts.map

package/dts/components/dynamic-tab/dynamic-tab.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-tab.template.d.ts","sourceRoot":"","sources":["../../../../src/components/dynamic-tab/dynamic-tab.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAKnD;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,CAAC,SAAS,UAAU,KACjB,mBAAmB,CAAC,CAAC,CAAC,CAqE1B;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,UAAU,CAAwB,CAAC"}

package/dts/components/dynamic-tab/index.d.ts

@@ -0,0 +1,6 @@
+export { DynamicTab } from "./dynamic-tab.js";
+export { DynamicTabEventNames } from "./dynamic-tab.options.js";
+export { template as DynamicTabTemplate } from "./dynamic-tab.template.js";
+export { styles as DynamicTabStyles } from "./dynamic-tab.styles.js";
+export { definition as DynamicTabDefinition } from "./dynamic-tab.definition.js";
+//# sourceMappingURL=index.d.ts.map

package/dts/components/dynamic-tab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dynamic-tab/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

package/dts/components/dynamic-tab-list/define.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=define.d.ts.map

package/dts/components/dynamic-tab-list/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../../src/components/dynamic-tab-list/define.ts"],"names":[],"mappings":""}