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

package/dist/dts/tabs/tabs.d.ts

@@ -1,173 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { StartEnd } from '../patterns/index.js';
-import { TabsAppearance, TabsOrientation, TabsSize } from './tabs.options.js';
-/**
- *
- * @class TabList component
- * @public
- */
-export declare class BaseTabs extends FASTElement {
-    /**
-     * The orientation
-     * @public
-     * @remarks
-     * HTML Attribute: orientation
-     */
-    orientation: TabsOrientation;
-    /**
-     * @internal
-     */
-    orientationChanged(): void;
-    /**
-     * The id of the active tab
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: activeid
-     */
-    activeid: string;
-    /**
-     * @internal
-     */
-    activeidChanged(oldValue: string, newValue: string): void;
-    /**
-     * @internal
-     */
-    tabs: HTMLElement[];
-    /**
-     * @internal
-     */
-    tabsChanged(): void;
-    /**
-     * @internal
-     */
-    tabpanels: HTMLElement[];
-    /**
-     * @internal
-     */
-    tabpanelsChanged(): void;
-    /**
-     * A reference to the active tab
-     * @public
-     */
-    activetab: HTMLElement;
-    private prevActiveTabIndex;
-    private activeTabIndex;
-    private tabIds;
-    private tabpanelIds;
-    private change;
-    private isDisabledElement;
-    private isHiddenElement;
-    private isFocusableElement;
-    private getActiveIndex;
-    /**
-     * Function that is invoked whenever the selected tab or the tab collection changes.
-     *
-     * @public
-     */
-    protected setTabs(): void;
-    private setTabPanels;
-    private getTabIds;
-    private getTabPanelIds;
-    private setComponent;
-    private handleTabClick;
-    private isHorizontal;
-    private handleTabKeyDown;
-    /**
-     * The adjust method for FASTTabs
-     * @public
-     * @remarks
-     * This method allows the active index to be adjusted by numerical increments
-     */
-    adjust(adjustment: number): void;
-    private adjustForward;
-    private adjustBackward;
-    private moveToTabByIndex;
-    private focusTab;
-    /**
-     * @internal
-     */
-    connectedCallback(): void;
-}
-export declare class Tabs extends BaseTabs {
-    /**
-     * activeTabData
-     * The positional coordinates and size dimensions of the active tab. Used for calculating the offset and scale of the tab active indicator.
-     */
-    private activeTabData;
-    /**
-     * previousActiveTabData
-     * The positional coordinates and size dimensions of the active tab. Used for calculating the offset and scale of the tab active indicator.
-     */
-    private previousActiveTabData;
-    /**
-     * activeTabOffset
-     * Used to position the active indicator for animations of the active indicator on active tab changes.
-     */
-    private activeTabOffset;
-    /**
-     * activeTabScale
-     * Used to scale the tab active indicator up or down as animations of the active indicator occur.
-     */
-    private activeTabScale;
-    /**
-     * styles
-     * used in the class for storing the css variables required for animations
-     */
-    private styles;
-    /**
-     * appearance
-     * There are two modes of appearance: transparent and subtle.
-     */
-    appearance?: TabsAppearance;
-    /**
-     * disabled
-     * Used for disabling all click and keyboard events for the tabs, child tab elements and tab panel elements. UI styling of content and tabs will appear as "grayed out."
-     */
-    disabled?: boolean;
-    /**
-     * size
-     * defaults to medium.
-     * Used to set the size of all the tab controls, which effects text size and margins. Three sizes: small, medium and large.
-     */
-    size?: TabsSize;
-    /**
-     * calculateAnimationProperties
-     *
-     * Recalculates the active tab offset and scale.
-     * These values will be applied to css variables that control the tab active indicator position animations
-     */
-    private calculateAnimationProperties;
-    /**
-     * getSelectedTabPosition - gets the x or y coordinates of the tab
-     */
-    private getTabPosition;
-    /**
-     * getSelectedTabScale - gets the scale of the tab
-     */
-    private getTabScale;
-    /**
-     * applyUpdatedCSSValues
-     *
-     * calculates and applies updated values to CSS variables
-     * @param tab
-     */
-    private applyUpdatedCSSValues;
-    /**
-     * animationLoop
-     * runs through all the operations required for setting the tab active indicator to its starting location, ending location, and applying the animated css class to the tab.
-     * @param tab
-     */
-    private animationLoop;
-    /**
-     * setTabData
-     * sets the data from the active tab onto the class. used for making all the animation calculations for the active tab indicator.
-     */
-    private setTabData;
-    private setTabOffsetCSSVar;
-    private setTabScaleCSSVar;
-    activeidChanged(oldValue: string, newValue: string): void;
-    tabsChanged(): void;
-}
-export interface Tabs extends StartEnd {
-}

package/dist/dts/tabs/tabs.definition.d.ts

@@ -1,2 +0,0 @@
-import { Tabs } from './tabs.js';
-export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof Tabs>;

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

@@ -1,32 +0,0 @@
-import { StartEndOptions } from '../patterns/index.js';
-import type { ValuesOf } from '../utils/index.js';
-import { Tabs } from './tabs.js';
-export declare const TabsAppearance: {
-    readonly subtle: "subtle";
-    readonly transparent: "transparent";
-};
-export declare type TabsAppearance = ValuesOf<typeof TabsAppearance>;
-export declare const TabsSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-};
-export declare type TabsSize = ValuesOf<typeof TabsSize>;
-/**
- * Tabs option configuration options
- * @public
- */
-export declare type TabsOptions = StartEndOptions<Tabs>;
-/**
- * The orientation of the component
- * @public
- */
-export declare const TabsOrientation: {
-    readonly horizontal: "horizontal";
-    readonly vertical: "vertical";
-};
-/**
- * The types for the Tabs component
- * @public
- */
-export declare type TabsOrientation = ValuesOf<typeof TabsOrientation>;

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

@@ -1,5 +0,0 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import { Tabs } from './tabs.js';
-import { TabsOptions } from './tabs.options.js';
-export declare function tabsTemplate<T extends Tabs>(options?: TabsOptions): ElementViewTemplate<T>;
-export declare const template: ElementViewTemplate<Tabs, any>;

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

@@ -1,5 +0,0 @@
-export * from './text.js';
-export * from './text.options.js';
-export { template as TextTemplate } from './text.template.js';
-export { styles as TextStyles } from './text.styles.js';
-export { definition as TextDefinition } from './text.definition.js';

package/dist/dts/text/text.d.ts

@@ -1,91 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-import type { TextAlign, TextFont, TextSize, TextWeight } from './text.options.js';
-/**
- * The base class used for constructing a fluent-text custom element
- * @public
- */
-export declare class Text extends FASTElement {
-    /**
-     * The text will not wrap
-     * NOTE: In Fluent UI React v9 this is "wrap"
-     * Boolean attributes which default to true in HTML can't be switched off in the DOM
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: nowrap
-     */
-    nowrap: boolean;
-    /**
-     * The text truncates
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: truncate
-     */
-    truncate: boolean;
-    /**
-     * The text style is italic
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: italic
-     */
-    italic: boolean;
-    /**
-     * The text style is underline
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: underline
-     */
-    underline: boolean;
-    /**
-     * The text style is strikethrough
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: strikethrough
-     */
-    strikethrough: boolean;
-    /**
-     * An text can take up the width of its container.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: block
-     */
-    block: boolean;
-    /**
-     * THe Text size
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: size
-     *
-     */
-    size?: TextSize;
-    /**
-     * THe Text font
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: font
-     */
-    font?: TextFont;
-    /**
-     * THe Text weight
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: weight
-     */
-    weight?: TextWeight;
-    /**
-     * THe Text align
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: align
-     */
-    align?: TextAlign;
-}

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

@@ -1,67 +0,0 @@
-import type { ValuesOf } from '../utils/index.js';
-/**
- * TextSize constants
- * @public
- */
-export declare const TextSize: {
-    readonly _100: "100";
-    readonly _200: "200";
-    readonly _300: "300";
-    readonly _400: "400";
-    readonly _500: "500";
-    readonly _600: "600";
-    readonly _700: "700";
-    readonly _800: "800";
-    readonly _900: "900";
-    readonly _1000: "1000";
-};
-/**
- * The type for TextSize
- * The font size and line height based on the theme tokens
- * @public
- */
-export declare type TextSize = ValuesOf<typeof TextSize>;
-/**
- * TextFont Constants
- * @public
- */
-export declare const TextFont: {
-    readonly base: "base";
-    readonly numeric: "numeric";
-    readonly monospace: "monospace";
-};
-/**
- * Applies font family to the content
- * @public
- */
-export declare type TextFont = ValuesOf<typeof TextFont>;
-/**
- * TextWeight Constants
- * @public
- */
-export declare const TextWeight: {
-    readonly medium: "medium";
-    readonly regular: "regular";
-    readonly semibold: "semibold";
-    readonly bold: "bold";
-};
-/**
- * Applies font weight to the content
- * @public
- */
-export declare type TextWeight = ValuesOf<typeof TextWeight>;
-/**
- * TextAlign Constants
- * @public
- */
-export declare const TextAlign: {
-    readonly start: "start";
-    readonly end: "end";
-    readonly center: "center";
-    readonly justify: "justify";
-};
-/**
- * Aligns the content
- * @public
- */
-export declare type TextAlign = ValuesOf<typeof TextAlign>;

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

@@ -1,6 +0,0 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import type { Text } from './text.js';
-/**
- * @internal
- */
-export declare const template: ElementViewTemplate<Text>;

package/dist/dts/text-input/index.d.ts

@@ -1,5 +0,0 @@
-export * from './text-input.js';
-export * from './text-input.options.js';
-export { template as TextInputTemplate } from './text-input.template.js';
-export { styles as TextInputStyles } from './text-input.styles.js';
-export { definition as TextInputDefinition } from './text-input.definition.js';

package/dist/dts/text-input/text-field.form-associated.d.ts

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

package/dist/dts/text-input/text-input.d.ts

@@ -1,154 +0,0 @@
-import { ARIAGlobalStatesAndProperties, StartEnd, StartEndOptions } from '../patterns/index.js';
-import { TextInputAppearance, TextInputControlSize } from './text-input.options.js';
-import { TextFieldType } from './text-input.options.js';
-import { FormAssociatedTextField } from './text-field.form-associated.js';
-export { TextFieldType };
-export declare type TextFieldOptions = StartEndOptions<TextInput>;
-export declare class TextInput extends FormAssociatedTextField {
-    /**
-     * Defines TextInput control size
-     *
-     * @public
-     * @default 'medium'
-     * @remarks
-     * HTML Attribute: control-size
-     */
-    controlSize?: TextInputControlSize;
-    /**
-     * Defines TextInput appearance.
-     *
-     * @public
-     * @default 'outline'
-     * @remarks
-     * HTML Attribute: appearance
-     */
-    appearance?: TextInputAppearance;
-    /**
-     * When true, the control 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;
-    protected readOnlyChanged(): void;
-    /**
-     * Indicates that this element should get focus after the page finishes loading. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute} for more information.
-     * @public
-     * @remarks
-     * HTML Attribute: autofocus
-     */
-    autofocus: boolean;
-    protected autofocusChanged(): void;
-    /**
-     * Sets the placeholder value of the element, generally used to provide a hint to the user.
-     * @public
-     * @remarks
-     * HTML Attribute: placeholder
-     * Using this attribute does is not a valid substitute for a labeling element.
-     */
-    placeholder: string;
-    protected placeholderChanged(): void;
-    /**
-     * Allows setting a type or mode of text.
-     * @public
-     * @remarks
-     * HTML Attribute: type
-     */
-    type: TextFieldType;
-    private typeChanged;
-    /**
-     * Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}.
-     * @public
-     * @remarks
-     * HTML Attribute: list
-     */
-    list: string;
-    protected listChanged(): void;
-    /**
-     * The maximum number of characters a user can enter.
-     * @public
-     * @remarks
-     * HTMLAttribute: maxlength
-     */
-    maxlength: number;
-    protected maxlengthChanged(): void;
-    /**
-     * The minimum number of characters a user can enter.
-     * @public
-     * @remarks
-     * HTMLAttribute: minlength
-     */
-    minlength: number;
-    protected minlengthChanged(): void;
-    /**
-     * A regular expression that the value must match to pass validation.
-     * @public
-     * @remarks
-     * HTMLAttribute: pattern
-     */
-    pattern: string;
-    protected patternChanged(): void;
-    /**
-     * Sets the width of the element to a specified number of characters.
-     * @public
-     * @remarks
-     * HTMLAttribute: size
-     */
-    size: number;
-    protected sizeChanged(): void;
-    /**
-     * Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used.
-     * @public
-     * @remarks
-     * HTMLAttribute: size
-     */
-    spellcheck: boolean;
-    protected spellcheckChanged(): void;
-    /**
-     * @internal
-     */
-    defaultSlottedNodes: Node[];
-    /**
-     * A reference to the internal input element
-     * @internal
-     */
-    control: HTMLInputElement;
-    /**
-     * @internal
-     */
-    connectedCallback(): void;
-    /**
-     * Selects all the text in the text field
-     *
-     * @public
-     */
-    select(): void;
-    /**
-     * Handles the internal control's `input` event
-     * @internal
-     */
-    handleTextInput(): void;
-    /**
-     * Change event handler for inner control.
-     * @remarks
-     * "Change" events are not `composable` so they will not
-     * permeate the shadow DOM boundary. This fn effectively proxies
-     * the change event, emitting a `change` event whenever the internal
-     * control emits a `change` event
-     * @internal
-     */
-    handleChange(): void;
-    /** {@inheritDoc (FormAssociated:interface).validate} */
-    validate(): void;
-}
-/**
- * Includes ARIA states and properties relating to the ARIA textbox role
- *
- * @public
- */
-export declare class DelegatesARIATextbox {
-}
-export interface DelegatesARIATextbox extends ARIAGlobalStatesAndProperties {
-}
-export interface TextInput extends StartEnd, DelegatesARIATextbox {
-}

package/dist/dts/text-input/text-input.definition.d.ts

@@ -1,10 +0,0 @@
-import { TextInput } from './text-input.js';
-/**
- * The Fluent TextInput Element.
- *
- *
- * @public
- * @remarks
- * HTML Element: \<fluent-text-input\>
- */
-export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof TextInput>;

package/dist/dts/text-input/text-input.options.d.ts

@@ -1,61 +0,0 @@
-import type { ValuesOf } from '../utils/index.js';
-/**
- * TextInput size constants
- * @public
- */
-export declare const TextInputControlSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-};
-/**
- * Applies size styling to TextInput
- * @public
- */
-export declare type TextInputControlSize = ValuesOf<typeof TextInputControlSize>;
-/**
- * TextInput appearance constants
- * @public
- */
-export declare const TextInputAppearance: {
-    readonly outline: "outline";
-    readonly underline: "underline";
-    readonly filledLighter: "filled-lighter";
-    readonly filledDarker: "filled-darker";
-};
-/**
- * Applies appearance styling to TextInput
- * @public
- */
-export declare type TextInputAppearance = ValuesOf<typeof TextInputAppearance>;
-/**
- * Text field sub-types
- * @public
- */
-export declare const TextFieldType: {
-    /**
-     * An email TextField
-     */
-    readonly email: "email";
-    /**
-     * A password TextField
-     */
-    readonly password: "password";
-    /**
-     * A telephone TextField
-     */
-    readonly tel: "tel";
-    /**
-     * A text TextField
-     */
-    readonly text: "text";
-    /**
-     * A URL TextField
-     */
-    readonly url: "url";
-};
-/**
- * Types for the text field sub-types
- * @public
- */
-export declare type TextFieldType = ValuesOf<typeof TextFieldType>;

package/dist/dts/text-input/text-input.styles.d.ts

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

package/dist/dts/text-input/text-input.template.d.ts

@@ -1,7 +0,0 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import type { TextFieldOptions, TextInput } from './text-input.js';
-export declare function textFieldTemplate<T extends TextInput>(options?: TextFieldOptions): ElementViewTemplate<T>;
-/**
- * @internal
- */
-export declare const template: ElementViewTemplate<TextInput>;