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

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

@@ -1,276 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { StartEnd } from '../patterns/index.js';
-import type { ButtonAppearance, ButtonFormTarget, ButtonShape, ButtonSize } from './button.options.js';
-import { ButtonType } from './button.options.js';
-/**
- * A Button Custom HTML Element.
- * Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | `<button>`} element.
- *
- * @slot start - Content which can be provided before the button content
- * @slot end - Content which can be provided after the button content
- * @slot - The default slot for button content
- * @csspart content - The button content container
- *
- * @public
- */
-export declare class Button extends FASTElement {
-    /**
-     * Indicates the styled appearance of the button.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `appearance`
-     */
-    appearance?: ButtonAppearance;
-    /**
-     * Indicates the button should be focused when the page is loaded.
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#autofocus | `autofocus`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `autofocus`
-     */
-    autofocus: boolean;
-    /**
-     * Default slotted content.
-     *
-     * @public
-     */
-    defaultSlottedContent: HTMLElement[];
-    /**
-     * Sets the element's disabled state.
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled | `disabled`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `disabled`
-     */
-    disabled?: boolean;
-    /**
-     * Indicates that the button is focusable while disabled.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `disabled-focusable`
-     */
-    disabledFocusable: boolean;
-    /**
-     * Sets the element's internal disabled state when the element is focusable while disabled.
-     *
-     * @param previous - the previous disabledFocusable value
-     * @param next - the current disabledFocusable value
-     * @internal
-     */
-    disabledFocusableChanged(previous: boolean, next: boolean): void;
-    /**
-     * The internal {@link https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-     *
-     * @internal
-     */
-    protected elementInternals: ElementInternals;
-    /**
-     * The associated form element.
-     *
-     * @public
-     */
-    get form(): HTMLFormElement | null;
-    /**
-     * The URL that processes the form submission.
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#formaction | `formaction`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `formaction`
-     */
-    formAction?: string;
-    /**
-     * The form-associated flag.
-     * @see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-face-example | Form-associated custom elements}
-     *
-     * @public
-     */
-    static readonly formAssociated = true;
-    /**
-     * The id of a form to associate the element to.
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#form | `form`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `form`
-     */
-    formAttribute?: string;
-    /**
-     * The encoding type for the form submission.
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#formenctype | `formenctype`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `formenctype`
-     */
-    formEnctype?: string;
-    /**
-     * The HTTP method that the browser uses to submit the form.
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#formmethod | `formmethod`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `formmethod`
-     */
-    formMethod?: string;
-    /**
-     * Indicates that the form will not be validated when submitted.
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#formnovalidate | `formnovalidate`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `formnovalidate`
-     */
-    formNoValidate?: boolean;
-    /**
-     * The internal form submission fallback control.
-     *
-     * @internal
-     */
-    private formSubmissionFallbackControl?;
-    /**
-     * The internal slot for the form submission fallback control.
-     *
-     * @internal
-     */
-    private formSubmissionFallbackControlSlot?;
-    /**
-     * The target frame or window to open the form submission in.
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#formtarget | `formtarget`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `formtarget`
-     */
-    formTarget?: ButtonFormTarget;
-    /**
-     * Indicates that the button should only display as an icon with no text content.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `icon-only`
-     */
-    iconOnly: boolean;
-    /**
-     * A reference to all associated label elements.
-     *
-     * @public
-     */
-    get labels(): ReadonlyArray<Node>;
-    /**
-     * The name of the element. This element's value will be surfaced during form submission under the provided name.
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name | `name`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `name`
-     */
-    name?: string;
-    /**
-     * The shape of the button.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `shape`
-     */
-    shape?: ButtonShape;
-    /**
-     * The size of the button.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `size`
-     */
-    size?: ButtonSize;
-    /**
-     * The button type.
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type | `type`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `type`
-     */
-    type: ButtonType;
-    /**
-     * Removes the form submission fallback control when the type changes.
-     *
-     * @param previous - the previous type value
-     * @param next - the new type value
-     * @internal
-     */
-    typeChanged(previous: ButtonType, next: ButtonType): void;
-    /**
-     * The value attribute.
-     *
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value | `value`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `value`
-     */
-    value?: string;
-    /**
-     * Handles the button click event.
-     *
-     * @param e - The event object
-     * @internal
-     */
-    clickHandler(e: Event): boolean | void;
-    connectedCallback(): void;
-    constructor();
-    /**
-     * This fallback creates a new slot, then creates a submit button to mirror the custom element's
-     * properties. The submit button is then appended to the slot and the form is submitted.
-     *
-     * @internal
-     * @privateRemarks
-     * This is a workaround until {@link https://github.com/WICG/webcomponents/issues/814 | WICG/webcomponents/issues/814} is resolved.
-     */
-    private createAndInsertFormSubmissionFallbackControl;
-    /**
-     * Invoked when a connected component's form or fieldset has its disabled state changed.
-     *
-     * @param disabled - the disabled value of the form / fieldset
-     *
-     * @internal
-     */
-    formDisabledCallback(disabled: boolean): void;
-    /**
-     * Handles keypress events for the button.
-     *
-     * @param e - the keyboard event
-     * @returns - the return value of the click handler
-     * @public
-     */
-    keypressHandler(e: KeyboardEvent): boolean | void;
-    /**
-     * Presses the button.
-     *
-     * @public
-     */
-    protected press(): void;
-    /**
-     * Resets the associated form.
-     *
-     * @public
-     */
-    resetForm(): void;
-    /**
-     * Submits the associated form.
-     *
-     * @internal
-     */
-    private submitForm;
-}
-/**
- * @internal
- * @privateRemarks
- * Mark internal because exporting class and interface of the same name confuses API documenter.
- * TODO: https://github.com/microsoft/fast/issues/3317
- */
-export interface Button extends StartEnd {
-}

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

@@ -1,83 +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>;
-/**
- * Button `formtarget` attribute values.
- * @public
- */
-export declare const ButtonFormTarget: {
-    readonly blank: "_blank";
-    readonly self: "_self";
-    readonly parent: "_parent";
-    readonly top: "_top";
-};
-/**
- * Types for the `formtarget` attribute values.
- * @public
- */
-export declare type ButtonFormTarget = ValuesOf<typeof ButtonFormTarget>;

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

@@ -1,6 +0,0 @@
-/**
- * The styles for the Button component.
- *
- * @public
- */
-export declare const styles: import("@microsoft/fast-element").ElementStyles;

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

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