@m3e/web 2.0.0

package/dist/src/list/ListOptionElement.d.ts

@@ -0,0 +1,127 @@
+import { CSSResultGroup, PropertyValues } from "lit";
+import { M3eListItemElement } from "./ListItemElement";
+declare const M3eListOptionElement_base: import("../core/shared/mixins/Constructor").Constructor & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").SelectedMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").DisabledMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").AttachInternalsMixin> & typeof M3eListItemElement;
+/**
+ * A selectable option in a list.
+ *
+ * @description
+ * The `m3e-list-option` component represents a selectable item within a list container. It extends
+ * the base `m3e-list-item` functionality with selection state management, providing visual feedback
+ * for selected and unselected states. The component is designed for use with `m3e-selection-list`
+ * and supports rich content through multiple slots, comprehensive styling via CSS custom properties,
+ * and accessible interactions following Material 3 design principles.
+ *
+ * @tag m3e-list-option
+ *
+ * @slot - Renders the content of the list item.
+ * @slot leading - Renders the leading content of the list item.
+ * @slot overline - Renders the overline of the list item.
+ * @slot supporting-text - Renders the supporting text of the list item.
+ * @slot trailing - Renders the trailing content of the list item.
+ *
+ * @attr disabled - Whether the element is disabled.
+ * @attr selected - Whether the element is selected.
+ *
+ * @fires input - Emitted when the selected state changes.
+ * @fires change - Emitted when the selected state changes.
+ * @fires click - Emitted when the element is clicked.
+ *
+ * @cssprop --m3e-list-item-between-space - Horizontal gap between elements.
+ * @cssprop --m3e-list-item-padding-inline - Horizontal padding for the list item.
+ * @cssprop --m3e-list-item-padding-block - Vertical padding for the list item.
+ * @cssprop --m3e-list-item-height - Minimum height of the list item.
+ * @cssprop --m3e-list-item-font-size - Font size for main content.
+ * @cssprop --m3e-list-item-font-weight - Font weight for main content.
+ * @cssprop --m3e-list-item-line-height - Line height for main content.
+ * @cssprop --m3e-list-item-tracking - Letter spacing for main content.
+ * @cssprop --m3e-list-item-overline-font-size - Font size for overline slot.
+ * @cssprop --m3e-list-item-overline-font-weight - Font weight for overline slot.
+ * @cssprop --m3e-list-item-overline-line-height - Line height for overline slot.
+ * @cssprop --m3e-list-item-overline-tracking - Letter spacing for overline slot.
+ * @cssprop --m3e-list-item-supporting-text-font-size - Font size for supporting text slot.
+ * @cssprop --m3e-list-item-supporting-text-font-weight - Font weight for supporting text slot.
+ * @cssprop --m3e-list-item-supporting-text-line-height - Line height for supporting text slot.
+ * @cssprop --m3e-list-item-supporting-text-tracking - Letter spacing for supporting text slot.
+ * @cssprop --m3e-list-item-trailing-text-font-size - Font size for trailing supporting text slot.
+ * @cssprop --m3e-list-item-trailing-text-font-weight - Font weight for trailing supporting text slot.
+ * @cssprop --m3e-list-item-trailing-text-line-height - Line height for trailing supporting text slot.
+ * @cssprop --m3e-list-item-trailing-text-tracking - Letter spacing for trailing supporting text slot.
+ * @cssprop --m3e-list-item-icon-size - Size for leading/trailing icons.
+ * @cssprop --m3e-list-item-label-text-color - Color for the main content.
+ * @cssprop --m3e-list-item-overline-color - Color for the overline slot.
+ * @cssprop --m3e-list-item-supporting-text-color - Color for the supporting text slot.
+ * @cssprop --m3e-list-item-leading-color - Color for the leading content.
+ * @cssprop --m3e-list-item-trailing-color - Color for the trailing content.
+ * @cssprop --m3e-list-item-container-color - Background color of the list item.
+ * @cssprop --m3e-list-item-container-shape - Border radius of the list item.
+ * @cssprop --m3e-list-item-hover-container-shape - Border radius of the list item on hover.
+ * @cssprop --m3e-list-item-focus-container-shape - Border radius of the list item on focus.
+ * @cssprop --m3e-list-item-video-width - Width of the video slot.
+ * @cssprop --m3e-list-item-video-height - Height of the video slot.
+ * @cssprop --m3e-list-item-video-shape - Border radius of the video slot.
+ * @cssprop --m3e-list-item-image-width - Width of the image slot.
+ * @cssprop --m3e-list-item-image-height - Height of the image slot.
+ * @cssprop --m3e-list-item-image-shape - Border radius of the image slot.
+ * @cssprop --m3e-list-item-disabled-container-color - Background color of the list item when disabled.
+ * @cssprop --m3e-list-item-disabled-label-text-color - Color for the main content when disabled.
+ * @cssprop --m3e-list-item-disabled-label-text-opacity - Opacity for the main content when disabled.
+ * @cssprop --m3e-list-item-disabled-overline-color - Color for the overline slot when disabled.
+ * @cssprop --m3e-list-item-disabled-overline-opacity - Opacity for the overline slot when disabled.
+ * @cssprop --m3e-list-item-disabled-supporting-text-color - Color for the supporting text slot when disabled.
+ * @cssprop --m3e-list-item-disabled-supporting-text-opacity - Opacity for the supporting text slot when disabled.
+ * @cssprop --m3e-list-item-disabled-leading-color - Color for the leading icon when disabled.
+ * @cssprop --m3e-list-item-disabled-leading-opacity - Opacity for the leading icon when disabled.
+ * @cssprop --m3e-list-item-disabled-trailing-color - Color for the trailing icon when disabled.
+ * @cssprop --m3e-list-item-disabled-trailing-opacity - Opacity for the trailing icon when disabled.
+ * @cssprop --m3e-list-item-hover-state-layer-color - Color for the hover state layer.
+ * @cssprop --m3e-list-item-hover-state-layer-opacity - Opacity for the hover state layer.
+ * @cssprop --m3e-list-item-focus-state-layer-color - Color for the focus state layer.
+ * @cssprop --m3e-list-item-focus-state-layer-opacity - Opacity for the focus state layer.
+ * @cssprop --m3e-list-item-pressed-state-layer-color - Color for the pressed state layer.
+ * @cssprop --m3e-list-item-pressed-state-layer-opacity - Opacity for the pressed state layer.
+ * @cssprop --m3e-list-item-selected-label-text-color - Selected color for the main content.
+ * @cssprop --m3e-list-item-selected-overline-color - Selected color for the overline slot.
+ * @cssprop --m3e-list-item-selected-supporting-text-color - Selected color for the supporting text slot.
+ * @cssprop --m3e-list-item-selected-leading-color - Selected color for the leading content.
+ * @cssprop --m3e-list-item-selected-trailing-color - Selected color for the trailing content.
+ * @cssprop --m3e-list-item-selected-container-color - Selected background color of the list item.
+ * @cssprop --m3e-list-item-selected-container-shape - Selected border radius of the list item.
+ * @cssprop --m3e-list-item-selected-disabled-container-color - Selected background color when disabled.
+ * @cssprop --m3e-list-item-selected-disabled-container-opacity - Selected opacity when disabled.
+ * @cssprop --m3e-list-item-selected-hover-state-layer-color - Color for the hover state layer when selected.
+ * @cssprop --m3e-list-item-selected-hover-state-layer-opacity - Opacity for the hover state layer when selected.
+ * @cssprop --m3e-list-item-selected-focus-state-layer-color - Color for the focus state layer when selected.
+ * @cssprop --m3e-list-item-selected-focus-state-layer-opacity - Opacity for the focus state layer when selected.
+ * @cssprop --m3e-list-item-selected-pressed-state-layer-color - Color for the pressed state layer when selected.
+ * @cssprop --m3e-list-item-selected-pressed-state-layer-opacity - Opacity for the pressed state layer when selected.
+ * @cssprop --m3e-list-item-three-line-top-offset - Top offset for media in three line items.
+ * @cssprop --m3e-list-item-disabled-media-opacity - Opacity for media when disabled.
+ */
+export declare class M3eListOptionElement extends M3eListOptionElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @private */ private readonly _focusRing?;
+    /** @private */ private readonly _stateLayer?;
+    /** @private */ private readonly _ripple?;
+    /** A string representing the value of the option. */
+    get value(): string;
+    set value(value: string);
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /** @inheritdoc */
+    protected firstUpdated(_changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected update(changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-list-option": M3eListOptionElement;
+    }
+}
+export {};
+//# sourceMappingURL=ListOptionElement.d.ts.map

package/dist/src/list/ListOptionElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListOptionElement.d.ts","sourceRoot":"","sources":["../../../src/list/ListOptionElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAO,cAAc,EAAQ,MAAM,KAAK,CAAC;AAmBhE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+FG;AACH,qBACa,oBAAqB,SAAQ,yBAEzC;;IACC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAoGpC;IAKF,eAAe,CAAuB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACxF,eAAe,CAAwB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAuB;IAC3F,eAAe,CAAmB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAmB;IAI9E,qDAAqD;IACrD,IAAgB,KAAK,IAGJ,MAAM,CADtB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAKlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAKrC,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK/E,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAYxE,kBAAkB;cACC,MAAM,IAAI,OAAO;CAyCrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/dist/src/list/ListVariant.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the possible appearance variants of a list. */
+export type ListVariant = "standard" | "segmented";
+//# sourceMappingURL=ListVariant.d.ts.map

package/dist/src/list/ListVariant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListVariant.d.ts","sourceRoot":"","sources":["../../../src/list/ListVariant.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,WAAW,CAAC"}

package/dist/src/list/SelectionListElement.d.ts

@@ -0,0 +1,77 @@
+import { PropertyValues } from "lit";
+import { formValue } from "@m3e/web/core";
+import { SelectionManager, selectionManager } from "@m3e/web/core/a11y";
+import { M3eListElement } from "./ListElement";
+import { M3eListOptionElement } from "./ListOptionElement";
+declare const M3eSelectionListElement_base: import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").LabelledMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").DirtyMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").TouchedMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").FormAssociatedMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").DisabledMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").AttachInternalsMixin> & import("../core/shared/mixins/Constructor").Constructor & typeof M3eListElement;
+/**
+ * A list of selectable options.
+ *
+ * @description
+ * The `m3e-selection-list` component provides a container for managing selectable list items with
+ * single or multi-select capabilities. It implements robust keyboard navigation, form association,
+ * and state management for both individual options and the list as a whole. The component supports
+ * flexible layout, custom theming via CSS custom properties, and comprehensive accessibility features
+ * including aria roles, roving tabindex management, and semantic event handling following Material 3
+ * design principles.
+ *
+ * @tag m3e-selection-list
+ *
+ * @slot - Renders the items of the list.
+ *
+ * @attr hide-selection-indicator - Whether to hide the selection indicator.
+ * @attr multi - Whether multiple items can be selected.
+ * @attr variant - The appearance variant of the list.
+ *
+ * @fires input - Emitted when the selected state of an option changes.
+ * @fires change - Emitted when the selected state of an option changes.
+ *
+ * @cssprop --m3e-list-divider-inset-start-size - Start inset for dividers within the list.
+ * @cssprop --m3e-list-divider-inset-end-size - End inset for dividers within the list.
+ * @cssprop --m3e-segmented-list-segment-gap - Gap between list items in segmented variant.
+ * @cssprop --m3e-segmented-list-container-shape - Border radius of the segmented list container.
+ * @cssprop --m3e-segmented-list-item-container-color - Background color of items in segmented variant.
+ * @cssprop --m3e-segmented-list-item-disabled-container-color - Background color of disabled items in segmented variant.
+ * @cssprop --m3e-segmented-list-item-container-shape - Border radius of items in segmented variant.
+ * @cssprop --m3e-segmented-list-item-hover-container-shape - Border radius of items in segmented variant on hover.
+ * @cssprop --m3e-segmented-list-item-focus-container-shape - Border radius of items in segmented variant on focus.
+ * @cssprop --m3e-segmented-list-item-selected-container-shape - Border radius of items in segmented variant when selected.
+ */
+export declare class M3eSelectionListElement extends M3eSelectionListElement_base {
+    #private;
+    /** @private */
+    readonly [selectionManager]: SelectionManager<M3eListOptionElement>;
+    /**
+     * Whether multiple items can be selected.
+     * @default false
+     */
+    multi: boolean;
+    /**
+     * Whether to hide the selection indicator.
+     * @default false
+     */
+    hideSelectionIndicator: boolean;
+    /** The options of the list. */
+    get options(): readonly M3eListOptionElement[];
+    /** The selected option(s) of the list. */
+    get selected(): readonly M3eListOptionElement[];
+    /** The selected (enabled) value(s) of the set. */
+    get value(): string | readonly string[] | null;
+    /** @inheritdoc @internal */
+    get [formValue](): string | FormData | null;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /** @inheritdoc */
+    protected update(changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    notifyItemsChange(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-selection-list": M3eSelectionListElement;
+    }
+}
+export {};
+//# sourceMappingURL=SelectionListElement.d.ts.map

package/dist/src/list/SelectionListElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionListElement.d.ts","sourceRoot":"","sources":["../../../src/list/SelectionListElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrC,OAAO,EAAoD,SAAS,EAA2B,MAAM,eAAe,CAAC;AACrH,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAExE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;;AAE3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBACa,uBAAwB,SAAQ,4BAE5C;;IAIC,eAAe;IACf,QAAQ,CAAC,CAAC,gBAAgB,CAAC,yCAGE;IAE7B;;;OAGG;IAC0B,KAAK,UAAS;IAE3C;;;OAGG;IACiE,sBAAsB,UAAS;IAEnG,+BAA+B;IAC/B,IAAI,OAAO,IAAI,SAAS,oBAAoB,EAAE,CAE7C;IAED,0CAA0C;IAC1C,IAAI,QAAQ,IAAI,SAAS,oBAAoB,EAAE,CAE9C;IAED,kDAAkD;IAClD,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,IAAI,CAU7C;IAED,4BAA4B;IAC5B,IAAa,CAAC,SAAS,CAAC,6BAUvB;IAED,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAOlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAOrC,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAwBxE,kBAAkB;IACT,iBAAiB,IAAI,IAAI;CAiBnC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}

package/dist/src/list/index.d.ts

@@ -0,0 +1,11 @@
+export * from "./ActionListElement";
+export * from "./ExpandableListItemElement";
+export * from "./ListActionElement";
+export * from "./ListElement";
+export * from "./ListItemButtonElement";
+export * from "./ListItemContentType";
+export * from "./ListItemElement";
+export * from "./ListOptionElement";
+export * from "./ListVariant";
+export * from "./SelectionListElement";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/list/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC"}

package/dist/src/loading-indicator/LoadingIndicatorElement.d.ts

@@ -0,0 +1,56 @@
+import { LitElement, PropertyValues } from "lit";
+import { LoadingIndicatorVariant } from "./LoadingIndicatorVariant";
+declare const M3eLoadingIndicatorElement_base: import("../core/shared/mixins/Constructor").Constructor & typeof LitElement;
+/**
+ * Shows indeterminate progress for a short wait time.
+ *
+ * @description
+ * The `m3e-loading-indicator` component uses animation to grab attention, mitigate perceived latency, and indicate
+ * that an activity is in progress.
+ *
+ * When placed over other content, use the `variant` attribute to change the appearance from `uncontained` (the default),
+ * to `contained` so that it has strong contrast to help it stand out better.
+ *
+ * @example
+ * The following example illustrates an uncontained loading indicator.
+ * ```html
+ * <m3e-loading-indicator></m3e-loading-indicator>
+ * ```
+ *
+ * @tag m3e-loading-indicator
+ *
+ * @attr variant - The appearance variant of the indicator.
+ *
+ * @cssprop --m3e-loading-indicator-active-indicator-color - Uncontained active indicator color.
+ * @cssprop --m3e-loading-indicator-contained-active-indicator-color - Contained active indicator color.
+ * @cssprop --m3e-loading-indicator-contained-container-color - Contained container (background) color.
+ * @cssprop --m3e-loading-indicator-active-indicator-size - Size of the active indicator.
+ * @cssprop --m3e-loading-indicator-container-shape - Container shape.
+ * @cssprop --m3e-loading-indicator-container-size - Container size.
+ */
+export declare class M3eLoadingIndicatorElement extends M3eLoadingIndicatorElement_base {
+    /** The styles of the element. */
+    static styles: import("lit").CSSResult;
+    /** @private */
+    private readonly _activeIndicator?;
+    /**
+     * The appearance variant of the indicator.
+     * @default "uncontained"
+     */
+    variant: LoadingIndicatorVariant;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /** @inheritdoc */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    /** @inheritdoc */
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-loading-indicator": M3eLoadingIndicatorElement;
+    }
+}
+export {};
+//# sourceMappingURL=LoadingIndicatorElement.d.ts.map

package/dist/src/loading-indicator/LoadingIndicatorElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicatorElement.d.ts","sourceRoot":"","sources":["../../../src/loading-indicator/LoadingIndicatorElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;;AAIpE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBACa,0BAA2B,SAAQ,+BAA+B;IAC7E,iCAAiC;IACjC,OAAgB,MAAM,0BAgGpB;IAEF,eAAe;IACa,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAc;IAE5E;;;OAGG;IAC0B,OAAO,EAAE,uBAAuB,CAAiB;IAE9E,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAOlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAKrC,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAKzE,kBAAkB;IACT,MAAM;CAKhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}

package/dist/src/loading-indicator/LoadingIndicatorToken.d.ts

@@ -0,0 +1,9 @@
+export declare const LoadingIndicatorToken: {
+    readonly activeIndicatorSize: import("lit").CSSResult;
+    readonly activeIndicatorColor: import("lit").CSSResult;
+    readonly containedActiveIndicatorColor: import("lit").CSSResult;
+    readonly containedContainerColor: import("lit").CSSResult;
+    readonly containerShape: import("lit").CSSResult;
+    readonly containerSize: import("lit").CSSResult;
+};
+//# sourceMappingURL=LoadingIndicatorToken.d.ts.map

package/dist/src/loading-indicator/LoadingIndicatorToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicatorToken.d.ts","sourceRoot":"","sources":["../../../src/loading-indicator/LoadingIndicatorToken.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB;;;;;;;CAWxB,CAAC"}

package/dist/src/loading-indicator/LoadingIndicatorVariant.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the possible appearance variants of a loading indicator. */
+export type LoadingIndicatorVariant = "uncontained" | "contained";
+//# sourceMappingURL=LoadingIndicatorVariant.d.ts.map

package/dist/src/loading-indicator/LoadingIndicatorVariant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicatorVariant.d.ts","sourceRoot":"","sources":["../../../src/loading-indicator/LoadingIndicatorVariant.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,MAAM,MAAM,uBAAuB,GAAG,aAAa,GAAG,WAAW,CAAC"}

package/dist/src/loading-indicator/ShapePolygon.d.ts

@@ -0,0 +1,7 @@
+import { CSSResult } from "lit";
+/**
+ * Normalized polygons for each shape.
+ * @internal
+ */
+export declare const ShapePolygon: Record<string, CSSResult>;
+//# sourceMappingURL=ShapePolygon.d.ts.map

package/dist/src/loading-indicator/ShapePolygon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShapePolygon.d.ts","sourceRoot":"","sources":["../../../src/loading-indicator/ShapePolygon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,KAAK,CAAC;AAiC3C;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAiB,CAAC"}

package/dist/src/loading-indicator/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./LoadingIndicatorElement";
+export * from "./LoadingIndicatorVariant";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/loading-indicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/loading-indicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC"}

package/dist/src/menu/MenuElement.d.ts

@@ -0,0 +1,156 @@
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+import { MenuPositionX, MenuPositionY } from "./MenuPosition";
+import { MenuItemElementBase } from "./MenuItemElementBase";
+import { MenuVariant } from "./MenuVariant";
+declare const M3eMenuElement_base: import("../core/shared/mixins/Constructor").Constructor & typeof LitElement;
+/**
+ * Presents a list of choices on a temporary surface.
+ *
+ * @description
+ * The `m3e-menu` component presents a list of choices on a temporary surface, typically anchored to a trigger element.
+ * It supports dynamic positioning via `position-x` and `position-y` attributes, and renders its contents through the default slot.
+ *
+ * @example
+ * The following example illustrates a basic menu.  The `m3e-menu-trigger` is used to trigger a `m3e-menu` specified
+ * by the `for` attribute when its parenting element is activated.
+ * ```html
+ * <m3e-button>
+ *   <m3e-menu-trigger for="menu1">Basic menu</m3e-menu-trigger>
+ * </m3e-button>
+ * <m3e-menu id="menu1">
+ *   <m3e-menu-item>Apple</m3e-menu-item>
+ *   <m3e-menu-item>Apricot</m3e-menu-item>
+ *   <m3e-menu-item>Avocado</m3e-menu-item>
+ *   <m3e-menu-item>Green Apple</m3e-menu-item>
+ *   <m3e-menu-item>Green Grapes</m3e-menu-item>
+ *   <m3e-menu-item>Olive</m3e-menu-item>
+ *   <m3e-menu-item>Orange</m3e-menu-item>
+ * </m3e-menu>
+ * ```
+ *
+ * @example
+ * The next example illustrates nested menus.  Submenus are triggered by placing a `m3e-menu-trigger` inside a `m3e-menu-item`.
+ * ```html
+ * <m3e-button>
+ *   <m3e-menu-trigger for="menu2">Nested menus</m3e-menu-trigger>
+ * </m3e-button>
+ * <m3e-menu id="menu2">
+ *   <m3e-menu-item>
+ *     <m3e-menu-trigger for="menu3">Fruits with A</m3e-menu-trigger>
+ *   </m3e-menu-item>
+ *   <m3e-menu-item>Grapes</m3e-menu-item>
+ *   <m3e-menu-item>Olive</m3e-menu-item>
+ *   <m3e-menu-item>Orange</m3e-menu-item>
+ * </m3e-menu>
+ * <m3e-menu id="menu3">
+ *   <m3e-menu-item>Apricot</m3e-menu-item>
+ *   <m3e-menu-item>Avocado</m3e-menu-item>
+ *   <m3e-menu-item>
+ *     <m3e-menu-trigger for="menu4">Apples</m3e-menu-trigger>
+ *   </m3e-menu-item>
+ * </m3e-menu>
+ * <m3e-menu id="menu4">
+ *   <m3e-menu-item>Fuji</m3e-menu-item>
+ *   <m3e-menu-item>Granny Smith</m3e-menu-item>
+ *   <m3e-menu-item>Red Delicious</m3e-menu-item>
+ * </m3e-menu>
+ * ```
+ *
+ * @tag m3e-menu
+ *
+ * @slot - Renders the contents of the menu.
+ *
+ * @attr position-x - The position of the menu, on the x-axis.
+ * @attr position-y - The position of the menu, on the y-axis.
+ * @attr variant - The appearance variant of the menu.
+ *
+ * @fires beforetoggle - Dispatched before the toggle state changes.
+ * @fires toggle - Dispatched after the toggle state has changed.
+ *
+ * @cssprop --m3e-menu-container-shape - Controls the corner radius of the menu container.
+ * @cssprop --m3e-menu-active-container-shape - Controls the corner radius of the menu container when active.
+ * @cssprop --m3e-menu-container-min-width - Minimum width of the menu container.
+ * @cssprop --m3e-menu-container-max-width - Maximum width of the menu container.
+ * @cssprop --m3e-menu-container-max-height - Maximum height of the menu container.
+ * @cssprop --m3e-menu-container-padding-block - Vertical padding inside the menu container.
+ * @cssprop --m3e-menu-container-padding-inline - Horizontal padding inside the menu container.
+ * @cssprop --m3e-menu-container-color - Background color of the menu container.
+ * @cssprop --m3e-menu-container-elevation - Box shadow elevation of the menu container.
+ * @cssprop --m3e-vibrant-menu-container-color - Background color of the menu container for vibrant variant.
+ * @cssprop --m3e-menu-divider-spacing - Vertical spacing around slotted `m3e-divider` elements.
+ * @cssprop --m3e-menu-gap - Gap between content in the menu.
+ */
+export declare class M3eMenuElement extends M3eMenuElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @private */ static __activeMenu?: M3eMenuElement;
+    /**
+     * The position of the menu, on the x-axis.
+     * @default "after"
+     */
+    positionX: MenuPositionX;
+    /**
+     * The position of the menu, on the y-axis.
+     * @default "below"
+     */
+    positionY: MenuPositionY;
+    /**
+     * The appearance variant of the menu.
+     * @default "standard"
+     */
+    variant: MenuVariant;
+    /** The items of the menu. */
+    get items(): ReadonlyArray<MenuItemElementBase>;
+    /** A value indicating whether the menu is open. */
+    get isOpen(): boolean;
+    /** A value indicating whether the menu is a submenu. */
+    submenu: boolean;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /**
+     * Opens the menu.
+     * @param {HTMLElement} trigger The element that triggered the menu.
+     * @returns {Promise<void>} A `Promise` that resolves when the menu is opened.
+     */
+    show(trigger: HTMLElement): Promise<void>;
+    /**
+     * Hides the menu.
+     * @param {boolean} [restoreFocus=false] A value indicating whether to restore focus to the menu's trigger.
+     */
+    hide(restoreFocus?: boolean): void;
+    /**
+     * Closes this menu and any parenting menus.
+     * @param {boolean} [restoreFocus=false] A value indicating whether to restore focus to the menu's trigger.
+     */
+    hideAll(restoreFocus?: boolean): void;
+    /**
+     * Toggles the menu.
+     * @param {HTMLElement} trigger The element that triggered the menu.
+     * @returns {Promise<void>} A `Promise` that resolves when the menu is opened or closed.
+     */
+    toggle(trigger: HTMLElement): Promise<void>;
+    /** @inheritdoc */
+    protected render(): unknown;
+    /** @inheritdoc */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+}
+interface M3eMenuElementEventMap extends HTMLElementEventMap {
+    beforetoggle: ToggleEvent;
+    toggle: ToggleEvent;
+}
+export interface M3eMenuElement {
+    addEventListener<K extends keyof M3eMenuElementEventMap>(type: K, listener: (this: M3eMenuElement, ev: M3eMenuElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof M3eMenuElementEventMap>(type: K, listener: (this: M3eMenuElement, ev: M3eMenuElementEventMap[K]) => void, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-menu": M3eMenuElement;
+    }
+}
+export {};
+//# sourceMappingURL=MenuElement.d.ts.map

package/dist/src/menu/MenuElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuElement.d.ts","sourceRoot":"","sources":["../../../src/menu/MenuElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AASvF,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4EG;AACH,qBACa,cAAe,SAAQ,mBAAwB;;IAgB1D,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAmIpC;IAEF,eAAe,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,cAAc,CAAC;IAgCrD;;;OAGG;IACoC,SAAS,EAAE,aAAa,CAAW;IAE1E;;;OAGG;IACoC,SAAS,EAAE,aAAa,CAAW;IAE1E;;;OAGG;IAC0B,OAAO,EAAE,WAAW,CAAc;IAE/D,6BAA6B;IAC7B,IAAI,KAAK,IAAI,aAAa,CAAC,mBAAmB,CAAC,CAE9C;IAED,mDAAmD;IACnD,IAAI,MAAM,YAET;IAED,wDAAwD;IACZ,OAAO,UAAS;IAE5D,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAYlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAWrC;;;;OAIG;IACG,IAAI,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;IAgE/C;;;OAGG;IACH,IAAI,CAAC,YAAY,GAAE,OAAe,GAAG,IAAI;IAqBzC;;;OAGG;IACH,OAAO,CAAC,YAAY,GAAE,OAAe,GAAG,IAAI;IAa5C;;;;OAIG;IACG,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;IAQjD,kBAAkB;cACC,MAAM,IAAI,OAAO;IAIpC,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;CA4G1E;AAED,UAAU,sBAAuB,SAAQ,mBAAmB;IAC1D,YAAY,EAAE,WAAW,CAAC;IAC1B,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,gBAAgB,CAAC,CAAC,SAAS,MAAM,sBAAsB,EACrD,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,EACvE,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;IAER,gBAAgB,CACd,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;IAER,mBAAmB,CAAC,CAAC,SAAS,MAAM,sBAAsB,EACxD,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,EACvE,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI,CAAC;IAER,mBAAmB,CACjB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI,CAAC;CACT;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

package/dist/src/menu/MenuItemCheckboxElement.d.ts

@@ -0,0 +1,94 @@
+import { CSSResultGroup } from "lit";
+import { MenuItemElementBase } from "./MenuItemElementBase";
+declare const M3eMenuItemCheckboxElement_base: import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").CheckedMixin> & import("../core/shared/mixins/Constructor").Constructor & typeof MenuItemElementBase;
+/**
+ * An item of a menu which supports a checkable state.
+ *
+ * @description
+ * The `m3e-menu-item-checkbox` component represents a menu item that supports an independent checkable state.
+ * It allows users to toggle options on or off without affecting other items in the menu, making it ideal for
+ * multi-select scenarios such as filters, visibility toggles, or feature flags. This component encodes a persistent
+ * selection contract and can coexist with other checkbox or radio items within the same menu.
+ *
+ * @example
+ * The following example illustrates use of the `m3e-menu-item-checkbox` to present multiple independent checkable
+ * items in a menu.
+ * ```html
+ * <m3e-button>
+ *   <m3e-menu-trigger for="menu">Format</m3e-menu-trigger>
+ * </m3e-button>
+ * <m3e-menu id="menu">
+ *   <m3e-menu-item-checkbox>Bold</m3e-menu-item-checkbox>
+ *   <m3e-menu-item-checkbox>Italic</m3e-menu-item-checkbox>
+ *   <m3e-menu-item-checkbox>Underline</m3e-menu-item-checkbox>
+ * </m3e-menu>
+ * ```
+ *
+ * @tag m3e-menu-item-checkbox
+ *
+ * @slot - Renders the label of the item.
+ * @slot icon - Renders an icon before the items's label.
+ * @slot trailing-icon - Renders an icon after the item's label.
+ *
+ * @attr disabled - Whether the element is disabled.
+ * @attr checked - Whether the element is checked.
+ *
+ * @fires click - Emitted when the element is clicked.
+ *
+ * @cssprop --m3e-menu-item-container-height - Height of the menu item container.
+ * @cssprop --m3e-menu-item-color - Text color for unselected, enabled menu items.
+ * @cssprop --m3e-menu-item-container-hover-color - State layer hover color for unselected items.
+ * @cssprop --m3e-menu-item-container-focus-color - State layer focus color for unselected items.
+ * @cssprop --m3e-menu-item-ripple-color - Ripple color for unselected items.
+ * @cssprop --m3e-menu-item-selected-color - Text color for selected items.
+ * @cssprop --m3e-menu-item-selected-container-color - Background color for selected items.
+ * @cssprop --m3e-menu-item-selected-container-hover-color - State layer hover color for selected items.
+ * @cssprop --m3e-menu-item-selected-container-focus-color - State layer focus color for selected items.
+ * @cssprop --m3e-menu-item-selected-ripple-color - Ripple color for selected items.
+ * @cssprop --m3e-menu-item-active-state-layer-color - State layer color for expanded items.
+ * @cssprop --m3e-menu-item-active-state-layer-opacity - State layer opacity for expanded items.
+ * @cssprop --m3e-menu-item-disabled-color - Base color for disabled items.
+ * @cssprop --m3e-menu-item-disabled-opacity - Opacity percentage for disabled item color mix.
+ * @cssprop --m3e-vibrant-menu-item-color - Text color for unselected, enabled menu items for vibrant variant.
+ * @cssprop --m3e-vibrant-menu-item-container-hover-color - State layer hover color for unselected items for vibrant variant.
+ * @cssprop --m3e-vibrant-menu-item-container-focus-color - State layer focus color for unselected items for vibrant variant.
+ * @cssprop --m3e-vibrant-menu-item-ripple-color - Ripple color for unselected items for vibrant variant.
+ * @cssprop --m3e-vibrant-menu-item-selected-color - Text color for selected items for vibrant variant.
+ * @cssprop --m3e-vibrant-menu-item-selected-container-color - Background color for selected items for vibrant variant.
+ * @cssprop --m3e-vibrant-menu-item-selected-container-hover-color - State layer hover color for selected items for vibrant variant.
+ * @cssprop --m3e-vibrant-menu-item-selected-container-focus-color - State layer focus color for selected items for vibrant variant.
+ * @cssprop --m3e-vibrant-menu-item-selected-ripple-color - Ripple color for selected items for vibrant variant.
+ * @cssprop --m3e-vibrant-menu-item-active-state-layer-color - State layer color for expanded items for vibrant variant.
+ * @cssprop --m3e-vibrant-menu-item-disabled-color - Base color for disabled items for vibrant variant
+ * @cssprop --m3e-menu-item-icon-label-space - Horizontal gap between icon and content.
+ * @cssprop --m3e-menu-item-padding-start - Start padding for the item wrapper.
+ * @cssprop --m3e-menu-item-padding-end - End padding for the item wrapper.
+ * @cssprop --m3e-menu-item-label-text-font-size - Font size for menu item text.
+ * @cssprop --m3e-menu-item-label-text-font-weight - Font weight for menu item text.
+ * @cssprop --m3e-menu-item-label-text-line-height - Line height for menu item text.
+ * @cssprop --m3e-menu-item-label-text-tracking - Letter spacing for menu item text.
+ * @cssprop --m3e-menu-item-focus-ring-shape - Border radius for the focus ring.
+ * @cssprop --m3e-menu-item-icon-size - Font size for leading and trailing icons.
+ * @cssprop --m3e-menu-item-shape - Base shape of the menu item.
+ * @cssprop --m3e-menu-item-selected-shape - Shape used for a selected menu item.
+ * @cssprop --m3e-menu-item-first-child-shape - Shape for the first menu item in a menu.
+ * @cssprop --m3e-menu-item-last-child-shape - Shape for the last menu item in a menu.
+ */
+export declare class M3eMenuItemCheckboxElement extends M3eMenuItemCheckboxElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /** @internal @inheritdoc */
+    protected _renderContent(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-menu-item-checkbox": M3eMenuItemCheckboxElement;
+    }
+}
+export {};
+//# sourceMappingURL=MenuItemCheckboxElement.d.ts.map

package/dist/src/menu/MenuItemCheckboxElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemCheckboxElement.d.ts","sourceRoot":"","sources":["../../../src/menu/MenuItemCheckboxElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,MAAM,KAAK,CAAC;AAMhD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,qBACa,0BAA2B,SAAQ,+BAAsD;;IACpG,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA+BpC;IAQF,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IASlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IASrC,4BAA4B;cACT,cAAc,IAAI,OAAO;CAuD7C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}