@lmvz-ds/components 0.14.1 → 0.16.0

package/dist/stencil.config.base.js

@@ -0,0 +1,45 @@
+import { postcss } from "@stencil-community/postcss";
+import path from "node:path";
+import autoVarFallback from "postcss-auto-var-fallback";
+import postcssImport from "postcss-import";
+export const config = {
+    namespace: 'lmvz-components',
+    outputTargets: [
+        {
+            type: 'dist',
+            esmLoaderPath: '../loader',
+            empty: true,
+        },
+        {
+            type: 'dist-custom-elements',
+            isPrimaryPackageOutputTarget: true,
+            generateTypeDeclarations: true,
+            customElementsExportBehavior: 'single-export-module',
+            externalRuntime: false,
+            empty: true,
+        },
+        {
+            type: 'docs-json',
+            file: 'dist/manifest.json',
+        },
+    ],
+    plugins: [
+        postcss({
+            plugins: [
+                postcssImport({
+                    root: path.resolve(__dirname, '../../'),
+                    filter: (path) => !path.startsWith('/assets/'),
+                }),
+                autoVarFallback({
+                    fallbacks: [
+                        path.resolve(__dirname, '../../packages/design-tokens/dist/css/variables.base.css'),
+                        path.resolve(__dirname, '../../packages/design-tokens/dist/css/variables.light.global.css'),
+                        path.resolve(__dirname, '../../lib/styles/variables/_typography.css'),
+                    ],
+                }),
+            ],
+        }),
+    ],
+    watchIgnoredRegex: [/src\/themes\/[^\/]+\.css$/],
+};
+//# sourceMappingURL=stencil.config.base.js.map

package/dist/stencil.config.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stencil.config.base.js","sourceRoot":"","sources":["../stencil.config.base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAGrD,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,eAAe,MAAM,2BAA2B,CAAC;AACxD,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAE3C,MAAM,CAAC,MAAM,MAAM,GAAW;IAC5B,SAAS,EAAE,iBAAiB;IAE5B,aAAa,EAAE;QACb;YAEE,IAAI,EAAE,MAAM;YACZ,aAAa,EAAE,WAAW;YAC1B,KAAK,EAAE,IAAI;SACe;QAC5B;YAEE,IAAI,EAAE,sBAAsB;YAC5B,4BAA4B,EAAE,IAAI;YAClC,wBAAwB,EAAE,IAAI;YAE9B,4BAA4B,EAAE,sBAAsB;YAEpD,eAAe,EAAE,KAAK;YACtB,KAAK,EAAE,IAAI;SAC6B;QAC1C;YACE,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,oBAAoB;SACI;KACxB;IACV,OAAO,EAAE;QACP,OAAO,CAAC;YACN,OAAO,EAAE;gBACP,aAAa,CAAC;oBACZ,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC;oBACvC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC;iBAC/C,CAAC;gBACF,eAAe,CAAC;oBACd,SAAS,EAAE;wBACT,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,0DAA0D,CAAC;wBACnF,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,kEAAkE,CAAC;wBAC3F,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,4CAA4C,CAAC;qBACtE;iBACF,CAAC;aACH;SACF,CAAC;KACH;IAED,iBAAiB,EAAE,CAAC,2BAA2B,CAAC;CACjD,CAAC","sourcesContent":["import { postcss } from '@stencil-community/postcss';\nimport { Config } from '@stencil/core';\nimport type { OutputTargetDist, OutputTargetDistCustomElements, OutputTargetDocsJson } from '@stencil/core/internal';\nimport path from 'node:path';\nimport autoVarFallback from 'postcss-auto-var-fallback';\nimport postcssImport from 'postcss-import';\n\nexport const config: Config = {\n  namespace: 'lmvz-components',\n\n  outputTargets: [\n    {\n      // \"classic\", bundled distribution; supports lazy loading\n      type: 'dist',\n      esmLoaderPath: '../loader',\n      empty: true,\n    } satisfies OutputTargetDist,\n    {\n      // distribution of custom elements only, with dedicated per-component entrypoints ...\n      type: 'dist-custom-elements',\n      isPrimaryPackageOutputTarget: true,\n      generateTypeDeclarations: true,\n      // ... plus combined export module\n      customElementsExportBehavior: 'single-export-module',\n      // bundle stencil runtime with components\n      externalRuntime: false,\n      empty: true,\n    } satisfies OutputTargetDistCustomElements,\n    {\n      type: 'docs-json',\n      file: 'dist/manifest.json',\n    } satisfies OutputTargetDocsJson,\n  ] as const,\n  plugins: [\n    postcss({\n      plugins: [\n        postcssImport({\n          root: path.resolve(__dirname, '../../'),\n          filter: (path) => !path.startsWith('/assets/'),\n        }),\n        autoVarFallback({\n          fallbacks: [\n            path.resolve(__dirname, '../../packages/design-tokens/dist/css/variables.base.css'),\n            path.resolve(__dirname, '../../packages/design-tokens/dist/css/variables.light.global.css'),\n            path.resolve(__dirname, '../../lib/styles/variables/_typography.css'),\n          ],\n        }),\n      ],\n    }),\n  ],\n  // eslint-disable-next-line no-useless-escape\n  watchIgnoredRegex: [/src\\/themes\\/[^\\/]+\\.css$/],\n};\n"]}

package/dist/stencil.config.dev.js

@@ -0,0 +1,22 @@
+import { config as baseConfig } from "./stencil.config.base";
+export const config = {
+    ...baseConfig,
+    sourceMap: true,
+    generateExportMaps: false,
+    validateTypes: false,
+    enableCache: true,
+    devMode: true,
+    outputTargets: [
+        ...baseConfig.outputTargets,
+        {
+            type: 'www',
+            copy: [{ src: '../../styles/dist', dest: '' }],
+        },
+    ],
+    devServer: {
+        reloadStrategy: 'pageReload',
+        port: 4444,
+        openBrowser: false,
+    },
+};
+//# sourceMappingURL=stencil.config.dev.js.map

package/dist/stencil.config.dev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stencil.config.dev.js","sourceRoot":"","sources":["../stencil.config.dev.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,CAAC,MAAM,MAAM,GAAW;IAC5B,GAAG,UAAU;IACb,SAAS,EAAE,IAAI;IACf,kBAAkB,EAAE,KAAK;IACzB,aAAa,EAAE,KAAK;IACpB,WAAW,EAAE,IAAI;IACjB,OAAO,EAAE,IAAI;IAEb,aAAa,EAAE;QACb,GAAG,UAAU,CAAC,aAAa;QAC3B;YACE,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;SACrB;KAC5B;IACD,SAAS,EAAE;QACT,cAAc,EAAE,YAAY;QAC5B,IAAI,EAAE,IAAI;QACV,WAAW,EAAE,KAAK;KACc;CACnC,CAAC","sourcesContent":["import type { Config } from '@stencil/core';\nimport type { OutputTargetWww, StencilDevServerConfig } from '@stencil/core/internal';\nimport { config as baseConfig } from './stencil.config.base';\n\nexport const config: Config = {\n  ...baseConfig,\n  sourceMap: true,\n  generateExportMaps: false,\n  validateTypes: false,\n  enableCache: true,\n  devMode: true,\n\n  outputTargets: [\n    ...baseConfig.outputTargets,\n    {\n      type: 'www',\n      copy: [{ src: '../../styles/dist', dest: '' }],\n    } satisfies OutputTargetWww,\n  ],\n  devServer: {\n    reloadStrategy: 'pageReload',\n    port: 4444,\n    openBrowser: false,\n  } satisfies StencilDevServerConfig,\n};\n"]}

package/dist/stencil.config.integration.js

@@ -0,0 +1,27 @@
+import { angularOutputTarget } from "@stencil/angular-output-target";
+import { config as baseConfig } from "./stencil.config.base";
+const angularValueAccessorBindings = [
+    {
+        elementSelectors: ['lmvz-input'],
+        event: 'lmvzInput',
+        targetAttr: 'value',
+        type: 'text',
+    },
+];
+export const config = {
+    ...baseConfig,
+    sourceMap: true,
+    enableCache: false,
+    buildDist: true,
+    outputTargets: [
+        ...baseConfig.outputTargets,
+        angularOutputTarget({
+            componentCorePackage: '@lmvz-ds/components',
+            outputType: 'standalone',
+            directivesProxyFile: '../angular/projects/component-library/src/generated/proxies.ts',
+            directivesArrayFile: '../angular/projects/component-library/src/generated/index.ts',
+            valueAccessorConfigs: angularValueAccessorBindings,
+        }),
+    ],
+};
+//# sourceMappingURL=stencil.config.integration.js.map

package/dist/stencil.config.integration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stencil.config.integration.js","sourceRoot":"","sources":["../stencil.config.integration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAA4B,MAAM,gCAAgC,CAAC;AAG/F,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,4BAA4B,GAA0B;IAC1D;QACE,gBAAgB,EAAE,CAAC,YAAY,CAAC;QAChC,KAAK,EAAE,WAAW;QAClB,UAAU,EAAE,OAAO;QACnB,IAAI,EAAE,MAAM;KACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAW;IAC5B,GAAG,UAAU;IACb,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,KAAK;IAClB,SAAS,EAAE,IAAI;IAEf,aAAa,EAAE;QACb,GAAG,UAAU,CAAC,aAAa;QAC3B,mBAAmB,CAAC;YAClB,oBAAoB,EAAE,qBAAqB;YAC3C,UAAU,EAAE,YAAY;YACxB,mBAAmB,EAAE,gEAAgE;YACrF,mBAAmB,EAAE,8DAA8D;YACnF,oBAAoB,EAAE,4BAA4B;SACnD,CAA8B;KAChC;CACF,CAAC","sourcesContent":["import { angularOutputTarget, type ValueAccessorConfig } from '@stencil/angular-output-target';\nimport type { Config } from '@stencil/core';\nimport type { OutputTargetCustom } from '@stencil/core/internal';\nimport { config as baseConfig } from './stencil.config.base';\n\nconst angularValueAccessorBindings: ValueAccessorConfig[] = [\n  {\n    elementSelectors: ['lmvz-input'],\n    event: 'lmvzInput',\n    targetAttr: 'value',\n    type: 'text',\n  },\n];\n\nexport const config: Config = {\n  ...baseConfig,\n  sourceMap: true,\n  enableCache: false,\n  buildDist: true,\n\n  outputTargets: [\n    ...baseConfig.outputTargets,\n    angularOutputTarget({\n      componentCorePackage: '@lmvz-ds/components',\n      outputType: 'standalone',\n      directivesProxyFile: '../angular/projects/component-library/src/generated/proxies.ts',\n      directivesArrayFile: '../angular/projects/component-library/src/generated/index.ts',\n      valueAccessorConfigs: angularValueAccessorBindings,\n    }) satisfies OutputTargetCustom,\n  ],\n};\n"]}

package/dist/stencil.config.js

@@ -0,0 +1,16 @@
+import { config as baseConfig } from "./stencil.config.base";
+export const config = {
+    ...baseConfig,
+    outputTargets: [
+        ...baseConfig.outputTargets,
+        {
+            type: 'dist-custom-elements',
+            customElementsExportBehavior: 'auto-define-custom-elements',
+            externalRuntime: false,
+        },
+        {
+            type: 'docs-readme',
+        },
+    ],
+};
+//# sourceMappingURL=stencil.config.js.map

package/dist/stencil.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../stencil.config.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAK7D,MAAM,CAAC,MAAM,MAAM,GAAW;IAC5B,GAAG,UAAU;IACb,aAAa,EAAE;QACb,GAAG,UAAU,CAAC,aAAa;QAC3B;YACE,IAAI,EAAE,sBAAsB;YAC5B,4BAA4B,EAAE,6BAA6B;YAC3D,eAAe,EAAE,KAAK;SACkB;QAC1C;YACE,IAAI,EAAE,aAAa;SACpB;KACF;CACF,CAAC","sourcesContent":["import type { Config } from '@stencil/core';\nimport type { OutputTargetDistCustomElements } from '@stencil/core/internal';\nimport { config as baseConfig } from './stencil.config.base';\n\n//! This is actually the testing config.\n//! Due to a bug in @stencil/vitest the file name cannot be changed.\n\nexport const config: Config = {\n  ...baseConfig,\n  outputTargets: [\n    ...baseConfig.outputTargets,\n    {\n      type: 'dist-custom-elements',\n      customElementsExportBehavior: 'auto-define-custom-elements',\n      externalRuntime: false,\n    } satisfies OutputTargetDistCustomElements,\n    {\n      type: 'docs-readme',\n    },\n  ],\n};\n"]}

package/dist/stencil.config.prod.js

@@ -0,0 +1,30 @@
+import { reactOutputTarget } from "@stencil/react-output-target";
+import { config as integrationConfig } from "./stencil.config.integration";
+export const config = {
+    ...integrationConfig,
+    devMode: false,
+    sourceMap: false,
+    generateExportMaps: true,
+    validateTypes: true,
+    validatePrimaryPackageOutputTarget: true,
+    excludeComponents: ['*-integration', 'demo-*'],
+    bundles: [{ components: ['lmvz-menuitem'] }, { components: ['lmvz-header', 'lmvz-menuitem'] }],
+    outputTargets: [
+        ...integrationConfig.outputTargets,
+        {
+            type: 'dist-hydrate-script',
+            dir: './hydrate',
+        },
+        reactOutputTarget({
+            outDir: '../react/lib/components/stencil-generated/',
+            hydrateModule: '@lmvz-ds/components/hydrate',
+            clientModule: '@lmvz-ds/components/client',
+            esModules: true,
+        }),
+        {
+            type: 'docs-readme',
+            footer: '',
+        },
+    ],
+};
+//# sourceMappingURL=stencil.config.prod.js.map

package/dist/stencil.config.prod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stencil.config.prod.js","sourceRoot":"","sources":["../stencil.config.prod.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAE3E,MAAM,CAAC,MAAM,MAAM,GAAW;IAC5B,GAAG,iBAAiB;IACpB,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,KAAK;IAChB,kBAAkB,EAAE,IAAI;IACxB,aAAa,EAAE,IAAI;IACnB,kCAAkC,EAAE,IAAI;IAIxC,iBAAiB,EAAE,CAAC,eAAe,EAAE,QAAQ,CAAC;IAI9C,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,eAAe,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,EAAE,CAAC;IAE9F,aAAa,EAAE;QACb,GAAG,iBAAiB,CAAC,aAAa;QAClC;YACE,IAAI,EAAE,qBAAqB;YAC3B,GAAG,EAAE,WAAW;SACa;QAC/B,iBAAiB,CAAC;YAChB,MAAM,EAAE,4CAA4C;YACpD,aAAa,EAAE,6BAA6B;YAC5C,YAAY,EAAE,4BAA4B;YAC1C,SAAS,EAAE,IAAI;SAChB,CAA8B;QAC/B;YACE,IAAI,EAAE,aAAa;YACnB,MAAM,EAAE,EAAE;SACsB;KACnC;CACF,CAAC","sourcesContent":["import type { Config } from '@stencil/core';\nimport type { OutputTargetCustom, OutputTargetDocsReadme, OutputTargetHydrate } from '@stencil/core/internal';\nimport { reactOutputTarget } from '@stencil/react-output-target';\nimport { config as integrationConfig } from './stencil.config.integration';\n\nexport const config: Config = {\n  ...integrationConfig,\n  devMode: false,\n  sourceMap: false,\n  generateExportMaps: true,\n  validateTypes: true,\n  validatePrimaryPackageOutputTarget: true,\n\n  // test-only components should be excluded from the production build\n  // this is why we need a second build pass before deploying storybook\n  excludeComponents: ['*-integration', 'demo-*'],\n\n  // bundles defined here will be used before Stencil's own bundle optimization,\n  // so we can ensure that technically unrelated but logically grouped components — e.g. header and menuitem — are bundled together\n  bundles: [{ components: ['lmvz-menuitem'] }, { components: ['lmvz-header', 'lmvz-menuitem'] }],\n\n  outputTargets: [\n    ...integrationConfig.outputTargets,\n    {\n      type: 'dist-hydrate-script',\n      dir: './hydrate',\n    } satisfies OutputTargetHydrate,\n    reactOutputTarget({\n      outDir: '../react/lib/components/stencil-generated/',\n      hydrateModule: '@lmvz-ds/components/hydrate',\n      clientModule: '@lmvz-ds/components/client',\n      esModules: true,\n    }) satisfies OutputTargetCustom,\n    {\n      type: 'docs-readme',\n      footer: '', // hide \"Built with StencilJS\"\n    } satisfies OutputTargetDocsReadme,\n  ],\n};\n"]}

package/dist/types/Users/patrick.nemenz/workspace/lmvz/lmvz-ds/packages/components/.stencil/stencil.config.base.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/Users/patrick.nemenz/workspace/lmvz/lmvz-ds/packages/components/.stencil/stencil.config.d.ts

@@ -0,0 +1,2 @@
+import type { Config } from '../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/Users/patrick.nemenz/workspace/lmvz/lmvz-ds/packages/components/.stencil/stencil.config.dev.d.ts

@@ -0,0 +1,2 @@
+import type { Config } from '../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/Users/patrick.nemenz/workspace/lmvz/lmvz-ds/packages/components/.stencil/stencil.config.integration.d.ts

@@ -0,0 +1,2 @@
+import type { Config } from '../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/Users/patrick.nemenz/workspace/lmvz/lmvz-ds/packages/components/.stencil/stencil.config.prod.d.ts

@@ -0,0 +1,2 @@
+import type { Config } from '../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/components/lmvz-action/lmvz-action.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import type { EventEmitter } from '../../stencil-public-runtime';
 export declare class LmvzAction {
     actionClick: EventEmitter<MouseEvent>;
     private _onClick;

package/dist/types/components/lmvz-button/lmvz-button.d.ts

@@ -1,12 +1,12 @@
 import { type EventEmitter } from '../../stencil-public-runtime';
-import { Button } from '../../api';
+import type { Button } from '../../api';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
 import { type ElementActivationHost } from '../../utils/aria/element-activation-controller';
 import { type FormRef } from '../../utils/component';
 import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
 export declare class LmvzButton extends ReactiveControllerHost implements AriaValidationHost, ElementActivationHost {
     el: HTMLLmvzButtonElement;
-    validationEl: HTMLButtonElement;
+    validationEl: HTMLButtonElement | undefined;
     private inheritedAttributes;
     private formEl;
     private formButtonEl;

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import type { EventEmitter } from '../../stencil-public-runtime';
 export declare class LmvzCard {
     cardTitle: string;
     imageUrl?: string;

package/dist/types/components/lmvz-header/lmvz-header.d.ts

@@ -3,10 +3,10 @@ import { type ListKeyboardNavigationHost } from '../../utils/aria/list-keyboard-
 import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
 export declare class LmvzHeader extends ReactiveControllerHost implements AriaValidationHost, ListKeyboardNavigationHost {
     readonly el: HTMLElement;
-    readonly validationEl: HTMLElement;
-    private primarySlot;
-    private secondarySlot;
-    private secondaryNav;
+    get validationEl(): HTMLElement;
+    private primarySlot?;
+    private secondarySlot?;
+    private secondaryNav?;
     private keyboardNavigationController;
     private get primaryMenuitems();
     private get secondaryMenuitems();

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

@@ -1,15 +1,15 @@
-import { Icon } from '../../api';
+import type { Icon } from '../../api';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
 import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
 export declare class LmvzIcon extends ReactiveControllerHost implements AriaValidationHost {
-    private intersectionObserver;
+    private intersectionObserver?;
     private readonly ariaValidationController;
     el: HTMLElement;
-    validationEl: HTMLElement;
+    validationEl: HTMLElement | undefined;
     icon: Icon.IconName;
     weight?: Icon.IconWeight;
     size?: Icon.Size;
-    private iconData;
+    private iconData?;
     private visible;
     ariaLabel?: string;
     private get ariaHidden();

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

@@ -1,10 +1,10 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { Input } from '../../api';
+import { type EventEmitter } from '../../stencil-public-runtime';
+import type { Input } from '../../api';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
 import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
 export declare class LmvzInput extends ReactiveControllerHost implements AriaValidationHost {
     readonly el: HTMLElement;
-    readonly validationEl: HTMLElement;
+    get validationEl(): HTMLElement;
     lmvzInput: EventEmitter<string>;
     internals: ElementInternals;
     private nativeInputElement?;
@@ -47,7 +47,7 @@ export declare class LmvzInput extends ReactiveControllerHost implements AriaVal
     select(): Promise<void>;
     checkValidity(): Promise<boolean>;
     reportValidity(): Promise<boolean>;
-    getInputElement(): Promise<HTMLInputElement>;
+    getInputElement(): Promise<HTMLInputElement | undefined>;
     constructor();
     componentWillLoad(): void;
     formAssociatedCallback(form: HTMLFormElement | undefined): void;

package/dist/types/components/lmvz-menuitem/lmvz-menuitem.d.ts

@@ -1,11 +1,11 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { type EventEmitter } from '../../stencil-public-runtime';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
 import { type ElementActivationHost } from '../../utils/aria/element-activation-controller';
 import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
 export declare class LmvzMenuItem extends ReactiveControllerHost implements AriaValidationHost, ElementActivationHost {
     readonly el: HTMLElement;
-    validationEl: HTMLElement;
-    validationSlot: HTMLSlotElement;
+    get validationEl(): HTMLElement;
+    validationSlot?: HTMLSlotElement;
     get role(): string;
     get ti(): number;
     lmvzActivation: EventEmitter<void>;

package/dist/types/components/lmvz-select/lmvz-select.d.ts

@@ -0,0 +1,24 @@
+import { type EventEmitter } from '../../stencil-public-runtime';
+import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
+import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
+export declare class LmvzSelect extends ReactiveControllerHost implements AriaValidationHost {
+    readonly el: HTMLElement;
+    get validationEl(): HTMLElement;
+    private selectId;
+    private nativeSelectEl?;
+    constructor();
+    lmvzChange: EventEmitter<string>;
+    value?: string;
+    label: string;
+    helperText?: string;
+    disabled: boolean;
+    required: boolean;
+    name?: string;
+    private selectedLabel;
+    private get hasValue();
+    componentDidLoad(): void;
+    protected handleValueChange(newValue: string | undefined): void;
+    private syncSelectedLabel;
+    private handleChange;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -10,6 +10,9 @@ import { FormRef } from "./utils/component";
 export { Button, Icon, Input } from "./api";
 export { FormRef } from "./utils/component";
 export namespace Components {
+    interface HeaderIntegration {
+        "activeNav"?: string;
+    }
     interface LmvzAction {
     }
     interface LmvzButton {
@@ -166,7 +169,7 @@ export namespace Components {
         /**
           * Returns the native HTMLInputElement.  Promise resolves when the element is ready and the input is available. If the input is not yet rendered, it waits for the component to be ready.
          */
-        "getInputElement": () => Promise<HTMLInputElement>;
+        "getInputElement": () => Promise<HTMLInputElement | undefined>;
         /**
           * Helper text displayed below the input
          */
@@ -260,6 +263,49 @@ export namespace Components {
          */
         "ti": number;
     }
+    /**
+     * Select component with floating label and pill-shaped trigger.
+     * Wraps a native `<select>` element for full keyboard and form support.
+     * @example ```html
+     * <lmvz-select label="Country" name="country">
+     *   <option value="ch">Switzerland</option>
+     *   <option value="de">Germany</option>
+     *   <option value="at">Austria</option>
+     * </lmvz-select>
+     * ```
+     * @example ```typescript
+     * const select = document.querySelector('lmvz-select');
+     * select.addEventListener('lmvzChange', (e) => console.log(e.detail));
+     * ```
+     */
+    interface LmvzSelect {
+        /**
+          * Whether the select is disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Helper text displayed below the select field.
+         */
+        "helperText"?: string;
+        /**
+          * Label text displayed as a placeholder when no value is selected, and floated above the trigger when a value is present.
+         */
+        "label": string;
+        /**
+          * Name attribute passed to the native select for form submission.
+         */
+        "name"?: string;
+        /**
+          * Whether a value is required.
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * Currently selected value.
+         */
+        "value"?: string;
+    }
 }
 export interface LmvzActionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -281,7 +327,17 @@ export interface LmvzMenuitemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLmvzMenuitemElement;
 }
+export interface LmvzSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLmvzSelectElement;
+}
 declare global {
+    interface HTMLHeaderIntegrationElement extends Components.HeaderIntegration, HTMLStencilElement {
+    }
+    var HTMLHeaderIntegrationElement: {
+        prototype: HTMLHeaderIntegrationElement;
+        new (): HTMLHeaderIntegrationElement;
+    };
     interface HTMLLmvzActionElementEventMap {
         "actionClick": MouseEvent;
     }
@@ -412,7 +468,40 @@ declare global {
         prototype: HTMLLmvzMenuitemElement;
         new (): HTMLLmvzMenuitemElement;
     };
+    interface HTMLLmvzSelectElementEventMap {
+        "lmvzChange": string;
+    }
+    /**
+     * Select component with floating label and pill-shaped trigger.
+     * Wraps a native `<select>` element for full keyboard and form support.
+     * @example ```html
+     * <lmvz-select label="Country" name="country">
+     *   <option value="ch">Switzerland</option>
+     *   <option value="de">Germany</option>
+     *   <option value="at">Austria</option>
+     * </lmvz-select>
+     * ```
+     * @example ```typescript
+     * const select = document.querySelector('lmvz-select');
+     * select.addEventListener('lmvzChange', (e) => console.log(e.detail));
+     * ```
+     */
+    interface HTMLLmvzSelectElement extends Components.LmvzSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLmvzSelectElementEventMap>(type: K, listener: (this: HTMLLmvzSelectElement, ev: LmvzSelectCustomEvent<HTMLLmvzSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLLmvzSelectElementEventMap>(type: K, listener: (this: HTMLLmvzSelectElement, ev: LmvzSelectCustomEvent<HTMLLmvzSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLLmvzSelectElement: {
+        prototype: HTMLLmvzSelectElement;
+        new (): HTMLLmvzSelectElement;
+    };
     interface HTMLElementTagNameMap {
+        "header-integration": HTMLHeaderIntegrationElement;
         "lmvz-action": HTMLLmvzActionElement;
         "lmvz-button": HTMLLmvzButtonElement;
         "lmvz-card": HTMLLmvzCardElement;
@@ -421,11 +510,15 @@ declare global {
         "lmvz-icon": HTMLLmvzIconElement;
         "lmvz-input": HTMLLmvzInputElement;
         "lmvz-menuitem": HTMLLmvzMenuitemElement;
+        "lmvz-select": HTMLLmvzSelectElement;
     }
 }
 declare namespace LocalJSX {
     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 };
 
+    interface HeaderIntegration {
+        "activeNav"?: string;
+    }
     interface LmvzAction {
         "onActionClick"?: (event: LmvzActionCustomEvent<MouseEvent>) => void;
     }
@@ -487,7 +580,7 @@ declare namespace LocalJSX {
         "primaryActionLabel"?: string;
     }
     interface LmvzChip {
-        "text"?: string;
+        "text": string;
     }
     /**
      * An accessible, application-style navigation header component, that renders two connected levels of navigation.
@@ -665,7 +758,57 @@ declare namespace LocalJSX {
          */
         "ti"?: number;
     }
+    /**
+     * Select component with floating label and pill-shaped trigger.
+     * Wraps a native `<select>` element for full keyboard and form support.
+     * @example ```html
+     * <lmvz-select label="Country" name="country">
+     *   <option value="ch">Switzerland</option>
+     *   <option value="de">Germany</option>
+     *   <option value="at">Austria</option>
+     * </lmvz-select>
+     * ```
+     * @example ```typescript
+     * const select = document.querySelector('lmvz-select');
+     * select.addEventListener('lmvzChange', (e) => console.log(e.detail));
+     * ```
+     */
+    interface LmvzSelect {
+        /**
+          * Whether the select is disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Helper text displayed below the select field.
+         */
+        "helperText"?: string;
+        /**
+          * Label text displayed as a placeholder when no value is selected, and floated above the trigger when a value is present.
+         */
+        "label": string;
+        /**
+          * Name attribute passed to the native select for form submission.
+         */
+        "name"?: string;
+        /**
+          * Emitted when the user selects a new option. Detail contains the new value.
+         */
+        "onLmvzChange"?: (event: LmvzSelectCustomEvent<string>) => void;
+        /**
+          * Whether a value is required.
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * Currently selected value.
+         */
+        "value"?: string;
+    }
 
+    interface HeaderIntegrationAttributes {
+        "activeNav": string;
+    }
     interface LmvzButtonAttributes {
         "ti": number;
         "scale": Button.Scale;
@@ -723,22 +866,33 @@ declare namespace LocalJSX {
         "role": string;
         "ti": number;
     }
+    interface LmvzSelectAttributes {
+        "value": string;
+        "label": string;
+        "helperText": string;
+        "disabled": boolean;
+        "required": boolean;
+        "name": string;
+    }
 
     interface IntrinsicElements {
+        "header-integration": Omit<HeaderIntegration, keyof HeaderIntegrationAttributes> & { [K in keyof HeaderIntegration & keyof HeaderIntegrationAttributes]?: HeaderIntegration[K] } & { [K in keyof HeaderIntegration & keyof HeaderIntegrationAttributes as `attr:${K}`]?: HeaderIntegrationAttributes[K] } & { [K in keyof HeaderIntegration & keyof HeaderIntegrationAttributes as `prop:${K}`]?: HeaderIntegration[K] };
         "lmvz-action": LmvzAction;
         "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-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-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-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] } & OneOf<"text", LmvzChip["text"], LmvzChipAttributes["text"]>;
         "lmvz-header": Omit<LmvzHeader, keyof LmvzHeaderAttributes> & { [K in keyof LmvzHeader & keyof LmvzHeaderAttributes]?: LmvzHeader[K] } & { [K in keyof LmvzHeader & keyof LmvzHeaderAttributes as `attr:${K}`]?: LmvzHeaderAttributes[K] } & { [K in keyof LmvzHeader & keyof LmvzHeaderAttributes as `prop:${K}`]?: LmvzHeader[K] };
         "lmvz-icon": Omit<LmvzIcon, keyof LmvzIconAttributes> & { [K in keyof LmvzIcon & keyof LmvzIconAttributes]?: LmvzIcon[K] } & { [K in keyof LmvzIcon & keyof LmvzIconAttributes as `attr:${K}`]?: LmvzIconAttributes[K] } & { [K in keyof LmvzIcon & keyof LmvzIconAttributes as `prop:${K}`]?: LmvzIcon[K] } & OneOf<"icon", LmvzIcon["icon"], LmvzIconAttributes["icon"]>;
         "lmvz-input": Omit<LmvzInput, keyof LmvzInputAttributes> & { [K in keyof LmvzInput & keyof LmvzInputAttributes]?: LmvzInput[K] } & { [K in keyof LmvzInput & keyof LmvzInputAttributes as `attr:${K}`]?: LmvzInputAttributes[K] } & { [K in keyof LmvzInput & keyof LmvzInputAttributes as `prop:${K}`]?: LmvzInput[K] } & OneOf<"label", LmvzInput["label"], LmvzInputAttributes["label"]>;
         "lmvz-menuitem": Omit<LmvzMenuitem, keyof LmvzMenuitemAttributes> & { [K in keyof LmvzMenuitem & keyof LmvzMenuitemAttributes]?: LmvzMenuitem[K] } & { [K in keyof LmvzMenuitem & keyof LmvzMenuitemAttributes as `attr:${K}`]?: LmvzMenuitemAttributes[K] } & { [K in keyof LmvzMenuitem & keyof LmvzMenuitemAttributes as `prop:${K}`]?: LmvzMenuitem[K] };
+        "lmvz-select": Omit<LmvzSelect, keyof LmvzSelectAttributes> & { [K in keyof LmvzSelect & keyof LmvzSelectAttributes]?: LmvzSelect[K] } & { [K in keyof LmvzSelect & keyof LmvzSelectAttributes as `attr:${K}`]?: LmvzSelectAttributes[K] } & { [K in keyof LmvzSelect & keyof LmvzSelectAttributes as `prop:${K}`]?: LmvzSelect[K] } & OneOf<"label", LmvzSelect["label"], LmvzSelectAttributes["label"]>;
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "header-integration": LocalJSX.IntrinsicElements["header-integration"] & JSXBase.HTMLAttributes<HTMLHeaderIntegrationElement>;
             "lmvz-action": LocalJSX.IntrinsicElements["lmvz-action"] & JSXBase.HTMLAttributes<HTMLLmvzActionElement>;
             "lmvz-button": LocalJSX.IntrinsicElements["lmvz-button"] & JSXBase.HTMLAttributes<HTMLLmvzButtonElement>;
             "lmvz-card": LocalJSX.IntrinsicElements["lmvz-card"] & JSXBase.HTMLAttributes<HTMLLmvzCardElement>;
@@ -774,6 +928,22 @@ declare module "@stencil/core" {
              * A menu item component to be used within the `lmvz-header` component's navigation slots.
              */
             "lmvz-menuitem": LocalJSX.IntrinsicElements["lmvz-menuitem"] & JSXBase.HTMLAttributes<HTMLLmvzMenuitemElement>;
+            /**
+             * Select component with floating label and pill-shaped trigger.
+             * Wraps a native `<select>` element for full keyboard and form support.
+             * @example ```html
+             * <lmvz-select label="Country" name="country">
+             *   <option value="ch">Switzerland</option>
+             *   <option value="de">Germany</option>
+             *   <option value="at">Austria</option>
+             * </lmvz-select>
+             * ```
+             * @example ```typescript
+             * const select = document.querySelector('lmvz-select');
+             * select.addEventListener('lmvzChange', (e) => console.log(e.detail));
+             * ```
+             */
+            "lmvz-select": LocalJSX.IntrinsicElements["lmvz-select"] & JSXBase.HTMLAttributes<HTMLLmvzSelectElement>;
         }
     }
 }

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 export * from '@lmvz-ds/aria-validation';
 export type * from './components.d.ts';
 export * from './api';
-export { LmvzDS, Typography } from './api';
+export type { LmvzDS, Typography } from './api';
 export * from './components/lmvz-icon/public';
 export * from './utils/public';

package/dist/types/integration/header-integration.d.ts

@@ -0,0 +1,5 @@
+export declare class HeaderIntegration {
+    activeNav?: string;
+    private activate;
+    render(): any;
+}

package/dist/types/utils/aria/aria-validation-controller.d.ts

@@ -18,7 +18,7 @@ export declare class AriaValidationController implements ReactiveController {
     private static knownValidationErrors;
     get disabled(): boolean;
     private get useVerboseLogging();
-    constructor(host: AriaValidationHost, config?: Config);
+    constructor(host: AriaValidationHost, config?: Config | undefined);
     private readonly onRuntimeConfigChange;
     hostDidLoad(): void;
     hostDidUpdate(): void;

package/dist/types/utils/aria/element-activation-controller.d.ts

@@ -11,7 +11,7 @@ type Config = {
 export declare class ElementActivationController implements ReactiveController {
     private host;
     private config?;
-    constructor(host: ElementActivationHost, config?: Config);
+    constructor(host: ElementActivationHost, config?: Config | undefined);
     hostDidLoad(): void;
     private handleKeyDown;
     private handleActivation;