@fabric-msft/fabric-web 7.2.0 → 7.4.0

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,iDA6IlB,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":""}

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

@@ -0,0 +1,360 @@
+import { FASTElement } from "@microsoft/fast-element";
+import type { DynamicTabListOrientation } from "./dynamic-tab-list.options.js";
+import type { DynamicTab } from "../dynamic-tab/dynamic-tab.js";
+/**
+ * Dynamic Tab List
+ * @summary A structural container for dynamic tabs with public methods for tab management.
+ *
+ * @remarks
+ * This component provides structure, emits events, and offers public helper methods
+ * for common tab operations (close, closeOthers, closeToRight, etc.).
+ * Context menus should be implemented by the consumer using the native Popover API,
+ * listening to the `context-menu` event for positioning coordinates.
+ *
+ * @example
+ * ```html
+ * <fabric-dynamic-tab-list activeid="tab-1" show-managed-tabs>
+ *   <fabric-dynamic-tab id="tab-1" selected>Document.docx</fabric-dynamic-tab>
+ *   <fabric-dynamic-tab id="tab-2">Photo.png</fabric-dynamic-tab>
+ *   <button slot="actions">+</button>
+ *   <button slot="manage-tabs">☰</button>
+ * </fabric-dynamic-tab-list>
+ * ```
+ *
+ * @attr {string} activeid - The id of the currently active/selected tab.
+ * @attr {DynamicTabListOrientation} orientation - The layout orientation.
+ * @attr {boolean} show-managed-tabs - When true, renders built-in manage tabs menu.
+ * @attr {string} close-unmodified-label - Label for "Close unmodified tabs" menu item (i18n).
+ * @attr {string} close-all-label - Label for "Close all tabs" menu item (i18n).
+ *
+ * @slot - Container for fabric-dynamic-tab elements.
+ * @slot actions - Optional action buttons between tabs and manage-tabs button.
+ * @slot manage-tabs - Trigger button for manage tabs menu (used when show-managed-tabs is true).
+ *
+ * @csspart tabs-container - The scrollable container for tab elements.
+ * @csspart actions-container - The container for action buttons and manage-tabs.
+ *
+ * @fires tab-dismiss - Fires when a tab's dismiss button is clicked or closeTab() is called.
+ * @fires tab-select - Fires when a tab is selected.
+ * @fires context-menu - Fires when a tab is right-clicked. Detail includes { id, clientX, clientY }.
+ *
+ * @extends FASTElement
+ * @tagname fabric-dynamic-tab-list
+ * @public
+ */
+export declare class DynamicTabList extends FASTElement {
+    /**
+     * The id of the currently active tab.
+     * @public
+     * @remarks
+     * HTML Attribute: `activeid`
+     */
+    activeid?: string;
+    /**
+     * The layout orientation of the tab list.
+     * @public
+     * @remarks
+     * HTML Attribute: `orientation`
+     */
+    orientation: DynamicTabListOrientation;
+    /**
+     * When true, renders a built-in manage tabs menu with "Close unmodified tabs",
+     * "Close all tabs" actions, and a list of all open tabs.
+     * @public
+     * @remarks
+     * HTML Attribute: `show-managed-tabs`
+     */
+    showManagedTabs: boolean;
+    /**
+     * Label for the "Close unmodified tabs" menu item.
+     * Override for i18n/localization.
+     * @public
+     * @remarks
+     * HTML Attribute: `close-unmodified-label`
+     */
+    closeUnmodifiedLabel: string;
+    /**
+     * Label for the "Close all tabs" menu item.
+     * Override for i18n/localization.
+     * @public
+     * @remarks
+     * HTML Attribute: `close-all-label`
+     */
+    closeAllLabel: string;
+    /**
+     * Label for the manage tabs button (accessibility).
+     * Override for i18n/localization.
+     * @public
+     * @remarks
+     * HTML Attribute: `manage-tabs-label`
+     */
+    manageTabsLabel: string;
+    /**
+     * The slotted tab elements.
+     * Exposed as public so consumers can access the tab list for their menu rendering.
+     * @public
+     */
+    tabs: DynamicTab[];
+    /**
+     * The ID of the tab that triggered the context menu.
+     * Exposed as public so consumers can access it for conditional menu rendering.
+     * @public
+     */
+    contextMenuTargetId: string | null;
+    /**
+     * Whether the context menu is currently open.
+     * @public
+     */
+    contextMenuOpen: boolean;
+    /**
+     * The X coordinate where the context menu was triggered.
+     * @public
+     */
+    contextMenuX: number;
+    /**
+     * The Y coordinate where the context menu was triggered.
+     * @public
+     */
+    contextMenuY: number;
+    /**
+     * Slotted manage-tabs trigger element(s).
+     * @internal
+     */
+    slottedManageTabsTrigger: HTMLElement[];
+    /**
+     * Whether the manage-tabs trigger should be interactive.
+     * True when the built-in menu is enabled or a custom trigger is slotted.
+     * @internal
+     */
+    get hasTrigger(): boolean;
+    /**
+     * Whether the manage tabs menu is currently open.
+     * Used for aria-expanded on the trigger.
+     * @internal
+     */
+    manageTabsMenuOpen: boolean;
+    /**
+     * Reference to the manage-tabs-menu popover element.
+     * @internal
+     */
+    private manageTabsMenuEl;
+    /**
+     * Roving focus controller for keyboard navigation.
+     * @internal
+     */
+    private focusController;
+    /**
+     * Flag to track if activeid change is from user gesture.
+     * Used to prevent emitting tab-select on programmatic changes.
+     * @internal
+     */
+    private isUserSelection;
+    /**
+     * Lifecycle callback - initialize focus controller.
+     * @internal
+     */
+    connectedCallback(): void;
+    /**
+     * Lifecycle callback - cleanup.
+     * @internal
+     */
+    disconnectedCallback(): void;
+    /**
+     * Bound handler for manage tabs menu light dismiss.
+     * @internal
+     */
+    private handleManageTabsLightDismiss;
+    /**
+     * Bound handler for manage tabs menu Escape key.
+     * @internal
+     */
+    private handleManageTabsEscape;
+    /**
+     * Set up light dismiss listeners for manage tabs menu.
+     * @internal
+     */
+    private setupManageTabsMenuListeners;
+    /**
+     * Remove light dismiss listeners for manage tabs menu.
+     * Optionally returns focus to the trigger button.
+     * @internal
+     */
+    private removeManageTabsMenuListeners;
+    /**
+     * Initialize the roving focus controller.
+     * @internal
+     */
+    private initializeFocusController;
+    /**
+     * Called when tabs change.
+     * Filters to only DynamicTab elements (excludes text nodes and other elements).
+     * Reconciles activeid if the active tab was removed externally.
+     * @internal
+     */
+    tabsChanged(): void;
+    /**
+     * Called when activeid changes.
+     * @internal
+     */
+    activeidChanged(oldValue: string | undefined, newValue: string | undefined): void;
+    /**
+     * Called when orientation changes - reinitialize focus controller.
+     * @internal
+     */
+    orientationChanged(): void;
+    /**
+     * Updates the selected state on all child tabs.
+     * @internal
+     */
+    private updateTabStates;
+    /**
+     * Handles tab dismiss events from child tabs.
+     * Manages focus transfer and re-emits the event with index for consumer handling.
+     * @internal
+     */
+    handleTabDismiss(event: CustomEvent<{
+        id: string;
+    }>): void;
+    /**
+     * Handles tab select events from child tabs.
+     * @internal
+     */
+    handleTabSelect(event: CustomEvent<{
+        id: string;
+    }>): void;
+    /**
+     * Handles right-click on tabs.
+     * Emits context-menu event with tab ID and cursor coordinates.
+     * Consumer implements their own context menu using native Popover API.
+     * @internal
+     */
+    handleTabContextMenu(event: MouseEvent): boolean;
+    /**
+     * Handles keyboard navigation using roving focus controller.
+     * @internal
+     */
+    handleKeydown(event: KeyboardEvent): boolean;
+    /**
+     * Handles focusin events to sync the focus controller.
+     * @internal
+     */
+    handleFocusin(event: FocusEvent): void;
+    /**
+     * Emits the tab-select event.
+     * @internal
+     */
+    private emitTabSelect;
+    /**
+     * Gets the tab that triggered the context menu.
+     * Useful for consumers to render menu items based on tab state.
+     * @public
+     */
+    getContextMenuTab(): DynamicTab | null;
+    /**
+     * Clears the context menu target ID and state.
+     * Call this when closing your context menu to reset state.
+     * @public
+     */
+    clearContextMenuTarget(): void;
+    /**
+     * Closes the context menu and resets all context menu state.
+     * @public
+     */
+    closeContextMenu(): void;
+    /**
+     * Toggles the manage tabs menu popover.
+     * @public
+     */
+    toggleManageTabsMenu(): void;
+    /**
+     * Closes the manage tabs menu.
+     * @public
+     */
+    closeManageTabsMenu(): void;
+    /**
+     * Requests closing a tab by ID.
+     * Emits `tab-dismiss` event for the consumer to handle DOM removal.
+     * If the tab had focus, moves focus to an adjacent tab.
+     * @param id - The ID of the tab to close
+     * @public
+     */
+    closeTab(id: string): void;
+    /**
+     * Requests closing all tabs except the specified one.
+     * Emits `tab-dismiss` events for each tab to close.
+     * @param id - The ID of the tab to keep open
+     * @public
+     */
+    closeOtherTabs(id: string): void;
+    /**
+     * Requests closing all tabs to the right of the specified tab.
+     * Emits `tab-dismiss` events for each tab to close.
+     * @param id - The ID of the anchor tab
+     * @public
+     */
+    closeTabsToRight(id: string): void;
+    /**
+     * Requests closing all tabs to the left of the specified tab.
+     * Emits `tab-dismiss` events for each tab to close.
+     * @param id - The ID of the anchor tab
+     * @public
+     */
+    closeTabsToLeft(id: string): void;
+    /**
+     * Requests closing all tabs.
+     * Emits `tab-dismiss` events for each tab.
+     * @public
+     */
+    closeAllTabs(): void;
+    /**
+     * Selects the next available tab after a tab is closed.
+     * Prefers the tab at the same index, then previous tabs.
+     * @param closedIndex - The index of the tab that was closed
+     * @internal
+     */
+    private selectNextAvailableTab;
+    /**
+     * Requests closing all tabs that are not marked as modified.
+     * Emits `tab-dismiss` events for each unmodified tab.
+     * Tabs with `modified === true` are preserved.
+     * @public
+     */
+    closeUnmodifiedTabs(): void;
+    /**
+     * Selects a tab from the manage tabs menu, focuses it, and closes the menu.
+     * @param tab - The tab to select
+     * @internal
+     */
+    selectTabFromManageMenu(tab: DynamicTab): void;
+    /**
+     * Closes the manage tabs menu popover and cleans up listeners.
+     * Used internally by built-in menu actions.
+     * @param restoreFocus - When true, returns focus to the trigger button.
+     * @internal
+     */
+    closeManageTabsMenuInternal(restoreFocus?: boolean): void;
+    /**
+     * Gets the display label for a tab in the manage tabs menu.
+     * Reads only the default slot's assigned content for a clean label,
+     * excluding named-slot content (icons, dismiss-icon) and shadow DOM text (hint spans).
+     * Falls back through: default slot text → aria-label → id
+     * @param tab - The tab to get the label for
+     * @returns The display label string
+     * @internal
+     */
+    getTabDisplayLabel(tab: DynamicTab): string;
+    /**
+     * Gets the filtered array of DynamicTab elements from the tabs slot.
+     * Filters out text nodes and non-tab elements.
+     * @returns Array of DynamicTab elements
+     * @public
+     */
+    getTabElements(): DynamicTab[];
+    /**
+     * Handles "Close all tabs" action from the built-in menu.
+     * Closes all tabs and then closes the menu.
+     * @internal
+     */
+    handleCloseAllFromMenu(): void;
+}
+//# sourceMappingURL=dynamic-tab-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-tab-list.d.ts","sourceRoot":"","sources":["../../../../src/components/dynamic-tab-list/dynamic-tab-list.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AASjC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,qBAAa,cAAe,SAAQ,WAAW;IAC7C;;;;;OAKG;IAEI,QAAQ,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;;OAKG;IAEI,WAAW,EAAE,yBAAyB,CACL;IAExC;;;;;;OAMG;IAEI,eAAe,EAAE,OAAO,CAAS;IAExC;;;;;;OAMG;IAEI,oBAAoB,EAAE,MAAM,CAAM;IAEzC;;;;;;OAMG;IAEI,aAAa,EAAE,MAAM,CAAM;IAElC;;;;;;OAMG;IAEI,eAAe,EAAE,MAAM,CAAM;IAEpC;;;;OAIG;IAEI,IAAI,EAAE,UAAU,EAAE,CAAM;IAE/B;;;;OAIG;IAEI,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEjD;;;OAGG;IAEI,eAAe,EAAE,OAAO,CAAS;IAExC;;;OAGG;IAEI,YAAY,EAAE,MAAM,CAAK;IAEhC;;;OAGG;IAEI,YAAY,EAAE,MAAM,CAAK;IAEhC;;;OAGG;IAEI,wBAAwB,EAAE,WAAW,EAAE,CAAM;IAEpD;;;;OAIG;IACH,IAAW,UAAU,IAAI,OAAO,CAE/B;IAED;;;;OAIG;IAEI,kBAAkB,EAAE,OAAO,CAAS;IAE3C;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAA4B;IAEpD;;;OAGG;IACH,OAAO,CAAC,eAAe,CAAsC;IAE7D;;;;OAIG;IACH,OAAO,CAAC,eAAe,CAAkB;IAEzC;;;OAGG;IACI,iBAAiB,IAAI,IAAI;IAqBhC;;;OAGG;IACI,oBAAoB,IAAI,IAAI;IAOnC;;;OAGG;IACH,OAAO,CAAC,4BAA4B,CAsBlC;IAEF;;;OAGG;IACH,OAAO,CAAC,sBAAsB,CAW5B;IAEF;;;OAGG;IACH,OAAO,CAAC,4BAA4B;IAKpC;;;;OAIG;IACH,OAAO,CAAC,6BAA6B;IAYrC;;;OAGG;IACH,OAAO,CAAC,yBAAyB;IAuBjC;;;;;OAKG;IACI,WAAW,IAAI,IAAI;IAyB1B;;;OAGG;IACI,eAAe,CACpB,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,QAAQ,EAAE,MAAM,GAAG,SAAS,GAC3B,IAAI;IAQP;;;OAGG;IACI,kBAAkB,IAAI,IAAI;IAQjC;;;OAGG;IACH,OAAO,CAAC,eAAe;IAYvB;;;;OAIG;IACI,gBAAgB,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,IAAI;IAsCjE;;;OAGG;IACI,eAAe,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,IAAI;IAqBhE;;;;;OAKG;IACI,oBAAoB,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO;IAgCvD;;;OAGG;IACI,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO;IAQnD;;;OAGG;IACI,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAa7C;;;OAGG;IACH,OAAO,CAAC,aAAa;IAUrB;;;;OAIG;IACI,iBAAiB,IAAI,UAAU,GAAG,IAAI;IAK7C;;;;OAIG;IACI,sBAAsB,IAAI,IAAI;IAKrC;;;OAGG;IACI,gBAAgB,IAAI,IAAI;IAO/B;;;OAGG;IACI,oBAAoB,IAAI,IAAI;IA+BnC;;;OAGG;IACI,mBAAmB,IAAI,IAAI;IAWlC;;;;;;OAMG;IACI,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IA6BjC;;;;;OAKG;IACI,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAiBvC;;;;;OAKG;IACI,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAoBzC;;;;;OAKG;IACI,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAoBxC;;;;OAIG;IACI,YAAY,IAAI,IAAI;IAgB3B;;;;;OAKG;IACH,OAAO,CAAC,sBAAsB;IAuB9B;;;;;OAKG;IACI,mBAAmB,IAAI,IAAI;IAoBlC;;;;OAIG;IACI,uBAAuB,CAAC,GAAG,EAAE,UAAU,GAAG,IAAI;IAcrD;;;;;OAKG;IACI,2BAA2B,CAAC,YAAY,GAAE,OAAc,GAAG,IAAI;IAWtE;;;;;;;;OAQG;IACI,kBAAkB,CAAC,GAAG,EAAE,UAAU,GAAG,MAAM;IAmBlD;;;;;OAKG;IACI,cAAc,IAAI,UAAU,EAAE;IAOrC;;;;OAIG;IACI,sBAAsB,IAAI,IAAI;CAItC"}

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

@@ -0,0 +1,7 @@
+import { DynamicTabList } from "./dynamic-tab-list.js";
+/**
+ * The Fabric DynamicTabList component definition.
+ * @public
+ */
+export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof DynamicTabList>;
+//# sourceMappingURL=dynamic-tab-list.definition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-tab-list.definition.d.ts","sourceRoot":"","sources":["../../../../src/components/dynamic-tab-list/dynamic-tab-list.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAIvD;;;GAGG;AACH,eAAO,MAAM,UAAU,gFAOrB,CAAC"}

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

@@ -0,0 +1,24 @@
+import type { ValuesOf } from "../../util/typings.js";
+/**
+ * Dynamic Tab List orientations.
+ * @public
+ */
+export declare const DynamicTabListOrientations: {
+    readonly horizontal: "horizontal";
+    readonly vertical: "vertical";
+};
+/**
+ * Type describing orientation options for {@link DynamicTabList}.
+ * @public
+ */
+export type DynamicTabListOrientation = ValuesOf<typeof DynamicTabListOrientations>;
+/**
+ * Event names for {@link DynamicTabList}.
+ * @public
+ */
+export declare const DynamicTabListEventNames: {
+    readonly "tab-dismiss": "tab-dismiss";
+    readonly "tab-select": "tab-select";
+    readonly "context-menu": "context-menu";
+};
+//# sourceMappingURL=dynamic-tab-list.options.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-tab-list.options.d.ts","sourceRoot":"","sources":["../../../../src/components/dynamic-tab-list/dynamic-tab-list.options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD;;;GAGG;AACH,eAAO,MAAM,0BAA0B;;;CAG7B,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG,QAAQ,CAC9C,OAAO,0BAA0B,CAClC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB;;;;CAI3B,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-tab-list.template.d.ts","sourceRoot":"","sources":["../../../../src/components/dynamic-tab-list/dynamic-tab-list.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqE5D;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,CAAC,SAAS,cAAc,KACrB,mBAAmB,CAAC,CAAC,CAAC,CAqE1B;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,cAAc,CAC/B,CAAC"}

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

@@ -0,0 +1,7 @@
+export { DynamicTabList } from "./dynamic-tab-list.js";
+export { DynamicTabListOrientations, DynamicTabListEventNames } from "./dynamic-tab-list.options.js";
+export type { DynamicTabListOrientation } from "./dynamic-tab-list.options.js";
+export { template as DynamicTabListTemplate } from "./dynamic-tab-list.template.js";
+export { styles as DynamicTabListStyles } from "./dynamic-tab-list.styles.js";
+export { definition as DynamicTabListDefinition } from "./dynamic-tab-list.definition.js";
+//# sourceMappingURL=index.d.ts.map