@m3e/web 2.1.3 → 2.2.0

package/dist/src/search/SearchViewElement.d.ts

@@ -0,0 +1,146 @@
+import { LitElement, PropertyValues } from "lit";
+import "@m3e/web/core/a11y";
+import { SearchViewMode } from "./SearchViewMode";
+import { SearchViewQueryEventDetail } from "./SearchViewQueryEventDetail";
+import "./SearchBarElement";
+declare const M3eSearchViewElement_base: import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").AttachInternalsMixin> & typeof LitElement;
+/**
+ * A surface that presents suggestions and results for a search.
+ *
+ * @description
+ * The `m3e-search-view` component presents the surface for suggestions,
+ * history, and results, managing the open and close lifecycle around an
+ * embedded search bar. It emits `query`, `clear`, and `toggle`, events to
+ * support application driven search logic, and exposes CSS properties for
+ * container, shape, spacing, and layout across contained, docked, and full
+ * screen configurations.
+ *
+ * @example
+ * The following example shows a contained view in docked mode with a simple set of search results.
+ * ```html
+ * <m3e-search-view mode="docked" contained>
+ *   <input slot="input" placeholder="Search..." />
+ *   <m3e-list>
+ *     <m3e-list-item>Result One</m3e-list-item>
+ *     <m3e-list-item>Result Two</m3e-list-item>
+ *     <m3e-list-item>Result Three</m3e-list-item>
+ *   </m3e-list>
+ * </m3e-search-view>
+ * ```
+ *
+ * @tag m3e-search-view
+ *
+ * @attr contained - Whether the view features a persistent, filled search container.
+ * @attr mode - The behavior mode of the view.
+ * @attr open - Whether the view is expanded to show results.
+ * @attr clear-label - The accessible label given to the button used to clear the search term.
+ * @attr close-label - The accessible label given to the button used to collapse the view.
+ * @attr hide-search-icon - Whether to hide the search icon.
+ *
+ * @slot - When open, renders the results content of the view.
+ * @slot input - Renders the input of the view.
+ * @slot open-leading - When open, renders content before the input of the view.
+ * @slot open-trailing - When open, renders content after the input of the view.
+ * @slot closed-leading - When closed, renders content before the input of the view.
+ * @slot closed-trailing - When closed, renders content after the input of the view.
+ *
+ * @fires clear - Dispatched when the search term is cleared.
+ * @fires query - Dispatched when the view is opened or when the user modifies the search term.
+ * @fires beforetoggle - Dispatched before the toggle state changes.
+ * @fires toggle - Dispatched after the toggle state has changed.
+ *
+ * @cssprop --m3e-search-view-container-color - Background color of the view container.
+ * @cssprop --m3e-search-view-contained-container-color - Background color of the contained view container.
+ * @cssprop --m3e-search-view-divider-color - Color of the divider separating header and results.
+ * @cssprop --m3e-search-view-divider-thickness - Thickness of the divider separating header and results.
+ * @cssprop --m3e-search-view-full-screen-container-shape - Shape of the fullscreen view container.
+ * @cssprop --m3e-search-view-full-screen-header-container-height - Height of the header container in fullscreen mode.
+ * @cssprop --m3e-search-view-docked-container-shape - Shape of the docked view container.
+ * @cssprop --m3e-search-view-docked-header-container-height - Height of the header container in docked mode.
+ * @cssprop --m3e-search-view-contained-leading-margin - Leading margin for the contained view.
+ * @cssprop --m3e-search-view-contained-trailing-margin - Trailing margin for the contained view.
+ * @cssprop --m3e-search-view-contained-focused-leading-margin - Leading margin when the contained view is focused.
+ * @cssprop --m3e-search-view-contained-focused-trailing-margin - Trailing margin when the contained view is focused.
+ * @cssprop --m3e-search-view-contained-docked-bar-results-gap - Gap between the contained docked bar and results.
+ * @cssprop --m3e-search-view-contained-docked-results-shape - Shape of the results container in contained docked mode.
+ * @cssprop --m3e-search-view-contained-docked-bar-shape - Shape of the bar in contained docked mode.
+ * @cssprop --m3e-search-view-contained-full-screen-bar-container-height - Height of the bar container in contained fullscreen mode.
+ * @cssprop --m3e-search-view-docked-container-min-height - Minimum height of the docked view container.
+ * @cssprop --m3e-search-view-docked-container-max-height - Maximum height of the docked view container.
+ * @cssprop --m3e-search-view-contained-docked-results-space - Space above the results in contained docked mode.
+ * @cssprop --m3e-search-view-docked-results-bottom-space - Space below the results in docked mode.
+ * @cssprop --m3e-search-view-docked-scrim-color - Color of the scrim behind the docked view.
+ * @cssprop --m3e-search-view-docked-scrim-opacity - Opacity of the scrim behind the docked view.
+ */
+export declare class M3eSearchViewElement extends M3eSearchViewElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: import("lit").CSSResultGroup;
+    /** @private */ private _clearable;
+    /** @private */ private _mode?;
+    /** @private */ private readonly _anchor;
+    /** @private */ private readonly _view;
+    constructor();
+    /**
+     * Whether the view features a persistent, filled search container.
+     * @default false
+     */
+    contained: boolean;
+    /**
+     * The behavior mode of the view.
+     * @default "docked"
+     */
+    mode: SearchViewMode;
+    /**
+     * Whether the view is expanded to show results.
+     * @default false
+     */
+    open: boolean;
+    /**
+     * The accessible label given to the button used to clear the search term.
+     * @default "Clear"
+     */
+    clearLabel: string;
+    /**
+     * The accessible label given to the button used to collapse the view.
+     * @default "Close"
+     */
+    closeLabel: string;
+    /**
+     * Whether to hide the search icon.
+     * @default false;
+     */
+    hideSearchIcon: boolean;
+    /** The current mode applied to the view. */
+    get currentMode(): Exclude<SearchViewMode, "auto">;
+    set currentMode(value: Exclude<SearchViewMode, "auto">);
+    /** Clears the search term. */
+    clear(): void;
+    /** @inheritdoc */
+    protected willUpdate(changedProperties: PropertyValues): void;
+    /** @inheritdoc */
+    protected updated(_changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+    /** @private */
+    private _handleFocusChange;
+}
+interface M3eSearchViewElementEventMap extends HTMLElementEventMap {
+    clear: Event;
+    query: CustomEvent<SearchViewQueryEventDetail>;
+    beforetoggle: ToggleEvent;
+    toggle: ToggleEvent;
+}
+export interface M3eSearchViewElement {
+    addEventListener<K extends keyof M3eSearchViewElementEventMap>(type: K, listener: (this: M3eSearchViewElement, ev: M3eSearchViewElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof M3eSearchViewElementEventMap>(type: K, listener: (this: M3eSearchViewElement, ev: M3eSearchViewElementEventMap[K]) => void, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-search-view": M3eSearchViewElement;
+    }
+}
+export {};
+//# sourceMappingURL=SearchViewElement.d.ts.map

package/dist/src/search/SearchViewElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchViewElement.d.ts","sourceRoot":"","sources":["../../../src/search/SearchViewElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAW,cAAc,EAAO,MAAM,KAAK,CAAC;AAqBrE,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,OAAO,oBAAoB,CAAC;;AAE5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AACH,qBACa,oBAAqB,SAAQ,yBAA6D;;IAKrG,iCAAiC;IACjC,OAAgB,MAAM,+BAAmB;IAYzC,eAAe,CAAU,OAAO,CAAC,UAAU,CAAS;IACpD,eAAe,CAAU,OAAO,CAAC,KAAK,CAAC,CAAkC;IAKzE,eAAe,CAAmB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAe;IACzE,eAAe,CAAiB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAe;;IAUrE;;;OAGG;IACyC,SAAS,UAAS;IAE9D;;;OAGG;IAC0B,IAAI,EAAE,cAAc,CAAY;IAE7D;;;OAGG;IACyC,IAAI,UAAS;IAEzD;;;OAGG;IACqC,UAAU,SAAW;IAE7D;;;OAGG;IACqC,UAAU,SAAW;IAE7D;;;OAGG;IACyD,cAAc,UAAS;IAEnF,4CAA4C;IAC5C,IAAI,WAAW,IAAI,OAAO,CAAC,cAAc,EAAE,MAAM,CAAC,CAEjD;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,cAAc,EAAE,MAAM,CAAC,EAErD;IAED,8BAA8B;IAC9B,KAAK,IAAI,IAAI;IAgBb,kBAAkB;cACC,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IA8BtE,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAmB1E,kBAAkB;cACC,MAAM,IAAI,OAAO;IAwMpC,eAAe;IAEf,OAAO,CAAC,kBAAkB;CAoR3B;AAED,UAAU,4BAA6B,SAAQ,mBAAmB;IAChE,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAAC;IAC/C,YAAY,EAAE,WAAW,CAAC;IAC1B,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,gBAAgB,CAAC,CAAC,SAAS,MAAM,4BAA4B,EAC3D,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,oBAAoB,EAAE,EAAE,EAAE,4BAA4B,CAAC,CAAC,CAAC,KAAK,IAAI,EACnF,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,4BAA4B,EAC9D,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,oBAAoB,EAAE,EAAE,EAAE,4BAA4B,CAAC,CAAC,CAAC,KAAK,IAAI,EACnF,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,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/dist/src/search/SearchViewMode.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the possible behavior modes of a search view. */
+export type SearchViewMode = "fullscreen" | "docked" | "auto";
+//# sourceMappingURL=SearchViewMode.d.ts.map

package/dist/src/search/SearchViewMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchViewMode.d.ts","sourceRoot":"","sources":["../../../src/search/SearchViewMode.ts"],"names":[],"mappings":"AAAA,8DAA8D;AAC9D,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC"}

package/dist/src/search/SearchViewQueryEventDetail.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Emitted when the search view needs data for the current term.
+ *
+ * This event fires in two situations:
+ * - When the search view opened
+ * - When the user changes the input value (the term)
+ */
+export interface SearchViewQueryEventDetail {
+    /** The term for which the component is requesting data. */
+    term: string;
+}
+//# sourceMappingURL=SearchViewQueryEventDetail.d.ts.map

package/dist/src/search/SearchViewQueryEventDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchViewQueryEventDetail.d.ts","sourceRoot":"","sources":["../../../src/search/SearchViewQueryEventDetail.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,WAAW,0BAA0B;IACzC,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAC;CACd"}

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

@@ -0,0 +1,5 @@
+export * from "./SearchViewQueryEventDetail";
+export * from "./SearchBarElement";
+export * from "./SearchViewElement";
+export * from "./SearchViewMode";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/search/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC"}

package/dist/src/search/styles/SearchBarStyle.d.ts

@@ -0,0 +1,12 @@
+import { CSSResultGroup } from "lit";
+/**
+ * Light DOM styles for `M3eSearchBarElement`.
+ * @internal
+ */
+export declare const SearchBarLightDomStyle: import("lit").CSSResult;
+/**
+ * Styles for `M3eSearchBarElement`.
+ * @internal
+ */
+export declare const SearchBarStyle: CSSResultGroup;
+//# sourceMappingURL=SearchBarStyle.d.ts.map

package/dist/src/search/styles/SearchBarStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBarStyle.d.ts","sourceRoot":"","sources":["../../../../src/search/styles/SearchBarStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1C;;;GAGG;AACH,eAAO,MAAM,sBAAsB,yBASlC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,cAkG5B,CAAC"}

package/dist/src/search/styles/SearchBarToken.d.ts

@@ -0,0 +1,27 @@
+/** @internal */
+export declare const SearchBarToken: {
+    readonly containerColor: import("lit").CSSResult;
+    readonly leadingIconColor: import("lit").CSSResult;
+    readonly trailingIconColor: import("lit").CSSResult;
+    readonly containerHeight: import("lit").CSSResult;
+    readonly containerShape: import("lit").CSSResult;
+    readonly iconSize: import("lit").CSSResult;
+    readonly supportingTextColor: import("lit").CSSResult;
+    readonly supportingTextFontSize: import("lit").CSSResult;
+    readonly supportingTextFontWeight: import("lit").CSSResult;
+    readonly supportingTextLineHeight: import("lit").CSSResult;
+    readonly supportingTextTracking: import("lit").CSSResult;
+    readonly inputColor: import("lit").CSSResult;
+    readonly inputTextFontSize: import("lit").CSSResult;
+    readonly inputTextFontWeight: import("lit").CSSResult;
+    readonly inputTextLineHeight: import("lit").CSSResult;
+    readonly inputTextTracking: import("lit").CSSResult;
+    readonly leadingSpace: import("lit").CSSResult;
+    readonly trailingSpace: import("lit").CSSResult;
+    readonly noActionsLeadingSpace: import("lit").CSSResult;
+    readonly noActionsTrailingSpace: import("lit").CSSResult;
+    readonly leadingActionsTrailingSpace: import("lit").CSSResult;
+    readonly trailingActionsLeadingSpace: import("lit").CSSResult;
+    readonly actionsGap: import("lit").CSSResult;
+};
+//# sourceMappingURL=SearchBarToken.d.ts.map

package/dist/src/search/styles/SearchBarToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBarToken.d.ts","sourceRoot":"","sources":["../../../../src/search/styles/SearchBarToken.ts"],"names":[],"mappings":"AAIA,gBAAgB;AAChB,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;CAwCjB,CAAC"}

package/dist/src/search/styles/SearchViewStyle.d.ts

@@ -0,0 +1,12 @@
+import { CSSResultGroup } from "lit";
+/**
+ * Light DOM styles for `M3eSearchViewElement`.
+ * @internal
+ */
+export declare const SearchViewLightDomStyle: import("lit").CSSResult;
+/**
+ * Styles for `M3eSearchViewElement`.
+ * @internal
+ */
+export declare const SearchViewStyle: CSSResultGroup;
+//# sourceMappingURL=SearchViewStyle.d.ts.map

package/dist/src/search/styles/SearchViewStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchViewStyle.d.ts","sourceRoot":"","sources":["../../../../src/search/styles/SearchViewStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAa,MAAM,KAAK,CAAC;AAOrD;;;GAGG;AACH,eAAO,MAAM,uBAAuB,yBASnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,cAsO7B,CAAC"}

package/dist/src/search/styles/SearchViewToken.d.ts

@@ -0,0 +1,26 @@
+/** @internal */
+export declare const SearchViewToken: {
+    readonly containerColor: import("lit").CSSResult;
+    readonly containedContainerColor: import("lit").CSSResult;
+    readonly dividerColor: import("lit").CSSResult;
+    readonly dividerThickness: import("lit").CSSResult;
+    readonly fullScreenContainerShape: import("lit").CSSResult;
+    readonly fullScreenHeaderContainerHeight: import("lit").CSSResult;
+    readonly dockedContainerShape: import("lit").CSSResult;
+    readonly dockedHeaderContainerHeight: import("lit").CSSResult;
+    readonly containedLeadingMargin: import("lit").CSSResult;
+    readonly containedTrailingMargin: import("lit").CSSResult;
+    readonly containedFocusedLeadingMargin: import("lit").CSSResult;
+    readonly containedFocusedTrailingMargin: import("lit").CSSResult;
+    readonly containedDockedBarResultsGap: import("lit").CSSResult;
+    readonly containedDockedResultsShape: import("lit").CSSResult;
+    readonly containedDockedBarShape: import("lit").CSSResult;
+    readonly containedFullScreenBarContainerHeight: import("lit").CSSResult;
+    readonly dockedContainerMinHeight: import("lit").CSSResult;
+    readonly dockedContainerMaxHeight: import("lit").CSSResult;
+    readonly containedDockedResultsSpace: import("lit").CSSResult;
+    readonly dockedResultsBottomSpace: import("lit").CSSResult;
+    readonly dockedScrimColor: import("lit").CSSResult;
+    readonly dockedScrimOpacity: import("lit").CSSResult;
+};
+//# sourceMappingURL=SearchViewToken.d.ts.map

package/dist/src/search/styles/SearchViewToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchViewToken.d.ts","sourceRoot":"","sources":["../../../../src/search/styles/SearchViewToken.ts"],"names":[],"mappings":"AAIA,gBAAgB;AAChB,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;CAmClB,CAAC"}

package/dist/src/search/styles/index.d.ts

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

package/dist/src/search/styles/index.d.ts.map

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

package/dist/src/select/SelectElement.d.ts.map

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

package/dist/src/snackbar/SnackbarElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarElement.d.ts","sourceRoot":"","sources":["../../../src/snackbar/SnackbarElement.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAW,cAAc,EAAa,MAAM,KAAK,CAAC;AAKhG,OAAO,iBAAiB,CAAC;AACzB,OAAO,sBAAsB,CAAC;;AAE9B;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,kBAAmB,SAAQ,uBAA0B;;IAehE,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA0IpC;IAEF,eAAe,CAAC,MAAM,CAAC,SAAS,EAAE,kBAAkB,GAAG,IAAI,CAAQ;IAMnE,mCAAmC;IACnC,MAAM,KAAK,OAAO,IAAI,kBAAkB,GAAG,IAAI,CAE9C;IAED;;;OAGG;IACyB,QAAQ,SAAQ;IAE5C;;;OAGG;IACS,MAAM,SAAM;IAExB;;;OAGG;IACyC,WAAW,UAAS;IAEhE;;;OAGG;IACqC,UAAU,SAAW;IAE7D,2CAA2C;IAC3C,IAAI,aAAa,IAAI,OAAO,CAE3B;IAED,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAQlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAMrC,kBAAkB;cACC,MAAM;IAOzB,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;CAqDrE;AAED,UAAU,0BAA2B,SAAQ,mBAAmB;IAC9D,YAAY,EAAE,WAAW,CAAC;IAC1B,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,gBAAgB,CAAC,CAAC,SAAS,MAAM,0BAA0B,EACzD,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,EAAE,EAAE,0BAA0B,CAAC,CAAC,CAAC,KAAK,IAAI,EAC/E,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,0BAA0B,EAC5D,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,EAAE,EAAE,0BAA0B,CAAC,CAAC,CAAC,KAAK,IAAI,EAC/E,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,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}
+{"version":3,"file":"SnackbarElement.d.ts","sourceRoot":"","sources":["../../../src/snackbar/SnackbarElement.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAW,cAAc,EAAa,MAAM,KAAK,CAAC;AAKhG,OAAO,iBAAiB,CAAC;AACzB,OAAO,sBAAsB,CAAC;;AAE9B;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,kBAAmB,SAAQ,uBAA0B;;IAQhE,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA0IpC;IAEF,eAAe,CAAC,MAAM,CAAC,SAAS,EAAE,kBAAkB,GAAG,IAAI,CAAQ;IAMnE,mCAAmC;IACnC,MAAM,KAAK,OAAO,IAAI,kBAAkB,GAAG,IAAI,CAE9C;IAED;;;OAGG;IACyB,QAAQ,SAAQ;IAE5C;;;OAGG;IACS,MAAM,SAAM;IAExB;;;OAGG;IACyC,WAAW,UAAS;IAEhE;;;OAGG;IACqC,UAAU,SAAW;IAE7D,2CAA2C;IAC3C,IAAI,aAAa,IAAI,OAAO,CAE3B;IAED,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAQlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAMrC,kBAAkB;cACC,MAAM;IAOzB,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;CAqDrE;AAED,UAAU,0BAA2B,SAAQ,mBAAmB;IAC9D,YAAY,EAAE,WAAW,CAAC;IAC1B,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,gBAAgB,CAAC,CAAC,SAAS,MAAM,0BAA0B,EACzD,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,EAAE,EAAE,0BAA0B,CAAC,CAAC,CAAC,KAAK,IAAI,EAC/E,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,0BAA0B,EAC5D,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,EAAE,EAAE,0BAA0B,CAAC,CAAC,CAAC,KAAK,IAAI,EAC/E,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,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}

package/dist/src/stepper/StepperElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepperElement.d.ts","sourceRoot":"","sources":["../../../src/stepper/StepperElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAW,cAAc,EAAE,MAAM,KAAK,CAAC;AAcrF,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGxE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AACH,qBACa,iBAAkB,SAAQ,sBAA2B;;IAiDhE,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAgHpC;IAGF,eAAe,CAAU,OAAO,CAAC,YAAY,CAAC,CAAsC;IACpF,eAAe,CAAU,OAAO,CAAC,cAAc,CAAuB;IACtE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,gBAAgB,CAAC,mCAGiB;IAE7D;;;OAGG;IACwD,cAAc,EAAE,kBAAkB,CAAW;IAExG;;;OAGG;IACuD,aAAa,EAAE,iBAAiB,CAAS;IAEnG;;;OAGG;IACyC,MAAM,UAAS;IAE3D;;;OAGG;IAC0B,WAAW,EAAE,kBAAkB,CAAgB;IAE5E,iBAAiB;IACjB,IAAI,KAAK,IAAI,SAAS,cAAc,EAAE,CAErC;IAED,yBAAyB;IACzB,IAAI,YAAY,IAAI,cAAc,GAAG,IAAI,CAExC;IAED,iDAAiD;IACjD,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED;;;OAGG;IACH,YAAY,IAAI,OAAO;IAIvB;;;OAGG;IACH,QAAQ,IAAI,OAAO;IAInB;;;;OAIG;IACH,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IA6C9B,uEAAuE;IACvE,KAAK,IAAI,IAAI;IAUb,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAKlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAOrC,kBAAkB;cACC,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAqBtE,kBAAkB;cACC,MAAM,IAAI,OAAO;CA8HrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}
+{"version":3,"file":"StepperElement.d.ts","sourceRoot":"","sources":["../../../src/stepper/StepperElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAW,cAAc,EAAE,MAAM,KAAK,CAAC;AAerF,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGxE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AACH,qBACa,iBAAkB,SAAQ,sBAA2B;;IA0ChE,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAgHpC;IAGF,eAAe,CAAU,OAAO,CAAC,YAAY,CAAC,CAAsC;IACpF,eAAe,CAAU,OAAO,CAAC,cAAc,CAAuB;IACtE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,gBAAgB,CAAC,mCAGiB;IAE7D;;;OAGG;IACwD,cAAc,EAAE,kBAAkB,CAAW;IAExG;;;OAGG;IACuD,aAAa,EAAE,iBAAiB,CAAS;IAEnG;;;OAGG;IACyC,MAAM,UAAS;IAE3D;;;OAGG;IAC0B,WAAW,EAAE,kBAAkB,CAAgB;IAE5E,iBAAiB;IACjB,IAAI,KAAK,IAAI,SAAS,cAAc,EAAE,CAErC;IAED,yBAAyB;IACzB,IAAI,YAAY,IAAI,cAAc,GAAG,IAAI,CAExC;IAED,iDAAiD;IACjD,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED;;;OAGG;IACH,YAAY,IAAI,OAAO;IAIvB;;;OAGG;IACH,QAAQ,IAAI,OAAO;IAInB;;;;OAIG;IACH,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IA6C9B,uEAAuE;IACvE,KAAK,IAAI,IAAI;IAUb,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAKlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAOrC,kBAAkB;cACC,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAqBtE,kBAAkB;cACC,MAAM,IAAI,OAAO;CA8HrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}

package/dist/stepper.js

@@ -6,7 +6,7 @@
 import { __decorate, __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
 import { LitElement, html, css, nothing } from 'lit';
 import { state, query, property } from 'lit/decorators.js';
-import { Role, customElement, Selected, KeyboardClick, Focusable, HtmlFor, Disabled, AttachInternals, DesignToken, ActionElementBase, addCustomState, hasCustomState, deleteCustomState, setCustomState } from '@m3e/web/core';
+import { Role, customElement, Selected, KeyboardClick, Focusable, HtmlFor, Disabled, AttachInternals, DesignToken, ActionElementBase, addCustomState, hasCustomState, deleteCustomState, setCustomState, registerStyleSheet } from '@m3e/web/core';
 import { addAriaReferencedId, removeAriaReferencedId, selectionManager, SelectionManager } from '@m3e/web/core/a11y';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { M3eBreakpointObserver, Breakpoint } from '@m3e/web/core/layout';
@@ -685,11 +685,7 @@ _M3eStepperElement_updateDisplayOrder = function _M3eStepperElement_updateDispla
   }
 };
 (() => {
-  if (typeof window !== "undefined") {
-    const lightDomStyle = new CSSStyleSheet();
-    lightDomStyle.replaceSync(css`m3e-stepper:not(:state(-vertical)) > .-m3e-step-divider::before { border-bottom-width: var(--m3e-step-divider-thickness, 1px); border-bottom-style: solid; border-bottom-color: var(--m3e-step-divider-color, ${DesignToken.color.outline}); } m3e-stepper:not(:state(-vertical)) > [slot="step"]:not(.-m3e-step-divider):not(:first-of-type)::before, m3e-stepper:not(:state(-vertical)) > [slot="step"]:not(.-m3e-step-divider):not(:last-of-type)::after { border-bottom-width: var(--m3e-step-divider-thickness, 1px); border-bottom-style: solid; border-bottom-color: var(--m3e-step-divider-color, ${DesignToken.color.outline}); } m3e-stepper:not(:state(-vertical))[label-position="end"] > .-m3e-step-divider { margin-block: auto; } m3e-stepper:not(:state(-vertical))[label-position="below"] > .-m3e-step-divider::before, m3e-stepper:not(:state(-vertical))[label-position="below"] > [slot="step"]:not(.-m3e-step-divider):not(:first-of-type)::before, m3e-stepper:not(:state(-vertical))[label-position="below"] > [slot="step"]:not(.-m3e-step-divider):not(:last-of-type)::after { margin-block-start: calc(var(--m3e-step-padding, 1.5rem) + calc(var(--m3e-step-icon-size, 1.5rem) / 2)); } m3e-stepper:state(-vertical) > [slot="panel"] { margin-inline-start: calc(var(--m3e-step-padding, 1.5rem) + calc(var(--m3e-step-icon-size, 1.5rem) / 2)); } m3e-stepper:state(-vertical) > [slot="panel"]:not(:last-of-type) { border-inline-start-width: var(--m3e-step-divider-thickness, 1px); border-inline-start-style: solid; border-inline-start-color: var(--m3e-step-divider-color, ${DesignToken.color.outline}); } m3e-stepper:state(-vertical) > [slot="step"]:not(.-m3e-step-divider):not(:first-of-type)::before, m3e-stepper:state(-vertical) > [slot="step"]:not(.-m3e-step-divider):not(:last-of-type)::after { margin-inline-start: calc(var(--m3e-step-padding, 1.5rem) + calc(var(--m3e-step-icon-size, 1.5rem) / 2)); border-inline-start-width: var(--m3e-step-divider-thickness, 1px); border-inline-start-style: solid; border-inline-start-color: var(--m3e-step-divider-color, ${DesignToken.color.outline}); }`.toString());
-    document.adoptedStyleSheets = [...document.adoptedStyleSheets, lightDomStyle];
-  }
+  registerStyleSheet(css`m3e-stepper:not(:state(-vertical)) > .-m3e-step-divider::before { border-bottom-width: var(--m3e-step-divider-thickness, 1px); border-bottom-style: solid; border-bottom-color: var(--m3e-step-divider-color, ${DesignToken.color.outline}); } m3e-stepper:not(:state(-vertical)) > [slot="step"]:not(.-m3e-step-divider):not(:first-of-type)::before, m3e-stepper:not(:state(-vertical)) > [slot="step"]:not(.-m3e-step-divider):not(:last-of-type)::after { border-bottom-width: var(--m3e-step-divider-thickness, 1px); border-bottom-style: solid; border-bottom-color: var(--m3e-step-divider-color, ${DesignToken.color.outline}); } m3e-stepper:not(:state(-vertical))[label-position="end"] > .-m3e-step-divider { margin-block: auto; } m3e-stepper:not(:state(-vertical))[label-position="below"] > .-m3e-step-divider::before, m3e-stepper:not(:state(-vertical))[label-position="below"] > [slot="step"]:not(.-m3e-step-divider):not(:first-of-type)::before, m3e-stepper:not(:state(-vertical))[label-position="below"] > [slot="step"]:not(.-m3e-step-divider):not(:last-of-type)::after { margin-block-start: calc(var(--m3e-step-padding, 1.5rem) + calc(var(--m3e-step-icon-size, 1.5rem) / 2)); } m3e-stepper:state(-vertical) > [slot="panel"] { margin-inline-start: calc(var(--m3e-step-padding, 1.5rem) + calc(var(--m3e-step-icon-size, 1.5rem) / 2)); } m3e-stepper:state(-vertical) > [slot="panel"]:not(:last-of-type) { border-inline-start-width: var(--m3e-step-divider-thickness, 1px); border-inline-start-style: solid; border-inline-start-color: var(--m3e-step-divider-color, ${DesignToken.color.outline}); } m3e-stepper:state(-vertical) > [slot="step"]:not(.-m3e-step-divider):not(:first-of-type)::before, m3e-stepper:state(-vertical) > [slot="step"]:not(.-m3e-step-divider):not(:last-of-type)::after { margin-inline-start: calc(var(--m3e-step-padding, 1.5rem) + calc(var(--m3e-step-icon-size, 1.5rem) / 2)); border-inline-start-width: var(--m3e-step-divider-thickness, 1px); border-inline-start-style: solid; border-inline-start-color: var(--m3e-step-divider-color, ${DesignToken.color.outline}); }`);
 })();
 /** The styles of the element. */
 M3eStepperElement.styles = css`:host { display: flex; flex-direction: column; position: relative; } :host(:not(:state(-vertical))) .header { display: flex; align-items: flex-start; flex-wrap: nowrap; } :host(:not(:state(-vertical))) ::slotted(.-m3e-step-divider) { flex: 1 1 auto; position: relative; min-width: 2rem; } :host(:not(:state(-vertical))) ::slotted(.-m3e-step-divider)::before { content: ""; position: absolute; left: 0; right: 0; } :host(:not(:state(-vertical)):not([label-position="below"])) ::slotted(.-m3e-step-divider)::before { top: 50%; } :host(:not(:state(-vertical))) ::slotted([slot="step"]) { align-self: stretch; } :host(:not(:state(-vertical))) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before, :host(:not(:state(-vertical))) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { content: ""; display: block; position: absolute; top: 0; } :host(:not(:state(-vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before, :host(:not(:state(-vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { top: 50%; } :host(:not(:dir(rtl)):not(:state(-vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before { left: 0; right: calc(100% - var(--m3e-step-padding, 1.5rem) + var(--m3e-step-divider-inset, 0.5rem)); } :host(:dir(rtl):not(:state(-vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before { right: 0; left: calc(100% - var(--m3e-step-padding, 1.5rem) + var(--m3e-step-divider-inset, 0.5rem)); } :host(:not(:dir(rtl)):not(:state(-vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { left: calc(100% - var(--m3e-step-padding, 1.5rem) + var(--m3e-step-divider-inset, 0.5rem)); right: 0; } :host(:dir(rtl):not(:state(-vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { right: calc(100% - var(--m3e-step-padding, 1.5rem) + var(--m3e-step-divider-inset, 0.5rem)); left: 0; } :host(:not(:dir(rtl)):not(:state(-vertical))[label-position="below"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before { left: 0; right: calc(50% + calc(var(--m3e-step-icon-size, 1.5rem) / 2) + var(--m3e-step-divider-inset, 0.5rem)); } :host(:dir(rtl):not(:state(-vertical))[label-position="below"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before { right: 0; left: calc(50% + calc(var(--m3e-step-icon-size, 1.5rem) / 2) + var(--m3e-step-divider-inset, 0.5rem)); } :host(:not(:dir(rtl)):not(:state(-vertical))[label-position="below"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { left: calc(50% + calc(var(--m3e-step-icon-size, 1.5rem) / 2) + var(--m3e-step-divider-inset, 0.5rem)); right: 0; } :host(:dir(rtl):not(:state(-vertical))[label-position="below"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { right: calc(50% + calc(var(--m3e-step-icon-size, 1.5rem) / 2) + var(--m3e-step-divider-inset, 0.5rem)); left: 0; } :host(:not(:state(-vertical))[label-position="below"]) { --_step-direction: column; --_step-label-align-items: center; } :host(:state(-vertical)) .header { display: contents; } :host(:state(-vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider)) { flex: none; } :host(:state(-vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before, :host(:state(-vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { content: ""; display: block; position: absolute; left: 0; } :host(:state(-vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before { top: 0; bottom: calc(100% - var(--m3e-step-padding, 1.5rem) + var(--m3e-step-divider-inset, 0.5rem)); } :host(:state(-vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { top: calc(100% - var(--m3e-step-padding, 1.5rem) + var(--m3e-step-divider-inset, 0.5rem)); bottom: 0; } :host(:not(:state(-vertical))) { --m3e-collapsible-animation-duration: 0ms; } :host(:state(-no-animate)) { --m3e-collapsible-animation-duration: 0ms; }`;