@lmvz-ds/components 0.14.1 → 0.16.0

package/dist/cjs/index-Bp6Dd2i1.js

@@ -1,94 +0,0 @@
-'use strict';
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-var classnames = {exports: {}};
-
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-
-var hasRequiredClassnames;
-
-function requireClassnames () {
-	if (hasRequiredClassnames) return classnames.exports;
-	hasRequiredClassnames = 1;
-	(function (module) {
-		/* global define */
-
-		(function () {
-
-			var hasOwn = {}.hasOwnProperty;
-
-			function classNames () {
-				var classes = '';
-
-				for (var i = 0; i < arguments.length; i++) {
-					var arg = arguments[i];
-					if (arg) {
-						classes = appendClass(classes, parseValue(arg));
-					}
-				}
-
-				return classes;
-			}
-
-			function parseValue (arg) {
-				if (typeof arg === 'string' || typeof arg === 'number') {
-					return arg;
-				}
-
-				if (typeof arg !== 'object') {
-					return '';
-				}
-
-				if (Array.isArray(arg)) {
-					return classNames.apply(null, arg);
-				}
-
-				if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
-					return arg.toString();
-				}
-
-				var classes = '';
-
-				for (var key in arg) {
-					if (hasOwn.call(arg, key) && arg[key]) {
-						classes = appendClass(classes, key);
-					}
-				}
-
-				return classes;
-			}
-
-			function appendClass (value, newClass) {
-				if (!newClass) {
-					return value;
-				}
-			
-				if (value) {
-					return value + ' ' + newClass;
-				}
-			
-				return value + newClass;
-			}
-
-			if (module.exports) {
-				classNames.default = classNames;
-				module.exports = classNames;
-			} else {
-				window.classNames = classNames;
-			}
-		}()); 
-	} (classnames));
-	return classnames.exports;
-}
-
-var classnamesExports = requireClassnames();
-var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
-
-exports.classNames = classNames;

package/dist/cjs/lmvz-button.cjs.entry.js

@@ -1,73 +0,0 @@
-'use strict';
-
-var index = require('./index-9ZJx0550.js');
-var index$1 = require('./index-Bp6Dd2i1.js');
-var reactiveControllerHost = require('./reactive-controller-host-DWpVosFu.js');
-var elementActivationController = require('./element-activation-controller-DC_6T0Rt.js');
-var component = require('./component-CRc6eHcV.js');
-require('./aria-loader-BBKbBZLq.js');
-
-const lmvzButtonCss = () => ` @layer           lmvz-ds.reset,           lmvz-ds.theme,           lmvz-ds.components,           lmvz-ds.overrides;  @layer lmvz-ds.theme { @font-face {   font-family: Router;   src:     local('Router-Book'),     url('/assets/fonts/Router-Book.woff') format('woff'),     local('Router');   font-weight: 400 normal; }  @font-face {   font-family: Router;   src:     local('Router-Medium'),     url('/assets/fonts/Router-Medium.woff') format('woff'),     local('Router');   font-weight: 500; }  @font-face {   font-family: Router;   src:     local('Router-Bold'),     url('/assets/fonts/Router-Bold.woff') format('woff'),     local('Router');   font-weight: 700 bold; }  } @layer lmvz-ds.reset { h1, h2, h3, h4, h5, h6 {   margin: 0; }  } :host {         button {   --lmvz-button-color: var(--lmvz-component-color, var(--lmvz-semantic-color-int-on-primary, #ffffff));   --lmvz-button-padding-inline: var(--lmvz-button-padding, var(--lmvz-component-input-md-padding-x, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)));   --lmvz-button-padding-block: var(--lmvz-button-padding, var(--lmvz-component-input-md-padding-y, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)));   --lmvz-button-gap: var(--lmvz-component-input-md-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   --lmvz-button-font: var(--lmvz-typography-body-lg, 400 clamp(1rem, 0.97rem + 0.13vw, 1.13rem) / 1.4     Router);   --lmvz-button-radius: var(--lmvz-component-input-radius-default, 999px);   --lmvz-button-border-width: 0;   --lmvz-button-border-color: transparent;   --lmvz-button-background: var(--lmvz-semantic-color-int-primary, #000000);    display: inline-flex;   align-items: center;   justify-content: center;   gap: var(--lmvz-button-gap);   padding-block: var(--lmvz-button-padding-block);   padding-inline: var(--lmvz-button-padding-inline);   border-radius: var(--lmvz-button-radius);   border: var(--lmvz-button-border-width) solid var(--lmvz-button-border-color);   background-color: var(--lmvz-button-background);   color: var(--lmvz-button-color);   cursor: pointer;   font: var(--lmvz-button-font);   text-align: center;   text-decoration: none;   white-space: nowrap;   transition:     background-color 0.15s ease,     color 0.15s ease,     border-color 0.15s ease,     box-shadow 0.15s ease; }  button > * {   font: inherit;   color: inherit; }  button:focus-visible {      outline: var(--lmvz-semantic-border-width-default, 1px) solid var(--lmvz-semantic-color-status-selected, #f1f9fe);   outline-offset: var(--lmvz-component-input-sm-padding-x, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem)); }  button:is([disabled], .disabled) {   cursor: not-allowed;   pointer-events: none;                   opacity: var(--lmvz-component-input-disabled-opacity, 40%); }  button:not([disabled]):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-primary-hover, #2e2e2e); }  button:not([disabled]):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-primary-active, #545454); }  button.secondary {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary, #f0f0f0);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-secondary, #000000);   --lmvz-button-border-width: var(--lmvz-semantic-border-width-default, 1px);   --lmvz-button-border-color: var(--lmvz-semantic-color-border-default, #e0e0e0); }  button.secondary:not([disabled], .disabled):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary-hover, #e0e0e0);   --lmvz-button-border-color: var(--lmvz-semantic-color-border-hover, #c7c7c7); }  button.secondary:not([disabled], .disabled):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary-active, #d4d4d4);   --lmvz-button-border-color: var(--lmvz-semantic-color-border-active, #d4d4d4); }    button.tertiary {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary, #ffffff);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-tertiary, #545454); }  button.tertiary:not([disabled], .disabled):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary-hover, #f0f0f0); }  button.tertiary:not([disabled], .disabled):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary-active, #e0e0e0); }    button.small {   --lmvz-button-padding-inline: var(--lmvz-component-input-sm-padding-x, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   --lmvz-button-padding-block: var(--lmvz-component-input-sm-padding-y, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   --lmvz-button-gap: var(--lmvz-component-input-sm-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   --lmvz-button-font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.4     Router); }  button.large {   --lmvz-button-padding-inline: var(--lmvz-component-input-lg-padding-x, clamp(0.88rem, 0.78rem + 0.39vw, 1.25rem));   --lmvz-button-padding-block: var(--lmvz-component-input-lg-padding-y, clamp(0.88rem, 0.78rem + 0.39vw, 1.25rem));   --lmvz-button-gap: var(--lmvz-component-input-lg-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   --lmvz-button-font: var(--lmvz-typography-body-lg, 400 clamp(1rem, 0.97rem + 0.13vw, 1.13rem) / 1.4     Router); }     display: contents; } ::slotted(*) {   --lmvz-component-color: var(--lmvz-button-color); } `;
-
-const LmvzButton = class extends reactiveControllerHost.ReactiveControllerHost {
-    get el() { return index.getElement(this); }
-    validationEl;
-    inheritedAttributes = {};
-    formEl = null;
-    formButtonEl = null;
-    lmvzActivation;
-    get ti() {
-        return 0;
-    }
-    scale = 'default';
-    variant = 'secondary';
-    disabled = false;
-    type = 'button';
-    form;
-    constructor(hostRef) {
-        super();
-        index.registerInstance(this, hostRef);
-        this.lmvzActivation = index.createEvent(this, "lmvzActivation");
-        this.addController(new reactiveControllerHost.AriaValidationController(this));
-        this.addController(new elementActivationController.ElementActivationController(this, {
-            localHandler: this.handleClick.bind(this),
-            keys: ['Enter'],
-        }));
-    }
-    connectedCallback() {
-        this.inheritedAttributes = component.inheritAriaAttributes(this.el);
-        super.connectedCallback();
-    }
-    renderHiddenButton() {
-        const formEl = (this.formEl = component.findFormByRef(this.form, this.el));
-        if (!formEl)
-            return;
-        const { formButtonEl } = this;
-        if (formButtonEl !== null && formEl.contains(formButtonEl))
-            return;
-        const newFormButtonEl = (this.formButtonEl = document.createElement('button'));
-        newFormButtonEl.type = 'submit';
-        newFormButtonEl.style.display = 'none';
-        newFormButtonEl.disabled = this.disabled;
-        formEl.appendChild(newFormButtonEl);
-    }
-    submitForm(ev) {
-        if (this.formEl && this.formButtonEl) {
-            ev.preventDefault();
-            this.formButtonEl.click();
-        }
-    }
-    handleClick = (ev) => {
-        if (this.type === 'submit') {
-            this.submitForm(ev);
-        }
-    };
-    render() {
-        this.renderHiddenButton();
-        return (index.h(index.Host, { key: '3f3eda78349322ce5160d7aac1290a73f0adcd4a', "aria-disabled": this.disabled ? 'true' : null }, index.h("button", { key: 'b132404d8d5f5bf0fa7e845b562c953c5ceec36c', ref: (e) => (this.validationEl = e), disabled: this.disabled, class: index$1.classNames(this.variant, { [this.scale ?? '']: !!this.scale, disabled: this.disabled }), ...this.inheritedAttributes }, index.h("slot", { key: 'ce63f7f1061ec9c3f10cbcfc67998ddbf3e04c3d' }))));
-    }
-    static get delegatesFocus() { return true; }
-};
-LmvzButton.style = lmvzButtonCss();
-
-exports.lmvz_button = LmvzButton;

package/dist/cjs/lmvz-header.cjs.entry.js

@@ -1,142 +0,0 @@
-'use strict';
-
-var index = require('./index-9ZJx0550.js');
-var reactiveControllerHost = require('./reactive-controller-host-DWpVosFu.js');
-var component = require('./component-CRc6eHcV.js');
-require('./aria-loader-BBKbBZLq.js');
-
-const logoSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA0NiA3MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI3Ml80MDUpIj4KPHBhdGggZD0iTTEyLjUgMjAuNjVDMTMuMSAyMC42NSAxNC4yIDIwLjM1IDE0LjcgMjAuMzVDMTYuMSAyMC4zNSAxNy4yIDIxLjQ1IDE3LjIgMjIuODVDMTcuMiAyNC4yNSAxNi4xIDI1LjM1IDE0LjcgMjUuMzVIMi44QzEuMiAyNS4zNSAwIDI0LjE1IDAgMjIuNTVDMCAyMS45NSAwLjIgMjAuNjUgMC4yIDIwLjA1VjUuODQ5OTlDMC4yIDUuMTQ5OTkgMCAzLjk0OTk5IDAgMy4zNDk5OUMwIDEuNzQ5OTkgMS4yIDAuNTQ5OTg4IDIuOCAwLjU0OTk4OEM0LjMgMC41NDk5ODggNS42IDEuNzQ5OTkgNS42IDMuMzQ5OTlDNS42IDMuOTQ5OTkgNS40IDUuMTQ5OTkgNS40IDUuODQ5OTlWMjAuNTVIMTIuNVYyMC42NVpNMjIuMSAyMi43NUMyMi4xIDIyLjE1IDIyLjMgMjAuOTUgMjIuMyAyMC4yNVY1Ljg0OTk5QzIyLjMgNS4xNDk5OSAyMi4xIDMuOTQ5OTkgMjIuMSAzLjQ0OTk5QzIyLjEgMS45NDk5OSAyMy4yIDAuNzQ5OTg4IDI0LjYgMC43NDk5ODhIMjUuMkMyNi40IDAuNzQ5OTg4IDI3LjIgMS41NDk5OSAyNy42IDIuNjQ5OTlMMjggMy40NDk5OUwzMi45IDE0LjA1QzMzLjMgMTQuOTUgMzMuNyAxNi4wNSAzNCAxNi43NUMzNC4zIDE2LjA1IDM0LjcgMTQuOTUgMzUuMSAxNC4wNUw0MCAzLjU0OTk5TDQwLjMgMi41NDk5OUM0MC43IDEuNTQ5OTkgNDEuNSAwLjY0OTk4OCA0Mi42IDAuNjQ5OTg4SDQzLjJDNDQuNyAwLjY0OTk4OCA0NS43IDEuODQ5OTkgNDUuNyAzLjM0OTk5QzQ1LjcgMy45NDk5OSA0NS41IDUuMTQ5OTkgNDUuNSA1Ljc0OTk5VjIwLjE1QzQ1LjUgMjAuODUgNDUuNyAyMi4wNSA0NS43IDIyLjY1QzQ1LjcgMjQuMjUgNDQuNSAyNS40NSA0MyAyNS40NUM0MS40IDI1LjQ1IDQwLjMgMjQuMjUgNDAuMyAyMi42NUM0MC4zIDIxLjk1IDQwLjQgMjAuNzUgNDAuNCAyMC4xNUw0MC42IDE0LjA1QzQwLjYgMTMuMTUgNDAuNyAxMS43NSA0MC43IDEwLjY1TDM3IDE5LjA1QzM2LjcgMTkuNzUgMzYuNiAxOS45NSAzNi40IDIwLjM1QzM2IDIxLjI1IDM1LjMgMjEuODUgMzMuOSAyMS44NUMzMi41IDIxLjg1IDMxLjggMjEuMjUgMzEuNCAyMC40NUMzMS4yIDIwLjA1IDMxLjIgMTkuNzUgMzAuOCAxOS4wNUwyNyAxMC43NUMyNyAxMC43NSAyNy4xIDEzLjE1IDI3LjIgMTQuMDVMMjcuNCAyMC4xNUMyNy40IDIwLjg1IDI3LjUgMjEuOTUgMjcuNSAyMi42NUMyNy41IDI0LjI1IDI2LjQgMjUuNDUgMjQuOCAyNS40NUMyMy4zIDI1LjU1IDIyLjEgMjQuMjUgMjIuMSAyMi43NVpNMjguNyAzMi45NUMyOS4xIDMyLjk1IDMwLjIgMzMuMTUgMzAuNyAzMy4xNUg0MS44QzQyLjMgMzMuMTUgNDMuMiAzMi45NSA0My43IDMyLjk1QzQ0LjkgMzIuOTUgNDUuOCAzMy44NSA0NS44IDM1LjA1QzQ1LjggMzYuMTUgNDQuOSAzNy4xNSA0My43IDM3LjE1QzQzLjMgMzcuMTUgNDIuMyAzNi45NSA0MS44IDM2Ljk1SDMwLjhDMzAuMyAzNi45NSAyOS4yIDM3LjE1IDI4LjggMzcuMTVDMjcuNiAzNy4xNSAyNi43IDM2LjI1IDI2LjcgMzUuMDVDMjYuNiAzMy45NSAyNy41IDMyLjk1IDI4LjcgMzIuOTVaTTIuMSA2Ny4yNUMyLjUgNjcuMjUgMy42IDY3LjQ1IDQuMSA2Ny40NUgxOC41QzE5IDY3LjQ1IDE5LjkgNjcuMjUgMjAuNCA2Ny4yNUMyMS42IDY3LjI1IDIyLjUgNjguMTUgMjIuNSA2OS4zNUMyMi41IDcwLjQ1IDIxLjYgNzEuNDUgMjAuNCA3MS40NUMyMCA3MS40NSAxOSA3MS4yNSAxOC41IDcxLjI1SDQuMUMzLjYgNzEuMjUgMi41IDcxLjQ1IDIuMSA3MS40NUMwLjkgNzEuNDUgMCA3MC41NSAwIDY5LjM1QzAgNjguMjUgMC45IDY3LjI1IDIuMSA2Ny4yNVpNMjEuOSAzNS42NUMyMS45IDM1Ljk1IDIxLjggMzYuMzUgMjEuNiAzNi43NUMyMS4zIDM3LjQ1IDIwLjkgMzguMzUgMjAuNyAzOC44NUwxNC43IDU0LjY1QzE0LjUgNTUuMDUgMTQuNCA1NS41NSAxNC4yIDU2LjM1QzEzLjggNTcuNjUgMTIuNiA1OC4yNSAxMS4yIDU4LjI1SDEwLjhDOS40IDU4LjI1IDguMiA1Ny43NSA3LjggNTYuMzVDNy42IDU1LjU1IDcuNCA1NS4xNSA3LjIgNTQuNjVMMS4yIDM4Ljg1QzEgMzguMzUgMC42IDM3LjU1IDAuMiAzNi44NUMwLjEgMzYuNDUgMCAzNS45NSAwIDM1LjY1QzAgMzQuMTUgMS4yIDMyLjg1IDIuOCAzMi44NUMzLjkgMzIuODUgNSAzMy41NSA1LjMgMzQuNzVDNS41IDM1LjU1IDUuNSAzNi4xNSA2IDM3LjU1TDEwLjIgNDkuNDVDMTAuNSA1MC4zNSAxMC45IDUxLjQ1IDExLjEgNTIuMzVDMTEuMyA1MS40NSAxMS42IDUwLjQ1IDExLjkgNDkuNTVMMTYgMzcuNTVDMTYuNSAzNi4wNSAxNi40IDM1LjY1IDE2LjcgMzQuODVDMTcuMSAzMy42NSAxOC4xIDMyLjg1IDE5LjMgMzIuODVDMjAuOSAzMi44NSAyMS45IDM0LjE1IDIxLjkgMzUuNjVaTTI5LjcgNzEuNDVDMjguMiA3MS40NSAyNy4yIDcwLjQ1IDI3LjIgNjkuMTVDMjcuMiA2OC43NSAyNy4yIDY4LjI1IDI3LjggNjcuNDVMMzcuNCA1My40NUMzNy45IDUyLjc1IDM4LjUgNTIuMDUgMzkuMSA1MS4zNUgzMi4yQzMxLjUgNTEuMzUgMzAuNyA1MS42NSAzMC4xIDUxLjY1QzI4LjcgNTEuNjUgMjcuNiA1MC43NSAyNy42IDQ5LjM1QzI3LjYgNDcuOTUgMjguNyA0Ni45NSAzMC4xIDQ2Ljk1SDQyLjdDNDQuMiA0Ni45NSA0NS4yIDQ3Ljg1IDQ1LjIgNDkuMjVDNDUuMiA0OS42NSA0NSA1MC4zNSA0NC41IDUxLjA1TDM1LjIgNjQuODVDMzQuNyA2NS42NSAzNC4xIDY2LjQ1IDMzLjUgNjcuMDVINDEuMUM0MS45IDY3LjA1IDQyLjcgNjYuNzUgNDMuMyA2Ni43NUM0NC43IDY2Ljc1IDQ1LjcgNjcuNzUgNDUuNyA2OS4wNUM0NS43IDcwLjU1IDQ0LjUgNzEuNTUgNDMuMiA3MS41NUgyOS43VjcxLjQ1WiIgZmlsbD0iYmxhY2siLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yNzJfNDA1Ij4KPHJlY3Qgd2lkdGg9IjQ2IiBoZWlnaHQ9IjcyIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=';
-
-class ListKeyboardNavigationController {
-    host;
-    elements = [];
-    constructor(host) {
-        this.host = host;
-    }
-    hostDidRender() {
-        this.host.el.addEventListener('keydown', this.handleKeydown);
-    }
-    updateElements(elements) {
-        this.elements = elements;
-    }
-    handleKeydown = (event) => {
-        const { key } = event;
-        if (!['ArrowDown', 'ArrowRight', 'ArrowUp', 'ArrowLeft'].includes(key))
-            return;
-        const activeElement = component.getDeepActiveElement(document);
-        const nextElement = this.getNextFocusableElement(activeElement, ['ArrowDown', 'ArrowRight'].includes(key) ? 'down' : 'up');
-        if (nextElement) {
-            event.preventDefault();
-            nextElement.focus?.();
-        }
-    };
-    getNextFocusableElement(current, direction) {
-        const { elements } = this;
-        const currentIndex = elements.indexOf(current);
-        if (currentIndex === -1)
-            return null;
-        let nextIndex = null;
-        if (direction === 'down') {
-            nextIndex = (currentIndex + 1) % elements.length;
-        }
-        else if (direction === 'up') {
-            nextIndex = (currentIndex - 1 + elements.length) % elements.length;
-        }
-        if (nextIndex == null)
-            return null;
-        const candidate = elements[nextIndex];
-        if (!component.canReceiveFocus(candidate))
-            return this.getNextFocusableElement(candidate, direction);
-        return candidate;
-    }
-}
-
-const lmvzHeaderCss = () => `:host{display:flex;width:100vw;flex-direction:row;align-items:center;box-sizing:border-box;background-color:var(--lmvz-semantic-color-surface-primary, #ffffff);--lmvz-header-x-spacing-level-1:var(--lmvz-dimension-8-28, clamp(0.5rem, 0.2rem + 1.29vw, 1.75rem));--lmvz-header-x-spacing-level-2:var(--lmvz-component-buttongroup-wrapper-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));padding:var(--lmvz-dimension-8-16, clamp(0.5rem, 0.38rem + 0.52vw, 1rem)) var(--lmvz-header-x-spacing-level-1);gap:var(--lmvz-header-x-spacing-level-1);.brand{display:inline-flex;justify-content:center;align-items:center}#fallback-logo-lmvz{height:34px;width:auto}nav{flex-grow:1}.primary-menubar{display:flex;flex-direction:row;align-items:center}.secondary-menubar{display:flex;flex-direction:row;align-items:center;margin-left:var(--lmvz-header-x-spacing-level-2);padding-left:var(--lmvz-header-x-spacing-level-2);border-left:1px solid var(--lmvz-semantic-color-border-default, #e0e0e0)}}`;
-
-const LmvzHeader = class extends reactiveControllerHost.ReactiveControllerHost {
-    get el() { return index.getElement(this); }
-    validationEl = this.el;
-    primarySlot;
-    secondarySlot;
-    secondaryNav;
-    keyboardNavigationController = new ListKeyboardNavigationController(this);
-    get primaryMenuitems() {
-        return this.primarySlot.assignedElements({ flatten: false });
-    }
-    get secondaryMenuitems() {
-        return this.secondarySlot.assignedElements({ flatten: true });
-    }
-    get role() {
-        return 'banner';
-    }
-    lmvzActiveNav;
-    get secondarySlotName() {
-        return `connect-nav-${this.lmvzActiveNav}`;
-    }
-    constructor(hostRef) {
-        super();
-        index.registerInstance(this, hostRef);
-        this.addController(new reactiveControllerHost.AriaValidationController(this, { reValidateOnPropChanges: true }));
-        this.addController(this.keyboardNavigationController);
-    }
-    handleActiveNavChange() {
-        this.updateElementsActive();
-    }
-    componentDidLoad() {
-        this.primarySlot.addEventListener('slotchange', this.handlePrimaryNavItemsChange.bind(this));
-        this.handlePrimaryNavItemsChange();
-        this.secondarySlot.addEventListener('slotchange', this.handleSecondaryNavItemsChange.bind(this));
-        super.componentDidLoad();
-    }
-    handlePrimaryNavItemsChange() {
-        const items = this.primaryMenuitems;
-        if (!items.length) {
-            console.warn('Primary slot has no assigned elements. Please add navigation items to the primary slot.');
-            return;
-        }
-        items.forEach((el) => {
-            el.setAttribute('aria-haspopup', 'true');
-            el.setAttribute('aria-controls', `nav-secondary`);
-        });
-        this.updateElementsActive();
-        this.updateKeyboardNavSubjects();
-    }
-    handleSecondaryNavItemsChange() {
-        const items = this.secondaryMenuitems;
-        if (!items.length) {
-            return;
-        }
-        this.updateKeyboardNavSubjects();
-    }
-    updateKeyboardNavSubjects() {
-        this.keyboardNavigationController.updateElements([...this.primaryMenuitems, ...this.secondaryMenuitems]);
-    }
-    updateElementsActive() {
-        const items = this.primaryMenuitems;
-        let label;
-        items.forEach((el) => {
-            const isActive = el.id === this.lmvzActiveNav;
-            if (isActive)
-                label = el.textContent || el.id;
-            el.setAttribute('aria-expanded', isActive ? 'true' : 'false');
-        });
-        this.secondaryNav.setAttribute('aria-label', `Untermenü für ${label}`);
-    }
-    delegateFocus() {
-        const firstFocusable = this.primaryMenuitems[0];
-        if (firstFocusable) {
-            firstFocusable.focus();
-        }
-    }
-    render() {
-        return (index.h(index.Host, { key: 'e5efeeb233de82c44e23302d20ebb488dfc6307b', onFocus: this.delegateFocus.bind(this) }, index.h("div", { key: '5e34efe17901ec990d09cd6764c37858ced1f021', class: "brand" }, index.h("slot", { key: 'd30fa8bf8e77a6f02bad45dbad58fe9bbdc8b3f3', name: "brand" }, index.h("img", { key: '074192bf3b5b4bcdb19302a954c56c5c61ee4b8f', id: "fallback-logo-lmvz", src: logoSvg, alt: "Lehrmittelverlag Z\u00FCrich" }))), index.h("nav", { key: '663f04ecb9d6ea026f9476888b532f8e1c4e432c', "aria-label": "Hauptnavigation" }, index.h("div", { key: 'ed0f492144c2b94822db02733c371329a95d8a1e', role: "menubar", class: "primary-menubar" }, index.h("slot", { key: 'cbcf15f96b5b6c2133506902dc992c962e4873fb', name: "nav-primary", ref: (el) => (this.primarySlot = el) }), index.h("div", { key: '109ca0ea7ee937c9a1a4a510305595486ea48d94', role: "menu", id: "nav-secondary", class: "secondary-menubar", hidden: !this.lmvzActiveNav, ref: (el) => (this.secondaryNav = el) }, index.h("slot", { key: 'b88d0da4772cf171854c369fa4e01131377c4f35', name: this.secondarySlotName, ref: (el) => (this.secondarySlot = el) })))), index.h("div", { key: '4f024b948ea1ebce1ef914b1149420cd9ed817dd', class: "actions" }, index.h("slot", { key: 'b1f6cff936e2a8fa5c0ff4e3bcc938a5c4f88e0c', name: "actions" }))));
-    }
-    static get watchers() { return {
-        "lmvzActiveNav": [{
-                "handleActiveNavChange": 0
-            }]
-    }; }
-};
-LmvzHeader.style = lmvzHeaderCss();
-
-exports.lmvz_header = LmvzHeader;

package/dist/cjs/lmvz-icon.cjs.entry.js

@@ -1,87 +0,0 @@
-'use strict';
-
-var index = require('./index-9ZJx0550.js');
-var Effect = require('./Effect-CpZhfb0D.js');
-var reactiveControllerHost = require('./reactive-controller-host-DWpVosFu.js');
-var icons = require('./icons-Brr4vqiE.js');
-require('./aria-loader-BBKbBZLq.js');
-require('./assets-BnJmIx_h.js');
-
-const lmvzIconCss = () => `.sc-lmvz-icon-h{--lmvz-icon-color:var(--lmvz-component-color, var(--lmvz-semantic-color-on-surface-input-primary, #000000));display:inline-block;line-height:0;svg{display:block}svg>path{stroke:var(--lmvz-icon-color);fill:none}}[size='xs'].sc-lmvz-icon-h{svg{width:var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.69rem + 0.26vw, 1rem));height:var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.69rem + 0.26vw, 1rem))}}[size='sm'].sc-lmvz-icon-h{svg{width:var(--lmvz-component-icon-size-sm, clamp(0.88rem, 0.81rem + 0.26vw, 1.13rem));height:var(--lmvz-component-icon-size-sm, clamp(0.88rem, 0.81rem + 0.26vw, 1.13rem))}}[size='md'].sc-lmvz-icon-h{svg{width:var(--lmvz-component-icon-size-md, clamp(1rem, 0.88rem + 0.52vw, 1.5rem));height:var(--lmvz-component-icon-size-md, clamp(1rem, 0.88rem + 0.52vw, 1.5rem))}}[size='lg'].sc-lmvz-icon-h{svg{width:var(--lmvz-component-icon-size-lg, clamp(1.5rem, 1.38rem + 0.52vw, 2rem));height:var(--lmvz-component-icon-size-lg, clamp(1.5rem, 1.38rem + 0.52vw, 2rem))}}[size='inherit'].sc-lmvz-icon-h{svg{width:inherit;height: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)}}`;
-
-const LmvzIcon = class extends reactiveControllerHost.ReactiveControllerHost {
-    intersectionObserver;
-    ariaValidationController = new reactiveControllerHost.AriaValidationController(this);
-    get el() { return index.getElement(this); }
-    validationEl;
-    icon;
-    weight = 'medium';
-    size = 'md';
-    iconData;
-    visible = false;
-    ariaLabel;
-    get ariaHidden() {
-        return !this.ariaLabel;
-    }
-    constructor(hostRef) {
-        super();
-        index.registerInstance(this, hostRef);
-        this.addController(this.ariaValidationController);
-    }
-    connectedCallback() {
-        this.waitUntilVisible(() => {
-            this.visible = true;
-            this.loadIconPathData();
-        });
-        super.connectedCallback();
-    }
-    disconnectedCallback() {
-        if (this.intersectionObserver) {
-            this.intersectionObserver.disconnect();
-            this.intersectionObserver = null;
-        }
-        super.disconnectedCallback();
-    }
-    async loadIconPathData() {
-        const { icon, visible } = this;
-        if (!icon || !visible) {
-            return;
-        }
-        this.iconData = await Effect.runPromise(icons.fetchIconSvg(this.icon).pipe(Effect.tapError((error) => Effect.logError(`Error loading icon "${icon}":`, error.message, error.cause, error.stack)), Effect.catchAll(() => Effect.succeed(icons.emptyDefaultSvg()))));
-    }
-    componentDidRender() {
-        this.validationEl = this.el.querySelector('svg');
-        this.ariaValidationController.revalidateAria();
-        super.componentDidRender();
-    }
-    render() {
-        return index.h(index.Host, { key: '8b1ce550253e994650fe91de38496aff7c7eccc2', role: 'img', "aria-hidden": `${this.ariaHidden}`, innerHTML: this.iconData });
-    }
-    waitUntilVisible(callback, rootMargin = 50) {
-        if (typeof window === 'undefined' || !window.IntersectionObserver) {
-            callback();
-            return;
-        }
-        this.intersectionObserver = new IntersectionObserver((entries) => {
-            entries.some((entry) => {
-                if (entry.isIntersecting) {
-                    this.intersectionObserver.disconnect();
-                    this.intersectionObserver = null;
-                    callback();
-                    return true;
-                }
-                return false;
-            });
-        }, { rootMargin: `${rootMargin}px` });
-        this.intersectionObserver.observe(this.el);
-    }
-    static get assetsDirs() { return ["../../assets/icons"]; }
-    static get watchers() { return {
-        "icon": [{
-                "loadIconPathData": 0
-            }]
-    }; }
-};
-LmvzIcon.style = lmvzIconCss();
-
-exports.lmvz_icon = LmvzIcon;

package/dist/cjs/lmvz-input.cjs.entry.js

@@ -1,177 +0,0 @@
-'use strict';
-
-var index = require('./index-9ZJx0550.js');
-var index$1 = require('./index-Bp6Dd2i1.js');
-var reactiveControllerHost = require('./reactive-controller-host-DWpVosFu.js');
-var component = require('./component-CRc6eHcV.js');
-require('./aria-loader-BBKbBZLq.js');
-
-const lmvzInputCss = () => `@layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides;  @layer lmvz-ds.theme { @font-face {   font-family: Router;   src:     local('Router-Book'),     url('/assets/fonts/Router-Book.woff') format('woff'),     local('Router');   font-weight: 400 normal; }  @font-face {   font-family: Router;   src:     local('Router-Medium'),     url('/assets/fonts/Router-Medium.woff') format('woff'),     local('Router');   font-weight: 500; }  @font-face {   font-family: Router;   src:     local('Router-Bold'),     url('/assets/fonts/Router-Bold.woff') format('woff'),     local('Router');   font-weight: 700 bold; }  } .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, #c7c7c7);   --input-border-color-focus: var(--lmvz-semantic-color-status-on-selected, #0e7ab4);   --input-border-width: var(--lmvz-semantic-border-width-default, 1px);   --input-height: 48px;    --input-padding-x: 16px;    --label-color: var(--lmvz-semantic-color-on-surface-input-secondary, #7a7a7a);   --input-text-color: var(--lmvz-semantic-color-on-surface-input-primary, #000000);   --helper-text-color: var(--lmvz-semantic-color-on-surface-input-secondary, #7a7a7a);   --error-text-color: var(--lmvz-semantic-color-status-on-danger, #e52a31);    --label-floating-scale: 0.85;    --label-minimized-top: -6px;   --label-minimized-bg: var(--input-bg);   --label-minimized-padding-x: 4px;       --input-disabled-opacity: var(--lmvz-component-input-disabled-opacity, 40%); } .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: 8px;  } [disabled].sc-lmvz-input-h .input-wrapper.sc-lmvz-input {   opacity: var(--input-disabled-opacity);   cursor: not-allowed;   pointer-events: none; } .input-container.sc-lmvz-input:focus-within .input-wrapper.sc-lmvz-input {   border-color: var(--input-border-color-focus);   outline: 2px solid var(--input-border-color-focus);   outline-offset: 2px; }  .input-container.sc-lmvz-input:has(input:focus-visible) .input-wrapper.sc-lmvz-input {   box-shadow: 0 0 0 3px rgb(0 86 214 / 20%); }  [error].sc-lmvz-input-h .input-wrapper.sc-lmvz-input {   border-color: var(--error-text-color); } [error].sc-lmvz-input-h:focus-within .input-wrapper.sc-lmvz-input {   border-color: var(--error-text-color);   outline-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: 14px;    font-family: Router, sans-serif;   font-weight: 400;   pointer-events: none;   transition: all 0.2s ease-out;   background-color: transparent;   padding: 0;   margin: 0;   line-height: normal;   white-space: nowrap; } label.floating.sc-lmvz-input {   top: 0;    transform: translateY(-50%) scale(0.85);    transform-origin: left top;   background-color: var(--label-minimized-bg);   padding: 0 var(--label-minimized-padding-x);   left: -2px;    color: var(--input-text-color);    font-weight: 500;  } .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: 14px;   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: 12px;    font-size: 12px;   color: var(--helper-text-color);   font-family: Router, sans-serif;   font-weight: 500;  } [role='alert'].sc-lmvz-input {   padding-top: 8px;   padding-left: 12px;   font-size: 12px;   color: var(--error-text-color);   font-family: Router, sans-serif;   font-weight: 500; } .sc-lmvz-input-s > lmvz-button {      --lmvz-button-padding: 4px; }`;
-
-let inputIdCounter = 0;
-const LmvzInput = class extends reactiveControllerHost.ReactiveControllerHost {
-    get el() { return index.getElement(this); }
-    validationEl = this.el;
-    lmvzInput;
-    internals;
-    nativeInputElement;
-    inputId = `lmvz-input-${inputIdCounter++}`;
-    initialValue = '';
-    nativeError = false;
-    errorFromProp = false;
-    get helperId() {
-        return this.helperText ? `${this.inputId}-helper` : undefined;
-    }
-    get showErrorMessage() {
-        return this.error && Boolean(this.errorMessage);
-    }
-    get errorId() {
-        return `${this.inputId}-error`;
-    }
-    get describedBy() {
-        const ids = [];
-        if (this.helperId)
-            ids.push(this.helperId);
-        if (this.showErrorMessage)
-            ids.push(this.errorId);
-        return ids.length > 0 ? ids.join(' ') : undefined;
-    }
-    value;
-    label;
-    helperText;
-    placeholder;
-    disabled = false;
-    readonly = false;
-    required = false;
-    name;
-    type = 'text';
-    errorMessage;
-    autocomplete;
-    inputmode;
-    autocorrect;
-    autocapitalize;
-    spellcheck;
-    autofocus = false;
-    minlength;
-    maxlength;
-    pattern;
-    min;
-    max;
-    step;
-    form;
-    get error() {
-        return this.errorFromProp || this.nativeError;
-    }
-    set error(value) {
-        this.errorFromProp = value;
-    }
-    async setValue(newValue) {
-        const input = this.nativeInputElement;
-        this.value = input.value = newValue ?? '';
-        this.internals.setFormValue?.(newValue);
-        this.lmvzInput.emit(newValue);
-    }
-    async focusInput() {
-        this.nativeInputElement?.focus();
-    }
-    async blurInput() {
-        this.nativeInputElement?.blur();
-    }
-    async select() {
-        this.nativeInputElement?.select();
-    }
-    async checkValidity() {
-        return this.nativeInputElement?.checkValidity?.() ?? false;
-    }
-    async reportValidity() {
-        return this.nativeInputElement?.reportValidity?.() ?? false;
-    }
-    async getInputElement() {
-        if (!this.nativeInputElement) {
-            await new Promise((resolve) => component.componentOnReady(this.el, resolve));
-        }
-        return Promise.resolve(this.nativeInputElement);
-    }
-    constructor(hostRef) {
-        super();
-        index.registerInstance(this, hostRef);
-        this.lmvzInput = index.createEvent(this, "lmvzInput");
-        if (hostRef.$hostElement$["s-ei"]) {
-            this.internals = hostRef.$hostElement$["s-ei"];
-        }
-        else {
-            this.internals = hostRef.$hostElement$.attachInternals();
-            hostRef.$hostElement$["s-ei"] = this.internals;
-        }
-        this.addController(new reactiveControllerHost.AriaValidationController(this, {
-            reValidateOnPropChanges: true,
-        }));
-    }
-    componentWillLoad() {
-        this.initialValue = this.value;
-        super.componentWillLoad();
-    }
-    formAssociatedCallback(form) {
-        if (!form)
-            return;
-        this.internals.setFormValue?.(this.value);
-    }
-    formResetCallback() {
-        this.internals.setValidity({});
-        this.setValue(this.initialValue);
-    }
-    formStateRestoreCallback(state) {
-        this.setValue(state);
-    }
-    handleValueChange(newValue) {
-        if (!this.nativeInputElement)
-            return;
-        const isInternalChange = this.nativeInputElement.value === newValue;
-        if (isInternalChange)
-            return;
-        this.setValue(newValue);
-    }
-    handleDisabledChange(disabled) {
-        if (disabled && this.nativeInputElement) {
-            this.nativeInputElement.blur();
-        }
-    }
-    handleInput = (event) => {
-        const input = event.target;
-        this.setValue(input.value);
-    };
-    handleChange = (event) => {
-        const input = event.target ?? this.nativeInputElement;
-        this.updateNativeError(input);
-    };
-    handleFocus = () => { };
-    handleBlur = (event) => {
-        const input = event.target;
-        input.reportValidity?.();
-    };
-    updateNativeError(fromEvent) {
-        const input = fromEvent ?? this.nativeInputElement;
-        if (!input)
-            return;
-        this.nativeError = !(input.checkValidity?.() ?? true);
-    }
-    render() {
-        const hasValue = Boolean(this.value);
-        const shouldFloatLabel = hasValue || Boolean(this.placeholder);
-        return (index.h("div", { key: '79ab97e1e1d0217d5302ca1dea7087292ef19fc7', class: index$1.classNames('input-container', {
-                'interaction-filled': hasValue,
-            }) }, index.h("div", { key: '9e59a33c261f610f93e1d6db3a07107f9300bbda', class: 'input-wrapper' }, index.h("slot", { key: 'fadb3f5e49afa817014cdbd44774462b467827f4', name: 'before-input' }), index.h("div", { key: '27d592787bb841fbd430c2e8ce0adc10f59b68ec', class: 'label-input-group' }, index.h("label", { key: 'f83f154f356660ecafde254b5437ce6c42898b54', htmlFor: this.inputId, class: index$1.classNames({ floating: shouldFloatLabel }) }, this.label, this.required && (index.h("span", { key: 'b51463179a2099ecd687ccd2480136379b0d0502', class: 'required-indicator', "aria-hidden": 'true' }, ' ', "*"))), index.h("input", { key: '30d8308f286e82fba5d2ebdad972509c06294543', id: this.inputId, ref: (el) => (this.nativeInputElement = el), 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, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur })), index.h("slot", { key: 'a8448a0827ce24194b21b8281d2b54eb76f24652', name: 'after-input' })), index.h("div", { key: '79413854b97380812c84f3128d1db053d4154008', id: this.helperId, role: 'status' }, this.helperText || null), index.h("div", { key: 'd34c6b421688934b69917f6da1f9bb22c220a6f9', id: this.errorId, role: 'alert' }, (this.showErrorMessage && this.errorMessage) || null)));
-    }
-    static get formAssociated() { return true; }
-    static get watchers() { return {
-        "value": [{
-                "handleValueChange": 0
-            }],
-        "disabled": [{
-                "handleDisabledChange": 0
-            }]
-    }; }
-};
-LmvzInput.style = lmvzInputCss();
-
-exports.lmvz_input = LmvzInput;

package/dist/cjs/lmvz-menuitem.cjs.entry.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var index = require('./index-9ZJx0550.js');
-var reactiveControllerHost = require('./reactive-controller-host-DWpVosFu.js');
-var elementActivationController = require('./element-activation-controller-DC_6T0Rt.js');
-require('./aria-loader-BBKbBZLq.js');
-
-const lmvzMenuitemCss = () => `@layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides;  @layer lmvz-ds.theme { @font-face {   font-family: Router;   src:     local('Router-Book'),     url('/assets/fonts/Router-Book.woff') format('woff'),     local('Router');   font-weight: 400 normal; }  @font-face {   font-family: Router;   src:     local('Router-Medium'),     url('/assets/fonts/Router-Medium.woff') format('woff'),     local('Router');   font-weight: 500; }  @font-face {   font-family: Router;   src:     local('Router-Bold'),     url('/assets/fonts/Router-Bold.woff') format('woff'),     local('Router');   font-weight: 700 bold; }  } .sc-lmvz-menuitem-h {   display: inline-flex;   flex-direction: row;   align-items: center;   justify-content: center;   gap: var(--lmvz-component-input-md-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   border-radius: var(--lmvz-semantic-border-radius-lg, 14px);   font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.4     Router);   padding: var(--lmvz-component-input-md-padding-y, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)) var(--lmvz-component-input-md-padding-x, clamp(0.75rem, 0.69rem + 0.26vw, 1rem));   cursor: pointer;    --lmvz-menuitem-color: var(--lmvz-semantic-color-int-on-tertiary, #545454);   --lmvz-menuitem-background: var(--lmvz-semantic-color-int-tertiary, #ffffff);    background: var(--lmvz-menuitem-background);   color: var(--lmvz-menuitem-color); } .sc-lmvz-menuitem-h:hover {   --lmvz-menuitem-background: var(--lmvz-semantic-color-int-tertiary-hover, #f0f0f0); } .sc-lmvz-menuitem-h:active {   --lmvz-menuitem-background: var(--lmvz-semantic-color-int-tertiary-active, #e0e0e0); } .sc-lmvz-menuitem-h:focus-visible {      z-index: 1; } [aria-expanded='true'].sc-lmvz-menuitem-h {   --lmvz-menuitem-background: var(--lmvz-semantic-color-status-selected, #f1f9fe);   --lmvz-menuitem-color: var(--lmvz-semantic-color-status-on-selected, #0e7ab4); }`;
-
-const LmvzMenuItem = class extends reactiveControllerHost.ReactiveControllerHost {
-    get el() { return index.getElement(this); }
-    validationEl = this.el;
-    validationSlot;
-    get role() {
-        return 'menuitem';
-    }
-    get ti() {
-        return 0;
-    }
-    lmvzActivation;
-    constructor(hostRef) {
-        super();
-        index.registerInstance(this, hostRef);
-        this.lmvzActivation = index.createEvent(this, "lmvzActivation");
-        this.addController(new reactiveControllerHost.AriaValidationController(this, { validationTiming: 'slot' }));
-        this.addController(new elementActivationController.ElementActivationController(this));
-    }
-    render() {
-        return (index.h(index.Host, { key: 'a022a198618ac628cb39c97b29cf0c332b522e79' }, index.h("slot", { key: 'c8dab82b31b49db3d966cacb1cf9ef5cb1763797', ref: e => (this.validationSlot = e) })));
-    }
-};
-LmvzMenuItem.style = lmvzMenuitemCss();
-
-exports.lmvz_menuitem = LmvzMenuItem;