@fluentui/web-components 3.0.0-beta.13 → 3.0.0-beta.130

package/dist/dts/image/image.options.d.ts

@@ -1,27 +0,0 @@
-import type { ValuesOf } from '../utils/index.js';
-/**
- * Image fit
- * @public
- */
-export declare const ImageFit: {
-    readonly none: "none";
-    readonly center: "center";
-    readonly contain: "contain";
-    readonly cover: "cover";
-    readonly default: "default";
-};
-/**
- * Types for image fit
- * @public
- */
-export declare type ImageFit = ValuesOf<typeof ImageFit>;
-/**
- * Image shape
- * @public
- */
-export declare const ImageShape: {
-    readonly circular: "circular";
-    readonly rounded: "rounded";
-    readonly square: "square";
-};
-export declare type ImageShape = ValuesOf<typeof ImageShape>;

package/dist/dts/image/image.template.d.ts

@@ -1,7 +0,0 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import type { Image } from './image.js';
-/**
- * Template for the Image component
- * @public
- */
-export declare const template: ElementViewTemplate<Image>;

package/dist/dts/image/index.d.ts

@@ -1,5 +0,0 @@
-export * from './image.js';
-export * from './image.options.js';
-export { definition as ImageDefinition } from './image.definition.js';
-export { template as ImageTemplate } from './image.template.js';
-export { styles as ImageStyles } from './image.styles.js';

package/dist/dts/index-rollup.d.ts

@@ -1 +0,0 @@
-export * from './index.js';

package/dist/dts/index.d.ts

@@ -1,34 +0,0 @@
-export * from './accordion/index.js';
-export * from './accordion-item/index.js';
-export * from './anchor-button/index.js';
-export * from './avatar/index.js';
-export * from './badge/index.js';
-export * from './button/index.js';
-export * from './checkbox/index.js';
-export * from './compound-button/index.js';
-export * from './counter-badge/index.js';
-export * from './dialog/index.js';
-export * from './divider/index.js';
-export * from './image/index.js';
-export * from './label/index.js';
-export * from './menu/index.js';
-export * from './menu-button/index.js';
-export * from './menu-item/index.js';
-export * from './menu-list/index.js';
-export * from './progress-bar/index.js';
-export * from './radio/index.js';
-export * from './radio-group/index.js';
-export * from './slider/index.js';
-export * from './spinner/index.js';
-export * from './switch/index.js';
-export * from './tabs/index.js';
-export * from './tab/index.js';
-export * from './tab-panel/index.js';
-export * from './text/index.js';
-export * from './text-input/index.js';
-export * from './toggle-button/index.js';
-export * from './fluent-design-system.js';
-export * from './theme/index.js';
-export * from './utils/direction.js';
-export * from './utils/display.js';
-export * from './utils/behaviors/match-media-stylesheet-behavior.js';

package/dist/dts/label/index.d.ts

@@ -1,4 +0,0 @@
-export * from './label.js';
-export { definition as LabelDefinition } from './label.definition.js';
-export { styles as LabelStyles } from './label.styles.js';
-export { template as LabelTemplate } from './label.template.js';

package/dist/dts/label/label.d.ts

@@ -1,42 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { LabelSize, LabelWeight } from './label.options.js';
-/**
- * The base class used for constructing a fluent-label custom element
- * @public
- */
-export declare class Label extends FASTElement {
-    /**
-     * 	Specifies font size of a label
-     *
-     * @public
-     * @default 'medium'
-     * @remarks
-     * HTML Attribute: size
-     */
-    size?: LabelSize;
-    /**
-     * 	Specifies font weight of a label
-     *
-     * @public
-     * @default 'regular'
-     * @remarks
-     * HTML Attribute: weight
-     */
-    weight?: LabelWeight;
-    /**
-     * 	Specifies styles for label when associated input is disabled
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: disabled
-     */
-    disabled: boolean;
-    /**
-     * 	Specifies styles for label when associated input is a required field
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: required
-     */
-    required: boolean;
-}

package/dist/dts/label/label.options.d.ts

@@ -1,26 +0,0 @@
-import type { ValuesOf } from '../utils/index.js';
-/**
- * A Labels font size can be small, medium, or large
- */
-export declare const LabelSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-};
-/**
- * Applies font size to label
- * @public
- */
-export declare type LabelSize = ValuesOf<typeof LabelSize>;
-/**
- * A label can have a font weight of regular or strong
- */
-export declare const LabelWeight: {
-    readonly regular: "regular";
-    readonly semibold: "semibold";
-};
-/**
- * Applies font weight to label
- * @public
- */
-export declare type LabelWeight = ValuesOf<typeof LabelWeight>;

package/dist/dts/label/label.template.d.ts

@@ -1,8 +0,0 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import { Label } from './label.js';
-/**
- * The template for the Fluent label web-component.
- * @public
- */
-export declare function labelTemplate<T extends Label>(): ElementViewTemplate<T>;
-export declare const template: ElementViewTemplate<Label>;

package/dist/dts/menu/index.d.ts

@@ -1,4 +0,0 @@
-export * from './menu.js';
-export { template as MenuTemplate } from './menu.template.js';
-export { styles as MenuStyles } from './menu.styles.js';
-export { definition as MenuDefinition } from './menu.definition.js';

package/dist/dts/menu/menu.d.ts

@@ -1,194 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { MenuList } from '../menu-list/menu-list.js';
-/**
- * The Menu class represents a menu component.
- * @public
- */
-export declare class Menu extends FASTElement {
-    /**
-     * Determines if the menu should open on hover.
-     * @public
-     */
-    openOnHover?: boolean;
-    /**
-     * Determines if the menu should open on right click.
-     * @public
-     */
-    openOnContext?: boolean;
-    /**
-     * Determines if the menu should close on scroll.
-     * @public
-     */
-    closeOnScroll?: boolean;
-    /**
-     * Determines if the menu open state should persis on click of menu item
-     * @public
-     */
-    persistOnItemClick?: boolean;
-    /**
-     * Defines whether the menu is open or not.
-     * @public
-     */
-    open: boolean;
-    /**
-     * Holds the slotted menu list.
-     * @public
-     */
-    slottedMenuList: MenuList[];
-    /**
-     * Holds the slotted triggers.
-     * @public
-     */
-    slottedTriggers: HTMLElement[];
-    /**
-     * The positioning container of the menu.
-     * @internal
-     */
-    positioningContainer?: HTMLElement;
-    /**
-     * The trigger element of the menu.
-     * @private
-     */
-    private _trigger?;
-    /**
-     * The menu list element of the menu.
-     * @private
-     */
-    private _menuList?;
-    /**
-     * Holds a reference to a function that is used to cleanup resources.
-     * @public
-     */
-    cleanup?: () => void;
-    /**
-     * Called when the element is connected to the DOM.
-     * Sets up the component.
-     * @public
-     */
-    connectedCallback(): void;
-    /**
-     * Called when the element is disconnected from the DOM.
-     * Removes event listeners.
-     * @public
-     */
-    disconnectedCallback(): void;
-    /**
-     * Sets the component.
-     * Sets the trigger and menu list elements and adds event listeners.
-     * @public
-     */
-    setComponent(): void;
-    /**
-     * Toggles the open state of the menu.
-     * @public
-     */
-    toggleMenu: () => void;
-    /**
-     * Closes the menu.
-     * @public
-     */
-    closeMenu: () => void;
-    /**
-     * Opens the menu.
-     * @public
-     */
-    openMenu: (e?: Event) => void;
-    /**
-     * Focuses on the menu list.
-     * @public
-     */
-    focusMenuList(): void;
-    /**
-     * Focuses on the menu trigger.
-     * @public
-     */
-    focusTrigger(): void;
-    /**
-     * Called whenever the open state changes.
-     * Updates the 'aria-expanded' attribute and sets the positioning of the menu.
-     * Sets menu list position
-     * emits openChanged event
-     * @public
-     * @param {boolean} oldValue - The previous value of 'open'.
-     * @param {boolean} newValue - The new value of 'open'.
-     */
-    openChanged(oldValue: boolean, newValue: boolean): void;
-    /**
-     * Called whenever the 'openOnHover' property changes.
-     * Adds or removes a 'mouseover' event listener to the trigger based on the new value.
-     * @public
-     * @param {boolean} oldValue - The previous value of 'openOnHover'.
-     * @param {boolean} newValue - The new value of 'openOnHover'.
-     */
-    openOnHoverChanged(oldValue: boolean, newValue: boolean): void;
-    /**
-     * Called whenever the 'persistOnItemClick' property changes.
-     * Adds or removes a 'click' event listener to the menu list based on the new value.
-     * @public
-     * @param {boolean} oldValue - The previous value of 'persistOnItemClick'.
-     * @param {boolean} newValue - The new value of 'persistOnItemClick'.
-     */
-    persistOnItemClickChanged(oldValue: boolean, newValue: boolean): void;
-    /**
-     * Called whenever the 'openOnContext' property changes.
-     * Adds or removes a 'contextmenu' event listener to the trigger based on the new value.
-     * @public
-     * @param {boolean} oldValue - The previous value of 'openOnContext'.
-     * @param {boolean} newValue - The new value of 'openOnContext'.
-     */
-    openOnContextChanged(oldValue: boolean, newValue: boolean): void;
-    /**
-     * Called whenever the 'closeOnScroll' property changes.
-     * Adds or removes a 'closeOnScroll' event listener to the trigger based on the new value.
-     * @public
-     * @param {boolean} oldValue - The previous value of 'closeOnScroll'.
-     * @param {boolean} newValue - The new value of 'closeOnScroll'.
-     */
-    closeOnScrollChanged(oldValue: boolean, newValue: boolean): void;
-    /**
-     * The task to set the positioning of the menu.
-     * @protected
-     */
-    protected setPositioningTask: () => void;
-    /**
-     * Sets the positioning of the menu.
-     * @protected
-     */
-    protected setPositioning(): void;
-    /**
-     * Adds event listeners.
-     * Adds click and keydown event listeners to the trigger and a click event listener to the document.
-     * If 'openOnHover' is true, adds a 'mouseover' event listener to the trigger.
-     * @public
-     */
-    private addListeners;
-    /**
-     * Removes event listeners.
-     * Removes click and keydown event listeners from the trigger and a click event listener from the document.
-     * Also removes 'mouseover' event listeners from the trigger.
-     * @private
-     */
-    private removeListeners;
-    /**
-     * Handles keyboard interaction for the menu.
-     * Closes the menu and focuses on the trigger when the Escape key is pressed.
-     * Closes the menu when the Tab key is pressed.
-     * @public
-     * @param {KeyboardEvent} e - the keyboard event
-     */
-    handleMenuKeydown(e: KeyboardEvent): boolean | void;
-    /**
-     * Handles keyboard interaction for the trigger.
-     * Toggles the menu when the Space or Enter key is pressed.
-     * If the menu is open, focuses on the menu list.
-     * @public
-     * @param {KeyboardEvent} e - the keyboard event
-     */
-    handleTriggerKeydown: (e: KeyboardEvent) => boolean | void;
-    /**
-     * Handles document click events to close the menu when a click occurs outside of the menu or the trigger.
-     * @private
-     * @param {Event} e - The event triggered on document click.
-     */
-    private handleDocumentClick;
-}

package/dist/dts/menu/menu.template.d.ts

@@ -1,4 +0,0 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import type { Menu } from './menu.js';
-export declare function menuTemplate<T extends Menu>(): ElementViewTemplate<T>;
-export declare const template: ElementViewTemplate<Menu>;

package/dist/dts/menu-button/index.d.ts

@@ -1,5 +0,0 @@
-export * from './menu-button.js';
-export * from './menu-button.options.js';
-export { template as MenuButtonTemplate } from './menu-button.template.js';
-export { styles as MenuButtonStyles } from '../button/button.styles.js';
-export { definition as MenuButtonDefinition } from './menu-button.definition.js';

package/dist/dts/menu-button/menu-button.d.ts

@@ -1,7 +0,0 @@
-import { Button } from '../button/button.js';
-/**
- * The base class used for constructing a fluent-menu-button custom element
- * @public
- */
-export declare class MenuButton extends Button {
-}

package/dist/dts/menu-button/menu-button.options.d.ts

@@ -1,47 +0,0 @@
-import type { ButtonOptions } from '../button/index.js';
-import type { ValuesOf } from '../utils/index.js';
-/**
- * Menu Button Appearance constants
- * @public
- */
-export declare const MenuButtonAppearance: {
-    readonly primary: "primary";
-    readonly outline: "outline";
-    readonly subtle: "subtle";
-    readonly secondary: "secondary";
-    readonly transparent: "transparent";
-};
-/**
- * A Menu Button can be secondary, primary, outline, subtle, transparent
- * @public
- */
-export declare type MenuButtonAppearance = ValuesOf<typeof MenuButtonAppearance>;
-/**
- * A Menu Button can be square, circular or rounded.
- * @public
- */
-export declare const MenuButtonShape: {
-    readonly circular: "circular";
-    readonly rounded: "rounded";
-    readonly square: "square";
-};
-/**
- * A Menu Button can be square, circular or rounded
- * @public
- */
-export declare type MenuButtonShape = ValuesOf<typeof MenuButtonShape>;
-/**
- * A Menu Button can be a size of small, medium or large.
- * @public
- */
-export declare const MenuButtonSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-};
-/**
- * A Menu Button can be on of several preset sizes.
- * @public
- */
-export declare type MenuButtonSize = ValuesOf<typeof MenuButtonSize>;
-export { ButtonOptions as MenuButtonOptions };

package/dist/dts/menu-button/menu-button.template.d.ts

@@ -1,7 +0,0 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import type { MenuButton } from './menu-button.js';
-/**
- * The template for the Button component.
- * @public
- */
-export declare const template: ElementViewTemplate<MenuButton>;

package/dist/dts/menu-item/index.d.ts

@@ -1,4 +0,0 @@
-export * from './menu-item.js';
-export { template as MenuItemTemplate } from './menu-item.template.js';
-export { styles as MenuItemStyles } from './menu-item.styles.js';
-export { definition as MenuItemDefinition } from './menu-item.definition.js';

package/dist/dts/menu-item/menu-item.d.ts

@@ -1,166 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-import type { StaticallyComposableHTML } from '../utils/template-helpers.js';
-import type { StartEndOptions } from '../patterns/start-end.js';
-import { StartEnd } from '../patterns/start-end.js';
-import { MenuItemRole, roleForMenuItem } from './menu-item.options.js';
-export declare type MenuItemColumnCount = 0 | 1 | 2;
-export { MenuItemRole, roleForMenuItem };
-/**
- * Menu Item configuration options
- * @public
- */
-export declare type MenuItemOptions = StartEndOptions<MenuItem> & {
-    checkboxIndicator?: StaticallyComposableHTML<MenuItem>;
-    expandCollapseGlyph?: StaticallyComposableHTML<MenuItem>;
-    radioIndicator?: StaticallyComposableHTML<MenuItem>;
-};
-/**
- * A Switch Custom HTML Element.
- * Implements {@link https://www.w3.org/TR/wai-aria-1.1/#menuitem | ARIA menuitem }, {@link https://www.w3.org/TR/wai-aria-1.1/#menuitemcheckbox | ARIA menuitemcheckbox}, or {@link https://www.w3.org/TR/wai-aria-1.1/#menuitemradio | ARIA menuitemradio }.
- *
- * @slot checked-indicator - The checked indicator
- * @slot radio-indicator - The radio indicator
- * @slot start - Content which can be provided before the menu item content
- * @slot end - Content which can be provided after the menu item content
- * @slot - The default slot for menu item content
- * @slot expand-collapse-indicator - The expand/collapse indicator
- * @slot submenu - Used to nest menu's within menu items
- * @csspart input-container - The element representing the visual checked or radio indicator
- * @csspart checkbox - The element wrapping the `menuitemcheckbox` indicator
- * @csspart radio - The element wrapping the `menuitemradio` indicator
- * @csspart content - The element wrapping the menu item content
- * @csspart expand-collapse-glyph-container - The element wrapping the expand collapse element
- * @csspart expand-collapse - The expand/collapse element
- * @csspart submenu-region - The container for the submenu, used for positioning
- * @fires expanded-change - Fires a custom 'expanded-change' event when the expanded state changes
- * @fires change - Fires a custom 'change' event when a non-submenu item with a role of `menuitemcheckbox`, `menuitemradio`, or `menuitem` is invoked
- *
- * @public
- */
-export declare class MenuItem extends FASTElement {
-    /**
-     * The disabled state of the element.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: disabled
-     */
-    disabled: boolean;
-    /**
-     * The expanded state of the element.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: expanded
-     */
-    expanded: boolean;
-    protected expandedChanged(prev: boolean | undefined, next: boolean): void;
-    /**
-     * The role of the element.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: role
-     */
-    role: MenuItemRole;
-    /**
-     * Cleanup function for the submenu positioner.
-     *
-     * @public
-     */
-    cleanup: () => void;
-    /**
-     * The checked value of the element.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: checked
-     */
-    checked: boolean;
-    protected checkedChanged(oldValue: boolean, newValue: boolean): void;
-    /**
-     * The hidden attribute.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: hidden
-     */
-    hidden: boolean;
-    /**
-     * The submenu slotted content.
-     *
-     * @internal
-     */
-    slottedSubmenu: HTMLElement[];
-    /**
-     * @internal
-     */
-    get hasSubmenu(): boolean;
-    /**
-     * Sets the submenu and updates its position.
-     *
-     * @internal
-     */
-    protected slottedSubmenuChanged(prev: HTMLElement[] | undefined, next: HTMLElement[]): void;
-    /**
-     * The container for the submenu.
-     *
-     * @internal
-     */
-    submenuContainer: HTMLDivElement;
-    /**
-     * @internal
-     */
-    submenu: HTMLElement | undefined;
-    private focusSubmenuOnLoad;
-    /**
-     * @internal
-     */
-    disconnectedCallback(): void;
-    /**
-     * @internal
-     */
-    handleMenuItemKeyDown: (e: KeyboardEvent) => boolean;
-    /**
-     * @internal
-     */
-    handleMenuItemClick: (e: MouseEvent) => boolean;
-    /**
-     * @internal
-     */
-    submenuLoaded: () => void;
-    /**
-     * @internal
-     */
-    handleMouseOver: (e: MouseEvent) => boolean;
-    /**
-     * @internal
-     */
-    handleMouseOut: (e: MouseEvent) => boolean;
-    /**
-     * @internal
-     */
-    private closeSubMenu;
-    /**
-     * @internal
-     */
-    private expandAndFocus;
-    /**
-     * @internal
-     */
-    private invoke;
-    /**
-     * Calculate and apply submenu positioning.
-     *
-     * @public
-     */
-    updateSubmenu(): void;
-}
-/**
- * Mark internal because exporting class and interface of the same name
- * confuses API documenter.
- * TODO: https://github.com/microsoft/fast/issues/3317
- * @internal
- */
-export interface MenuItem extends StartEnd {
-}

package/dist/dts/menu-item/menu-item.options.d.ts

@@ -1,30 +0,0 @@
-import type { ValuesOf } from '../utils/index.js';
-/**
- * Menu items roles.
- * @public
- */
-export declare const MenuItemRole: {
-    /**
-     * The menu item has a "menuitem" role
-     */
-    readonly menuitem: "menuitem";
-    /**
-     * The menu item has a "menuitemcheckbox" role
-     */
-    readonly menuitemcheckbox: "menuitemcheckbox";
-    /**
-     * The menu item has a "menuitemradio" role
-     */
-    readonly menuitemradio: "menuitemradio";
-};
-/**
- * The types for menu item roles
- * @public
- */
-export declare type MenuItemRole = ValuesOf<typeof MenuItemRole>;
-/**
- * @internal
- */
-export declare const roleForMenuItem: {
-    [value in keyof typeof MenuItemRole]: typeof MenuItemRole[value];
-};

package/dist/dts/menu-list/index.d.ts

@@ -1,4 +0,0 @@
-export * from './menu-list.js';
-export { template as MenuListTemplate } from './menu-list.template.js';
-export { styles as MenuListStyles } from './menu-list.styles.js';
-export { definition as MenuListDefinition } from './menu-list.definition.js';