@fluentui/web-components 3.0.0-beta.11 → 3.0.0-beta.111

package/dist/dts/button/button.form-associated.d.ts

@@ -1,14 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { FormAssociated } from '../form-associated/form-associated.js';
-declare class _Button extends FASTElement {
-}
-interface _Button extends FormAssociated {
-}
-declare const FormAssociatedButton_base: typeof _Button;
-/**
- * @beta
- */
-export declare class FormAssociatedButton extends FormAssociatedButton_base {
-    proxy: HTMLInputElement;
-}
-export {};

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

@@ -1,68 +0,0 @@
-import { StartEndOptions } from '../patterns/index.js';
-import type { ValuesOf } from '../utils/index.js';
-import type { Button } from './button.js';
-/**
- * ButtonAppearance constants
- * @public
- */
-export declare const ButtonAppearance: {
-    readonly primary: "primary";
-    readonly outline: "outline";
-    readonly subtle: "subtle";
-    readonly secondary: "secondary";
-    readonly transparent: "transparent";
-};
-/**
- * A Button can be secondary, primary, outline, subtle, transparent
- * @public
- */
-export declare type ButtonAppearance = ValuesOf<typeof ButtonAppearance>;
-/**
- * A Button can be square, circular or rounded.
- * @public
- */
-export declare const ButtonShape: {
-    readonly circular: "circular";
-    readonly rounded: "rounded";
-    readonly square: "square";
-};
-/**
- * A Button can be square, circular or rounded
- * @public
- */
-export declare type ButtonShape = ValuesOf<typeof ButtonShape>;
-/**
- * A Button can be a size of small, medium or large.
- * @public
- */
-export declare const ButtonSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-};
-/**
- * A Button can be on of several preset sizes.
- * @public
- */
-export declare type ButtonSize = ValuesOf<typeof ButtonSize>;
-/**
- * Button type values.
- *
- * @public
- */
-export declare const ButtonType: {
-    readonly submit: "submit";
-    readonly reset: "reset";
-    readonly button: "button";
-};
-/**
- * Type for button type values.
- *
- * @public
- */
-export declare type ButtonType = ValuesOf<typeof ButtonType>;
-/**
- * Button configuration options
- * @public
- */
-export declare type ButtonOptions = StartEndOptions<Button>;

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

@@ -1,9 +0,0 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import type { Button } from './button.js';
-import { ButtonOptions } from './button.options.js';
-/**
- * The template for the Button component.
- * @public
- */
-export declare function buttonTemplate<T extends Button>(options?: ButtonOptions): ElementViewTemplate<T>;
-export declare const template: ElementViewTemplate<Button>;

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

@@ -1,5 +0,0 @@
-export * from './button.js';
-export * from './button.options.js';
-export { template as ButtonTemplate } from './button.template.js';
-export { styles as ButtonStyles } from './button.styles.js';
-export { definition as ButtonDefinition } from './button.definition.js';

package/dist/dts/checkbox/checkbox.d.ts

@@ -1,78 +0,0 @@
-import type { StaticallyComposableHTML } from '../utils/template-helpers.js';
-import { FormAssociatedCheckbox } from './checkbox.form-associated.js';
-import { CheckboxLabelPosition, CheckboxShape, CheckboxSize } from './checkbox.options.js';
-/**
- * Checkbox configuration options
- * @public
- */
-export declare type CheckboxOptions = {
-    checkedIndicator?: StaticallyComposableHTML<Checkbox>;
-    indeterminateIndicator?: StaticallyComposableHTML<Checkbox>;
-};
-/**
- * A Checkbox Custom HTML Element.
- * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#checkbox | ARIA checkbox }.
- *
- * @slot checked-indicator - The checked indicator
- * @slot indeterminate-indicator - The indeterminate indicator
- * @slot - The default slot for the label
- * @csspart control - The element representing the visual checkbox control
- * @csspart label - The label
- * @fires change - Emits a custom change event when the checked state changes
- *
- * @public
- */
-export declare class Checkbox extends FormAssociatedCheckbox {
-    /**
-     * Sets shape of the checkbox.
-     *
-     * @public
-     * @default 'square'
-     * @remarks
-     * HTML Attribute: shape
-     */
-    shape?: CheckboxShape;
-    /**
-     * Sets size of the checkbox.
-     *
-     * @public
-     * @default 'medium'
-     * @remarks
-     * HTML Attribute: size
-     */
-    size?: CheckboxSize;
-    /**
-     * Sets position of the label relative to the input
-     *
-     * @public
-     * @default 'after'
-     * @remarks
-     * HTML Attribute: label-position
-     */
-    labelPosition?: CheckboxLabelPosition;
-    /**
-     * The element's value to be included in form submission when checked.
-     * Default to "on" to reach parity with input[type="checkbox"]
-     *
-     * @internal
-     */
-    initialValue: string;
-    /**
-     * @internal
-     */
-    defaultSlottedNodes: Node[];
-    /**
-     * The indeterminate state of the control
-     */
-    indeterminate: boolean;
-    constructor();
-    private toggleChecked;
-    /**
-     * @internal
-     */
-    keypressHandler: (e: KeyboardEvent) => void;
-    /**
-     * @internal
-     */
-    clickHandler: (e: MouseEvent) => void;
-}

package/dist/dts/checkbox/checkbox.form-associated.d.ts

@@ -1,14 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { CheckableFormAssociated } from '../form-associated/form-associated.js';
-declare class _Checkbox extends FASTElement {
-}
-interface _Checkbox extends CheckableFormAssociated {
-}
-declare const FormAssociatedCheckbox_base: typeof _Checkbox;
-/**
- * @beta
- */
-export declare class FormAssociatedCheckbox extends FormAssociatedCheckbox_base {
-    proxy: HTMLInputElement;
-}
-export {};

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

@@ -1,28 +0,0 @@
-import type { ValuesOf } from '../utils/index.js';
-/**
- * Checkbox shape
- * @public
- */
-export declare const CheckboxShape: {
-    readonly circular: "circular";
-    readonly square: "square";
-};
-export declare type CheckboxShape = ValuesOf<typeof CheckboxShape>;
-/**
- * Checkbox size
- * @public
- */
-export declare const CheckboxSize: {
-    readonly medium: "medium";
-    readonly large: "large";
-};
-export declare type CheckboxSize = ValuesOf<typeof CheckboxSize>;
-/**
- * Checkbox label position
- * @public
- */
-export declare const CheckboxLabelPosition: {
-    readonly before: "before";
-    readonly after: "after";
-};
-export declare type CheckboxLabelPosition = ValuesOf<typeof CheckboxLabelPosition>;

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

@@ -1,12 +0,0 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import type { Checkbox, CheckboxOptions } from './checkbox.js';
-/**
- * Template for the Checkbox component
- * @public
- */
-export declare function checkboxTemplate<T extends Checkbox>(options?: CheckboxOptions): ElementViewTemplate<T>;
-/**
- * Template for the Checkbox component
- * @public
- */
-export declare const template: ElementViewTemplate<Checkbox>;

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

@@ -1,5 +0,0 @@
-export * from './checkbox.js';
-export * from './checkbox.options.js';
-export { definition as CheckboxDefinition } from './checkbox.definition.js';
-export { template as CheckboxTemplate } from './checkbox.template.js';
-export { styles as CheckboxStyles } from './checkbox.styles.js';

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

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

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

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

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

@@ -1,13 +0,0 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import type { CompoundButton } from './compound-button.js';
-import type { CompoundButtonOptions } from './compound-button.options.js';
-/**
- * The template for the Compound Button component.
- * @public
- */
-export declare function buttonTemplate<T extends CompoundButton>(options?: CompoundButtonOptions): ElementViewTemplate<T>;
-/**
- * The template for the Button component.
- * @public
- */
-export declare const template: ElementViewTemplate<CompoundButton>;

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

@@ -1,5 +0,0 @@
-export * from './compound-button.js';
-export * from './compound-button.options.js';
-export { template as CompoundButtonTemplate } from './compound-button.template.js';
-export { styles as CompoundButtonStyles } from './compound-button.styles.js';
-export { definition as CompoundButtonDefinition } from './compound-button.definition.js';

package/dist/dts/counter-badge/counter-badge.d.ts

@@ -1,90 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { StartEnd } from '../patterns/index.js';
-import { CounterBadgeAppearance, CounterBadgeColor, CounterBadgeShape, CounterBadgeSize } from './counter-badge.options.js';
-/**
- * The base class used for constructing a fluent-badge custom element
- * @public
- */
-export declare class CounterBadge extends FASTElement {
-    /**
-     * The appearance the badge should have.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: appearance
-     */
-    appearance?: CounterBadgeAppearance;
-    /**
-     * The color the badge should have.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: color
-     */
-    color?: CounterBadgeColor;
-    /**
-     * The shape the badge should have.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: shape
-     */
-    shape?: CounterBadgeShape;
-    /**
-     * The size the badge should have.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: size
-     */
-    size?: CounterBadgeSize;
-    /**
-     * The count the badge should have.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: count
-     */
-    count: number;
-    protected countChanged(): void;
-    /**
-     * Max number to be displayed
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: overflow-count
-     */
-    overflowCount: number;
-    protected overflowCountChanged(): void;
-    /**
-     * If the badge should be shown when count is 0
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: show-zero
-     */
-    showZero: boolean;
-    /**
-     * If a dot should be displayed without the count
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: dot
-     */
-    dot: boolean;
-    /**
-     * @internal
-     * Function to set the count
-     * This is the default slotted content for the counter badge
-     * If children are slotted, that will override the value returned
-     */
-    setCount(): string | void;
-}
-/**
- * Mark internal because exporting class and interface of the same name
- * confuses API extractor.
- * TODO: Below will be unnecessary when Badge class gets updated
- * @internal
- */
-export interface CounterBadge extends StartEnd {
-}

package/dist/dts/counter-badge/counter-badge.options.d.ts

@@ -1,69 +0,0 @@
-import { BadgeOptions } from '../badge/badge.options.js';
-import type { ValuesOf } from '../utils/index.js';
-/**
- * CounterBadge options
- * @public
- */
-export declare type CounterBadgeOptions = BadgeOptions;
-/**
- * CounterBadgeAppearance constants
- * @public
- */
-export declare const CounterBadgeAppearance: {
-    readonly filled: "filled";
-    readonly ghost: "ghost";
-};
-/**
- * A CounterBadge can have an appearance of filled or ghost
- * @public
- */
-export declare type CounterBadgeAppearance = ValuesOf<typeof CounterBadgeAppearance>;
-/**
- * CounterBadgeColor constants
- * @public
- */
-export declare const CounterBadgeColor: {
-    readonly brand: "brand";
-    readonly danger: "danger";
-    readonly important: "important";
-    readonly informative: "informative";
-    readonly severe: "severe";
-    readonly subtle: "subtle";
-    readonly success: "success";
-    readonly warning: "warning";
-};
-/**
- * A CounterBadge can be one of preset colors
- * @public
- */
-export declare type CounterBadgeColor = ValuesOf<typeof CounterBadgeColor>;
-/**
- * A CounterBadge shape can be circular or rounded.
- * @public
- */
-export declare const CounterBadgeShape: {
-    readonly circular: "circular";
-    readonly rounded: "rounded";
-};
-/**
- * A CounterBadge can be one of preset colors
- * @public
- */
-export declare type CounterBadgeShape = ValuesOf<typeof CounterBadgeShape>;
-/**
- * A CounterBadge can be square, circular or rounded.
- * @public
- */
-export declare const CounterBadgeSize: {
-    readonly tiny: "tiny";
-    readonly extraSmall: "extra-small";
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-    readonly extraLarge: "extra-large";
-};
-/**
- * A CounterBadge can be on of several preset sizes.
- * @public
- */
-export declare type CounterBadgeSize = ValuesOf<typeof CounterBadgeSize>;

package/dist/dts/counter-badge/counter-badge.template.d.ts

@@ -1,7 +0,0 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import { CounterBadge } from './counter-badge.js';
-/**
- * The template for the Counter Badge component.
- * @public
- */
-export declare const template: ElementViewTemplate<CounterBadge>;

package/dist/dts/counter-badge/index.d.ts

@@ -1,5 +0,0 @@
-export * from './counter-badge.js';
-export * from './counter-badge.options.js';
-export { template as CounterBadgeTemplate } from './counter-badge.template.js';
-export { styles as CounterBadgeStyles } from './counter-badge.styles.js';
-export { definition as CounterBadgeDefinition } from './counter-badge.definition.js';

package/dist/dts/dialog/dialog.d.ts

@@ -1,192 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { Button as FluentButton } from '../button/button.js';
-import { DialogModalType } from './dialog.options.js';
-/**
- * Dialog component that extends the FASTElement class.
- *
- * @public
- * @extends FASTElement
- */
-export declare class Dialog extends FASTElement {
-    /**
-     * @private
-     * Indicates whether focus is being trapped within the dialog
-     */
-    private isTrappingFocus;
-    /**
-     * @public
-     * Lifecycle method called when the element is connected to the DOM
-     */
-    connectedCallback(): void;
-    /**
-     * @public
-     * Lifecycle method called when the element is disconnected from the DOM
-     */
-    disconnectedCallback(): void;
-    /**
-     * @public
-     * The dialog element
-     */
-    dialog: HTMLDialogElement;
-    /**
-     * @public
-     * The title action elements
-     */
-    titleAction: HTMLElement[];
-    /**
-     * @public
-     * The default title action button
-     */
-    defaultTitleAction?: FluentButton;
-    /**
-     * @public
-     * The ID of the element that describes the dialog
-     */
-    ariaDescribedby?: string;
-    /**
-     * @public
-     * The ID of the element that labels the dialog
-     */
-    ariaLabelledby?: string;
-    /**
-     * @public
-     * The type of the dialog modal
-     */
-    modalType: DialogModalType;
-    /**
-     * @public
-     * Indicates whether the dialog is open
-     */
-    open: boolean;
-    /**
-     * @public
-     * Indicates whether the dialog has a title action
-     */
-    noTitleAction: boolean;
-    /**
-     * @private
-     * Indicates whether focus should be trapped within the dialog
-     */
-    private trapFocus;
-    /**
-     * @public
-     * Method called when the 'open' attribute changes
-     */
-    openChanged(oldValue: boolean, newValue: boolean): void;
-    /**
-     * @public
-     * Method called when the 'modalType' attribute changes
-     */
-    modalTypeChanged(oldValue: DialogModalType, newValue: DialogModalType): void;
-    /**
-     * @public
-     * Method to set the component's state based on its attributes
-     */
-    setComponent(): void;
-    /**
-     * @public
-     * Method to emit an event when the dialog's open state changes
-     * @param dismissed - Indicates whether the dialog was dismissed
-     */
-    onOpenChangeEvent: (dismissed?: boolean) => void;
-    /**
-     * @public
-     * Method to show the dialog
-     */
-    show(): void;
-    /**
-     * @public
-     * Method to hide the dialog
-     * @param dismissed - Indicates whether the dialog was dismissed
-     */
-    hide(dismissed?: boolean): void;
-    /**
-     * @public
-     * Method to dismiss the dialog
-     */
-    dismiss(): void;
-    /**
-     * @public
-     * Handles click events on the dialog
-     * @param event - The click event
-     * @returns boolean
-     */
-    handleClick(event: Event): boolean;
-    /**
-     * @public
-     * Handles keydown events on the dialog
-     * @param e - The keydown event
-     * @returns boolean | void
-     */
-    handleKeydown: (e: KeyboardEvent) => boolean | void;
-    /**
-     * @private
-     * Handles keydown events on the document
-     * @param e - The keydown event
-     */
-    private handleDocumentKeydown;
-    /**
-     * @private
-     * Handles tab keydown events
-     * @param e - The keydown event
-     */
-    private handleTabKeyDown;
-    /**
-     * @private
-     * Gets the bounds of the tab queue
-     * @returns (HTMLElement | SVGElement)[]
-     */
-    private getTabQueueBounds;
-    /**
-     * @private
-     * Focuses the first element in the tab queue
-     */
-    private focusFirstElement;
-    /**
-     * @private
-     * Determines if focus should be forced
-     * @param currentFocusElement - The currently focused element
-     * @returns boolean
-     */
-    private shouldForceFocus;
-    /**
-     * @private
-     * Determines if focus should be trapped
-     * @returns boolean
-     */
-    private shouldTrapFocus;
-    /**
-     * @private
-     * Handles focus events on the document
-     * @param e - The focus event
-     */
-    private handleDocumentFocus;
-    /**
-     * @private
-     * Updates the state of focus trapping
-     * @param shouldTrapFocusOverride - Optional override for whether focus should be trapped
-     */
-    private updateTrapFocus;
-    /**
-     * @private
-     * Reduces the list of tabbable items
-     * @param elements - The current list of elements
-     * @param element - The element to consider adding to the list
-     * @returns HTMLElement[]
-     */
-    private static reduceTabbableItems;
-    /**
-     * @private
-     * Determines if an element is a focusable FASTElement
-     * @param element - The element to check
-     * @returns boolean
-     */
-    private static isFocusableFastElement;
-    /**
-     * @private
-     * Determines if an element has a tabbable shadow
-     * @param element - The element to check
-     * @returns boolean
-     */
-    private static hasTabbableShadow;
-}