@lmvz-ds/components 0.40.0 → 0.42.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lmvz-ds/components",
   "private": false,
-  "version": "0.40.0",
+  "version": "0.42.0",
   "type": "module",
   "description": "The components of the design system",
   "author": "Patrick Nemenz <patrick.nemenz@adesso.at>",
@@ -15,6 +15,10 @@
       "types": "./components/index.d.ts",
       "import": "./components/index.js"
     },
+    "./public-utils": {
+      "types": "./types/api/public-utils.d.ts",
+      "import": "./collection/api/public-utils.js"
+    },
     "./components": {
       "types": "./components/index.d.ts",
       "import": "./components/index.js"

package/types/api/ds.constants.d.ts

@@ -9,6 +9,7 @@ export declare const iconSizes: readonly ["xs", "sm", "md", "lg", "inherit"];
 export declare const iconWeights: readonly ["thin", "medium", "bold"];
 export declare const chipTypes: readonly ["active", "warning", "success", "error", "neutral"];
 export declare const chipSizes: readonly ["default", "small"];
+export declare const cardSizes: readonly ["large", "small"];
 export declare const linkTypes: readonly ["internal", "external"];
 export declare const messageTypes: readonly ["neutral", "warning"];
 export declare const snackbarStatuses: readonly ["success", "warning", "error"];

package/types/api/ds.types.d.ts

@@ -1,4 +1,5 @@
 import type {
+  cardSizes,
   chipSizes,
   chipTypes,
   iconSizes,
@@ -34,6 +35,9 @@ export namespace Chip {
   export type Type = (typeof chipTypes)[number];
   export type Size = (typeof chipSizes)[number];
 }
+export namespace Card {
+  export type Size = (typeof cardSizes)[number];
+}
 export namespace Link {
   export type Type = (typeof linkTypes)[number];
 }

package/types/api/public-utils.d.ts

@@ -0,0 +1,8 @@
+export * from '../components/lmvz-message/public';
+export * from '../components/lmvz-snackbar/public';
+export * from '../utils/public';
+declare global {
+    interface Window {
+        LmvzApi: LmvzApi;
+    }
+}

package/types/components/lmvz-card/lmvz-card.d.ts

@@ -1,12 +1,23 @@
 import type { EventEmitter } from '../../stencil-public-runtime';
+import type { Card } from '../../api/ds.types';
 export declare class LmvzCard {
-    cardTitle: string;
-    imageUrl?: string;
+    el: HTMLElement;
+    private titleSlotElement?;
+    private readonly warnedCases;
+    size: Card.Size;
+    cardTitle?: string;
     description?: string;
-    primaryActionLabel: string;
-    primaryAction: EventEmitter<PointerEvent>;
+    imageUrl?: string;
+    imageAlt: string;
+    actionLabel?: string;
+    lmvzCardAction: EventEmitter<void>;
+    normalizeSize(value: string): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
     private get fallbackImage();
-    private _onPrimaryClick;
-    private _onOverflowClick;
+    private readonly handleActionClick;
+    private get slottedTitleElement();
+    private checkTitleContent;
+    private warnOnce;
     render(): any;
 }

package/types/components/lmvz-icon/lmvz-icon.d.ts

@@ -13,7 +13,7 @@ export declare class LmvzIcon extends ReactiveControllerHost implements AriaVali
     iconset?: string;
     private iconData?;
     private visible;
-    ariaLabel?: string;
+    ariaLabel: string | null;
     private get ariaHidden();
     constructor();
     connectedCallback(): void;

package/types/components/lmvz-input/lmvz-input.d.ts

@@ -30,9 +30,8 @@ export declare class LmvzInput extends ReactiveControllerHost implements AriaVal
     errorMessage?: string;
     autocomplete?: Input.Autocomplete;
     inputmode?: Input.Inputmode;
-    autocorrect?: 'on' | 'off';
-    autocapitalize?: Input.Autocapitalize;
-    spellcheck?: boolean;
+    autocapitalize: Input.Autocapitalize | null;
+    spellcheck: boolean | null;
     autofocus: boolean;
     minlength?: number;
     maxlength?: number;

package/types/components/lmvz-spinner/lmvz-spinner.d.ts

@@ -1,5 +1,5 @@
 export declare class LmvzSpinner {
     size: 'small' | 'large';
-    ariaLabel?: string;
+    ariaLabel: string | null;
     render(): any;
 }

package/types/components.d.ts

@@ -5,6 +5,12 @@ export declare namespace Button {
     export type Variant = LmvzDS.Variant;
 }
 
+export declare namespace Card {
+    export type Size = (typeof cardSizes)[number];
+}
+
+declare const cardSizes: readonly ["large", "small"];
+
 export declare namespace Chip {
     export type Type = (typeof chipTypes)[number];
     export type Size = (typeof chipSizes)[number];
@@ -111,24 +117,36 @@ export declare namespace Components {
          */
         "stacked": boolean;
     }
+    /**
+     * A card composes an image, title, description, an optional chip, and an optional single action into a self-contained content unit.
+     */
     export interface LmvzCard {
         /**
-         * Card title (required)
+         * Label for the card's single action button. The action row renders only when this is a non-empty string.
          */
-        "cardTitle": string;
+        "actionLabel"?: string;
+        /**
+         * Card title text, rendered as the fallback `<h3>` for the `card-title` slot. Ignored when a heading is slotted into `card-title`. One of `cardTitle` or a slotted heading should be supplied.
+         */
+        "cardTitle"?: string;
         /**
-         * Optional description
+         * Optional description text.
          */
         "description"?: string;
         /**
-         * Optional image URL; placeholder used if omitted
+         * Accessible alt text for the image.
+         * @default ''
+         */
+        "imageAlt": string;
+        /**
+         * Optional image URL; falls back to a bundled placeholder graphic when unset.
          */
         "imageUrl"?: string;
         /**
-         * Primary action button label
-         * @default ''
+         * Size variant of the card. Invalid values are normalized to `large` at runtime.
+         * @default 'large'
          */
-        "primaryActionLabel": string;
+        "size": Card.Size;
     }
     /**
      * Checkbox component with form association, ARIA validation, and accessible label support.
@@ -325,8 +343,9 @@ export declare namespace Components {
     export interface LmvzIcon {
         /**
          * Accessible name for assistive technology. Leave unset for decorative icons so the icon stays hidden from the accessibility tree.
+         * @default null
          */
-        "ariaLabel"?: string;
+        "ariaLabel": string | null;
         /**
          * Required  Either a valid name from a registered iconset, or the icon's SVG content (inline).  Will be checked against the chosen {@link iconset}.
          */
@@ -368,16 +387,11 @@ export declare namespace Components {
          * Autocapitalize attribute for mobile keyboards
          * @default undefined
          */
-        "autocapitalize"?: Input.Autocapitalize;
+        "autocapitalize": Input.Autocapitalize | null;
         /**
          * Autocomplete attribute for form autofill
          */
         "autocomplete"?: Input.Autocomplete;
-        /**
-         * Autocorrect attribute for mobile keyboards
-         * @default undefined
-         */
-        "autocorrect"?: 'on' | 'off';
         /**
          * Whether the input should autofocus
          * @default false
@@ -492,7 +506,7 @@ export declare namespace Components {
          * Spellcheck attribute
          * @default undefined
          */
-        "spellcheck"?: boolean;
+        "spellcheck": boolean | null;
         /**
          * Step interval for number inputs
          */
@@ -847,8 +861,9 @@ export declare namespace Components {
     export interface LmvzSpinner {
         /**
          * Accessible name for assistive technology. Leave unset for decorative spinners so the element stays hidden from the accessibility tree.
+         * @default null
          */
-        "ariaLabel"?: string;
+        "ariaLabel": string | null;
         /**
          * Size of the spinner.
          * @default 'small'
@@ -1042,7 +1057,7 @@ export declare type IsoDateString = `${number}-${number}-${number}`;
 export declare type IsoYearMonthString = `${number}-${number}`;
 
 export declare namespace JSX {
-    export type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
+    export type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K]?: never };
 
     /**
      * @deprecated use `lmvz-button` instead
@@ -1141,28 +1156,40 @@ export declare namespace JSX {
          */
         "stacked"?: boolean;
     }
+    /**
+     * A card composes an image, title, description, an optional chip, and an optional single action into a self-contained content unit.
+     */
     export interface LmvzCard {
         /**
-         * Card title (required)
+         * Label for the card's single action button. The action row renders only when this is a non-empty string.
          */
-        "cardTitle": string;
+        "actionLabel"?: string;
         /**
-         * Optional description
+         * Card title text, rendered as the fallback `<h3>` for the `card-title` slot. Ignored when a heading is slotted into `card-title`. One of `cardTitle` or a slotted heading should be supplied.
+         */
+        "cardTitle"?: string;
+        /**
+         * Optional description text.
          */
         "description"?: string;
         /**
-         * Optional image URL; placeholder used if omitted
+         * Accessible alt text for the image.
+         * @default ''
+         */
+        "imageAlt"?: string;
+        /**
+         * Optional image URL; falls back to a bundled placeholder graphic when unset.
          */
         "imageUrl"?: string;
         /**
-         * Event emitted when primary button is clicked
+         * Emitted once per activation of the action button.
          */
-        "onPrimaryAction"?: (event: LmvzCardCustomEvent<PointerEvent>) => void;
+        "onLmvzCardAction"?: (event: LmvzCardCustomEvent<void>) => void;
         /**
-         * Primary action button label
-         * @default ''
+         * Size variant of the card. Invalid values are normalized to `large` at runtime.
+         * @default 'large'
          */
-        "primaryActionLabel"?: string;
+        "size"?: Card.Size;
     }
     /**
      * Checkbox component with form association, ARIA validation, and accessible label support.
@@ -1355,8 +1382,9 @@ export declare namespace JSX {
     export interface LmvzIcon {
         /**
          * Accessible name for assistive technology. Leave unset for decorative icons so the icon stays hidden from the accessibility tree.
+         * @default null
          */
-        "ariaLabel"?: string;
+        "ariaLabel"?: string | null;
         /**
          * Required  Either a valid name from a registered iconset, or the icon's SVG content (inline).  Will be checked against the chosen {@link iconset}.
          */
@@ -1398,16 +1426,11 @@ export declare namespace JSX {
          * Autocapitalize attribute for mobile keyboards
          * @default undefined
          */
-        "autocapitalize"?: Input.Autocapitalize;
+        "autocapitalize"?: Input.Autocapitalize | null;
         /**
          * Autocomplete attribute for form autofill
          */
         "autocomplete"?: Input.Autocomplete;
-        /**
-         * Autocorrect attribute for mobile keyboards
-         * @default undefined
-         */
-        "autocorrect"?: 'on' | 'off';
         /**
          * Whether the input should autofocus
          * @default false
@@ -1494,7 +1517,7 @@ export declare namespace JSX {
          * Spellcheck attribute
          * @default undefined
          */
-        "spellcheck"?: boolean;
+        "spellcheck"?: boolean | null;
         /**
          * Step interval for number inputs
          */
@@ -1842,8 +1865,9 @@ export declare namespace JSX {
     export interface LmvzSpinner {
         /**
          * Accessible name for assistive technology. Leave unset for decorative spinners so the element stays hidden from the accessibility tree.
+         * @default null
          */
-        "ariaLabel"?: string;
+        "ariaLabel"?: string | null;
         /**
          * Size of the spinner.
          * @default 'small'
@@ -1973,10 +1997,12 @@ export declare namespace JSX {
         "hasActions": boolean;
     }
     export interface LmvzCardAttributes {
+        "size": Card.Size;
         "cardTitle": string;
-        "imageUrl": string;
         "description": string;
-        "primaryActionLabel": string;
+        "imageUrl": string;
+        "imageAlt": string;
+        "actionLabel": string;
     }
     export interface LmvzCheckboxAttributes {
         "label": string;
@@ -2022,7 +2048,7 @@ export declare namespace JSX {
         "weight": Icon.IconWeight;
         "size": Icon.Size;
         "iconset": string;
-        "ariaLabel": string;
+        "ariaLabel": string | null;
     }
     export interface LmvzInputAttributes {
         "value": string;
@@ -2037,9 +2063,8 @@ export declare namespace JSX {
         "errorMessage": string;
         "autocomplete": Input.Autocomplete;
         "inputmode": Input.Inputmode;
-        "autocorrect": 'on' | 'off';
-        "autocapitalize": Input.Autocapitalize;
-        "spellcheck": boolean;
+        "autocapitalize": Input.Autocapitalize | null;
+        "spellcheck": boolean | null;
         "autofocus": boolean;
         "minlength": number;
         "maxlength": number;
@@ -2116,7 +2141,7 @@ export declare namespace JSX {
     }
     export interface LmvzSpinnerAttributes {
         "size": 'small' | 'large';
-        "ariaLabel": string;
+        "ariaLabel": string | null;
     }
     export interface LmvzTabAttributes {
         "value": string;
@@ -2142,7 +2167,7 @@ export declare namespace JSX {
         "lmvz-action-list": Omit<LmvzActionList, keyof LmvzActionListAttributes> & { [K in keyof LmvzActionList & keyof LmvzActionListAttributes]?: LmvzActionList[K] } & { [K in keyof LmvzActionList & keyof LmvzActionListAttributes as `attr:${K}`]?: LmvzActionListAttributes[K] } & { [K in keyof LmvzActionList & keyof LmvzActionListAttributes as `prop:${K}`]?: LmvzActionList[K] };
         "lmvz-button": Omit<LmvzButton, keyof LmvzButtonAttributes> & { [K in keyof LmvzButton & keyof LmvzButtonAttributes]?: LmvzButton[K] } & { [K in keyof LmvzButton & keyof LmvzButtonAttributes as `attr:${K}`]?: LmvzButtonAttributes[K] } & { [K in keyof LmvzButton & keyof LmvzButtonAttributes as `prop:${K}`]?: LmvzButton[K] };
         "lmvz-button-group": Omit<LmvzButtonGroup, keyof LmvzButtonGroupAttributes> & { [K in keyof LmvzButtonGroup & keyof LmvzButtonGroupAttributes]?: LmvzButtonGroup[K] } & { [K in keyof LmvzButtonGroup & keyof LmvzButtonGroupAttributes as `attr:${K}`]?: LmvzButtonGroupAttributes[K] } & { [K in keyof LmvzButtonGroup & keyof LmvzButtonGroupAttributes as `prop:${K}`]?: LmvzButtonGroup[K] };
-        "lmvz-card": Omit<LmvzCard, keyof LmvzCardAttributes> & { [K in keyof LmvzCard & keyof LmvzCardAttributes]?: LmvzCard[K] } & { [K in keyof LmvzCard & keyof LmvzCardAttributes as `attr:${K}`]?: LmvzCardAttributes[K] } & { [K in keyof LmvzCard & keyof LmvzCardAttributes as `prop:${K}`]?: LmvzCard[K] } & OneOf<"cardTitle", LmvzCard["cardTitle"], LmvzCardAttributes["cardTitle"]>;
+        "lmvz-card": Omit<LmvzCard, keyof LmvzCardAttributes> & { [K in keyof LmvzCard & keyof LmvzCardAttributes]?: LmvzCard[K] } & { [K in keyof LmvzCard & keyof LmvzCardAttributes as `attr:${K}`]?: LmvzCardAttributes[K] } & { [K in keyof LmvzCard & keyof LmvzCardAttributes as `prop:${K}`]?: LmvzCard[K] };
         "lmvz-checkbox": Omit<LmvzCheckbox, keyof LmvzCheckboxAttributes> & { [K in keyof LmvzCheckbox & keyof LmvzCheckboxAttributes]?: LmvzCheckbox[K] } & { [K in keyof LmvzCheckbox & keyof LmvzCheckboxAttributes as `attr:${K}`]?: LmvzCheckboxAttributes[K] } & { [K in keyof LmvzCheckbox & keyof LmvzCheckboxAttributes as `prop:${K}`]?: LmvzCheckbox[K] } & OneOf<"label", LmvzCheckbox["label"], LmvzCheckboxAttributes["label"]>;
         "lmvz-chip": Omit<LmvzChip, keyof LmvzChipAttributes> & { [K in keyof LmvzChip & keyof LmvzChipAttributes]?: LmvzChip[K] } & { [K in keyof LmvzChip & keyof LmvzChipAttributes as `attr:${K}`]?: LmvzChipAttributes[K] } & { [K in keyof LmvzChip & keyof LmvzChipAttributes as `prop:${K}`]?: LmvzChip[K] };
         "lmvz-datepicker": Omit<LmvzDatepicker, keyof LmvzDatepickerAttributes> & { [K in keyof LmvzDatepicker & keyof LmvzDatepickerAttributes]?: LmvzDatepicker[K] } & { [K in keyof LmvzDatepicker & keyof LmvzDatepickerAttributes as `attr:${K}`]?: LmvzDatepickerAttributes[K] } & { [K in keyof LmvzDatepicker & keyof LmvzDatepickerAttributes as `prop:${K}`]?: LmvzDatepicker[K] };

package/types/index.d.ts

@@ -2,11 +2,4 @@ export * from '@lmvz-ds/aria-validation';
 export type * from './components.d.ts';
 export * from './api/ds.constants';
 export type { LmvzDS, Typography } from './api';
-export * from './components/lmvz-message/public';
-export * from './components/lmvz-snackbar/public';
-export * from './utils/public';
-declare global {
-    interface Window {
-        LmvzApi: LmvzApi;
-    }
-}
+export * from './api/public-utils';

package/types/stencil-public-runtime.d.ts

@@ -1008,6 +1008,7 @@ export declare namespace JSXBase {
         onClose?: (event: Event) => void;
         open?: boolean;
         returnValue?: string;
+        closedby?: 'any' | 'closerequest' | 'none';
     }
     interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
@@ -1045,6 +1046,8 @@ export declare namespace JSXBase {
         allowtransparency?: string | boolean;
         frameBorder?: number | string;
         frameborder?: number | string;
+        fetchPriority?: 'high' | 'low' | 'auto';
+        fetchpriority?: 'high' | 'low' | 'auto';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
         loading?: 'lazy' | 'auto' | 'eager';
@@ -1067,6 +1070,8 @@ export declare namespace JSXBase {
         crossOrigin?: string;
         crossorigin?: string;
         decoding?: 'async' | 'auto' | 'sync';
+        fetchPriority?: 'high' | 'low' | 'auto';
+        fetchpriority?: 'high' | 'low' | 'auto';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
         loading?: 'lazy' | 'auto' | 'eager';
@@ -1166,6 +1171,8 @@ export declare namespace JSXBase {
     }
     interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
         as?: string;
+        fetchPriority?: 'high' | 'low' | 'auto';
+        fetchpriority?: 'high' | 'low' | 'auto';
         href?: string;
         hrefLang?: string;
         hreflang?: string;
@@ -1289,6 +1296,8 @@ export declare namespace JSXBase {
         crossOrigin?: string;
         crossorigin?: string;
         defer?: boolean;
+        fetchPriority?: 'high' | 'low' | 'auto';
+        fetchpriority?: 'high' | 'low' | 'auto';
         importance?: 'low' | 'auto' | 'high';
         integrity?: string;
         nonce?: string;
@@ -1404,7 +1413,10 @@ export declare namespace JSXBase {
         tabIndex?: number;
         tabindex?: number | string;
         title?: string;
+        translate?: 'yes' | 'no' | (string & {});
         popover?: string | null;
+        focusgroup?: string;
+        focusgroupstart?: boolean;
         inputMode?: string;
         inputmode?: string;
         enterKeyHint?: string;

package/collection/integration/header-integration/header-integration.js

@@ -1,51 +0,0 @@
-import { LmvzOnDemandProvider } from "@lmvz-ds/icons/on-demand";
-import { h, Host } from "@stencil/core";
-import { registerIconProvider, typedIconFromSet } from "../../utils/public";
-export class HeaderIntegration {
-    activeNav;
-    constructor() {
-        registerIconProvider('lmvz', new LmvzOnDemandProvider());
-    }
-    activate(event) {
-        const target = event.currentTarget;
-        const navItem = target.closest('[slot="nav-primary"]');
-        if (!navItem)
-            return;
-        const navId = navItem.id;
-        if (!navId) {
-            console.warn('Nav item does not have an id:', navItem);
-            return;
-        }
-        console.log('Activating nav item:', navId);
-        this.activeNav = navId;
-    }
-    render() {
-        return (h(Host, { key: 'fcade3c1829fa6c3c1911c7a98dffd57e08ce1fe' }, h("lmvz-header", { key: '69a4966cbd57347e693b2a28d71c3a711a27dece', lmvzActiveNav: this.activeNav }, h("lmvz-menuitem", { key: 'c9fe5ea860f09a7bfb10742ca59494a56a929634', slot: "nav-primary", id: "lehrmittel", onLmvzActivation: this.activate.bind(this) }, h("a", { key: '509de0e603fd7caab3c9afb3c33ba426687af626', href: "#" }, "Lehrmittel")), h("lmvz-menuitem", { key: '4b71922d9b24e498ffb9fad4ed51fe8129cdd24b', slot: "nav-primary", id: "verwaltung", onLmvzActivation: this.activate.bind(this) }, h("a", { key: 'f2748efdad33464b699d149658bffa081dfd40fc', href: "#" }, "Verwaltung")), h("lmvz-menuitem", { key: '928f2938d1869daff7392eae819d35915b3b354f', slot: "connect-nav-lehrmittel" }, h("lmvz-icon", { key: '4c685e59db6250418fbd4158ab4e3b9e220e6515', ...typedIconFromSet('lmvz', 'edit') }), "Deutsch 7"), h("lmvz-menuitem", { key: '904f4f480f313df8bb0d90ff871fa81d4e456bcd', slot: "connect-nav-lehrmittel" }, h("lmvz-icon", { key: '6048794171f6f5a121bd49ac9c74eb08d67cb714', ...typedIconFromSet('lmvz', 'edit') }), "Mathe 2"), h("lmvz-menuitem", { key: 'd27207e37a1f3c2a1190ef4f226e95447f3d5be2', slot: "connect-nav-verwaltung" }, h("lmvz-icon", { key: 'ab52392ef4174e0dca7db6e827169e6d6b96ef72', ...typedIconFromSet('lmvz', 'settings') }), "iwas mit Verwaltung"), h("lmvz-menuitem", { key: '80ee897b06f16a11b4bc8cbaefa47c5e91982248', slot: "connect-nav-verwaltung", "aria-label": "Einstellungen" }, h("lmvz-icon", { key: '62abb091e83d38a9b092609c4b4077d743c71238', ...typedIconFromSet('lmvz', 'settings') })), h("lmvz-button", { key: '97432e879cbad971666621c9fce3c83c8e380c6c', slot: "actions", "aria-label": "Benutzerkonto" }, h("lmvz-icon", { key: '991b8c9569eae3e9e073b421066369c62b348797', ...typedIconFromSet('lmvz', 'user'), size: "lg" })))));
-    }
-    static get is() { return "header-integration"; }
-    static get encapsulation() { return "shadow"; }
-    static get styles() { return ".active button {\n      background-color: var(--lmvz-semantic-color-status-selected);\n    }"; }
-    static get properties() {
-        return {
-            "activeNav": {
-                "type": "string",
-                "mutable": true,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "active-nav"
-            }
-        };
-    }
-}

package/components/p-0ctLESas.js

@@ -1 +0,0 @@
-const a=["primary","secondary","tertiary","danger"],s=["small","default","large"],t=["xs","sm","md","lg"],e=[...t,"xl"],r=["text","email","password","tel","url","search","number"],l=["sm","md","lg"],n=s,o=[...t,"inherit"],m=["thin","medium","bold"],d=["active","warning","success","error","neutral"],i=["default","small"],u=["internal","external"],c=["neutral","warning"],g=["success","warning","error"],p=["low","normal","high"],w=["timeout","manual","action","overridden","swallowed"],b=["top","bottom","start","end","top-start","top-end","bottom-start","bottom-end"],h=["sm","md","lg"];export{t as a,l as b,n as c,o as d,m as e,d as f,i as g,g as h,r as i,p as j,w as k,u as l,c as m,h as n,b as p,s,e as t,a as v}

package/components/p-DSDBThqb.js

@@ -1 +0,0 @@
-import{p as e,c as t,h as i,t as r}from"./p-DbBJxuBm.js";import{c as a}from"./p-BfTCfPZ1.js";import{A as o}from"./p-sACbyedu.js";import{b as n}from"./p-DIyiticz.js";import{R as s}from"./p-DXFoXTse.js";import{c as l}from"./p-bh9cItsP.js";let p=0;const m=e(class extends s{get el(){return this}get validationEl(){return this.el}lmvzInput;internals;inputValidityActive=!1;nativeInputElement;inputId="lmvz-input-"+p++;initialValue="";ariaHostMirrorObserver;nativeError=!1;errorFromProp=!1;get helperId(){return this.helperText?`${this.inputId}-helper`:void 0}get showErrorMessage(){return this.error&&Boolean(this.errorMessage)}get errorId(){return`${this.inputId}-error`}get describedBy(){const e=[];return this.helperId&&e.push(this.helperId),this.showErrorMessage&&e.push(this.errorId),e.length>0?e.join(" "):void 0}value;label;helperText;placeholder;disabled=!1;readonly=!1;required=!1;name;type="text";errorMessage;autocomplete;inputmode;autocorrect;autocapitalize;spellcheck;autofocus=!1;minlength;maxlength;pattern;min;max;step;form;size="md";get error(){return this.errorFromProp||this.nativeError}set error(e){this.errorFromProp=e}async setValue(e){const t=this.nativeInputElement,i=e??"";t&&t.value!==i&&(t.value=i),this.value=i,this.internals.setFormValue?.(i),this.lmvzInput.emit(i)}async focusInput(){this.nativeInputElement?.focus()}async blurInput(){this.nativeInputElement?.blur()}async select(){this.nativeInputElement?.select()}async checkValidity(){return this.nativeInputElement?.checkValidity?.()??!1}async reportValidity(){return this.nativeInputElement?.reportValidity?.()??!1}async getValidationMessage(){return this.nativeInputElement?.validationMessage??""}async getInputElement(){return this.nativeInputElement||await new Promise((e=>l(this.el,e))),Promise.resolve(this.nativeInputElement)}constructor(e){super(!1),!1!==e&&this.__registerHost(),this.lmvzInput=t(this,"lmvzInput",7),this.internals=this.attachInternals(),this.addController(new o(this,{reValidateOnPropChanges:!0}))}componentWillLoad(){this.initialValue=this.value??"",super.componentWillLoad()}connectedCallback(){super.connectedCallback(),this.ariaHostMirrorObserver=new MutationObserver((e=>{for(const t of e)this.mirrorHostAriaAttribute(t.attributeName)})),this.ariaHostMirrorObserver.observe(this.el,{attributes:!0,attributeFilter:[...n]})}disconnectedCallback(){super.disconnectedCallback(),this.ariaHostMirrorObserver?.disconnect(),this.ariaHostMirrorObserver=void 0}componentDidLoad(){super.componentDidLoad();for(const e of n)this.mirrorHostAriaAttribute(e)}mirrorHostAriaAttribute(e){if(e&&this.nativeInputElement)if(this.el.hasAttribute(e)){const t=this.el.getAttribute(e);null!==t&&this.nativeInputElement.setAttribute(e,t)}else this.nativeInputElement.removeAttribute(e)}formAssociatedCallback(e){e&&this.internals.setFormValue?.(this.value??"")}formResetCallback(){this.inputValidityActive=!1,this.internals.setValidity({}),this.setValue(this.initialValue),this.nativeInputElement?.checkValidity?.()&&(this.nativeError=!1)}formStateRestoreCallback(e){this.setValue(e)}handleValueChange(e){this.nativeInputElement&&(this.nativeInputElement.value===e||this.setValue(e))}handleDisabledChange(e){this.nativeInputElement&&(e?this.nativeInputElement.blur():this.inputValidityActive=!1)}handleInput=e=>{this.setValue(e.target.value),this.inputValidityActive&&this.updateNativeError("input")};handleInvalid=()=>this.updateNativeError("invalid");handleBlur=()=>{this.inputValidityActive=!0,this.updateNativeError("blur")};updateNativeError(e){const t=this.nativeInputElement;if(!t)return;const i="invalid"===e||!(t.checkValidity?.()??1);this.nativeError!==i&&(this.nativeError=i)}render(){const e=Boolean(this.value),t=e||Boolean(this.placeholder);return i("div",{key:"85f498773efdad53d309e8b1eb5b85ea0601277e",class:a("input-container",{"interaction-filled":e})},i("div",{key:"eb74bdd8170014c2a17c6046878b0f4d61fece25",class:"input-wrapper"},i("slot",{key:"ceb3acb5dcb641900caf9a22f43295d1c407ad2e",name:"before-input"}),i("div",{key:"a7f626addd83cbf79b435989bec94f777818794e",class:"label-input-group"},i("label",{key:"391e2d1f873f9aef9bd9e7f14b006d898a699abe",htmlFor:this.inputId,class:a({floating:t})},this.label,this.required&&i("span",{key:"691251a0efb1a60fd5e53447a6204c13008545a1",class:"required-indicator","aria-hidden":"true"}," ","*")),i("input",{key:"f37d3d7d5076636638b2da59cca91c1cedc7504a",id:this.inputId,ref:e=>this.nativeInputElement=e,type:this.type,min:this.min,max:this.max,step:this.step,value:this.value,name:this.name,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,required:this.required,form:this.form,autocomplete:this.autocomplete,inputmode:this.inputmode,autocorrect:this.autocorrect,autocapitalize:this.autocapitalize,spellcheck:this.spellcheck,autofocus:this.autofocus,minlength:this.minlength,maxlength:this.maxlength,pattern:this.pattern,"aria-invalid":this.error?"true":"false","aria-required":this.required?"true":"false","aria-describedby":this.describedBy,"aria-errormessage":this.errorId,onInput:this.handleInput,onBlur:this.handleBlur,onInvalid:this.handleInvalid})),i("slot",{key:"22b2be3072fc274bbeff4d92f25dccc5ea50c4d0",name:"after-input"})),i("div",{key:"95f28aad61a5d7ea45fb4479801097036652b08f",id:this.helperId,role:"status"},this.helperText||null),i("div",{key:"9ea8420b336b33a0fd3b7e53cc4efa44983cbdc3",id:this.errorId,role:"alert"},this.showErrorMessage&&this.errorMessage||null))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}],disabled:[{handleDisabledChange:0}]}}static get style(){return"@layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides;  @layer lmvz-ds.theme {   @font-face {   font-family: Router;   src:     local('RouterBook-Regular'),     local('Router-Book'),     url('/assets/fonts/Router-Book.woff') format('woff');   font-weight: 400; }  @font-face {   font-family: Router;   src:     local('RouterMedium-Regular'),     local('Router-Medium'),     url('/assets/fonts/Router-Medium.woff') format('woff');   font-weight: 500; }  @font-face {   font-family: Router;   src:     local('RouterBold-Regular'),     local('Router-Bold'),     url('/assets/fonts/Router-Bold.woff') format('woff');   font-weight: 700; }  } .sc-lmvz-input-h {   display: block;   font-family: var(--lmvz-global-font-family-default, Router);      --input-radius: var(--lmvz-component-input-radius-default, 999px);   --input-bg: var(--lmvz-semantic-color-surface-input-primary, #ffffff);   --input-border-color: var(--lmvz-semantic-color-border-default, #e0e0e0);   --input-border-color-hover: var(--lmvz-semantic-color-border-hover, #a1a1a1);   --input-border-color-focus: var(--lmvz-semantic-color-border-active, #0f8acc);   --input-border-width: var(--lmvz-semantic-border-width-default, 1px);       --input-height: var(--lmvz-component-input-size-md, clamp(2.5rem, 2.44rem + 0.26vw, 2.75rem));   --input-padding-x: var(--lmvz-component-input-padding-md, clamp(0.88rem, 0.84rem + 0.13vw, 1rem));   --input-gap: var(--lmvz-component-input-gap-md, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   --input-font-size: var(--lmvz-component-body-md-font-size, clamp(0.88rem, 0.84rem + 0.13vw, 1rem));    --label-color: var(--lmvz-semantic-color-on-surface-input-secondary, #545454);   --input-text-color: var(--lmvz-semantic-color-on-surface-input-primary, #000000);   --helper-text-color: var(--lmvz-semantic-color-on-surface-input-secondary, #545454);   --error-text-color: var(--lmvz-semantic-color-status-on-danger, #a31419);    --label-minimized-bg: var(--input-bg);   --label-minimized-padding-x: 4px;       --input-disabled-opacity: var(--lmvz-component-input-disabled-opacity, 40%); }  [size='sm'].sc-lmvz-input-h {   --input-height: var(--lmvz-component-input-size-sm, clamp(2rem, 1.94rem + 0.26vw, 2.25rem));   --input-padding-x: var(--lmvz-component-input-padding-sm, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem));   --input-gap: var(--lmvz-component-input-gap-sm, clamp(0.38rem, 0.31rem + 0.26vw, 0.63rem));   --input-font-size: var(--lmvz-component-body-sm-font-size, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem)); } [size='md'].sc-lmvz-input-h {   --input-height: var(--lmvz-component-input-size-md, clamp(2.5rem, 2.44rem + 0.26vw, 2.75rem));   --input-padding-x: var(--lmvz-component-input-padding-md, clamp(0.88rem, 0.84rem + 0.13vw, 1rem));   --input-gap: var(--lmvz-component-input-gap-md, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   --input-font-size: var(--lmvz-component-body-md-font-size, clamp(0.88rem, 0.84rem + 0.13vw, 1rem)); } [size='lg'].sc-lmvz-input-h {   --input-height: var(--lmvz-component-input-size-lg, clamp(2.75rem, 2.69rem + 0.26vw, 3rem));   --input-padding-x: var(--lmvz-component-input-padding-lg, clamp(1rem, 0.94rem + 0.26vw, 1.25rem));   --input-gap: var(--lmvz-component-input-gap-lg, clamp(0.75rem, 0.69rem + 0.26vw, 1rem));   --input-font-size: var(--lmvz-component-body-lg-font-size, clamp(1rem, 0.97rem + 0.13vw, 1.13rem)); } .input-container.sc-lmvz-input {   display: flex;   flex-direction: column;   position: relative;   width: 100%; } .input-wrapper.sc-lmvz-input {   background-color: var(--input-bg);   border: var(--input-border-width) solid var(--input-border-color);   border-radius: var(--input-radius);   display: flex;   align-items: center;   height: var(--input-height);   padding: 0 var(--input-padding-x);   position: relative;   transition: border-color 0.2s ease;   gap: var(--input-gap); } [disabled].sc-lmvz-input-h .input-wrapper.sc-lmvz-input {   opacity: var(--input-disabled-opacity);   cursor: not-allowed;   pointer-events: none; } .sc-lmvz-input-h:has(:focus-visible) .input-wrapper.sc-lmvz-input {   border-color: var(--input-border-color-focus);   outline: var(--lmvz-ds-outline, 1px solid #0e7ab4);   outline-offset: var(--lmvz-ds-outline-offset, clamp(0.25rem, 0.19rem + 0.26vw, 0.5rem)); }  [error].sc-lmvz-input-h .input-wrapper.sc-lmvz-input {   border-color: var(--error-text-color); }  .sc-lmvz-input-h:not([disabled]) .input-wrapper.sc-lmvz-input:hover {   border-color: var(--input-border-color-hover); } .label-input-group.sc-lmvz-input {   position: relative;   flex-grow: 1;   display: flex;   align-items: center;   height: 100%; } label.sc-lmvz-input {   position: absolute;   left: 0;   top: 50%;   transform: translateY(-50%);   color: var(--label-color);   font-size: var(--input-font-size);   font-weight: 400;   pointer-events: none;   transition: all 0.2s ease-out;   background-color: transparent;   padding: 0;   margin: 0;   line-height: 1.5;   white-space: nowrap; } label.floating.sc-lmvz-input {   top: 0.5em;   transform: translateY(-100%);   transform-origin: left top;   font-size: var(--lmvz-component-body-2xs-font-size, clamp(0.5rem, 0.47rem + 0.13vw, 0.63rem));   background-color: var(--label-minimized-bg);   padding: 0 var(--label-minimized-padding-x);   left: -2px;    color: var(--input-text-color);    font-weight: 400; } .required-indicator.sc-lmvz-input {   color: var(--error-text-color);   margin-left: 2px; } input.sc-lmvz-input {   border: none;   background: transparent;   width: 100%;   height: 100%;   color: var(--input-text-color);   font-family: inherit;   font-size: var(--input-font-size);   outline: none;   padding: 0;   margin: 0;   font-weight: 400; } input.sc-lmvz-input::placeholder {   color: var(--label-color); } div.sc-lmvz-input:empty {   display: none; } [role='status'].sc-lmvz-input {   padding-top: 8px;    padding-left: var(--input-padding-x);   font-size: 12px;   color: var(--helper-text-color);   font-weight: 400; } [role='alert'].sc-lmvz-input {   padding-top: 8px;   padding-left: var(--input-padding-x);   font-size: 12px;   color: var(--error-text-color);   font-weight: 400; } .sc-lmvz-input-s > lmvz-button {      --lmvz-button-padding: var(--lmvz-dimension-6-4, clamp(0.25rem, 0.22rem + 0.13vw, 0.38rem));   --lmvz-button-min-height-override: var(--lmvz-component-input-size-sm, clamp(2rem, 1.94rem + 0.26vw, 2.25rem)); }"}},[838,"lmvz-input",{value:[1025],label:[1],helperText:[1,"helper-text"],placeholder:[1],disabled:[516],readonly:[516],required:[516],name:[1],type:[1],errorMessage:[1,"error-message"],autocomplete:[1],inputmode:[1],autocorrect:[1],autocapitalize:[1],spellcheck:[4],autofocus:[4],minlength:[2],maxlength:[2],pattern:[1],min:[8],max:[8],step:[8],form:[1],size:[513],error:[6660],nativeError:[32],setValue:[64],focusInput:[64],blurInput:[64],select:[64],checkValidity:[64],reportValidity:[64],getValidationMessage:[64],getInputElement:[64]},void 0,{value:[{handleValueChange:0}],disabled:[{handleDisabledChange:0}]}]);function c(){"undefined"!=typeof customElements&&["lmvz-input"].forEach((e=>{"lmvz-input"===e&&(customElements.get(r(e))||customElements.define(r(e),m))}))}export{m as L,c as d}

package/components/p-DXhP6UeF.js

@@ -1 +0,0 @@
-import{p as i,h as e,d as t,t as s}from"./p-DbBJxuBm.js";import{p as o}from"./p-DjvtQE7c.js";import{A as n}from"./p-sACbyedu.js";import{a as c}from"./p-CyDgnpOB.js";import{R as a}from"./p-DXFoXTse.js";const r=i(class extends a{intersectionObserver;ariaValidationController=new n(this);get el(){return this}validationEl;icon;weight="medium";size="md";iconset;iconData;visible=!1;ariaLabel;get ariaHidden(){return!this.ariaLabel}constructor(i){super(!1),!1!==i&&this.__registerHost(),this.addController(this.ariaValidationController)}connectedCallback(){this.waitUntilVisible((()=>{this.visible=!0,this.loadIconPathData()})),super.connectedCallback()}disconnectedCallback(){this.intersectionObserver&&"function"==typeof this.intersectionObserver.disconnect&&this.intersectionObserver.disconnect(),this.intersectionObserver=void 0,super.disconnectedCallback()}async loadIconPathData(){const{icon:i,iconset:e,visible:t}=this;if(!i||!t)return;const s=o(i);this.iconData=s||await c({icon:i,iconset:e})}componentDidRender(){this.validationEl=this.el.querySelector("svg"),this.ariaValidationController.revalidateAria(),super.componentDidRender()}render(){return e(t,{key:"be6032d11399289c3baddd63ebc7d9e1fb98b773",role:"img","aria-hidden":`${this.ariaHidden}`,innerHTML:this.iconData})}waitUntilVisible(i,e=50){"undefined"!=typeof window&&window.IntersectionObserver?(this.intersectionObserver=new IntersectionObserver((e=>{e.some((e=>!!e.isIntersecting&&(this.intersectionObserver&&"function"==typeof this.intersectionObserver.disconnect&&this.intersectionObserver.disconnect(),this.intersectionObserver=void 0,i(),!0)))}),{rootMargin:`${e}px`}),this.intersectionObserver.observe(this.el)):i()}static get watchers(){return{icon:[{loadIconPathData:0}],iconset:[{loadIconPathData:0}]}}static get style(){return".sc-lmvz-icon-h{--lmvz-icon-color:var(--lmvz-component-color, var(--lmvz-semantic-color-on-surface-input-primary, #000000));--lmvz-icon-size:var(--lmvz-component-size, var(--lmvz-component-icon-size-md, clamp(1rem, 0.94rem + 0.26vw, 1.25rem)));display:inline-block;line-height:0;svg{display:block;height:var(--lmvz-icon-size);width:auto}svg path{stroke:var(--lmvz-icon-color);fill:none}}[size='xs'].sc-lmvz-icon-h{svg{--lmvz-icon-size:var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem))}}[size='sm'].sc-lmvz-icon-h{svg{--lmvz-icon-size:var(--lmvz-component-icon-size-sm, clamp(0.88rem, 0.84rem + 0.13vw, 1rem))}}[size='md'].sc-lmvz-icon-h{svg{--lmvz-icon-size:var(--lmvz-component-icon-size-md, clamp(1rem, 0.94rem + 0.26vw, 1.25rem))}}[size='lg'].sc-lmvz-icon-h{svg{--lmvz-icon-size:var(--lmvz-component-icon-size-lg, clamp(1.25rem, 1.19rem + 0.26vw, 1.5rem))}}[size='inherit'].sc-lmvz-icon-h{svg{height:var(--lmvz-component-size, inherit)}}[weight='light'].sc-lmvz-icon-h{svg path{stroke-width:1}}[weight='medium'].sc-lmvz-icon-h{svg path{stroke-width:1.5}}[weight='bold'].sc-lmvz-icon-h{svg path{stroke-width:2}}[weight='filled'].sc-lmvz-icon-h{svg path{stroke-width:2;fill:var(--lmvz-icon-color)}}"}},[514,"lmvz-icon",{icon:[513],weight:[513],size:[513],iconset:[513],ariaLabel:[513,"aria-label"],iconData:[32],visible:[32]},void 0,{icon:[{loadIconPathData:0}],iconset:[{loadIconPathData:0}]}]);function m(){"undefined"!=typeof customElements&&["lmvz-icon"].forEach((i=>{"lmvz-icon"===i&&(customElements.get(s(i))||customElements.define(s(i),r))}))}export{r as L,m as d}