@fluentui/web-components 3.0.0-beta.71 → 3.0.0-beta.72

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Tue, 29 Oct 2024 04:06:37 GMT and should not be manually modified.
+This log was last generated on Wed, 30 Oct 2024 04:06:40 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [3.0.0-beta.72](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.72)
+
+Wed, 30 Oct 2024 04:06:40 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.71..@fluentui/web-components_v3.0.0-beta.72)
+
+### Changes
+
+- add swapStates function for attribute-driven internal states ([PR #33156](https://github.com/microsoft/fluentui/pull/33156) by 863023+radium-v@users.noreply.github.com)
+
 ## [3.0.0-beta.71](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.71)
 
-Tue, 29 Oct 2024 04:06:37 GMT 
+Tue, 29 Oct 2024 04:06:49 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.70..@fluentui/web-components_v3.0.0-beta.71)
 
 ### Changes

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Accordion } from './accordion.js';
 /**
  * @public

package/dist/dts/accordion-item/accordion-item.d.ts

@@ -101,7 +101,7 @@ export declare class AccordionItem extends BaseAccordionItem {
      * @param prev - previous value
      * @param next - next value
      */
-    sizeChanged(prev: AccordionItemSize, next: AccordionItemSize): void;
+    sizeChanged(prev: AccordionItemSize | undefined, next: AccordionItemSize | undefined): void;
     /**
      * Sets expand and collapsed icon position.
      *
@@ -115,7 +115,7 @@ export declare class AccordionItem extends BaseAccordionItem {
      * @param prev - previous value
      * @param next - next value
      */
-    markerPositionChanged(prev: AccordionItemMarkerPosition, next: AccordionItemMarkerPosition): void;
+    markerPositionChanged(prev: AccordionItemMarkerPosition | undefined, next: AccordionItemMarkerPosition | undefined): void;
     /**
      * Sets the width of the focus state.
      *

package/dist/dts/accordion-item/accordion-item.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { AccordionItem, AccordionItemOptions } from './accordion-item.js';
 export declare function accordionItemTemplate<T extends AccordionItem>(options?: AccordionItemOptions): ElementViewTemplate<T>;
 /**

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

@@ -1,7 +1,7 @@
 import { FASTElement } from '@microsoft/fast-element';
-import { StartEnd } from '../patterns/index.js';
 import type { StartEndOptions } from '../patterns/index.js';
-import { type AnchorButtonAppearance, type AnchorButtonShape, type AnchorButtonSize, type AnchorTarget } from './anchor-button.options.js';
+import { StartEnd } from '../patterns/index.js';
+import { AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize, type AnchorTarget } from './anchor-button.options.js';
 /**
  * Anchor configuration options
  * @public

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

@@ -43,7 +43,7 @@ export declare const AnchorButtonSize: {
  * @public
  */
 export type AnchorButtonSize = ValuesOf<typeof AnchorButtonSize>;
-export { AnchorOptions as AnchorButtonOptions };
+export type { AnchorOptions as AnchorButtonOptions };
 /**
  * Anchor target values.
  *

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate, ViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate, type ViewTemplate } from '@microsoft/fast-element';
 import type { AnchorButton, AnchorOptions } from './anchor-button.js';
 /**
  * The template for the Button component.

package/dist/dts/avatar/avatar.d.ts

@@ -1,5 +1,5 @@
 import { FASTElement } from '@microsoft/fast-element';
-import { AvatarActive, AvatarAppearance, AvatarColor, AvatarNamedColor, AvatarShape, AvatarSize } from './avatar.options.js';
+import { type AvatarActive, type AvatarAppearance, AvatarColor, AvatarNamedColor, type AvatarShape, type AvatarSize } from './avatar.options.js';
 /**
  * The base class used for constructing a fluent-avatar custom element
  * @public

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Avatar } from './avatar.js';
 /**
  * The template for the Avatar component.

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

@@ -1,4 +1,4 @@
-import { StartEndOptions } from '../patterns/index.js';
+import type { StartEndOptions } from '../patterns/index.js';
 import type { StaticallyComposableHTML, ValuesOf } from '../utils/index.js';
 import type { Badge } from './badge.js';
 /**

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Badge } from './badge.js';
 import type { BadgeOptions } from './badge.options.js';
 /**

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

@@ -1,7 +1,6 @@
 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';
+import { ButtonAppearance, ButtonFormTarget, ButtonShape, ButtonSize, 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.

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

@@ -1,4 +1,4 @@
-import { StartEndOptions } from '../patterns/index.js';
+import type { StartEndOptions } from '../patterns/index.js';
 import type { ValuesOf } from '../utils/index.js';
 import type { Button } from './button.js';
 /**

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

@@ -1,6 +1,6 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Button } from './button.js';
-import { ButtonOptions } from './button.options.js';
+import type { ButtonOptions } from './button.options.js';
 /**
  * Generates a template for the Button component.
  *

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

@@ -43,4 +43,4 @@ export declare const CompoundButtonSize: {
  * @public
  */
 export type CompoundButtonSize = ValuesOf<typeof CompoundButtonSize>;
-export { ButtonOptions as CompoundButtonOptions };
+export type { ButtonOptions as CompoundButtonOptions };

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { CompoundButton } from './compound-button.js';
 import type { CompoundButtonOptions } from './compound-button.options.js';
 /**

package/dist/dts/counter-badge/counter-badge.options.d.ts

@@ -1,4 +1,4 @@
-import { BadgeOptions } from '../badge/badge.options.js';
+import type { BadgeOptions } from '../badge/badge.options.js';
 import type { ValuesOf } from '../utils/index.js';
 /**
  * CounterBadge options

package/dist/dts/counter-badge/counter-badge.template.d.ts

@@ -1,5 +1,5 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import { CounterBadge } from './counter-badge.js';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
+import type { CounterBadge } from './counter-badge.js';
 /**
  * The template for the Counter Badge component.
  * @public

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Dialog } from './dialog.js';
 /**
  * Template for the Dialog component

package/dist/dts/dialog-body/dialog-body.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 /**
  * Template for the dialog form
  * @public

package/dist/dts/divider/divider.d.ts

@@ -45,7 +45,7 @@ export declare class BaseDivider extends FASTElement {
      * @param next - the current orientation value
      * @internal
      */
-    orientationChanged(previous: string | null, next: string | null): void;
+    orientationChanged(previous: DividerRole | undefined, next: DividerRole | undefined): void;
 }
 /**
  * A Divider Custom HTML Element.

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Divider } from './divider.js';
 export declare function dividerTemplate<T extends Divider>(): ElementViewTemplate<T>;
 /**

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Drawer } from './drawer.js';
 /**
  * The template for the Drawer component.

package/dist/dts/drawer-body/drawer-body.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { DrawerBody } from './drawer-body.js';
 /**
  * The template for the Drawer component.

package/dist/dts/field/field.d.ts

@@ -1,5 +1,5 @@
 import { FASTElement } from '@microsoft/fast-element';
-import { LabelPosition, SlottableInput } from './field.options.js';
+import { LabelPosition, type SlottableInput } from './field.options.js';
 /**
  * A Field Custom HTML Element.
  *

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 /**
  * Template for the Field component
  * @public

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Image } from './image.js';
 /**
  * Template for the Image component

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

@@ -1,5 +1,5 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import { Label } from './label.js';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
+import type { Label } from './label.js';
 /**
  * The template for the Fluent label web-component.
  * @public

package/dist/dts/link/link.d.ts

@@ -1,5 +1,5 @@
 import { BaseAnchor } from '../anchor-button/anchor-button.js';
-import { type LinkAppearance } from './link.options.js';
+import { LinkAppearance } from './link.options.js';
 /**
  * An Anchor Custom HTML Element.
  * Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element }.

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate, ViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate, ViewTemplate } from '@microsoft/fast-element';
 import type { Link } from './link.js';
 /**
  * The template for the Link component.

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

@@ -1,5 +1,5 @@
 import { FASTElement } from '@microsoft/fast-element';
-import { MenuList } from '../menu-list/menu-list.js';
+import type { MenuList } from '../menu-list/menu-list.js';
 /**
  * A Menu component that provides a customizable menu element.
  * @class Menu

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

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

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { MenuButton } from './menu-button.js';
 /**
  * The template for the Button component.

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

@@ -1,4 +1,4 @@
-import { ElementsFilter, FASTElement } from '@microsoft/fast-element';
+import { type ElementsFilter, FASTElement } from '@microsoft/fast-element';
 import type { StartEndOptions } from '../patterns/start-end.js';
 import { StartEnd } from '../patterns/start-end.js';
 import type { StaticallyComposableHTML } from '../utils/template-helpers.js';

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type 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/message-bar/message-bar.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { MessageBar } from './message-bar.js';
 /**
  * Generates a template for the MessageBar component.

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

@@ -1,4 +1,4 @@
-import { CaptureType } from '@microsoft/fast-element';
+import { type CaptureType } from '@microsoft/fast-element';
 import type { StaticallyComposableHTML } from '../utils/index.js';
 /**
  * Start configuration options

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Radio } from './radio.js';
 import type { RadioOptions } from './radio.options.js';
 /**

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+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/rating-display/rating-display.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { RatingDisplay } from './rating-display.js';
 /**
  * Generates a template for the Rating Display component.

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

@@ -1,6 +1,6 @@
 import { FASTElement } from '@microsoft/fast-element';
 import { Direction, Orientation } from '@microsoft/fast-web-utilities';
-import { SliderConfiguration, SliderMode, SliderSize } from './slider.options.js';
+import { type SliderConfiguration, SliderMode, SliderSize } from './slider.options.js';
 /**
  * The base class used for constructing a fluent-slider custom element
  *
@@ -38,7 +38,7 @@ export declare class Slider extends FASTElement implements SliderConfiguration {
      * HTML Attribute: size
      */
     size?: SliderSize;
-    protected sizeChanged(prev: string, next: string): void;
+    protected sizeChanged(prev: SliderSize | undefined, next: SliderSize | undefined): void;
     handleChange(_: any, propertyName: string): void;
     private stepStyles?;
     /**
@@ -277,7 +277,7 @@ export declare class Slider extends FASTElement implements SliderConfiguration {
      * apply different behavior when it’s vertical.
      */
     orientation?: Orientation;
-    protected orientationChanged(prev: string | undefined, next: string | undefined): void;
+    protected orientationChanged(prev: Orientation | undefined, next: Orientation | undefined): void;
     /**
      * The selection mode.
      *

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

@@ -1,5 +1,5 @@
 import { FASTElement } from '@microsoft/fast-element';
-import type { SpinnerAppearance, SpinnerSize } from './spinner.options.js';
+import { SpinnerAppearance, SpinnerSize } from './spinner.options.js';
 /**
  * The base class used for constructing a fluent-spinner custom element
  * @public

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

@@ -1,2 +1,2 @@
-import { Spinner } from './spinner.js';
+import type { Spinner } from './spinner.js';
 export declare const template: import("@microsoft/fast-element").ViewTemplate<Spinner, any>;

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import { Switch, SwitchOptions } from './switch.js';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
+import type { 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/tab.d.ts

@@ -1,5 +1,6 @@
 import { FASTElement } from '@microsoft/fast-element';
-import { StartEnd, StartEndOptions } from '../patterns/index.js';
+import type { StartEndOptions } from '../patterns/start-end.js';
+import { StartEnd } from '../patterns/start-end.js';
 /**
  * Tab configuration options
  * @public

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { 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/tab-panel.template.d.ts

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

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

@@ -1,4 +1,4 @@
-import { Tablist } from './tablist.js';
+import type { Tablist } from './tablist.js';
 /**
  * @public
  */

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

@@ -1,6 +1,6 @@
 import { FASTElement } from '@microsoft/fast-element';
 import { StartEnd } from '../patterns/index.js';
-import { TabsAppearance, TabsOrientation, TabsSize } from './tabs.options.js';
+import { TabsAppearance, TabsOrientation, type TabsSize } from './tabs.options.js';
 /**
  * A Tabs component that wraps a collection of tab and tab panel elements.
  *

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

@@ -1,6 +1,6 @@
-import { StartEndOptions } from '../patterns/index.js';
+import type { StartEndOptions } from '../patterns/start-end.js';
 import type { ValuesOf } from '../utils/index.js';
-import { Tabs } from './tabs.js';
+import type { Tabs } from './tabs.js';
 export declare const TabsAppearance: {
     readonly subtle: "subtle";
     readonly transparent: "transparent";

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

@@ -1,5 +1,5 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import { Tabs } from './tabs.js';
-import { TabsOptions } from './tabs.options.js';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
+import type { Tabs } from './tabs.js';
+import type { 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/text.d.ts

@@ -1,5 +1,5 @@
 import { FASTElement } from '@microsoft/fast-element';
-import type { TextAlign, TextFont, TextSize, TextWeight } from './text.options.js';
+import { TextAlign, TextFont, TextSize, TextWeight } from './text.options.js';
 /**
  * The base class used for constructing a fluent-text custom element
  * @public

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Text } from './text.js';
 /**
  * @internal

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

@@ -1,7 +1,6 @@
 import { FASTElement } from '@microsoft/fast-element';
 import { StartEnd } from '../patterns/start-end.js';
-import type { TextInputControlSize } from './text-input.options.js';
-import { TextInputAppearance, TextInputType } from './text-input.options.js';
+import { TextInputAppearance, TextInputControlSize, TextInputType } from './text-input.options.js';
 /**
  * A Text Input Custom HTML Element.
  * Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input | `<input>`} element.

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { TextArea } from './textarea.js';
 /**
  * Generates a template for the TextArea component.

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import type { ElementViewTemplate } from '@microsoft/fast-element';
 import type { ToggleButton } from './toggle-button.js';
 /**
  * The template for the ToggleButton component.

package/dist/dts/utils/element-internals.d.ts

@@ -32,4 +32,26 @@ export declare function stateSelector<S extends string>(state: S): StateSelector
  * @param force - force the state to be toggled on or off
  * @internal
  */
-export declare function toggleState(elementInternals: ElementInternals, state: string, force?: boolean): void;
+export declare function toggleState(elementInternals: ElementInternals, state: string | undefined, force?: boolean): void;
+/**
+ * Check if a given attribute value is a valid state. Attribute values are often kebab-cased, so this function converts
+ * the kebab-cased `state` to camelCase and checks if it exists in as a key in the `States` object.
+ *
+ * @param States  - the object containing valid states for the attribute
+ * @param state - the state to check
+ * @returns true if the state is in the States object
+ * @internal
+ */
+export declare function hasMatchingState(States: Record<string, string> | undefined, state: string | undefined): boolean;
+/**
+ * Swap an old state for a new state.
+ *
+ * @param elementInternals - the `ElementInternals` instance for the component
+ * @param prev - the previous state to remove
+ * @param next - the new state to add
+ * @param States - the object containing valid states for the attribute
+ * @param prefix - an optional prefix to add to the state
+ *
+ * @internal
+ */
+export declare function swapStates(elementInternals: ElementInternals, prev?: string | undefined, next?: string | undefined, States?: Record<string, string>, prefix?: string): void;

package/dist/dts/utils/template-helpers.d.ts

@@ -1,5 +1,4 @@
-import { CaptureType, HTMLDirective } from '@microsoft/fast-element';
-import type { SyntheticViewTemplate } from '@microsoft/fast-element';
+import { type CaptureType, type HTMLDirective, type SyntheticViewTemplate } from '@microsoft/fast-element';
 /**
  * A value that can be statically composed into a
  * foundation template.

package/dist/esm/accordion/accordion.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.template.js","sourceRoot":"","sources":["../../../src/accordion/accordion.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAuB,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGvF;;GAEG;AACH,MAAM,UAAU,iBAAiB;IAC/B,OAAO,IAAI,CAAG;;cAEF,OAAO,CAAC,EAAE,QAAQ,EAAE,uBAAuB,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;;GAE7E,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAmC,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"accordion.template.js","sourceRoot":"","sources":["../../../src/accordion/accordion.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA4B,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAG5F;;GAEG;AACH,MAAM,UAAU,iBAAiB;IAC/B,OAAO,IAAI,CAAG;;cAEF,OAAO,CAAC,EAAE,QAAQ,EAAE,uBAAuB,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;;GAE7E,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAmC,iBAAiB,EAAE,CAAC"}

package/dist/esm/accordion-item/accordion-item.js

@@ -3,7 +3,8 @@ import { attr, FASTElement, nullableNumberConverter } from '@microsoft/fast-elem
 import { uniqueId } from '@microsoft/fast-web-utilities';
 import { StartEnd } from '../patterns/index.js';
 import { applyMixins } from '../utils/apply-mixins.js';
-import { toggleState } from '../utils/element-internals.js';
+import { swapStates, toggleState } from '../utils/element-internals.js';
+import { AccordionItemMarkerPosition, AccordionItemSize } from './accordion-item.options.js';
 /**
  *
  * @slot start - Content positioned before heading in the collapsed state
@@ -117,12 +118,7 @@ export class AccordionItem extends BaseAccordionItem {
      * @param next - next value
      */
     sizeChanged(prev, next) {
-        if (prev) {
-            toggleState(this.elementInternals, prev, false);
-        }
-        if (next) {
-            toggleState(this.elementInternals, next, true);
-        }
+        swapStates(this.elementInternals, prev, next, AccordionItemSize);
     }
     /**
      * Handles changes to marker-position attribute
@@ -130,12 +126,7 @@ export class AccordionItem extends BaseAccordionItem {
      * @param next - next value
      */
     markerPositionChanged(prev, next) {
-        if (prev) {
-            toggleState(this.elementInternals, `align-${prev}`, false);
-        }
-        if (next) {
-            toggleState(this.elementInternals, `align-${next}`, true);
-        }
+        swapStates(this.elementInternals, prev, next, AccordionItemMarkerPosition, 'align-');
     }
     /**
      * Handles changes to block attribute

package/dist/esm/accordion-item/accordion-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAY5D;;;;;;;;;;;;GAYG;AACH,MAAM,OAAO,iBAAkB,SAAQ,WAAW;IAAlD;;QACE;;;;WAIG;QACI,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;QAEnE;;;;;;;WAOG;QAMI,iBAAY,GAA0B,CAAC,CAAC;QAE/C;;;;;;WAMG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAWjC;;;;;;WAMG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAWjC;;;;;;WAMG;QAEI,OAAE,GAAW,QAAQ,CAAC,YAAY,CAAC,CAAC;IAM7C,CAAC;IA1CC;;;;OAIG;IACI,eAAe,CAAC,IAAa,EAAE,IAAa;QACjD,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;IACvD,CAAC;IAYD;;;;OAIG;IACI,eAAe,CAAC,IAAa,EAAE,IAAa;QACjD,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;IACvD,CAAC;CAgBF;AAtDQ;IALN,IAAI,CAAC;QACJ,SAAS,EAAE,eAAe;QAC1B,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,uBAAuB;KACnC,CAAC;uDAC6C;AAUxC;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;mDACO;AAmB1B;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;mDACO;AAmB1B;IADN,IAAI;6CACsC;AAQ7C;;;;;GAKG;AACH,MAAM,OAAO,aAAc,SAAQ,iBAAiB;IAApD;;QAiDE;;;;;;WAMG;QAEI,UAAK,GAAY,KAAK,CAAC;IAUhC,CAAC;IAxDC;;;;OAIG;IACI,WAAW,CAAC,IAAuB,EAAE,IAAuB;QACjE,IAAI,IAAI,EAAE;YACR,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;SACjD;QACD,IAAI,IAAI,EAAE;YACR,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;SAChD;IACH,CAAC;IAYD;;;;OAIG;IACI,qBAAqB,CAAC,IAAiC,EAAE,IAAiC;QAC/F,IAAI,IAAI,EAAE;YACR,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,SAAS,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;SAC5D;QACD,IAAI,IAAI,EAAE;YACR,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,SAAS,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;SAC3D;IACH,CAAC;IAYD;;;;OAIG;IACI,YAAY,CAAC,IAAa,EAAE,IAAa;QAC9C,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IACpD,CAAC;CACF;AA1DQ;IADN,IAAI;2CAC2B;AAwBzB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;qDACa;AAwB7C;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;4CACI;AAoBhC,WAAW,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,2BAA2B,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAW7F;;;;;;;;;;;;GAYG;AACH,MAAM,OAAO,iBAAkB,SAAQ,WAAW;IAAlD;;QACE;;;;WAIG;QACI,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;QAEnE;;;;;;;WAOG;QAMI,iBAAY,GAA0B,CAAC,CAAC;QAE/C;;;;;;WAMG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAWjC;;;;;;WAMG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAWjC;;;;;;WAMG;QAEI,OAAE,GAAW,QAAQ,CAAC,YAAY,CAAC,CAAC;IAM7C,CAAC;IA1CC;;;;OAIG;IACI,eAAe,CAAC,IAAa,EAAE,IAAa;QACjD,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;IACvD,CAAC;IAYD;;;;OAIG;IACI,eAAe,CAAC,IAAa,EAAE,IAAa;QACjD,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;IACvD,CAAC;CAgBF;AAtDQ;IALN,IAAI,CAAC;QACJ,SAAS,EAAE,eAAe;QAC1B,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,uBAAuB;KACnC,CAAC;uDAC6C;AAUxC;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;mDACO;AAmB1B;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;mDACO;AAmB1B;IADN,IAAI;6CACsC;AAQ7C;;;;;GAKG;AACH,MAAM,OAAO,aAAc,SAAQ,iBAAiB;IAApD;;QA0CE;;;;;;WAMG;QAEI,UAAK,GAAY,KAAK,CAAC;IAUhC,CAAC;IAjDC;;;;OAIG;IACI,WAAW,CAAC,IAAmC,EAAE,IAAmC;QACzF,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC;IACnE,CAAC;IAYD;;;;OAIG;IACI,qBAAqB,CAC1B,IAA6C,EAC7C,IAA6C;QAE7C,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,2BAA2B,EAAE,QAAQ,CAAC,CAAC;IACvF,CAAC;IAYD;;;;OAIG;IACI,YAAY,CAAC,IAAa,EAAE,IAAa;QAC9C,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IACpD,CAAC;CACF;AAnDQ;IADN,IAAI;2CAC2B;AAmBzB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;qDACa;AAsB7C;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;4CACI;AAoBhC,WAAW,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC"}

package/dist/esm/accordion-item/accordion-item.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.template.js","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAmB,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGtD,MAAM,oBAAoB,GAAG,IAAI,CAAC,OAAO,CAAC;;;;;;;;;;;;;OAanC,CAAC,CAAC;AAET,MAAM,mBAAmB,GAAG,IAAI,CAAC,OAAO,CAAC;;;;;;;;;;;;;OAalC,CAAC,CAAC;AAET,MAAM,UAAU,qBAAqB,CACnC,UAAgC,EAAE;IAElC,OAAO,IAAI,CAAG;qEACqD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;;;;UAI9E,GAAG,CAAC,cAAc,CAAC;qBACR,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;yBAC/B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;cACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;;;;QAIf,iBAAiB,CAAC,OAAO,CAAC;sCACI,iBAAiB,CAAC,OAAO,CAAC,YAAY,CAAC;uCACtC,iBAAiB,CAAC,OAAO,CAAC,aAAa,CAAC;;8CAEjC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,0CAA0C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;;;GAGvG,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAuC,qBAAqB,CAAC;IAChF,aAAa,EAAE,oBAAoB;IACnC,YAAY,EAAE,mBAAmB;CAClC,CAAC,CAAC"}
+{"version":3,"file":"accordion-item.template.js","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGtD,MAAM,oBAAoB,GAAG,IAAI,CAAC,OAAO,CAAC;;;;;;;;;;;;;OAanC,CAAC,CAAC;AAET,MAAM,mBAAmB,GAAG,IAAI,CAAC,OAAO,CAAC;;;;;;;;;;;;;OAalC,CAAC,CAAC;AAET,MAAM,UAAU,qBAAqB,CACnC,UAAgC,EAAE;IAElC,OAAO,IAAI,CAAG;qEACqD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;;;;UAI9E,GAAG,CAAC,cAAc,CAAC;qBACR,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;yBAC/B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;cACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;;;;QAIf,iBAAiB,CAAC,OAAO,CAAC;sCACI,iBAAiB,CAAC,OAAO,CAAC,YAAY,CAAC;uCACtC,iBAAiB,CAAC,OAAO,CAAC,aAAa,CAAC;;8CAEjC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,0CAA0C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;;;GAGvG,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAuC,qBAAqB,CAAC;IAChF,aAAa,EAAE,oBAAoB;IACnC,YAAY,EAAE,mBAAmB;CAClC,CAAC,CAAC"}