@m3e/web 2.0.0

package/dist/src/option/OptionElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionElement.d.ts","sourceRoot":"","sources":["../../../src/option/OptionElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAGvF,OAAO,EAIL,mBAAmB,EAEnB,oBAAoB,EAGrB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,qBACa,gBAAiB,SAAQ,qBAA8C;;IAClF,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA2HpC;IAKF,gBAAgB,CAAuB,QAAQ,CAAC,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChF,gBAAgB,CAAwB,QAAQ,CAAC,UAAU,CAAC,EAAE,oBAAoB,CAAC;IACnF,eAAe,CAAmB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAmB;IAE9E,qDAAqD;IACrD,IAAgB,KAAK,IAGJ,MAAM,CADtB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED,gBAAgB;IAChB,CAAC,cAAc,CAAC,IAAI,MAAM;IAI1B,qDAAqD;IACrD,IAAI,OAAO,YAEV;IAED,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAKlC,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;IAexE,kBAAkB;IACT,MAAM,IAAI,OAAO;CAsB3B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/dist/src/option/OptionPanelElement.d.ts

@@ -0,0 +1,82 @@
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+declare const M3eOptionPanelElement_base: import("../core/shared/mixins/Constructor").Constructor & typeof LitElement;
+/**
+ * Presents a list of options on a temporary surface.
+ *
+ * @description
+ * The `m3e-option-panel` component renders a scrollable container for displaying selectable options
+ * as a Material Design 3 menu surface. It provides dynamic positioning and anchoring to trigger elements,
+ * automatic viewport boundary detection with intelligent repositioning, and smooth enter/exit animations.
+ *
+ * @tag m3e-option-panel
+ *
+ * @slot - Renders the contents of the list.
+ *
+ * @fires beforetoggle - Dispatched before the toggle state changes.
+ * @fires toggle - Dispatched after the toggle state has changed.
+ *
+ * @cssprop --m3e-option-panel-container-shape - Corner radius of the panel container.
+ * @cssprop --m3e-option-panel-container-min-width - Minimum width of the panel container.
+ * @cssprop --m3e-option-panel-container-max-width - Maximum width of the panel container.
+ * @cssprop --m3e-option-panel-container-max-height - Maximum height of the panel container.
+ * @cssprop --m3e-option-panel-container-padding-block - Vertical padding inside the panel container.
+ * @cssprop --m3e-option-panel-container-padding-inline - Horizontal padding inside the panel container.
+ * @cssprop --m3e-option-panel-container-color - Background color of the panel container.
+ * @cssprop --m3e-option-panel-container-elevation - Box shadow elevation of the panel container.
+ * @cssprop --m3e-option-panel-gap - Vertical spacing between option items.
+ * @cssprop --m3e-option-panel-divider-spacing - Vertical spacing around slotted `m3e-divider` elements.
+ * @cssprop --m3e-option-panel-text-highlight-container-color - Background color used for text highlight matches.
+ * @cssprop --m3e-option-panel-text-highlight-color - Text color used for text highlight matches.
+
+ */
+export declare class M3eOptionPanelElement extends M3eOptionPanelElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** Whether the menu is open. */
+    get isOpen(): boolean;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /**
+     * Opens the menu.
+     * @param {HTMLElement} trigger The element that triggered the menu.
+     * @param {HTMLElement | undefined} anchor The element used to position the menu.
+     * @returns {Promise<void>} A `Promise` that resolves when the menu is opened.
+     */
+    show(trigger: HTMLElement, anchor?: HTMLElement): Promise<void>;
+    /**
+     * Hides the menu.
+     * @param {boolean} [restoreFocus=false] Whether to restore focus to the menu's trigger.
+     */
+    hide(restoreFocus?: boolean): void;
+    /**
+     * Toggles the menu.
+     * @param {HTMLElement} trigger The element that triggered the menu.
+     * @param {HTMLElement | undefined} anchor The element used to position the menu.
+     * @returns {Promise<void>} A `Promise` that resolves when the menu is opened or closed.
+     */
+    toggle(trigger: HTMLElement, anchor?: HTMLElement): Promise<void>;
+    /** @inheritdoc */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+interface M3eOptionPanelElementEventMap extends HTMLElementEventMap {
+    beforetoggle: ToggleEvent;
+    toggle: ToggleEvent;
+}
+export interface M3eOptionPanelElement {
+    addEventListener<K extends keyof M3eOptionPanelElementEventMap>(type: K, listener: (this: M3eOptionPanelElement, ev: M3eOptionPanelElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof M3eOptionPanelElementEventMap>(type: K, listener: (this: M3eOptionPanelElement, ev: M3eOptionPanelElementEventMap[K]) => void, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-option-panel": M3eOptionPanelElement;
+    }
+}
+export {};
+//# sourceMappingURL=OptionPanelElement.d.ts.map

package/dist/src/option/OptionPanelElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionPanelElement.d.ts","sourceRoot":"","sources":["../../../src/option/OptionPanelElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;;AAOvF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBACa,qBAAsB,SAAQ,0BAA2B;;IAgBpE,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAiFpC;IAmBF,gCAAgC;IAChC,IAAI,MAAM,YAET;IAED,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IASlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAOrC;;;;;OAKG;IACG,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;IAqCrE;;;OAGG;IACH,IAAI,CAAC,YAAY,GAAE,OAAe,GAAG,IAAI;IAazC;;;;;OAKG;IACG,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;IAQvE,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAKzE,kBAAkB;cACC,MAAM,IAAI,OAAO;CAqBrC;AAED,UAAU,6BAA8B,SAAQ,mBAAmB;IACjE,YAAY,EAAE,WAAW,CAAC;IAC1B,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,CAAC,CAAC,SAAS,MAAM,6BAA6B,EAC5D,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,EAAE,EAAE,6BAA6B,CAAC,CAAC,CAAC,KAAK,IAAI,EACrF,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,6BAA6B,EAC/D,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,EAAE,EAAE,6BAA6B,CAAC,CAAC,CAAC,KAAK,IAAI,EACrF,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,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}

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

@@ -0,0 +1,4 @@
+export * from "./OptionElement";
+export * from "./OptGroupElement";
+export * from "./OptionPanelElement";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/option/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC"}

package/dist/src/paginator/PageEventDetail.d.ts

@@ -0,0 +1,12 @@
+/** Emitted when a user selects a different page size or navigates to another page. */
+export interface PageEventDetail {
+    /** The zero-based index of the current page index. */
+    pageIndex: number;
+    /** The zero-based index of the page which was previously selected. */
+    previousPageIndex?: number;
+    /** The current page size. */
+    pageSize: number | "all";
+    /** The current total number of items being paged. */
+    length: number;
+}
+//# sourceMappingURL=PageEventDetail.d.ts.map

package/dist/src/paginator/PageEventDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageEventDetail.d.ts","sourceRoot":"","sources":["../../../src/paginator/PageEventDetail.ts"],"names":[],"mappings":"AAAA,sFAAsF;AACtF,MAAM,WAAW,eAAe;IAC9B,sDAAsD;IACtD,SAAS,EAAE,MAAM,CAAC;IAElB,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,6BAA6B;IAC7B,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC;IAEzB,qDAAqD;IACrD,MAAM,EAAE,MAAM,CAAC;CAChB"}

package/dist/src/paginator/PaginatorElement.d.ts

@@ -0,0 +1,170 @@
+/**
+ * Adapted from Angular Material Paginator
+ * Source: https://github.com/angular/components/blob/main/src/material/paginator/paginator.ts
+ *
+ * @license MIT
+ * Copyright (c) 2025 Google LLC
+ * See LICENSE file in the project root for full license text.
+ */
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+import type { FormFieldVariant } from "@m3e/web/form-field";
+import { PageEventDetail } from "./PageEventDetail";
+declare const M3ePaginatorElement_base: import("../core/shared/mixins/Constructor").Constructor & typeof LitElement;
+/**
+ * Provides navigation for paged information, typically used with a table.
+ *
+ * @description
+ * The `m3e-paginator` component is a compact, accessible paginator control for navigating
+ * paged data sets. It provides semantic first/previous/next/last navigation controls and an
+ * optional page-size selector that integrates with Material design tokens and `m3e-form-field` variants
+ * to ensure consistent typography, density, and spacing across applications.
+ *
+ * @example
+ * The following example illustrates use of the `m3e-paginator`. In this example, there are 300 total
+ * records and the first/last navigation controls are shown.
+ * ```html
+ * <m3e-paginator show-first-last-buttons length="300"></m3e-paginator>
+ * ```
+ *
+ * @tag m3e-paginator
+ *
+ * @slot first-page-icon - Slot for a custom first-page icon.
+ * @slot previous-page-icon - Slot for a custom previous-page icon.
+ * @slot next-page-icon - Slot for a custom next-page icon.
+ * @slot last-page-icon - Slot for a custom last-page icon.
+ *
+ * @attr disabled - Whether the element is disabled.
+ * @attr first-page-label - The accessible label given to the button used to move to the first page.
+ * @attr hide-page-size - Whether to hide page size selection.
+ * @attr items-per-page-label - The label for the page size selector.
+ * @attr last-page-label - The accessible label given to the button used to move to the last page.
+ * @attr length - The length of the total number of items which are being paginated.
+ * @attr next-page-label - The accessible label given to the button used to move to the next page.
+ * @attr page-index - The zero-based page index of the displayed list of items.
+ * @attr page-size - The number of items to display in a page.
+ * @attr page-sizes - A comma separated list of available page sizes.
+ * @attr page-size-variant - The appearance variant of the page size field.
+ * @attr previous-page-label - The accessible label given to the button used to move to the previous page.
+ * @attr show-first-last-buttons - Whether to show first/last buttons.
+ *
+ * @fires page - Emitted when a user selects a different page size or navigates to another page.
+ *
+ * @cssprop --m3e-paginator-font-size - The font size used for paginator text.
+ * @cssprop --m3e-paginator-font-weight - The font weight used for paginator text.
+ * @cssprop --m3e-paginator-line-height - The line height used for paginator text.
+ * @cssprop --m3e-paginator-tracking - The letter-spacing used for paginator text.
+ *
+ */
+export declare class M3ePaginatorElement extends M3ePaginatorElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    private static __nextId;
+    /**
+     * Whether the element is disabled.
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * The zero-based page index of the displayed list of items.
+     * @default 0
+     */
+    pageIndex: number;
+    /**
+     * The length of the total number of items which are being paginated.
+     * @default 0
+     */
+    length: number;
+    /**
+     * The number of items to display in a page.
+     * @default 50
+     */
+    pageSize: number | "all";
+    /**
+     * A comma separated list of available page sizes.
+     * @default "5,10,25,50,100"
+     */
+    pageSizes: string;
+    /**
+     * Whether to hide page size selection.
+     * @default false
+     */
+    hidePageSize: boolean;
+    /**
+     * Whether to show first/last buttons.
+     * @default false
+     */
+    showFirstLastButtons: boolean;
+    /**
+     * The label for the page size selector.
+     * @default "Items per page:"
+     */
+    itemsPerPageLabel: string;
+    /**
+     * The accessible label given to the button used to move to the previous page.
+     * @default "Previous page"
+     */
+    previousPageLabel: string;
+    /**
+     * The accessible label given to the button used to move to the next page.
+     * @default "Next page"
+     */
+    nextPageLabel: string;
+    /**
+     * The accessible label given to the button used to move to the first page.
+     * @default "First page"
+     */
+    firstPageLabel: string;
+    /**
+     * The accessible label given to the button used to move to the last page.
+     * @default "Last page"
+     */
+    lastPageLabel: string;
+    /**
+     * The appearance variant of the page size field.
+     * @default "outlined"
+     */
+    pageSizeVariant: FormFieldVariant;
+    /** The total number of pages. */
+    get pageCount(): number;
+    /** Whether a previous page can be displayed. */
+    get hasPreviousPage(): boolean;
+    /** Whether a next page can be displayed. */
+    get hasNextPage(): boolean;
+    /**
+     * A function used to format the range label.
+     * @param {number} pageIndex The zero-based index of the current page.
+     * @param {number | "all"} pageSize The current number of items to display in a page.
+     * @param {number} length The current length of the total number of items which are being paginated.
+     * @returns {string} The range label.
+     */
+    rangeLabelFormatter?: (pageIndex: number, pageSize: number | "all", length: number) => string;
+    /** Move to the first page. */
+    firstPage(): void;
+    /** Move to the previous page. */
+    previousPage(): void;
+    /** Move to the next page. */
+    nextPage(): void;
+    /** Move to the last page. */
+    lastPage(): void;
+    /** @inheritdoc */
+    protected update(changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+interface M3ePaginatorElementEventMap extends HTMLElementEventMap {
+    page: CustomEvent<PageEventDetail>;
+}
+export interface M3ePaginatorElement {
+    addEventListener<K extends keyof M3ePaginatorElementEventMap>(type: K, listener: (this: M3ePaginatorElement, ev: M3ePaginatorElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof M3ePaginatorElementEventMap>(type: K, listener: (this: M3ePaginatorElement, ev: M3ePaginatorElementEventMap[K]) => void, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-paginator": M3ePaginatorElement;
+    }
+}
+export {};
+//# sourceMappingURL=PaginatorElement.d.ts.map

package/dist/src/paginator/PaginatorElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginatorElement.d.ts","sourceRoot":"","sources":["../../../src/paginator/PaginatorElement.ts"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/paginator/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}

package/dist/src/progress-indicator/CircularProgressIndicatorElement.d.ts

@@ -0,0 +1,65 @@
+import { CSSResultGroup, PropertyValues } from "lit";
+import { ProgressElementIndicatorBase } from "./ProgressElementIndicatorBase";
+/**
+ * A circular indicator of progress and activity.
+ *
+ * @description
+ * The `m3e-circular-progress-indicator` component displays a circular progress spinner for
+ * tracking the completion of a task or process. It supports determinate and indeterminate
+ * modes, and can be customized with CSS custom properties for diameter, stroke width, and
+ * color. The component is accessible, animates smoothly, and adapts to various use cases including
+ * loading and activity indication.
+ *
+ * @example
+ * The following example illustrates a determinate circular progress indicator.
+ * ```html
+ * <m3e-circular-progress-indicator value="30"></m3e-circular-progress-indicator>
+ * ```
+ * @example
+ * The next example illustrates an indeterminate circular progress indicator using the `indeterminate` attribute.
+ * ```html
+ * <m3e-circular-progress-indicator indeterminate></m3e-circular-progress-indicator>
+ * ```
+ *
+ * @tag m3e-circular-progress-indicator
+ *
+ * @slot - Renders the content inside the progress indicator.
+ *
+ * @attr indeterminate - Whether to show something is happening without conveying progress.
+ * @attr max - The maximum progress value.
+ * @attr value - A fractional value, between 0 and `max`, indicating progress.
+ * @attr variant - The appearance of the indicator.
+ *
+ * @cssprop --m3e-circular-flat-progress-indicator-diameter - Diameter of the `flat` variant.
+ * @cssprop --m3e-circular-wavy-progress-indicator-diameter - Diameter of the `wavy` variant.
+ * @cssprop --m3e-circular-wavy-progress-indicator-amplitude - Amplitude of the `wavy` variant.
+ * @cssprop --m3e-circular-wavy-progress-indicator-wavelength - Wavelength of the `wavy` variant.
+ * @cssprop --m3e-circular-progress-indicator-thickness - Thickness of the progress indicator.
+ * @cssprop --m3e-progress-indicator-track-color - Track color of the progress indicator (background).
+ * @cssprop --m3e-progress-indicator-color - Color of the progress indicator (foreground).
+ */
+export declare class M3eCircularProgressIndicatorElement extends ProgressElementIndicatorBase {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @private */ private static __nextMaskId;
+    /**
+     * Whether to show something is happening without conveying progress.
+     * @default false
+     */
+    indeterminate: boolean;
+    /** @inheritdoc */
+    protected update(changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    /** @inheritdoc */
+    updated(_changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-circular-progress-indicator": M3eCircularProgressIndicatorElement;
+    }
+}
+//# sourceMappingURL=CircularProgressIndicatorElement.d.ts.map

package/dist/src/progress-indicator/CircularProgressIndicatorElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgressIndicatorElement.d.ts","sourceRoot":"","sources":["../../../src/progress-indicator/CircularProgressIndicatorElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAiB,cAAc,EAAO,MAAM,KAAK,CAAC;AAO9E,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAI9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,qBACa,mCAAoC,SAAQ,4BAA4B;;IACnF,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAgMpC;IAEF,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAK;IAwBhD;;;OAGG;IACyC,aAAa,UAAS;IAElE,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQxE,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAgBzE,kBAAkB;IACT,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAehE,kBAAkB;cACC,MAAM,IAAI,OAAO;CAuWrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iCAAiC,EAAE,mCAAmC,CAAC;KACxE;CACF"}

package/dist/src/progress-indicator/LinearProgressIndicatorElement.d.ts

@@ -0,0 +1,70 @@
+import { CSSResultGroup, PropertyValues } from "lit";
+import { LinearProgressMode } from "./LinearProgressMode";
+import { ProgressElementIndicatorBase } from "./ProgressElementIndicatorBase";
+/**
+ * A horizontal bar for indicating progress and activity.
+ *
+ * @description
+ * The `m3e-linear-progress-indicator` component displays a horizontal progress bar for tracking
+ * the completion of a task or process. It supports `determinate`, `indeterminate`, `buffer`,
+ * and `query` modes, and can be customized with CSS custom properties for thickness, shape, and color.
+ * The component is accessible, animates smoothly, and adapts to various use cases including loading,
+ * buffering, and activity indication.
+ *
+ * @example
+ * The following example illustrates a determinate linear progress indicator.
+ * ```html
+ * <m3e-linear-progress-indicator value="30"></m3e-linear-progress-indicator>
+ * ```
+ * @example
+ * The next example illustrates an indeterminate linear progress indicator using the `mode` attribute.
+ * ```html
+ * <m3e-linear-progress-indicator mode="indeterminate"></m3e-linear-progress-indicator>
+ * ```
+ *
+ * @tag m3e-linear-progress-indicator
+ *
+ * @attr buffer-value - A fractional value, between 0 and `max`, indicating buffer progress.
+ * @attr max - The maximum progress value.
+ * @attr mode - The mode of the progress bar.
+ * @attr value - A fractional value, between 0 and `max`, indicating progress.
+ * @attr variant - The appearance of the indicator.
+ *
+ * @cssprop --m3e-linear-progress-indicator-thickness - Thickness (height) of the progress bar.
+ * @cssprop --m3e-linear-progress-indicator-shape - Border radius of the progress bar.
+ * @cssprop --m3e-progress-indicator-track-color - Track color of the progress bar (background/buffer).
+ * @cssprop --m3e-progress-indicator-color - Color of the progress indicator (foreground).
+ * @cssprop --m3e-linear-wavy-progress-indicator-amplitude - Amplitude of the `wavy` variant.
+ * @cssprop --m3e-linear-wavy-progress-indicator-wavelength - Wavelength of the `wavy` variant.
+ * @cssprop --m3e-linear-wavy-indeterminate-progress-indicator-wavelength - Wavelength of the indeterminate/query `wavy` variant.
+ */
+export declare class M3eLinearProgressIndicatorElement extends ProgressElementIndicatorBase {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @private */ private static __nextMaskId;
+    /**
+     * The mode of the progress bar.
+     * @default "determinate"
+     */
+    mode: LinearProgressMode;
+    /**
+     * A fractional value, between 0 and `max`, indicating buffer progress.
+     * @default 0
+     */
+    bufferValue: number;
+    /** @inheritdoc */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    /** @inheritdoc */
+    protected update(changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected updated(_changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-linear-progress-indicator": M3eLinearProgressIndicatorElement;
+    }
+}
+//# sourceMappingURL=LinearProgressIndicatorElement.d.ts.map

package/dist/src/progress-indicator/LinearProgressIndicatorElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearProgressIndicatorElement.d.ts","sourceRoot":"","sources":["../../../src/progress-indicator/LinearProgressIndicatorElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAiB,cAAc,EAAO,MAAM,KAAK,CAAC;AAK9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,qBACa,iCAAkC,SAAQ,4BAA4B;;IACjF,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA8RpC;IAEF,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAK;IAgBhD;;;OAGG;IAC0B,IAAI,EAAE,kBAAkB,CAAiB;IAEtE;;;OAGG;IACmE,WAAW,SAAK;IAEtF,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAiBzE,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQxE,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU1E,kBAAkB;cACC,MAAM,IAAI,OAAO;CAuHrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,+BAA+B,EAAE,iCAAiC,CAAC;KACpE;CACF"}

package/dist/src/progress-indicator/LinearProgressMode.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the possible behavior modes for a linear progress bar. */
+export type LinearProgressMode = "determinate" | "indeterminate" | "buffer" | "query";
+//# sourceMappingURL=LinearProgressMode.d.ts.map

package/dist/src/progress-indicator/LinearProgressMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearProgressMode.d.ts","sourceRoot":"","sources":["../../../src/progress-indicator/LinearProgressMode.ts"],"names":[],"mappings":"AAAA,uEAAuE;AACvE,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG,eAAe,GAAG,QAAQ,GAAG,OAAO,CAAC"}

package/dist/src/progress-indicator/ProgressElementIndicatorBase.d.ts

@@ -0,0 +1,29 @@
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+import { ProgressIndicatorVariant } from "./ProgressIndicatorVariant";
+declare const ProgressElementIndicatorBase_base: import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").AttachInternalsMixin> & import("../core/shared/mixins/Constructor").Constructor & typeof LitElement;
+/** A base implementation for an element used to convey progress. This class must be inherited. */
+export declare abstract class ProgressElementIndicatorBase extends ProgressElementIndicatorBase_base {
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /**
+     * A fractional value, between 0 and `max`, indicating progress.
+     * @default 0
+     */
+    value: number;
+    /**
+     * The maximum progress value.
+     * @default 100
+     */
+    max: number;
+    /**
+     * The appearance of the indicator.
+     * @default "flat"
+     */
+    variant: ProgressIndicatorVariant;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    protected update(changedProperties: PropertyValues<this>): void;
+}
+export {};
+//# sourceMappingURL=ProgressElementIndicatorBase.d.ts.map

package/dist/src/progress-indicator/ProgressElementIndicatorBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressElementIndicatorBase.d.ts","sourceRoot":"","sources":["../../../src/progress-indicator/ProgressElementIndicatorBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;;AAEtE,kGAAkG;AAClG,8BAAsB,4BAA6B,SAAQ,iCAAsD;IAC/G,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAOpC;IAEF;;;OAGG;IACwC,KAAK,SAAK;IAErD;;;OAGG;IACyB,GAAG,SAAO;IAEtC;;;OAGG;IAC0B,OAAO,EAAE,wBAAwB,CAAU;IAExE,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAKlC,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;CAUzE"}

package/dist/src/progress-indicator/ProgressIndicatorVariant.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the various appearance variants of a progress indicator. */
+export type ProgressIndicatorVariant = "flat" | "wavy";
+//# sourceMappingURL=ProgressIndicatorVariant.d.ts.map

package/dist/src/progress-indicator/ProgressIndicatorVariant.d.ts.map

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

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

@@ -0,0 +1,6 @@
+export * from "./CircularProgressIndicatorElement";
+export * from "./LinearProgressIndicatorElement";
+export * from "./LinearProgressMode";
+export * from "./ProgressElementIndicatorBase";
+export * from "./ProgressIndicatorVariant";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/progress-indicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sBAAsB,CAAC;AACrC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC"}

package/dist/src/radio-group/RadioElement.d.ts

@@ -0,0 +1,88 @@
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+import { formValue } from "@m3e/web/core";
+declare const M3eRadioElement_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").CheckedMixin> & import("../core/shared/mixins/Constructor").Constructor & 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> & typeof LitElement;
+/**
+ * A radio button that allows a user to select one option from a set of options.
+ *
+ * @description
+ * The `m3e-radio` component represents a radio button that enables users to select an options from a set.
+ * It supports selection from mutually exclusive options, emitting `input` and `change` events when its state updates.
+ * The component reflects its state through customizable CSS properties for hover, focus, ripple, and icon styling—
+ * adapting dynamically based on whether it is selected, unselected, or disabled.
+ *
+ * Attributes like `checked`, `disabled`, and `value` control its behavior and accessibility, while its visual
+ * presentation can be tuned via design tokens such as `--m3e-radio-container-size` and `--m3e-radio-icon-size`.
+ *
+ * @example
+ * The following example illustrates using `m3e-radio-group` and `m3e-radio` to present a group of options.
+ * ```html
+ * <label for="rdg1">Radio group</label>
+ * <br />
+ * <m3e-radio-group id="rdg1">
+ *  <label><m3e-radio value="1"></m3e-radio> Value 1</label>
+ *  <label><m3e-radio value="2"></m3e-radio> Value 2</label>
+ *  <label><m3e-radio value="3"></m3e-radio> Value 3</label>
+ *  <label><m3e-radio value="4"></m3e-radio> Value 4</label>
+ * </m3e-radio-group>
+ * ```
+ *
+ * @tag m3e-radio
+ *
+ * @attr checked - Whether the element is checked.
+ * @attr disabled - Whether the element is disabled.
+ * @attr name - The name that identifies the element when submitting the associated form.
+ * @attr required - Whether the element is required.
+ * @attr value - A string representing the value of the radio.
+ *
+ * @fires input - Emitted when the checked state changes.
+ * @fires change - Emitted when the checked state changes.
+ * @fires click - Emitted when the element is clicked.
+ *
+ * @cssprop --m3e-radio-container-size - Base size of the radio button container.
+ * @cssprop --m3e-radio-icon-size - Size of the radio icon inside the wrapper.
+ * @cssprop --m3e-radio-unselected-hover-color - Hover state layer color when radio is not selected.
+ * @cssprop --m3e-radio-unselected-focus-color - Focus state layer color when radio is not selected.
+ * @cssprop --m3e-radio-unselected-ripple-color - Ripple color when radio is not selected.
+ * @cssprop --m3e-radio-unselected-icon-color - Icon color when radio is not selected.
+ * @cssprop --m3e-radio-selected-hover-color - Hover state layer color when radio is selected.
+ * @cssprop --m3e-radio-selected-focus-color - Focus state layer color when radio is selected.
+ * @cssprop --m3e-radio-selected-ripple-color - Ripple color when radio is selected.
+ * @cssprop --m3e-radio-selected-icon-color - Icon color when radio is selected.
+ * @cssprop --m3e-radio-disabled-icon-color - Icon color when radio is disabled.
+ * @cssprop --m3e-radio-error-hover-color - Fallback hover color used when the radio is invalid and touched.
+ * @cssprop --m3e-radio-error-focus-color - Fallback focus color used when the radio is invalid and touched.
+ * @cssprop --m3e-radio-error-ripple-color - Fallback ripple color used when the radio is invalid and touched.
+ * @cssprop --m3e-radio-error-icon-color - Fallback icon color used when the radio is invalid and touched.
+ */
+export declare class M3eRadioElement extends M3eRadioElement_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 radio.
+     * @default "on"
+     */
+    value: string;
+    /** @inheritdoc @internal */
+    get [formValue](): string | File | FormData | null;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /** @inheritdoc */
+    protected update(changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected firstUpdated(_changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-radio": M3eRadioElement;
+    }
+}
+export {};
+//# sourceMappingURL=RadioElement.d.ts.map

package/dist/src/radio-group/RadioElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioElement.d.ts","sourceRoot":"","sources":["../../../src/radio-group/RadioElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5E,OAAO,EAQL,SAAS,EAUV,MAAM,eAAe,CAAC;;AAIvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,qBACa,eAAgB,SAAQ,oBAMpC;;IACC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA+EpC;IAEF,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;IA4B9E;;;OAGG;IACS,KAAK,SAAQ;IAEzB,4BAA4B;IAC5B,IAAa,CAAC,SAAS,CAAC,IAAI,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,CAE1D;IAED,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAWlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAWrC,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQxE,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK/E,kBAAkB;cACC,MAAM,IAAI,OAAO;CAiDrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}