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

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

@@ -1,76 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-/**
- * A Menu Custom HTML Element.
- * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#menu | ARIA menu }.
- *
- * @slot - The default slot for the menu items
- *
- * @public
- */
-export declare class MenuList extends FASTElement {
-    /**
-     * @internal
-     */
-    items: HTMLElement[];
-    protected itemsChanged(oldValue: HTMLElement[], newValue: HTMLElement[]): void;
-    protected menuItems: Element[] | undefined;
-    private expandedItem;
-    /**
-     * The index of the focusable element in the items array
-     * defaults to -1
-     */
-    private focusIndex;
-    private static focusableElementRoles;
-    /**
-     * @internal
-     */
-    connectedCallback(): void;
-    /**
-     * @internal
-     */
-    disconnectedCallback(): void;
-    /**
-     * @internal
-     */
-    readonly isNestedMenu: () => boolean;
-    /**
-     * Focuses the first item in the menu.
-     *
-     * @public
-     */
-    focus(): void;
-    /**
-     * Collapses any expanded menu items.
-     *
-     * @public
-     */
-    collapseExpandedItem(): void;
-    /**
-     * @internal
-     */
-    handleMenuKeyDown(e: KeyboardEvent): void | boolean;
-    /**
-     * if focus is moving out of the menu, reset to a stable initial state
-     * @internal
-     */
-    handleFocusOut: (e: FocusEvent) => void;
-    private handleItemFocus;
-    private handleExpandedChanged;
-    private removeItemListeners;
-    private static elementIndent;
-    protected setItems(): void;
-    handleChange(source: any, propertyName: string): void;
-    /**
-     * handle change from child element
-     */
-    private changeHandler;
-    /**
-     * check if the item is a menu item
-     */
-    protected isMenuItemElement: (el: Element) => el is HTMLElement;
-    /**
-     * check if the item is focusable
-     */
-    private isFocusableElement;
-    private setFocus;
-}

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

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

package/dist/dts/patterns/start-end.d.ts

@@ -1,44 +0,0 @@
-import { CaptureType } from '@microsoft/fast-element';
-import type { StaticallyComposableHTML } from '../utils/index.js';
-/**
- * Start configuration options
- * @public
- */
-export declare type StartOptions<TSource = any, TParent = any> = {
-    start?: StaticallyComposableHTML<TSource, TParent>;
-};
-/**
- * End configuration options
- * @public
- */
-export declare type EndOptions<TSource = any, TParent = any> = {
-    end?: StaticallyComposableHTML<TSource, TParent>;
-};
-/**
- * Start/End configuration options
- * @public
- */
-export declare type StartEndOptions<TSource = any, TParent = any> = StartOptions<TSource, TParent> & EndOptions<TSource, TParent>;
-/**
- * A mixin class implementing start and end slots.
- * These are generally used to decorate text elements with icons or other visual indicators.
- * @public
- */
-export declare class StartEnd {
-    start: HTMLSlotElement;
-    end: HTMLSlotElement;
-}
-/**
- * The template for the end slot.
- * For use with {@link StartEnd}
- *
- * @public
- */
-export declare function endSlotTemplate<TSource extends StartEnd = StartEnd, TParent = any>(options: EndOptions<TSource, TParent>): CaptureType<TSource, TParent>;
-/**
- * The template for the start slots.
- * For use with {@link StartEnd}
- *
- * @public
- */
-export declare function startSlotTemplate<TSource extends StartEnd = StartEnd, TParent = any>(options: StartOptions<TSource, TParent>): CaptureType<TSource, TParent>;

package/dist/dts/progress-bar/base-progress.d.ts

@@ -1,41 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-/**
- * A base class for progress components.
- * @public
- */
-export declare class BaseProgress extends FASTElement {
-    /**
-     * The value of the progress
-     * @public
-     * @remarks
-     * HTML Attribute: value
-     */
-    value: number | null;
-    protected valueChanged(): void;
-    /**
-     * The minimum value
-     * @public
-     * @remarks
-     * HTML Attribute: min
-     */
-    min: number;
-    protected minChanged(): void;
-    /**
-     * The maximum value
-     * @public
-     * @remarks
-     * HTML Attribute: max
-     */
-    max: number;
-    protected maxChanged(): void;
-    /**
-     * Indicates progress in %
-     * @internal
-     */
-    percentComplete: number;
-    /**
-     * @internal
-     */
-    connectedCallback(): void;
-    private updatePercentComplete;
-}

package/dist/dts/progress-bar/index.d.ts

@@ -1,5 +0,0 @@
-export * from './progress-bar.js';
-export * from './progress-bar.options.js';
-export { definition as ProgressBarDefinition } from './progress-bar.definition.js';
-export { styles as ProgressBarStyles } from './progress-bar.styles.js';
-export { template as ProgressBarTemplate } from './progress-bar.template.js';

package/dist/dts/progress-bar/progress-bar.d.ts

@@ -1,37 +0,0 @@
-import { BaseProgress } from './base-progress.js';
-import { ProgressBarShape, ProgressBarThickness, ProgressBarValidationState } from './progress-bar.options.js';
-/**
- * An Progress HTML Element.
- * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar }.
- *
- * @slot indeterminate - The slot for a custom indeterminate indicator
- * @csspart progress - Represents the progress element
- * @csspart determinate - The determinate indicator
- * @csspart indeterminate - The indeterminate indicator
- *
- * @public
- */
-export declare class ProgressBar extends BaseProgress {
-    /**
-     * The thickness of the progress bar
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: thickness
-     */
-    thickness?: ProgressBarThickness;
-    /**
-     * The shape of the progress bar
-     * @public
-     * @remarks
-     * HTML Attribute: shape
-     */
-    shape?: ProgressBarShape;
-    /**
-     * The validation state of the progress bar
-     * @public
-     * @remarks
-     * HTML Attribute: validation-state
-     */
-    validationState: ProgressBarValidationState | null;
-}

package/dist/dts/progress-bar/progress-bar.options.d.ts

@@ -1,50 +0,0 @@
-import type { StaticallyComposableHTML, ValuesOf } from '../utils/index.js';
-import { ProgressBar } from './progress-bar.js';
-/**
- * ProgressBarThickness Constants
- * @public
- */
-export declare const ProgressBarThickness: {
-    readonly medium: "medium";
-    readonly large: "large";
-};
-/**
- * Applies bar thickness to the content
- * @public
- */
-export declare type ProgressBarThickness = ValuesOf<typeof ProgressBarThickness>;
-/**
- * ProgressBarShape Constants
- * @public
- */
-export declare const ProgressBarShape: {
-    readonly rounded: "rounded";
-    readonly square: "square";
-};
-/**
- * Applies bar shape to the content
- * @public
- */
-export declare type ProgressBarShape = ValuesOf<typeof ProgressBarShape>;
-/**
- * ProgressBarValidationState Constants
- * @public
- */
-export declare const ProgressBarValidationState: {
-    readonly success: "success";
-    readonly warning: "warning";
-    readonly error: "error";
-};
-/**
- * Applies validation state to the content
- * @public
- */
-export declare type ProgressBarValidationState = ValuesOf<typeof ProgressBarValidationState>;
-/**
- * Progress configuration options
- * @public
- */
-export declare type ProgressOptions = {
-    indeterminateIndicator1?: StaticallyComposableHTML<ProgressBar>;
-    indeterminateIndicator2?: StaticallyComposableHTML<ProgressBar>;
-};

package/dist/dts/progress-bar/progress-bar.template.d.ts

@@ -1,5 +0,0 @@
-import type { ElementViewTemplate } from '@microsoft/fast-element';
-import type { ProgressOptions } from './progress-bar.options.js';
-import type { ProgressBar } from './progress-bar.js';
-export declare function progressTemplate<T extends ProgressBar>(options?: ProgressOptions): ElementViewTemplate<T>;
-export declare const template: ElementViewTemplate<ProgressBar>;

package/dist/dts/progress-ring/progress-ring.d.ts

@@ -1,15 +0,0 @@
-import { BaseProgress } from '../progress-bar/base-progress.js';
-/**
- * An circular Progress HTML Element.
- * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar }.
- *
- * @slot indeterminate - The slot for a custom indeterminate indicator
- * @slot determinate - The slot for a custom determinate indicator
- * @csspart progress - Represents the progress element
- * @csspart determinate - The determinate indicator
- * @csspart background - The background
- *
- * @public
- */
-export declare class ProgressRing extends BaseProgress {
-}

package/dist/dts/progress-ring/progress-ring.options.d.ts

@@ -1,9 +0,0 @@
-import type { StaticallyComposableHTML } from '../utils/template-helpers.js';
-import type { ProgressRing } from './progress-ring.js';
-/**
- * ProgressRing configuration options
- * @public
- */
-export declare type ProgressRingOptions = {
-    indeterminateIndicator?: StaticallyComposableHTML<ProgressRing>;
-};

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

@@ -1,4 +0,0 @@
-export * from './radio.js';
-export { definition as RadioDefinition } from './radio.definition.js';
-export { styles as RadioStyles } from './radio.styles.js';
-export { template as RadioTemplate } from './radio.template.js';

package/dist/dts/radio/radio.d.ts

@@ -1,58 +0,0 @@
-import type { StaticallyComposableHTML } from '../utils/template-helpers.js';
-import { FormAssociatedRadio } from './radio.form-associated.js';
-/**
- * @public
- */
-export declare type RadioControl = Pick<HTMLInputElement, 'checked' | 'disabled' | 'focus' | 'setAttribute' | 'getAttribute'>;
-/**
- * Radio configuration options
- * @public
- */
-export declare type RadioOptions = {
-    checkedIndicator?: StaticallyComposableHTML<Radio>;
-};
-/**
- * A Radio Custom HTML Element.
- * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#radio | ARIA radio }.
- *
- * @slot checked-indicator - The checked indicator
- * @slot - The default slot for the label
- * @csspart control - The element representing the visual radio control
- * @csspart label - The label
- * @fires change - Emits a custom change event when the checked state changes
- *
- * @public
- */
-export declare class Radio extends FormAssociatedRadio implements RadioControl {
-    /**
-     * The name of the radio. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname | name attribute} for more info.
-     */
-    name: string;
-    /**
-     * The element's value to be included in form submission when checked.
-     * Default to "on" to reach parity with input[type="radio"]
-     *
-     * @internal
-     */
-    initialValue: string;
-    /**
-     * @internal
-     */
-    defaultSlottedNodes: Node[];
-    private get radioGroup();
-    /**
-     * @internal
-     */
-    defaultCheckedChanged(): void;
-    constructor();
-    /**
-     * @internal
-     */
-    connectedCallback(): void;
-    private isInsideRadioGroup;
-    /**
-     * Handles key presses on the radio.
-     * @beta
-     */
-    keypressHandler(e: KeyboardEvent): boolean | void;
-}

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

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

package/dist/dts/radio/radio.styles.d.ts

@@ -1,4 +0,0 @@
-/** Radio styles
- * @public
- */
-export declare const styles: import("@microsoft/fast-element").ElementStyles;

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

@@ -1,4 +0,0 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import type { Radio, RadioOptions } from './radio.js';
-export declare function radioTemplate<T extends Radio>(options?: RadioOptions): ElementViewTemplate<T>;
-export declare const template: ElementViewTemplate<Radio>;

package/dist/dts/radio-group/index.d.ts

@@ -1,4 +0,0 @@
-export * from './radio-group.js';
-export { definition as RadioGroupDefinition } from './radio-group.definition.js';
-export { styles as RadioGroupStyles } from './radio-group.styles.js';
-export { template as RadioGroupTemplate } from './radio-group.template.js';

package/dist/dts/radio-group/radio-group.d.ts

@@ -1,104 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { RadioGroupOrientation } from './radio-group.options.js';
-/**
- * The base class used for constructing a fluent-radio-group custom element
- * @public
- */
-export declare class RadioGroup extends FASTElement {
-    /**
-     * sets radio layout styles
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: stacked
-     */
-    stacked: boolean;
-    /**
-     * When true, the child radios will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.
-     * @public
-     * @remarks
-     * HTML Attribute: readonly
-     */
-    readOnly: boolean;
-    /**
-     * Disables the radio group and child radios.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: disabled
-     */
-    disabled: boolean;
-    /**
-     * The name of the radio group. Setting this value will set the name value
-     * for all child radio elements.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: name
-     */
-    name: string;
-    protected nameChanged(): void;
-    /**
-     * The value of the checked radio
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: value
-     */
-    value: string;
-    protected valueChanged(): void;
-    /**
-     * The orientation of the group
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: orientation
-     */
-    orientation: RadioGroupOrientation;
-    childItems: HTMLElement[];
-    /**
-     * @internal
-     */
-    slottedRadioButtons: HTMLElement[];
-    protected slottedRadioButtonsChanged(oldValue: unknown, newValue: HTMLElement[]): void;
-    private selectedRadio;
-    private focusedRadio;
-    private direction;
-    private get parentToolbar();
-    private get isInsideToolbar();
-    private get isInsideFoundationToolbar();
-    /**
-     * @internal
-     */
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private setupRadioButtons;
-    private radioChangeHandler;
-    private moveToRadioByIndex;
-    private moveRightOffGroup;
-    private moveLeftOffGroup;
-    /**
-     * @internal
-     */
-    focusOutHandler: (e: FocusEvent) => boolean | void;
-    /**
-     * @internal
-     */
-    handleDisabledClick: (e: MouseEvent) => void | boolean;
-    /**
-     * @internal
-     */
-    clickHandler: (e: MouseEvent) => void | boolean;
-    private shouldMoveOffGroupToTheRight;
-    private shouldMoveOffGroupToTheLeft;
-    private checkFocusedRadio;
-    private moveRight;
-    private moveLeft;
-    /**
-     * keyboard handling per https://w3c.github.io/aria-practices/#for-radio-groups-not-contained-in-a-toolbar
-     * navigation is different when there is an ancestor with role='toolbar'
-     *
-     * @internal
-     */
-    keydownHandler: (e: KeyboardEvent) => boolean | void;
-}

package/dist/dts/radio-group/radio-group.options.d.ts

@@ -1,17 +0,0 @@
-import type { ValuesOf } from '../utils/index.js';
-/**
- * Radio Group orientation
- * @public
- */
-export declare const RadioGroupOrientation: {
-    readonly horizontal: "horizontal"; /**
-     * Radio Group orientation
-     * @public
-     */
-    readonly vertical: "vertical";
-};
-/**
- * Types of Radio Group orientation
- * @public
- */
-export declare type RadioGroupOrientation = ValuesOf<typeof RadioGroupOrientation>;

package/dist/dts/radio-group/radio-group.template.d.ts

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

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

@@ -1,5 +0,0 @@
-export * from './slider.js';
-export * from './slider.options.js';
-export { definition as SliderDefinition } from './slider.definition.js';
-export { styles as SliderStyles } from './slider.styles.js';
-export { template as SliderTemplate } from './slider.template.js';