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

package/CHANGELOG.md

@@ -1,12 +1,30 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Fri, 28 Feb 2025 04:07:08 GMT and should not be manually modified.
+This log was last generated on Mon, 10 Mar 2025 21:04:51 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [3.0.0-beta.84](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.84)
+
+Mon, 10 Mar 2025 21:04:51 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.83..@fluentui/web-components_v3.0.0-beta.84)
+
+### Changes
+
+- fix: move base classes to a separate file and provide export paths for improved tree shaking ([PR #33962](https://github.com/microsoft/fluentui/pull/33962) by 13071055+chrisdholt@users.noreply.github.com)
+
+## [3.0.0-beta.83](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.83)
+
+Wed, 05 Mar 2025 04:07:03 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.82..@fluentui/web-components_v3.0.0-beta.83)
+
+### Changes
+
+- feat: auto associate tabpanels with tabs ([PR #33939](https://github.com/microsoft/fluentui/pull/33939) by machi@microsoft.com)
+
 ## [3.0.0-beta.82](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.82)
 
-Fri, 28 Feb 2025 04:07:08 GMT 
+Fri, 28 Feb 2025 04:07:19 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.81..@fluentui/web-components_v3.0.0-beta.82)
 
 ### Changes

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

@@ -0,0 +1,71 @@
+import { FASTElement } from '@microsoft/fast-element';
+/**
+ *
+ * @slot start - Content positioned before heading in the collapsed state
+ * @slot heading - Content which serves as the accordion item heading and text of the expand button
+ * @slot - The default slot for accordion item content
+ * @slot marker-expanded - The expanded icon
+ * @slot marker-collapsed - The collapsed icon
+ * @csspart heading - Wraps the button
+ * @csspart button - The button which serves to invoke the item
+ * @csspart content - The wrapper for the accordion item content
+ *
+ * @public
+ */
+export declare class BaseAccordionItem extends FASTElement {
+    /**
+     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
+     *
+     * @internal
+     */
+    elementInternals: ElementInternals;
+    /**
+     * Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the
+     * heading element.
+     *
+     * @public
+     * @remarks
+     * HTML attribute: heading-level
+     */
+    headinglevel: 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Expands or collapses the item.
+     *
+     * @public
+     * @remarks
+     * HTML attribute: expanded
+     */
+    expanded: boolean;
+    /**
+     * Handles expanded changes
+     * @param prev - previous value
+     * @param next - next value
+     */
+    expandedChanged(prev: boolean, next: boolean): void;
+    /**
+     * Disables an accordion item
+     *
+     * @public
+     * @remarks
+     * HTML attribute: disabled
+     */
+    disabled: boolean;
+    /**
+     * Handles disabled changes
+     * @param prev - previous value
+     * @param next - next value
+     */
+    disabledChanged(prev: boolean, next: boolean): void;
+    /**
+     * The item ID
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: id
+     */
+    id: string;
+    /**
+     * @internal
+     */
+    expandbutton: HTMLElement;
+}

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

@@ -1,7 +1,7 @@
-import { FASTElement } from '@microsoft/fast-element';
 import type { StaticallyComposableHTML } from '../utils/index.js';
 import { StartEnd } from '../patterns/index.js';
 import type { StartEndOptions } from '../patterns/index.js';
+import { BaseAccordionItem } from './accordion-item.base.js';
 import { AccordionItemMarkerPosition, AccordionItemSize } from './accordion-item.options.js';
 /**
  * Accordion Item configuration options
@@ -11,76 +11,6 @@ export type AccordionItemOptions = StartEndOptions<AccordionItem> & {
     expandedIcon?: StaticallyComposableHTML<AccordionItem>;
     collapsedIcon?: StaticallyComposableHTML<AccordionItem>;
 };
-/**
- *
- * @slot start - Content positioned before heading in the collapsed state
- * @slot heading - Content which serves as the accordion item heading and text of the expand button
- * @slot - The default slot for accordion item content
- * @slot marker-expanded - The expanded icon
- * @slot marker-collapsed - The collapsed icon
- * @csspart heading - Wraps the button
- * @csspart button - The button which serves to invoke the item
- * @csspart content - The wrapper for the accordion item content
- *
- * @public
- */
-export declare class BaseAccordionItem extends FASTElement {
-    /**
-     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-     *
-     * @internal
-     */
-    elementInternals: ElementInternals;
-    /**
-     * Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the
-     * heading element.
-     *
-     * @public
-     * @remarks
-     * HTML attribute: heading-level
-     */
-    headinglevel: 1 | 2 | 3 | 4 | 5 | 6;
-    /**
-     * Expands or collapses the item.
-     *
-     * @public
-     * @remarks
-     * HTML attribute: expanded
-     */
-    expanded: boolean;
-    /**
-     * Handles expanded changes
-     * @param prev - previous value
-     * @param next - next value
-     */
-    expandedChanged(prev: boolean, next: boolean): void;
-    /**
-     * Disables an accordion item
-     *
-     * @public
-     * @remarks
-     * HTML attribute: disabled
-     */
-    disabled: boolean;
-    /**
-     * Handles disabled changes
-     * @param prev - previous value
-     * @param next - next value
-     */
-    disabledChanged(prev: boolean, next: boolean): void;
-    /**
-     * The item ID
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: id
-     */
-    id: string;
-    /**
-     * @internal
-     */
-    expandbutton: HTMLElement;
-}
 /**
  * An Accordion Item Custom HTML Element.
  * Based on BaseAccordionItem and includes style and layout specific attributes

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

@@ -1,4 +1,5 @@
-export { AccordionItem, BaseAccordionItem } from './accordion-item.js';
+export { BaseAccordionItem } from './accordion-item.base.js';
+export { AccordionItem } from './accordion-item.js';
 export type { AccordionItemOptions } from './accordion-item.js';
 export { AccordionItemSize, AccordionItemMarkerPosition } from './accordion-item.options.js';
 export { styles as accordionItemStyles } from './accordion-item.styles.js';

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

@@ -0,0 +1,144 @@
+import { FASTElement } from '@microsoft/fast-element';
+import { type AnchorTarget } from './anchor-button.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 }.
+ *
+ * @slot start - Content which can be provided before the anchor content
+ * @slot end - Content which can be provided after the anchor content
+ * @slot - The default slot for anchor content
+ * @csspart control - The anchor element
+ * @csspart content - The element wrapping anchor content
+ *
+ * @public
+ */
+export declare class BaseAnchor extends FASTElement {
+    /**
+     * Holds a reference to the platform to manage ctrl+click on Windows and cmd+click on Mac
+     * @internal
+     */
+    private readonly isMac;
+    /**
+     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
+     *
+     * @internal
+     */
+    elementInternals: ElementInternals;
+    /**
+     * The proxy anchor element
+     * @internal
+     */
+    private internalProxyAnchor;
+    /**
+     * Prompts the user to save the linked URL.
+     *
+     * @see The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#download | `download`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `download`
+     */
+    download?: string;
+    /**
+     * The URL the hyperlink references.
+     * @see The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#href | `href`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `href`
+     */
+    href?: string;
+    /**
+     * Hints at the language of the referenced resource.
+     * @see The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#hreflang | `hreflang`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `hreflang`
+     */
+    hreflang?: string;
+    /**
+     * The ping attribute.
+     * @see The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#ping | `ping`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `ping`
+     */
+    ping?: string;
+    /**
+     * The referrerpolicy attribute.
+     * See The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#referrerpolicy | `referrerpolicy`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `referrerpolicy`
+     */
+    referrerpolicy?: string;
+    /**
+     * The rel attribute.
+     * See The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#rel | `rel`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `rel`
+     */
+    rel: string;
+    /**
+     * The target attribute.
+     * @see The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#target | `target`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `target`
+     */
+    target?: AnchorTarget;
+    /**
+     * The type attribute.
+     * @see The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#type | `type`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `type`
+     */
+    type?: string;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Handles changes to observable properties
+     * @internal
+     * @param source - the source of the change
+     * @param propertyName - the property name being changed
+     */
+    handleChange(source: any, propertyName: string): void;
+    /**
+     * Handles the anchor click event.
+     *
+     * @param e - The event object
+     * @internal
+     */
+    clickHandler(e: PointerEvent): boolean;
+    /**
+     * Handles keydown events for the anchor.
+     *
+     * @param e - the keyboard event
+     * @returns - the return value of the click handler
+     * @public
+     */
+    keydownHandler(e: KeyboardEvent): boolean | void;
+    /**
+     * Handles navigation based on input
+     * If the metaKey is pressed, opens the href in a new window, if false, uses the click on the proxy
+     * @internal
+     */
+    private handleNavigation;
+    /**
+     * A method for updating proxy attributes when attributes have changed
+     * @internal
+     * @param attribute - an attribute to set/remove
+     * @param value - the value of the attribute
+     */
+    private handleProxyAttributeChange;
+    private createProxyElement;
+}

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

@@ -1,154 +1,12 @@
-import { FASTElement } from '@microsoft/fast-element';
 import type { StartEndOptions } from '../patterns/index.js';
 import { StartEnd } from '../patterns/index.js';
-import { AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize, type AnchorTarget } from './anchor-button.options.js';
+import { BaseAnchor } from './anchor-button.base.js';
+import { AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize } from './anchor-button.options.js';
 /**
  * Anchor configuration options
  * @public
  */
 export type AnchorOptions = StartEndOptions<AnchorButton>;
-/**
- * An Anchor Custom HTML Element.
- * Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element }.
- *
- * @slot start - Content which can be provided before the anchor content
- * @slot end - Content which can be provided after the anchor content
- * @slot - The default slot for anchor content
- * @csspart control - The anchor element
- * @csspart content - The element wrapping anchor content
- *
- * @public
- */
-export declare class BaseAnchor extends FASTElement {
-    /**
-     * Holds a reference to the platform to manage ctrl+click on Windows and cmd+click on Mac
-     * @internal
-     */
-    private readonly isMac;
-    /**
-     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-     *
-     * @internal
-     */
-    elementInternals: ElementInternals;
-    /**
-     * The proxy anchor element
-     * @internal
-     */
-    private internalProxyAnchor;
-    /**
-     * Prompts the user to save the linked URL.
-     *
-     * @see The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#download | `download`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `download`
-     */
-    download?: string;
-    /**
-     * The URL the hyperlink references.
-     * @see The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#href | `href`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `href`
-     */
-    href?: string;
-    /**
-     * Hints at the language of the referenced resource.
-     * @see The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#hreflang | `hreflang`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `hreflang`
-     */
-    hreflang?: string;
-    /**
-     * The ping attribute.
-     * @see The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#ping | `ping`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `ping`
-     */
-    ping?: string;
-    /**
-     * The referrerpolicy attribute.
-     * See The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#referrerpolicy | `referrerpolicy`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `referrerpolicy`
-     */
-    referrerpolicy?: string;
-    /**
-     * The rel attribute.
-     * See The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#rel | `rel`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `rel`
-     */
-    rel: string;
-    /**
-     * The target attribute.
-     * @see The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#target | `target`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `target`
-     */
-    target?: AnchorTarget;
-    /**
-     * The type attribute.
-     * @see The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#type | `type`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `type`
-     */
-    type?: string;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    /**
-     * Handles changes to observable properties
-     * @internal
-     * @param source - the source of the change
-     * @param propertyName - the property name being changed
-     */
-    handleChange(source: any, propertyName: string): void;
-    /**
-     * Handles the anchor click event.
-     *
-     * @param e - The event object
-     * @internal
-     */
-    clickHandler(e: PointerEvent): boolean;
-    /**
-     * Handles keydown events for the anchor.
-     *
-     * @param e - the keyboard event
-     * @returns - the return value of the click handler
-     * @public
-     */
-    keydownHandler(e: KeyboardEvent): boolean | void;
-    /**
-     * Handles navigation based on input
-     * If the metaKey is pressed, opens the href in a new window, if false, uses the click on the proxy
-     * @internal
-     */
-    private handleNavigation;
-    /**
-     * A method for updating proxy attributes when attributes have changed
-     * @internal
-     * @param attribute - an attribute to set/remove
-     * @param value - the value of the attribute
-     */
-    private handleProxyAttributeChange;
-    private createProxyElement;
-}
 /**
  * An Anchor Custom HTML Element.
  * Based on BaseAnchor and includes style and layout specific attributes

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

@@ -1,5 +1,6 @@
 export { definition as AnchorButtonDefinition } from './anchor-button.definition.js';
-export { BaseAnchor, AnchorButton } from './anchor-button.js';
+export { BaseAnchor } from './anchor-button.base.js';
+export { AnchorButton } from './anchor-button.js';
 export { AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize, AnchorTarget } from './anchor-button.options.js';
 export type { AnchorButtonOptions } from './anchor-button.options.js';
 export { template as AnchorButtonTemplate } from './anchor-button.template.js';

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

@@ -0,0 +1,42 @@
+import { FASTElement } from '@microsoft/fast-element';
+import { type AvatarActive } from './avatar.options.js';
+/**
+ * The base class used for constructing a fluent-avatar custom element
+ * @public
+ */
+export declare class BaseAvatar extends FASTElement {
+    /**
+     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
+     *
+     * @internal
+     */
+    elementInternals: ElementInternals;
+    /**
+     * The name of the person or entity represented by this Avatar. This should always be provided if it is available.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: name
+     */
+    name?: string | undefined;
+    /**
+     * Provide custom initials rather than one generated via the name
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: name
+     */
+    initials?: string | undefined;
+    /**
+     * Optional activity indicator
+     * * active: the avatar will be decorated according to activeAppearance
+     * * inactive: the avatar will be reduced in size and partially transparent
+     * * undefined: normal display
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: active
+     */
+    active?: AvatarActive | undefined;
+    constructor();
+}

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

@@ -1,45 +1,5 @@
-import { FASTElement } from '@microsoft/fast-element';
-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
- */
-export declare class BaseAvatar extends FASTElement {
-    /**
-     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-     *
-     * @internal
-     */
-    elementInternals: ElementInternals;
-    /**
-     * The name of the person or entity represented by this Avatar. This should always be provided if it is available.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: name
-     */
-    name?: string | undefined;
-    /**
-     * Provide custom initials rather than one generated via the name
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: name
-     */
-    initials?: string | undefined;
-    /**
-     * Optional activity indicator
-     * * active: the avatar will be decorated according to activeAppearance
-     * * inactive: the avatar will be reduced in size and partially transparent
-     * * undefined: normal display
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: active
-     */
-    active?: AvatarActive | undefined;
-    constructor();
-}
+import { BaseAvatar } from './avatar.base.js';
+import { type AvatarAppearance, AvatarColor, AvatarNamedColor, type AvatarShape, type AvatarSize } from './avatar.options.js';
 /**
  * An Avatar Custom HTML Element.
  * Based on BaseAvatar and includes style and layout specific attributes

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

@@ -1,4 +1,5 @@
-export { BaseAvatar, Avatar } from './avatar.js';
+export { Avatar } from './avatar.js';
+export { BaseAvatar } from './avatar.base.js';
 export { AvatarActive, AvatarAppearance, AvatarColor, AvatarNamedColor, AvatarShape, AvatarSize, } from './avatar.options.js';
 export { template as AvatarTemplate } from './avatar.template.js';
 export { styles as AvatarStyles } from './avatar.styles.js';