@fabric-msft/fabric-web 5.0.0 → 7.0.0

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

@@ -0,0 +1,264 @@
+import { FASTElement } from "@microsoft/fast-element";
+/**
+ * @summary A Carousel component for displaying a set of items in a horizontal, scrollable manner.
+ *
+ * @example
+ * ```html
+ * <fabric-card-carousel>
+ *   <div slot="header">Carousel Header</div>
+ *   <fabric-button slot="prev-button">Prev</fabric-button>
+ *   <fabric-button slot="next-button">Next</fabric-button>
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ *   <!-- More carousel items here -->
+ * </fabric-card-carousel>
+ * ```
+ *
+ * @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 {number} visibleItemsCount - Gets the number of items currently visible in the carousel. (readonly)
+ *
+ * @slot header - Slot for the carousel header content.
+ * @slot prev-button - Slot for the carousel's previous navigation button.
+ * @slot next-button - Slot for the carousel's next navigation button.
+ * @slot - Default slot for 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.
+ * @method isAtEnd - Checks if the carousel is at the end of the items.
+ * @method getNextVisibleItemsCount - Gets the count of the next set of visible items in the carousel.
+ * @method updateVisibleItems - Updates the visible items in the carousel.
+ *
+ * @extends FASTElement
+ * @tagname fabric-card-carousel
+ * @public
+ */
+export declare class CardCarousel extends FASTElement {
+    #private;
+    /**
+     * Boolean attribute to disable animation.
+     *
+     * @public
+     * @type {boolean}
+     * @attr
+     */
+    disableAnimation?: boolean;
+    /**
+     * An array of carousel items that are slotted into the carousel.
+     *
+     * @public
+     * @type {HTMLElement[]}
+     * @observable
+     */
+    slottedCarouselItems: HTMLElement[];
+    /**
+     * Callback when slottedCarouselItems changes to update button states
+     * @internal
+     */
+    private slottedCarouselItemsChanged;
+    /**
+     * Boolean attribute to check if the carousel items are loaded
+     */
+    private slottedCarouselItemsLoaded;
+    /**
+     * The header element
+     *
+     * @public
+     * @type {HTMLElement}
+     * @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.
+     *
+     * @public
+     * @type {number}
+     * @observable
+     */
+    currentIndex: number;
+    /**
+     * Callback when currentIndex changes to update button states
+     * @internal
+     */
+    private currentIndexChanged;
+    /**
+     * The next button element
+     *
+     * @public
+     * @type {HTMLElement[] | null | undefined}
+     * @observable
+     */
+    nextButton?: HTMLElement[] | null | undefined;
+    /**
+     * The previous button element
+     *
+     * @public
+     * @type {HTMLElement[] | null | undefined}
+     * @observable
+     */
+    prevButton?: HTMLElement[] | null | undefined;
+    /**
+     * The width of the gap between carousel items, in pixels.
+     *
+     * @private
+     * @type {number}
+     */
+    private gapWidth;
+    /**
+     * Updates the disabled state of navigation buttons based on carousel position
+     * @internal
+     */
+    private updateButtonStates;
+    /**
+     * Handle the next button click event.
+     * @internal
+     */
+    private handleNext;
+    /**
+     * Handle the previous button click event.
+     * @internal
+     */
+    private handlePrev;
+    /**
+     * Sets event listeners for the carousel's navigation buttons.
+     * @internal
+     */
+    private setEventListeners;
+    /**
+     * Removes event listeners for the carousel's navigation buttons.
+     * @internal
+     */
+    private removeEventListeners;
+    /**
+     * Invoked when the carousel is added to the document's DOM.
+     *
+     * @public
+     * @returns {void}
+     */
+    connectedCallback(): void;
+    /**
+     * Invoked when the carousel is removed from the document's DOM.
+     *
+     * @public
+     * @returns {void}
+     */
+    disconnectedCallback(): void;
+    /**
+     * Moves the carousel to the next set of items.
+     *
+     * @public
+     * @returns {void}
+     */
+    next(): void;
+    /**
+     * Moves the carousel to the previous set of items.
+     *
+     * @public
+     * @returns {void}
+     */
+    prev(): void;
+    /**
+     * Scrolls the carousel to a specific index.
+     *
+     * @public
+     * @param {number} index - The target index to scroll to
+     * @returns {void}
+     */
+    scrollToIndex(index: number, _attempts?: number): void;
+    /**
+     * Cached container width
+     * @private
+     * @type {number}
+     */
+    private cachedContainerWidth;
+    /**
+     * Whether the layout should be recalculated
+     * @private
+     * @type {boolean}
+     */
+    private shouldRecalculateLayout;
+    /**
+     * Resize observer
+     * @private
+     * @type {ResizeObserver}
+     */
+    private resizeObserver?;
+    /**
+     * Item measurements
+     * @private
+     * @type {number[]}
+     */
+    private itemMeasurements;
+    /**
+     * Sets up a resize observer to watch for changes in the carousel's container width
+     */
+    private setupResizeObserver;
+    /**
+     * Measures the width of each item in the carousel.
+     * @internal
+     */
+    measureItems(): void;
+    /**
+     * The index of the last visible item in the carousel.
+     * @private
+     * @type {number}
+     */
+    private lastVisibleItemIndex;
+    /**
+     * Gets the number of items currently visible in the carousel.
+     *
+     * @public
+     * @returns {number} The count of visible items.
+     */
+    get visibleItemsCount(): number;
+    /**
+     * Checks if the carousel is at the end of the items.
+     *
+     * @public
+     * @returns {boolean} True if at the end, false otherwise.
+     */
+    isAtEnd(): boolean;
+    /**
+     * 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;
+    /**
+     * Detects if the component is in RTL mode
+     * @private
+     * @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 getTransform;
+    /**
+     * Updates the visible items in the carousel.
+     *
+     * @public
+     * @returns {void}
+     */
+    updateVisibleItems(): void;
+}
+//# sourceMappingURL=card-carousel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/card-carousel/card-carousel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AAIjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,qBAAa,YAAa,SAAQ,WAAW;;IAM3C;;;;;;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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-carousel.definition.d.ts","sourceRoot":"","sources":["../../../../src/components/card-carousel/card-carousel.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAKlD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,8EAOrB,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;
+//# sourceMappingURL=card-carousel.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-carousel.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/card-carousel/card-carousel.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,MAAM,iDAwClB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-carousel.template.d.ts","sourceRoot":"","sources":["../../../../src/components/card-carousel/card-carousel.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,CAAC,SAAS,YAAY,KACnB,mBAAmB,CAAC,CAAC,CAAC,CAoB1B;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,YAAY,CAC/B,CAAC"}

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

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

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

@@ -0,0 +1,5 @@
+export * from "./card-carousel.js";
+export { definition as CardCarouselDefinition } from "./card-carousel.definition.js";
+export { styles as CardCarouselStyles } from "./card-carousel.styles.js";
+export { template as CardCarouselTemplate } from "./card-carousel.template.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/card-carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,UAAU,IAAI,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,QAAQ,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAAa,UAAW,SAAQ,WAAW;CAAG"}

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

@@ -0,0 +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,kBAAkB,CAAC;AAK9C;;;;;GAKG;AACH,eAAO,MAAM,UAAU,4EAOrB,CAAC"}

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

@@ -0,0 +1 @@
+{"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/dts/components/card-footer/card-footer.template.d.ts.map

@@ -0,0 +1 @@
+{"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/dts/components/card-footer/define.d.ts.map

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

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

@@ -0,0 +1 @@
+{"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/dts/components/card-header/card-header.d.ts.map

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,qBAAa,UAAW,SAAQ,WAAW;CAAG"}

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

@@ -0,0 +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,kBAAkB,CAAC;AAK9C;;;;;GAKG;AACH,eAAO,MAAM,UAAU,4EAOrB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"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/dts/components/card-header/define.d.ts.map

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

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

@@ -0,0 +1 @@
+{"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/dts/components/card-preview/card-preview.d.ts.map

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

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

@@ -0,0 +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,mBAAmB,CAAC;AAKhD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,6EAOrB,CAAC"}

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

@@ -0,0 +1 @@
+{"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/dts/components/card-preview/card-preview.template.d.ts.map

@@ -0,0 +1 @@
+{"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/dts/components/card-preview/define.d.ts.map

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

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

@@ -0,0 +1 @@
+{"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/dts/components/carousel/carousel.d.ts

@@ -0,0 +1,150 @@
+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";
+/**
+ * @summary A Carousel component for displaying items one at a time with navigation.
+ *
+ * @example
+ * ```html
+ * <fabric-carousel nav-position="outside-content" nav-button-placement="grouped">
+ *   <fabric-carousel-item>Item 1</fabric-carousel-item>
+ *   <fabric-carousel-item>Item 2</fabric-carousel-item>
+ *   <fabric-carousel-item>Item 3</fabric-carousel-item>
+ * </fabric-carousel>
+ * ```
+ *
+ * @attr {string} nav-position - Position of the navigation relative to carousel content.
+ * @attr {string} nav-button-placement - Positioning of prev/next buttons within navigation.
+ *
+ * @prop {CarouselNavPosition} navPosition - Nav position relative to content.
+ * @prop {CarouselNavButtonPlacement} navButtonPlacement - Button positioning within nav.
+ * @prop {number} currentIndex - Index of the currently visible item.
+ * @prop {number} totalItems - Total number of carousel items (readonly).
+ *
+ * @slot default - Slot for fabric-carousel-item elements.
+ * @slot nav - Slot for a custom fabric-carousel-nav element.
+ *
+ * @fires change - Fired when current item changes with detail { index, previousIndex }.
+ *
+ * @method next - Advances carousel to the next item.
+ * @method prev - Moves carousel to the previous item.
+ * @method scrollToIndex - Scrolls carousel to item at specified index.
+ *
+ * @extends FASTElement
+ * @tagname fabric-carousel
+ * @public
+ */
+export declare class Carousel extends FASTElement {
+    /**
+     * Counter for generating unique carousel IDs.
+     * @internal
+     */
+    private static idCounter;
+    /**
+     * Unique ID for this carousel instance.
+     * Used to generate unique IDs for tabs and panels.
+     * @internal
+     */
+    readonly carouselId: string;
+    /**
+     * Nav position relative to content.
+     * @public
+     */
+    navPosition: CarouselNavPosition;
+    /**
+     * Button positioning within nav.
+     * @public
+     */
+    navButtonPlacement: CarouselNavButtonPlacement;
+    /**
+     * Index of the currently visible item.
+     * @public
+     */
+    currentIndex: 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
+     */
+    slottedItemsChanged(): void;
+    /**
+     * Advances carousel to the next item.
+     * @public
+     */
+    next(): void;
+    /**
+     * Moves carousel to the previous item.
+     * @public
+     */
+    prev(): void;
+    /**
+     * Scrolls carousel to item at specified index.
+     * @public
+     */
+    scrollToIndex(index: number): void;
+    /**
+     * Updates active states on carousel items.
+     * @internal
+     */
+    private updateActiveStates;
+    /**
+     * Gets the tab ID for a given index.
+     * @internal
+     */
+    getTabId(index: number): string;
+    /**
+     * Gets the panel ID for a given index.
+     * @internal
+     */
+    getPanelId(index: number): string;
+    /**
+     * Gets the tab label for a given index.
+     * Uses the item's label if set, otherwise "Slide N".
+     * @internal
+     */
+    getTabLabel(index: number): string;
+    /**
+     * Sets up event listeners on nav element.
+     * @internal
+     */
+    private setupNavListeners;
+    /**
+     * Emits change event.
+     * @internal
+     */
+    private emitChange;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}
+//# sourceMappingURL=carousel.d.ts.map

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

@@ -0,0 +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"}

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

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

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

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

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

@@ -0,0 +1,14 @@
+import type { ValuesOf } from "../../util/typings.js";
+/**
+ * Event names for the Carousel component
+ * @public
+ */
+export declare const CarouselEventNames: {
+    readonly change: "change";
+};
+/**
+ * Carousel event type
+ * @public
+ */
+export type CarouselEventName = ValuesOf<typeof CarouselEventNames>;
+//# sourceMappingURL=carousel.events.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.events.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/carousel.events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;CAErB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC"}

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

@@ -0,0 +1,16 @@
+import type { ValuesOf } from "../../util/typings.js";
+/**
+ * Nav position relative to carousel content
+ * @public
+ */
+export declare const CarouselNavPositions: {
+    readonly overContent: "over-content";
+    readonly outsideContent: "outside-content";
+};
+/**
+ * Nav position type for the Carousel component
+ * @public
+ */
+export type CarouselNavPosition = ValuesOf<typeof CarouselNavPositions>;
+export { CarouselNavButtonPlacements, type CarouselNavButtonPlacement } from "../carousel-nav/carousel-nav.options.js";
+//# sourceMappingURL=carousel.options.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.options.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/carousel.options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD;;;GAGG;AACH,eAAO,MAAM,oBAAoB;;;CAGvB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAGxE,OAAO,EACL,2BAA2B,EAC3B,KAAK,0BAA0B,EAChC,MAAM,yCAAyC,CAAC"}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +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"}

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

@@ -0,0 +1,16 @@
+/**
+ * Registers the carousel element and all of its internal dependencies
+ * (carousel-item, carousel-nav, carousel-nav-item) with the provided registry.
+ *
+ * @param registry - The CustomElementRegistry to register with. Defaults to `customElements`.
+ *
+ * @example
+ * ```ts
+ * import { defineCarousel } from "@fabric-msft/fabric-web";
+ * defineCarousel(); // registers fabric-carousel and its dependencies
+ * ```
+ *
+ * @public
+ */
+export declare function defineCarousel(registry?: CustomElementRegistry): void;
+//# sourceMappingURL=define.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,10 @@
+export * from "./carousel.js";
+export { CarouselNavPositions } from "./carousel.options.js";
+export type { CarouselNavPosition } from "./carousel.options.js";
+export { CarouselEventNames } from "./carousel.events.js";
+export type { CarouselEventName } from "./carousel.events.js";
+export { definition as CarouselDefinition } from "./carousel.definition.js";
+export { styles as CarouselStyles } from "./carousel.styles.js";
+export { template as CarouselTemplate } from "./carousel.template.js";
+export { defineCarousel } from "./define.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}