@fluentui/web-components 3.0.0-beta.12 → 3.0.0-beta.121

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

@@ -1,214 +0,0 @@
-import { Direction, Orientation } from '@microsoft/fast-web-utilities';
-import { SliderConfiguration, SliderMode, SliderSize } from './slider.options.js';
-import { FormAssociatedSlider } from './slider.form-associated.js';
-/**
- * The base class used for constructing a fluent-slider custom element
- * @public
- */
-export declare class Slider extends FormAssociatedSlider implements SliderConfiguration {
-    /**
-     * The size of the slider
-     * @public
-     * @remarks
-     * HTML Attribute: size
-     */
-    size?: SliderSize;
-    handleChange(source: any, propertyName: string): void;
-    private stepStyles?;
-    /**
-     * Handles changes to step styling based on the step value
-     * NOTE: This function is not a changed callback, stepStyles is not observable
-     */
-    private handleStepStyles;
-    /**
-     * 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;
-    /**
-     * @internal
-     */
-    track: HTMLDivElement;
-    /**
-     * @internal
-     */
-    thumb: HTMLDivElement;
-    /**
-     * @internal
-     */
-    stepMultiplier: number;
-    /**
-     * @internal
-     */
-    direction: Direction;
-    /**
-     * @internal
-     */
-    isDragging: boolean;
-    /**
-     * @internal
-     */
-    position: string;
-    /**
-     * @internal
-     */
-    trackWidth: number;
-    /**
-     * @internal
-     */
-    trackMinWidth: number;
-    /**
-     * @internal
-     */
-    trackHeight: number;
-    /**
-     * @internal
-     */
-    trackLeft: number;
-    /**
-     * @internal
-     */
-    trackMinHeight: number;
-    /**
-     * The value property, typed as a number.
-     *
-     * @public
-     */
-    get valueAsNumber(): number;
-    set valueAsNumber(next: number);
-    /**
-     * Custom function that generates a string for the component's "aria-valuetext" attribute based on the current value.
-     *
-     * @public
-     */
-    valueTextFormatter: (value: string) => string | null;
-    /**
-     * @internal
-     */
-    valueChanged(previous: string, next: string): void;
-    /**
-     * The minimum allowed value.
-     *
-     * @defaultValue - 0
-     * @public
-     * @remarks
-     * HTML Attribute: min
-     */
-    min: number;
-    protected minChanged(): void;
-    /**
-     * The maximum allowed value.
-     *
-     * @defaultValue - 10
-     * @public
-     * @remarks
-     * HTML Attribute: max
-     */
-    max: number;
-    protected maxChanged(): void;
-    /**
-     * Value to increment or decrement via arrow keys, mouse click or drag.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: step
-     */
-    step: number | undefined;
-    protected stepChanged(): void;
-    /**
-     * The orientation of the slider.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: orientation
-     */
-    orientation: Orientation;
-    protected orientationChanged(): void;
-    /**
-     * The selection mode.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: mode
-     */
-    mode: SliderMode;
-    /**
-     * @internal
-     */
-    connectedCallback(): void;
-    /**
-     * @internal
-     */
-    disconnectedCallback(): void;
-    /**
-     * Increment the value by the step
-     *
-     * @public
-     */
-    increment(): void;
-    /**
-     * Decrement the value by the step
-     *
-     * @public
-     */
-    decrement(): void;
-    keypressHandler: (e: KeyboardEvent) => void;
-    /**
-     * Gets the actual step value for the slider
-     *
-     */
-    private get stepValue();
-    /**
-     * Places the thumb based on the current value
-     *
-     * @public
-     * @param direction - writing mode
-     */
-    private setThumbPositionForOrientation;
-    /**
-     * Update the step multiplier used to ensure rounding errors from steps that
-     * are not whole numbers
-     */
-    private updateStepMultiplier;
-    private setupTrackConstraints;
-    private setupListeners;
-    /**
-     * @internal
-     */
-    initialValue: string;
-    private get midpoint();
-    private setupDefaultValue;
-    /**
-     *  Handle mouse moves during a thumb drag operation
-     *  If the event handler is null it removes the events
-     */
-    handleThumbMouseDown: (event: MouseEvent | null) => void;
-    /**
-     *  Handle mouse moves during a thumb drag operation
-     */
-    private handleMouseMove;
-    /**
-     * Calculate the new value based on the given raw pixel value.
-     *
-     * @param rawValue - the value to be converted to a constrained value
-     * @returns the constrained value
-     *
-     * @internal
-     */
-    calculateNewValue(rawValue: number): number;
-    /**
-     * Handle a window mouse up during a drag operation
-     */
-    private handleWindowMouseUp;
-    private stopDragging;
-    /**
-     *
-     * @param e - MouseEvent or null. If there is no event handler it will remove the events
-     */
-    handleMouseDown: (e: MouseEvent | null) => void;
-    private convertToConstrainedValue;
-}

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

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

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

@@ -1,56 +0,0 @@
-import type { Direction } from '@microsoft/fast-web-utilities';
-import type { StaticallyComposableHTML, ValuesOf } from '../utils/index.js';
-import type { Slider } from './slider.js';
-/**
- * SliderSize Constants
- * @public
- */
-export declare const SliderSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-};
-/**
- * Applies bar height to the slider rail and diameter to the slider thumbs
- * @public
- */
-export declare type SliderSize = ValuesOf<typeof SliderSize>;
-/**
- * @public
- */
-export declare const SliderOrientation: {
-    readonly horizontal: "horizontal";
-    readonly vertical: "vertical";
-};
-/**
- * The types for the orientation of the slider
- * @public
- */
-export declare type SliderOrientation = ValuesOf<typeof SliderOrientation>;
-/**
- * @public
- */
-export declare const SliderMode: {
-    readonly singleValue: "single-value";
-};
-/**
- * The types for the selection mode of the slider
- * @public
- */
-export declare type SliderMode = ValuesOf<typeof SliderMode>;
-/**
- * @public
- */
-export interface SliderConfiguration {
-    max: number;
-    min: number;
-    orientation?: SliderOrientation;
-    direction?: Direction;
-    disabled?: boolean;
-}
-/**
- * Slider configuration options
- * @public
- */
-export declare type SliderOptions = {
-    thumb?: StaticallyComposableHTML<Slider>;
-};

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

@@ -1,5 +0,0 @@
-import type { ElementViewTemplate } from '@microsoft/fast-element';
-import { SliderOptions } from './slider.options.js';
-import { Slider } from './slider.js';
-export declare function sliderTemplate<T extends Slider>(options?: SliderOptions): ElementViewTemplate<T>;
-export declare const template: ElementViewTemplate<Slider>;

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

@@ -1,5 +0,0 @@
-export * from './spinner.js';
-export * from './spinner.options.js';
-export { template as SpinnerTemplate } from './spinner.template.js';
-export { styles as SpinnerStyles } from './spinner.styles.js';
-export { definition as SpinnerDefinition } from './spinner.definition.js';

package/dist/dts/spinner/spinner.d.ts

@@ -1,25 +0,0 @@
-import { ProgressRing } from '../progress-ring/progress-ring.js';
-import type { SpinnerAppearance, SpinnerSize } from './spinner.options.js';
-/**
- * The base class used for constructing a fluent-spinner custom element
- * @public
- */
-export declare class Spinner extends ProgressRing {
-    /**
-     * The size of the spinner
-     *
-     * @public
-     * @default 'medium'
-     * @remarks
-     * HTML Attribute: size
-     */
-    size?: SpinnerSize;
-    /**
-     * The appearance of the spinner
-     * @public
-     * @default 'primary'
-     * @remarks
-     * HTML Attribute: appearance
-     */
-    appearance?: SpinnerAppearance;
-}

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

@@ -1,32 +0,0 @@
-import type { ValuesOf } from '../utils/index.js';
-/**
- * SpinnerAppearance constants
- * @public
- */
-export declare const SpinnerAppearance: {
-    readonly primary: "primary";
-    readonly inverted: "inverted";
-};
-/**
- * A Spinner's appearance can be either primary or inverted
- * @public
- */
-export declare type SpinnerAppearance = ValuesOf<typeof SpinnerAppearance>;
-/**
- * SpinnerSize constants
- * @public
- */
-export declare const SpinnerSize: {
-    readonly tiny: "tiny";
-    readonly extraSmall: "extra-small";
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-    readonly extraLarge: "extra-large";
-    readonly huge: "huge";
-};
-/**
- * A Spinner's size can be either small, tiny, extra-small, medium, large, extra-large, or huge
- * @public
- */
-export declare type SpinnerSize = ValuesOf<typeof SpinnerSize>;

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

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

package/dist/dts/styles/partials/index.d.ts

@@ -1 +0,0 @@
-export * from './badge.partials.js';

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

@@ -1,5 +0,0 @@
-export * from './switch.js';
-export * from './switch.options.js';
-export { definition as SwitchDefinition } from './switch.definition.js';
-export { styles as SwitchStyles } from './switch.styles.js';
-export { template as SwitchTemplate } from './switch.template.js';

package/dist/dts/switch/switch.d.ts

@@ -1,45 +0,0 @@
-import type { StaticallyComposableHTML } from '../utils/index.js';
-import { SwitchLabelPosition } from './switch.options.js';
-import { FormAssociatedSwitch } from './switch.form-associated.js';
-export declare type SwitchOptions = {
-    switch?: StaticallyComposableHTML<Switch>;
-};
-export declare class Switch extends FormAssociatedSwitch {
-    /**
-     * The label position of the switch
-     *
-     * @public
-     * @default 'after'
-     * @remarks
-     * HTML Attribute: labelposition
-     */
-    labelPosition: SwitchLabelPosition | undefined;
-    /**
-     * 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;
-    /**
-     * 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[];
-    constructor();
-    /**
-     * @internal
-     */
-    keypressHandler: (e: KeyboardEvent) => void;
-    /**
-     * @internal
-     */
-    clickHandler: (e: MouseEvent) => void;
-}

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

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

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

@@ -1,15 +0,0 @@
-import type { ValuesOf } from '../utils/index.js';
-/**
- * SwitchLabelPosition Constants
- * @public
- */
-export declare const SwitchLabelPosition: {
-    readonly above: "above";
-    readonly after: "after";
-    readonly before: "before";
-};
-/**
- * Applies label position
- * @public
- */
-export declare type SwitchLabelPosition = ValuesOf<typeof SwitchLabelPosition>;

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

@@ -1,4 +0,0 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import { Switch, SwitchOptions } from './switch.js';
-export declare function switchTemplate<T extends Switch>(options?: SwitchOptions): ElementViewTemplate<T>;
-export declare const template: ElementViewTemplate<Switch>;

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

@@ -1,4 +0,0 @@
-export * from './tab.js';
-export { template as TabTemplate } from './tab.template.js';
-export { styles as TabStyles } from './tab.styles.js';
-export { definition as TabDefinition } from './tab.definition.js';

package/dist/dts/tab/tab.d.ts

@@ -1,23 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { StartEnd, StartEndOptions } from '../patterns/index.js';
-/**
- * Tab configuration options
- * @public
- */
-export declare type TabOptions = StartEndOptions<Tab>;
-/**
- * Tab extends the FASTTab and is a child of the TabList
- */
-export declare class Tab extends FASTElement {
-    /**
-     * When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information.
-     * @public
-     * @remarks
-     * HTML Attribute: disabled
-     */
-    disabled: boolean;
-    private styles;
-    connectedCallback(): void;
-}
-export interface Tab extends StartEnd {
-}

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

@@ -1,4 +0,0 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import { Tab, TabOptions } from './tab.js';
-export declare function tabTemplate<T extends Tab>(options?: TabOptions): ElementViewTemplate<T>;
-export declare const template: ElementViewTemplate<Tab, any>;

package/dist/dts/tab-panel/index.d.ts

@@ -1,4 +0,0 @@
-export * from './tab-panel.js';
-export { template as TabPanelTemplate } from './tab-panel.template.js';
-export { styles as TabPanelStyles } from './tab-panel.styles.js';
-export { definition as TabPanelDefinition } from './tab-panel.definition.js';

package/dist/dts/tab-panel/tab-panel.d.ts

@@ -1,3 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-export declare class TabPanel extends FASTElement {
-}

package/dist/dts/tab-panel/tab-panel.definition.d.ts

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

package/dist/dts/tab-panel/tab-panel.template.d.ts

@@ -1,4 +0,0 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import { TabPanel } from './tab-panel.js';
-export declare function tabPanelTemplate<T extends TabPanel>(): ElementViewTemplate<T>;
-export declare const template: ElementViewTemplate<TabPanel, any>;

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

@@ -1,5 +0,0 @@
-export * from './tabs.js';
-export * from './tabs.options.js';
-export { template as TabsTemplate } from './tabs.template.js';
-export { styles as TabsStyles } from './tabs.styles.js';
-export { definition as TabsDefinition } from './tabs.definition.js';