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

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;
-}

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

@@ -1,11 +0,0 @@
-import type { ValuesOf } from '../utils/index.js';
-/**
- * Dialog modal type
- * @public
- */
-export declare const DialogModalType: {
-    readonly modal: "modal";
-    readonly nonModal: "non-modal";
-    readonly alert: "alert";
-};
-export declare type DialogModalType = ValuesOf<typeof DialogModalType>;

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

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

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

@@ -1,4 +0,0 @@
-export * from './dialog.js';
-export { definition as DialogDefinition } from './dialog.definition.js';
-export { template as DialogTemplate } from './dialog.template.js';
-export { styles as DialogStyles } from './dialog.styles.js';

package/dist/dts/divider/divider.d.ts

@@ -1,47 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { DividerAlignContent, DividerAppearance, DividerOrientation, DividerRole } from './divider.options.js';
-/**
- * @class Divider component
- *
- * @remarks
- * A divider groups sections of content to create visual rhythm and hierarchy. Use dividers along with spacing and headers to organize content in your layout.
- */
-export declare class Divider extends FASTElement {
-    /**
-     * The role of the element.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: role
-     */
-    role: DividerRole;
-    /**
-     * The orientation of the divider.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: orientation
-     */
-    orientation: DividerOrientation;
-    /**
-     * @property alignContent
-     * @default center
-     * @remarks
-     * Determines the alignment of the content within the divider. Select from start or end. When not specified, the content will be aligned to the center.
-     */
-    alignContent?: DividerAlignContent;
-    /**
-     * @property appearance
-     * @default default
-     * @remarks
-     * A divider can have one of the preset appearances. Select from strong, brand, subtle. When not specified, the divider has its default appearance.
-     */
-    appearance?: DividerAppearance;
-    /**
-     * @property inset
-     * @default false
-     * @remarks
-     * Adds padding to the beginning and end of the divider.
-     */
-    inset?: boolean;
-}

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

@@ -1,65 +0,0 @@
-import type { ValuesOf } from '../utils/index.js';
-/**
- * Divider roles
- * @public
- */
-export declare const DividerRole: {
-    /**
-     * The divider semantically separates content
-     */
-    readonly separator: "separator";
-    /**
-     * The divider has no semantic value and is for visual presentation only.
-     */
-    readonly presentation: "presentation";
-};
-/**
- * The types for Divider roles
- * @public
- */
-export declare type DividerRole = ValuesOf<typeof DividerRole>;
-/**
- * Divider orientation
- * @public
- */
-export declare const DividerOrientation: {
-    readonly horizontal: "horizontal"; /**
-     * Divider roles
-     * @public
-     */
-    readonly vertical: "vertical";
-};
-/**
- * The types for Divider orientation
- * @public
- */
-export declare type DividerOrientation = ValuesOf<typeof DividerOrientation>;
-/**
- * Align content within divider
- * @public
- */
-export declare const DividerAlignContent: {
-    readonly center: "center";
-    readonly start: "start";
-    readonly end: "end";
-};
-/**
- * The types for DividerAlignContent
- * @public
- */
-export declare type DividerAlignContent = ValuesOf<typeof DividerAlignContent>;
-/**
- * DividerAppearance - divider color defined by a design token alias.
- * @public
- */
-export declare const DividerAppearance: {
-    readonly strong: "strong";
-    readonly brand: "brand";
-    readonly subtle: "subtle";
-    readonly default: "default";
-};
-/**
- * The types for Appearance
- * @public
- */
-export declare type DividerAppearance = ValuesOf<typeof DividerAppearance>;

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

@@ -1,8 +0,0 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import type { Divider } from './divider.js';
-export declare function dividerTemplate<T extends Divider>(): ElementViewTemplate<T>;
-/**
- * Template for the Divider component
- * @public
- */
-export declare const template: ElementViewTemplate<Divider>;

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

@@ -1,5 +0,0 @@
-export * from './divider.js';
-export * from './divider.options.js';
-export { definition as DividerDefinition } from './divider.definition.js';
-export { template as DividerTemplate } from './divider.template.js';
-export { styles as DividerStyles } from './divider.styles.js';

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

@@ -1,104 +0,0 @@
-import type { Constructable, FASTElement } from '@microsoft/fast-element';
-/**
- * @alpha
- */
-export declare const supportsElementInternals: boolean;
-/**
- * Base class for providing Custom Element Form Association.
- *
- * @beta
- */
-export interface FormAssociated extends Omit<ElementInternals, 'labels'> {
-    dirtyValue: boolean;
-    disabled: boolean;
-    readonly elementInternals: ElementInternals | null;
-    readonly formAssociated: boolean;
-    initialValue: string;
-    readonly labels: ReadonlyArray<Node[]>;
-    name: string;
-    required: boolean;
-    value: string;
-    currentValue: string;
-    attachProxy(): void;
-    detachProxy(): void;
-    disabledChanged?(previous: boolean, next: boolean): void;
-    formDisabledCallback?(disabled: boolean): void;
-    formResetCallback(): void;
-    initialValueChanged?(previous: string, next: string): void;
-    nameChanged?(previous: string, next: string): void;
-    requiredChanged(prev: boolean, next: boolean): void;
-    stopPropagation(e: Event): void;
-    /**
-     * Sets the validity of the custom element. By default this uses the proxy element to determine
-     * validity, but this can be extended or replaced in implementation.
-     *
-     * @param anchor - The anchor element to provide to ElementInternals.setValidity for surfacing the browser's constraint validation UI
-     */
-    validate(anchor?: HTMLElement): void;
-    valueChanged(previous: string, next: string): void;
-}
-/**
- * Base class for providing Custom Element Form Association with checkable features.
- *
- * @beta
- */
-export interface CheckableFormAssociated extends FormAssociated {
-    currentChecked: boolean;
-    dirtyChecked: boolean;
-    checkedAttribute: boolean;
-    defaultChecked: boolean;
-    defaultCheckedChanged(oldValue: boolean | undefined, newValue: boolean): void;
-    checked: boolean;
-    checkedChanged(oldValue: boolean | undefined, newValue: boolean): void;
-}
-/**
- * Avaiable types for the `proxy` property.
- * @beta
- */
-export declare type ProxyElement = HTMLSelectElement | HTMLTextAreaElement | HTMLInputElement;
-/**
- * Identifies a class as having a proxy element and optional submethods related
- * to the proxy element.
- *
- * @beta
- */
-export interface FormAssociatedProxy {
-    proxy: ProxyElement;
-    disabledChanged?(previous: boolean, next: boolean): void;
-    formDisabledCallback?(disabled: boolean): void;
-    formResetCallback?(): void;
-    initialValueChanged?(previous: string, next: string): void;
-    valueChanged?(previous: string, next: string): void;
-    nameChanged?(previous: string, next: string): void;
-}
-/**
- * Combined type to describe a Form-associated element.
- *
- * @beta
- */
-export declare type FormAssociatedElement = FormAssociated & FASTElement & HTMLElement & FormAssociatedProxy;
-/**
- * Combined type to describe a checkable Form-associated element.
- *
- * @beta
- */
-export declare type CheckableFormAssociatedElement = FormAssociatedElement & CheckableFormAssociated & {
-    proxy: HTMLInputElement;
-};
-/**
- * Combined type to describe a Constructable Form-Associated type.
- *
- * @beta
- */
-export declare type ConstructableFormAssociated = Constructable<HTMLElement & FASTElement>;
-/**
- * Base function for providing Custom Element Form Association.
- *
- * @beta
- */
-export declare function FormAssociated<T extends ConstructableFormAssociated>(BaseCtor: T): T;
-/**
- * Creates a checkable form associated component.
- * @beta
- */
-export declare function CheckableFormAssociated<T extends ConstructableFormAssociated>(BaseCtor: T): T;

package/dist/dts/helpers.tests.d.ts

@@ -1,8 +0,0 @@
-/**
- * Returns a formatted URL for a given Storybook fixture.
- *
- * @param id - the Storybook fixture ID
- * @param args - Story args
- * @returns - the local URL for the Storybook fixture iframe
- */
-export declare function fixtureURL(id?: string, args?: Record<string, any>): string;

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

@@ -1,48 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { ImageFit, ImageShape } from './image.options.js';
-/**
- * The base class used for constucting a fluent image custom element
- * @public
- */
-export declare class Image extends FASTElement {
-    /**
-     * Image layout
-     *
-     * @public
-     * @remarks
-     * HTML attribute: block.
-     */
-    block?: boolean;
-    /**
-     * Image border
-     *
-     * @public
-     * @remarks
-     * HTML attribute: border.
-     */
-    bordered?: boolean;
-    /**
-     * Image shadow
-     *
-     * @public
-     * @remarks
-     * HTML attribute: shadow.
-     */
-    shadow?: boolean;
-    /**
-     * Image fit
-     *
-     * @public
-     * @remarks
-     * HTML attribute: fit.
-     */
-    fit?: ImageFit;
-    /**
-     * Image shape
-     *
-     * @public
-     * @remarks
-     * HTML attribute: shape.
-     */
-    shape?: ImageShape;
-}