@fluentui/web-components 3.0.0-beta.83 → 3.0.0-beta.84

package/dist/dts/listbox/listbox.d.ts

@@ -1,5 +1,5 @@
 import { FASTElement } from '@microsoft/fast-element';
-import type { BaseDropdown } from '../dropdown/dropdown.js';
+import type { BaseDropdown } from '../dropdown/dropdown.base.js';
 import type { DropdownOption } from '../option/option.js';
 /**
  * A Listbox Custom HTML Element.

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

@@ -1,5 +1,6 @@
 export { definition as ProgressBarDefinition } from './progress-bar.definition.js';
-export { BaseProgressBar, ProgressBar } from './progress-bar.js';
+export { BaseProgressBar } from './progress-bar.base.js';
+export { ProgressBar } from './progress-bar.js';
 export { ProgressBarShape, ProgressBarThickness, ProgressBarValidationState } from './progress-bar.options.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.base.d.ts

@@ -0,0 +1,73 @@
+import { FASTElement } from '@microsoft/fast-element';
+import { ProgressBarValidationState } from './progress-bar.options.js';
+/**
+ * A Progress HTML Element.
+ * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar }.
+ *
+ * @public
+ */
+export declare class BaseProgressBar extends FASTElement {
+    /**
+     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
+     *
+     * @internal
+     */
+    elementInternals: ElementInternals;
+    /**
+     * The validation state of the progress bar
+     * @public
+     * HTML Attribute: `validation-state`
+     */
+    validationState: ProgressBarValidationState | null;
+    /**
+     * Handles changes to validation-state attribute custom states
+     * @param prev - the previous state
+     * @param next - the next state
+     */
+    validationStateChanged(prev: ProgressBarValidationState | undefined, next: ProgressBarValidationState | undefined): void;
+    /**
+     * The value of the progress
+     * @internal
+     * HTML Attribute: `value`
+     */
+    value?: number;
+    /**
+     * Updates the percent complete when the `value` property changes.
+     *
+     * @internal
+     */
+    protected valueChanged(prev: number | undefined, next: number | undefined): void;
+    /**
+     * The minimum value
+     * @internal
+     * HTML Attribute: `min`
+     */
+    min?: number;
+    /**
+     * Updates the percent complete when the `min` property changes.
+     *
+     * @param prev - The previous min value
+     * @param next - The current min value
+     */
+    protected minChanged(prev: number | undefined, next: number | undefined): void;
+    /**
+     * The maximum value
+     * @internal
+     * HTML Attribute: `max`
+     */
+    max?: number;
+    /**
+     * Updates the percent complete when the `max` property changes.
+     *
+     * @param prev - The previous max value
+     * @param next - The current max value
+     * @internal
+     */
+    protected maxChanged(prev: number | undefined, next: number | undefined): void;
+    /**
+     * Indicates progress in %
+     * @internal
+     */
+    get percentComplete(): number;
+    constructor();
+}

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

@@ -1,76 +1,5 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { ProgressBarShape, ProgressBarThickness, ProgressBarValidationState } from './progress-bar.options.js';
-/**
- * A Progress HTML Element.
- * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar }.
- *
- * @public
- */
-export declare class BaseProgressBar extends FASTElement {
-    /**
-     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-     *
-     * @internal
-     */
-    elementInternals: ElementInternals;
-    /**
-     * The validation state of the progress bar
-     * @public
-     * HTML Attribute: `validation-state`
-     */
-    validationState: ProgressBarValidationState | null;
-    /**
-     * Handles changes to validation-state attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    validationStateChanged(prev: ProgressBarValidationState | undefined, next: ProgressBarValidationState | undefined): void;
-    /**
-     * The value of the progress
-     * @internal
-     * HTML Attribute: `value`
-     */
-    value?: number;
-    /**
-     * Updates the percent complete when the `value` property changes.
-     *
-     * @internal
-     */
-    protected valueChanged(prev: number | undefined, next: number | undefined): void;
-    /**
-     * The minimum value
-     * @internal
-     * HTML Attribute: `min`
-     */
-    min?: number;
-    /**
-     * Updates the percent complete when the `min` property changes.
-     *
-     * @param prev - The previous min value
-     * @param next - The current min value
-     */
-    protected minChanged(prev: number | undefined, next: number | undefined): void;
-    /**
-     * The maximum value
-     * @internal
-     * HTML Attribute: `max`
-     */
-    max?: number;
-    /**
-     * Updates the percent complete when the `max` property changes.
-     *
-     * @param prev - The previous max value
-     * @param next - The current max value
-     * @internal
-     */
-    protected maxChanged(prev: number | undefined, next: number | undefined): void;
-    /**
-     * Indicates progress in %
-     * @internal
-     */
-    get percentComplete(): number;
-    constructor();
-}
+import { BaseProgressBar } from './progress-bar.base.js';
+import { ProgressBarShape, ProgressBarThickness } from './progress-bar.options.js';
 /**
  * A Progress HTML Element.
  * Based on BaseProgressBar and includes style and layout specific attributes

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

@@ -1,4 +1,4 @@
-import { BaseCheckbox } from '../checkbox/checkbox.js';
+import { BaseCheckbox } from '../checkbox/checkbox.base.js';
 /**
  * A Radio Custom HTML Element.
  * Implements the {@link https://w3c.github.io/aria/#radio | ARIA `radio` role}.

package/dist/dts/rating-display/index.d.ts

@@ -1,4 +1,5 @@
-export { BaseRatingDisplay, RatingDisplay } from './rating-display.js';
+export { BaseRatingDisplay } from './rating-display.base.js';
+export { RatingDisplay } from './rating-display.js';
 export { RatingDisplayColor, RatingDisplaySize } from './rating-display.options.js';
 export { template as RatingDisplayTemplate } from './rating-display.template.js';
 export { styles as RatingDisplayStyles } from './rating-display.styles.js';

package/dist/dts/rating-display/rating-display.base.d.ts

@@ -0,0 +1,89 @@
+import { FASTElement } from '@microsoft/fast-element';
+/**
+ * The base class used for constructing a fluent-rating-display custom element
+ *
+ * @slot icon - SVG element used as the rating icon
+ *
+ * @public
+ */
+export declare class BaseRatingDisplay extends FASTElement {
+    /**
+     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
+     *
+     * @internal
+     */
+    elementInternals: ElementInternals;
+    /**
+     * The number of ratings.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `count`
+     */
+    count?: number;
+    /**
+     * The `viewBox` attribute of the icon <svg> element.
+     *
+     * @public
+     * @default `0 0 20 20`
+     * @remarks
+     * HTML Attribute: `icon-view-box`
+     */
+    iconViewBox?: string;
+    /**
+     * The maximum possible value of the rating.
+     * This attribute determines the number of icons displayed.
+     * Must be a whole number greater than 1.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `max`
+     */
+    max?: number;
+    /**
+     * The value of the rating.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `value`
+     */
+    value?: number;
+    /**
+     * @internal
+     */
+    slottedIcon: HTMLElement[];
+    /**
+     * @internal
+     */
+    slottedIconChanged(): void;
+    /**
+     * @internal
+     */
+    private customIcon?;
+    private intlNumberFormatter;
+    constructor();
+    /**
+     * Returns "count" as string, formatted according to the locale.
+     *
+     * @internal
+     */
+    get formattedCount(): string;
+    /**
+     * Gets the selected value
+     *
+     * @protected
+     */
+    protected getSelectedValue(): number;
+    /**
+     * Gets the maximum icons to render
+     *
+     * @protected
+     */
+    protected getMaxIcons(): number;
+    /**
+     * Generates the icon SVG elements based on the "max" attribute.
+     *
+     * @internal
+     */
+    generateIcons(): string;
+}

package/dist/dts/rating-display/rating-display.d.ts

@@ -1,93 +1,5 @@
-import { FASTElement } from '@microsoft/fast-element';
+import { BaseRatingDisplay } from './rating-display.base.js';
 import { RatingDisplayColor, RatingDisplaySize } from './rating-display.options.js';
-/**
- * The base class used for constructing a fluent-rating-display custom element
- *
- * @slot icon - SVG element used as the rating icon
- *
- * @public
- */
-export declare class BaseRatingDisplay extends FASTElement {
-    /**
-     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-     *
-     * @internal
-     */
-    elementInternals: ElementInternals;
-    /**
-     * The number of ratings.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `count`
-     */
-    count?: number;
-    /**
-     * The `viewBox` attribute of the icon <svg> element.
-     *
-     * @public
-     * @default `0 0 20 20`
-     * @remarks
-     * HTML Attribute: `icon-view-box`
-     */
-    iconViewBox?: string;
-    /**
-     * The maximum possible value of the rating.
-     * This attribute determines the number of icons displayed.
-     * Must be a whole number greater than 1.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `max`
-     */
-    max?: number;
-    /**
-     * The value of the rating.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `value`
-     */
-    value?: number;
-    /**
-     * @internal
-     */
-    slottedIcon: HTMLElement[];
-    /**
-     * @internal
-     */
-    slottedIconChanged(): void;
-    /**
-     * @internal
-     */
-    private customIcon?;
-    private intlNumberFormatter;
-    constructor();
-    /**
-     * Returns "count" as string, formatted according to the locale.
-     *
-     * @internal
-     */
-    get formattedCount(): string;
-    /**
-     * Gets the selected value
-     *
-     * @protected
-     */
-    protected getSelectedValue(): number;
-    /**
-     * Gets the maximum icons to render
-     *
-     * @protected
-     */
-    protected getMaxIcons(): number;
-    /**
-     * Generates the icon SVG elements based on the "max" attribute.
-     *
-     * @internal
-     */
-    generateIcons(): string;
-}
 /**
  * A Rating Display Custom HTML Element.
  * Based on BaseRatingDisplay and includes style and layout specific attributes

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

@@ -1,4 +1,5 @@
-export { BaseSpinner, Spinner } from './spinner.js';
+export { BaseSpinner } from './spinner.base.js';
+export { Spinner } from './spinner.js';
 export { SpinnerAppearance, SpinnerSize } from './spinner.options.js';
 export { template as SpinnerTemplate } from './spinner.template.js';
 export { styles as SpinnerStyles } from './spinner.styles.js';

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

@@ -0,0 +1,14 @@
+import { FASTElement } from '@microsoft/fast-element';
+/**
+ * The base class used for constructing a fluent-spinner custom element
+ * @public
+ */
+export declare class BaseSpinner extends FASTElement {
+    /**
+     * The internal {@link https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
+     *
+     * @internal
+     */
+    elementInternals: ElementInternals;
+    constructor();
+}

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

@@ -1,18 +1,5 @@
-import { FASTElement } from '@microsoft/fast-element';
+import { BaseSpinner } from './spinner.base.js';
 import { SpinnerAppearance, SpinnerSize } from './spinner.options.js';
-/**
- * The base class used for constructing a fluent-spinner custom element
- * @public
- */
-export declare class BaseSpinner extends FASTElement {
-    /**
-     * The internal {@link https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-     *
-     * @internal
-     */
-    elementInternals: ElementInternals;
-    constructor();
-}
 /**
  * A Spinner Custom HTML Element.
  * Based on BaseSpinner and includes style and layout specific attributes

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

@@ -1,5 +1,5 @@
 import type { StaticallyComposableHTML } from '../utils/index.js';
-import { BaseCheckbox } from '../checkbox/checkbox.js';
+import { BaseCheckbox } from '../checkbox/checkbox.base.js';
 export type SwitchOptions = {
     switch?: StaticallyComposableHTML<Switch>;
 };

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

@@ -1,5 +1,6 @@
 export { definition as TablistDefinition } from './tablist.definition.js';
-export { BaseTablist, Tablist } from './tablist.js';
+export { BaseTablist } from './tablist.base.js';
+export { Tablist } from './tablist.js';
 export { TablistAppearance, TablistOrientation, TablistSize } from './tablist.options.js';
 export { styles as TablistStyles } from './tablist.styles.js';
 export { template as TablistTemplate } from './tablist.template.js';

package/dist/dts/tablist/tablist.base.d.ts

@@ -0,0 +1,95 @@
+import { FASTElement } from '@microsoft/fast-element';
+import { TablistOrientation } from './tablist.options.js';
+/**
+ * A Tablist element that wraps a collection of tab elements
+ * @public
+ */
+export declare class BaseTablist extends FASTElement {
+    /**
+     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
+     *
+     * @internal
+     */
+    elementInternals: ElementInternals;
+    /**
+     * Used for disabling all click and keyboard events for the tabs, child tab elements.
+     * @public
+     * @remarks
+     * HTML Attribute: disabled.
+     */
+    disabled: boolean;
+    /**
+     * Handles disabled changes
+     * @param prev - previous value
+     * @param next - next value
+     *
+     * @internal
+     */
+    protected disabledChanged(prev: boolean, next: boolean): void;
+    /**
+     * The orientation
+     * @public
+     * @remarks
+     * HTML Attribute: orientation
+     */
+    orientation: TablistOrientation;
+    /**
+     * @internal
+     */
+    protected orientationChanged(prev: TablistOrientation, next: TablistOrientation): void;
+    /**
+     * The id of the active tab
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: activeid
+     */
+    activeid: string;
+    /**
+     * @internal
+     */
+    protected activeidChanged(oldValue: string, newValue: string): void;
+    /**
+     * @internal
+     */
+    tabs: HTMLElement[];
+    /**
+     * @internal
+     */
+    protected tabsChanged(): void;
+    /**
+     * A reference to the active tab
+     * @public
+     */
+    activetab: HTMLElement;
+    private prevActiveTabIndex;
+    private activeTabIndex;
+    private tabIds;
+    private tabPanelMap;
+    private change;
+    private getActiveIndex;
+    /**
+     * Function that is invoked whenever the selected tab or the tab collection changes.
+     *
+     * @public
+     */
+    protected setTabs(): void;
+    private getTabIds;
+    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 activateTabByIndex;
+    private focusTab;
+    /**
+     * @internal
+     */
+    connectedCallback(): void;
+}

package/dist/dts/tablist/tablist.d.ts

@@ -1,98 +1,5 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { TablistAppearance, TablistOrientation, TablistSize } from './tablist.options.js';
-/**
- * A Tablist element that wraps a collection of tab elements
- * @public
- */
-export declare class BaseTablist extends FASTElement {
-    /**
-     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-     *
-     * @internal
-     */
-    elementInternals: ElementInternals;
-    /**
-     * Used for disabling all click and keyboard events for the tabs, child tab elements.
-     * @public
-     * @remarks
-     * HTML Attribute: disabled.
-     */
-    disabled: boolean;
-    /**
-     * Handles disabled changes
-     * @param prev - previous value
-     * @param next - next value
-     *
-     * @internal
-     */
-    protected disabledChanged(prev: boolean, next: boolean): void;
-    /**
-     * The orientation
-     * @public
-     * @remarks
-     * HTML Attribute: orientation
-     */
-    orientation: TablistOrientation;
-    /**
-     * @internal
-     */
-    protected orientationChanged(prev: TablistOrientation, next: TablistOrientation): void;
-    /**
-     * The id of the active tab
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: activeid
-     */
-    activeid: string;
-    /**
-     * @internal
-     */
-    protected activeidChanged(oldValue: string, newValue: string): void;
-    /**
-     * @internal
-     */
-    tabs: HTMLElement[];
-    /**
-     * @internal
-     */
-    protected tabsChanged(): void;
-    /**
-     * A reference to the active tab
-     * @public
-     */
-    activetab: HTMLElement;
-    private prevActiveTabIndex;
-    private activeTabIndex;
-    private tabIds;
-    private tabPanelMap;
-    private change;
-    private getActiveIndex;
-    /**
-     * Function that is invoked whenever the selected tab or the tab collection changes.
-     *
-     * @public
-     */
-    protected setTabs(): void;
-    private getTabIds;
-    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 activateTabByIndex;
-    private focusTab;
-    /**
-     * @internal
-     */
-    connectedCallback(): void;
-}
+import { BaseTablist } from './tablist.base.js';
+import { TablistAppearance, TablistSize } from './tablist.options.js';
 /**
  * A BaseTablist component with extra logic for handling the styled active tab indicator.
  * @public