@lmvz-ds/components 0.12.5-alpha.5 → 0.12.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/lmvz-button.cjs.entry.js +1 -1
- package/dist/cjs/lmvz-menuitem.cjs.entry.js +1 -1
- package/dist/collection/components/lmvz-button/lmvz-button.js +2 -2
- package/dist/collection/components/lmvz-menuitem/lmvz-menuitem.js +2 -2
- package/dist/collection/integration/header-integration.js +2 -2
- package/dist/components/lmvz-button.js +1 -1
- package/dist/components/lmvz-menuitem.js +1 -1
- package/dist/esm/lmvz-button.entry.js +1 -1
- package/dist/esm/lmvz-menuitem.entry.js +1 -1
- package/dist/lmvz-components/lmvz-components.esm.js +1 -1
- package/dist/lmvz-components/{p-68001ab7.entry.js → p-2ba68483.entry.js} +1 -1
- package/dist/lmvz-components/{p-4b70fe08.entry.js → p-a5fe62b6.entry.js} +1 -1
- package/dist/manifest.json +3 -3
- package/dist/types/components.d.ts +6 -0
- package/hydrate/index.js +2 -2
- package/hydrate/index.mjs +2 -2
- package/package.json +3 -3
|
@@ -64,7 +64,7 @@ const LmvzButton = class extends ariaValidationController.ReactiveControllerHost
|
|
|
64
64
|
};
|
|
65
65
|
render() {
|
|
66
66
|
this.renderHiddenButton();
|
|
67
|
-
return (index.h(index.Host, { key: '
|
|
67
|
+
return (index.h(index.Host, { key: '578b9f70209fba3a23bd20c3d8b3832cb3005311', "aria-disabled": this.disabled ? 'true' : null }, index.h("button", { key: '6b25bee333bec8a36eb1bf77b8e11cd9691a998f', disabled: this.disabled, class: index$1.classNames(this.variant, { [this.scale ?? '']: !!this.scale, disabled: this.disabled }), ...this.inheritedAttributes }, index.h("slot", { key: '5e63d9c069ffa7c10585e1fda980d8087cb43cc9' }))));
|
|
68
68
|
}
|
|
69
69
|
static get delegatesFocus() { return true; }
|
|
70
70
|
};
|
|
@@ -25,7 +25,7 @@ const LmvzMenuItem = class extends ariaValidationController.ReactiveControllerHo
|
|
|
25
25
|
this.addController(new elementActivationController.ElementActivationController(this));
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return (index.h(index.Host, { key: '
|
|
28
|
+
return (index.h(index.Host, { key: '26714142bd3559ee06b8454a669322744d006714' }, index.h("slot", { key: '9b9af4cb5aeb61b4f030d148505e18ceefef6da9' })));
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
31
|
LmvzMenuItem.style = lmvzMenuitemCss();
|
|
@@ -55,7 +55,7 @@ export class LmvzButton extends ReactiveControllerHost {
|
|
|
55
55
|
};
|
|
56
56
|
render() {
|
|
57
57
|
this.renderHiddenButton();
|
|
58
|
-
return (h(Host, { key: '
|
|
58
|
+
return (h(Host, { key: '578b9f70209fba3a23bd20c3d8b3832cb3005311', "aria-disabled": this.disabled ? 'true' : null }, h("button", { key: '6b25bee333bec8a36eb1bf77b8e11cd9691a998f', disabled: this.disabled, class: classNames(this.variant, { [this.scale ?? '']: !!this.scale, disabled: this.disabled }), ...this.inheritedAttributes }, h("slot", { key: '5e63d9c069ffa7c10585e1fda980d8087cb43cc9' }))));
|
|
59
59
|
}
|
|
60
60
|
static get is() { return "lmvz-button"; }
|
|
61
61
|
static get encapsulation() { return "shadow"; }
|
|
@@ -232,7 +232,7 @@ export class LmvzButton extends ReactiveControllerHost {
|
|
|
232
232
|
"composed": true,
|
|
233
233
|
"docs": {
|
|
234
234
|
"tags": [],
|
|
235
|
-
"text": ""
|
|
235
|
+
"text": "Event emitted when the button is activated, either by a click or by pressing \"Enter\" when the button is focused."
|
|
236
236
|
},
|
|
237
237
|
"complexType": {
|
|
238
238
|
"original": "void",
|
|
@@ -17,7 +17,7 @@ export class LmvzMenuItem extends ReactiveControllerHost {
|
|
|
17
17
|
this.addController(new ElementActivationController(this));
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (h(Host, { key: '
|
|
20
|
+
return (h(Host, { key: '26714142bd3559ee06b8454a669322744d006714' }, h("slot", { key: '9b9af4cb5aeb61b4f030d148505e18ceefef6da9' })));
|
|
21
21
|
}
|
|
22
22
|
static get is() { return "lmvz-menuitem"; }
|
|
23
23
|
static get encapsulation() { return "scoped"; }
|
|
@@ -84,7 +84,7 @@ export class LmvzMenuItem extends ReactiveControllerHost {
|
|
|
84
84
|
"composed": true,
|
|
85
85
|
"docs": {
|
|
86
86
|
"tags": [],
|
|
87
|
-
"text": ""
|
|
87
|
+
"text": "Event emitted when the menu item is activated, either by a click or by pressing \"Enter\" or \"Space\" while the menu item is focused."
|
|
88
88
|
},
|
|
89
89
|
"complexType": {
|
|
90
90
|
"original": "void",
|
|
@@ -15,11 +15,11 @@ export class HeaderIntegration {
|
|
|
15
15
|
this.activeNav = navId;
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (h(Host, { key: '
|
|
18
|
+
return (h(Host, { key: '1c740edb18597b41d3706ea8ee27a501d63d84a6' }, h("lmvz-header", { key: '2e6c8e69424bfb4607eeef9e39296d9a3c4aeab5', lmvzActiveNav: this.activeNav }, h("lmvz-menuitem", { key: '792a10bdba65c105518954ebbc95b2a78f4debf9', slot: "nav-primary", id: "lehrmittel", onLmvzActivation: this.activate.bind(this) }, h("a", { key: '3415cde38d6a701248aa704a7b398a64955d2c3b', href: "#" }, "Lehrmittel")), h("lmvz-menuitem", { key: '6b925760dbe7d28fc04f01af3a1d3decdf1f6b8a', slot: "nav-primary", id: "verwaltung", onLmvzActivation: this.activate.bind(this) }, h("a", { key: '67aad7c38983eda22a2a5cd0c82942881df31d62', href: "#" }, "Verwaltung")), h("lmvz-menuitem", { key: '5311beeee716d169515283306a572ea8a3419237', slot: "connect-nav-lehrmittel" }, h("lmvz-icon", { key: 'f30bbb96ecac95aaf3c7d52f4f097de224e56265', icon: "book" }), "Deutsch 7"), h("lmvz-menuitem", { key: '90eff45f7a773665a71eddceb4841e89fe54e5cb', slot: "connect-nav-lehrmittel" }, h("lmvz-icon", { key: '4e9fa0e43e45ce20e648ba54d99d75d2541aa341', icon: "book" }), "Mathe 2"), h("lmvz-menuitem", { key: '633a724817be19b5b30a2373f4c2367397a340ce', slot: "connect-nav-verwaltung" }, h("lmvz-icon", { key: '866a7df7ee0d53262bee8f14a836002fdef9238f', icon: "cog" }), "iwas mit Verwaltung"), h("lmvz-menuitem", { key: '185838beaf3e8bc060896bd5450faefa779f2092', slot: "connect-nav-verwaltung", "aria-label": "Einstellungen" }, h("lmvz-icon", { key: '713e3e67e99e17d18f2d77b49a4b9e649929d7bc', icon: "cog" })), h("lmvz-button", { key: 'fc61c44b4c87700e46d2820dc671f83ad4c7914f', slot: "actions", "aria-label": "Benutzerkonto" }, h("lmvz-icon", { key: '9a0c8a7aeec6634b0b148a632454889c5f04b092', icon: "user" }))), h("main", { key: '791b7155968008226c60b0974129bb68393ea486' }, h("h1", { key: '075bd028db6bf4eda76222145cc6e87d840c1cca' }, "Content"))));
|
|
19
19
|
}
|
|
20
20
|
static get is() { return "header-integration"; }
|
|
21
21
|
static get encapsulation() { return "shadow"; }
|
|
22
|
-
static get styles() { return ":host {\n display: block;\n min-height: 100vh;\n background: var(--lmvz-color-spec-bg-outer-view);\n }\n\n .active button {\n background-color: var(--lmvz-semantic-color-status-selected);\n }"; }
|
|
22
|
+
static get styles() { return ":host {\n display: block;\n min-height: 100vh;\n background: var(--lmvz-color-spec-bg-outer-view);\n }\n\n .active button {\n background-color: var(--lmvz-semantic-color-status-selected);\n }\n\n main {\n padding: var(--lmvz-component-box-padding-y) var(--lmvz-component-box-padding-x);\n }"; }
|
|
23
23
|
static get properties() {
|
|
24
24
|
return {
|
|
25
25
|
"activeNav": {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,c as o,h as e,d as r,t as n}from"./p-BaPwpeMs.js";import{c as a}from"./p-DMLRPGid.js";import{i as l,f as m}from"./p-B3JVFwO1.js";import{E as i}from"./p-CN0JX9-m.js";import{R as s,A as d}from"./p-3I3wZmp8.js";const c=t(class extends s{get el(){return this}inheritedAttributes={};formEl=null;formButtonEl=null;lmvzActivation;get ti(){return 0}scale="default";variant="secondary";disabled=!1;type="button";form;constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.lmvzActivation=o(this,"lmvzActivation"),this.addController(new d(this)),this.addController(new i(this,{localHandler:this.handleClick.bind(this),keys:["Enter"]}))}connectedCallback(){this.inheritedAttributes=l(this.el)}renderHiddenButton(){const t=this.formEl=m(this.form,this.el);if(!t)return;const{formButtonEl:o}=this;if(null!==o&&t.contains(o))return;const e=this.formButtonEl=document.createElement("button");e.type="submit",e.style.display="none",e.disabled=this.disabled,t.appendChild(e)}submitForm(t){this.formEl&&this.formButtonEl&&(t.preventDefault(),this.formButtonEl.click())}handleClick=t=>{"submit"===this.type&&this.submitForm(t)};render(){return this.renderHiddenButton(),e(r,{key:"
|
|
1
|
+
import{p as t,c as o,h as e,d as r,t as n}from"./p-BaPwpeMs.js";import{c as a}from"./p-DMLRPGid.js";import{i as l,f as m}from"./p-B3JVFwO1.js";import{E as i}from"./p-CN0JX9-m.js";import{R as s,A as d}from"./p-3I3wZmp8.js";const c=t(class extends s{get el(){return this}inheritedAttributes={};formEl=null;formButtonEl=null;lmvzActivation;get ti(){return 0}scale="default";variant="secondary";disabled=!1;type="button";form;constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.lmvzActivation=o(this,"lmvzActivation"),this.addController(new d(this)),this.addController(new i(this,{localHandler:this.handleClick.bind(this),keys:["Enter"]}))}connectedCallback(){this.inheritedAttributes=l(this.el)}renderHiddenButton(){const t=this.formEl=m(this.form,this.el);if(!t)return;const{formButtonEl:o}=this;if(null!==o&&t.contains(o))return;const e=this.formButtonEl=document.createElement("button");e.type="submit",e.style.display="none",e.disabled=this.disabled,t.appendChild(e)}submitForm(t){this.formEl&&this.formButtonEl&&(t.preventDefault(),this.formButtonEl.click())}handleClick=t=>{"submit"===this.type&&this.submitForm(t)};render(){return this.renderHiddenButton(),e(r,{key:"578b9f70209fba3a23bd20c3d8b3832cb3005311","aria-disabled":this.disabled?"true":null},e("button",{key:"6b25bee333bec8a36eb1bf77b8e11cd9691a998f",disabled:this.disabled,class:a(this.variant,{[this.scale??""]:!!this.scale,disabled:this.disabled}),...this.inheritedAttributes},e("slot",{key:"5e63d9c069ffa7c10585e1fda980d8087cb43cc9"})))}static get delegatesFocus(){return!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('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); } "}},[785,"lmvz-button",{ti:[2562,"tabindex"],scale:[513],variant:[513],disabled:[516],type:[1],form:[1]}]),v=c,u=function(){"undefined"!=typeof customElements&&["lmvz-button"].forEach((t=>{"lmvz-button"===t&&(customElements.get(n(t))||customElements.define(n(t),c))}))};export{v as LmvzButton,u as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,c as t,h as m,d as r,t as o}from"./p-BaPwpeMs.js";import{E as n}from"./p-CN0JX9-m.js";import{R as a,A as l}from"./p-3I3wZmp8.js";const i=e(class extends a{get el(){return this}get role(){return"menuitem"}get ti(){return 0}lmvzActivation;constructor(e){super(!1),!1!==e&&this.__registerHost(),this.lmvzActivation=t(this,"lmvzActivation"),this.addController(new l(this)),this.addController(new n(this))}render(){return m(r,{key:"
|
|
1
|
+
import{p as e,c as t,h as m,d as r,t as o}from"./p-BaPwpeMs.js";import{E as n}from"./p-CN0JX9-m.js";import{R as a,A as l}from"./p-3I3wZmp8.js";const i=e(class extends a{get el(){return this}get role(){return"menuitem"}get ti(){return 0}lmvzActivation;constructor(e){super(!1),!1!==e&&this.__registerHost(),this.lmvzActivation=t(this,"lmvzActivation"),this.addController(new l(this)),this.addController(new n(this))}render(){return m(r,{key:"26714142bd3559ee06b8454a669322744d006714"},m("slot",{key:"9b9af4cb5aeb61b4f030d148505e18ceefef6da9"}))}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('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); }"}},[774,"lmvz-menuitem",{role:[2561],ti:[2562,"tabindex"]}]),s=i,c=function(){"undefined"!=typeof customElements&&["lmvz-menuitem"].forEach((e=>{"lmvz-menuitem"===e&&(customElements.get(o(e))||customElements.define(o(e),i))}))};export{s as LmvzMenuitem,c as defineCustomElement}
|
|
@@ -62,7 +62,7 @@ const LmvzButton = class extends ReactiveControllerHost {
|
|
|
62
62
|
};
|
|
63
63
|
render() {
|
|
64
64
|
this.renderHiddenButton();
|
|
65
|
-
return (h(Host, { key: '
|
|
65
|
+
return (h(Host, { key: '578b9f70209fba3a23bd20c3d8b3832cb3005311', "aria-disabled": this.disabled ? 'true' : null }, h("button", { key: '6b25bee333bec8a36eb1bf77b8e11cd9691a998f', disabled: this.disabled, class: classNames(this.variant, { [this.scale ?? '']: !!this.scale, disabled: this.disabled }), ...this.inheritedAttributes }, h("slot", { key: '5e63d9c069ffa7c10585e1fda980d8087cb43cc9' }))));
|
|
66
66
|
}
|
|
67
67
|
static get delegatesFocus() { return true; }
|
|
68
68
|
};
|
|
@@ -23,7 +23,7 @@ const LmvzMenuItem = class extends ReactiveControllerHost {
|
|
|
23
23
|
this.addController(new ElementActivationController(this));
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: '26714142bd3559ee06b8454a669322744d006714' }, h("slot", { key: '9b9af4cb5aeb61b4f030d148505e18ceefef6da9' })));
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
LmvzMenuItem.style = lmvzMenuitemCss();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-smGPjoDX.js";export{s as setNonce}from"./p-smGPjoDX.js";import{g as t}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a([["p-274c36df",[[769,"lmvz-header",{role:[2561],lmvzActiveNav:[1,"lmvz-active-nav"]},null,{lmvzActiveNav:[{handleActiveNavChange:0}]}]]],["p-9faac8f3",[[257,"lmvz-action"]]],["p-
|
|
1
|
+
import{p as e,b as a}from"./p-smGPjoDX.js";export{s as setNonce}from"./p-smGPjoDX.js";import{g as t}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a([["p-274c36df",[[769,"lmvz-header",{role:[2561],lmvzActiveNav:[1,"lmvz-active-nav"]},null,{lmvzActiveNav:[{handleActiveNavChange:0}]}]]],["p-9faac8f3",[[257,"lmvz-action"]]],["p-2ba68483",[[785,"lmvz-button",{ti:[2562,"tabindex"],scale:[513],variant:[513],disabled:[516],type:[1],form:[1]}]]],["p-1a10fcbd",[[774,"lmvz-card",{cardTitle:[1,"card-title"],imageUrl:[1,"image-url"],description:[1],primaryActionLabel:[1,"primary-action-label"]}]]],["p-d4b68381",[[513,"lmvz-chip",{text:[1]}]]],["p-77e26e71",[[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],error:[6660],nativeError:[32],setValue:[64],focusInput:[64],blurInput:[64],select:[64],checkValidity:[64],reportValidity:[64],getInputElement:[64]},null,{value:[{handleValueChange:0}],disabled:[{handleDisabledChange:0}]}]]],["p-a5fe62b6",[[774,"lmvz-menuitem",{role:[2561],ti:[2562,"tabindex"]}]]],["p-c8b78793",[[514,"lmvz-icon",{icon:[513],weight:[513],size:[513],ariaLabel:[513,"aria-label"],iconData:[32],visible:[32]},null,{icon:[{loadIconPathData:0}]}]]]],e))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{g as t,r as o,c as r,h as e,H as n}from"./p-smGPjoDX.js";import{c as a}from"./p-DMLRPGid.js";import{i as l,f as m}from"./p-B3JVFwO1.js";import{E as i}from"./p-CN0JX9-m.js";import{R as s,A as d}from"./p-CXWyvf0D.js";import"./p-B85MJLTf.js";import"./p-BhQLGXPs.js";import"./p-D7I-Bc5i.js";const c=class extends s{get el(){return t(this)}inheritedAttributes={};formEl=null;formButtonEl=null;lmvzActivation;get ti(){return 0}scale="default";variant="secondary";disabled=!1;type="button";form;constructor(t){super(),o(this,t),this.lmvzActivation=r(this,"lmvzActivation"),this.addController(new d(this)),this.addController(new i(this,{localHandler:this.handleClick.bind(this),keys:["Enter"]}))}connectedCallback(){this.inheritedAttributes=l(this.el)}renderHiddenButton(){const t=this.formEl=m(this.form,this.el);if(!t)return;const{formButtonEl:o}=this;if(null!==o&&t.contains(o))return;const r=this.formButtonEl=document.createElement("button");r.type="submit",r.style.display="none",r.disabled=this.disabled,t.appendChild(r)}submitForm(t){this.formEl&&this.formButtonEl&&(t.preventDefault(),this.formButtonEl.click())}handleClick=t=>{"submit"===this.type&&this.submitForm(t)};render(){return this.renderHiddenButton(),e(n,{key:"
|
|
1
|
+
import{g as t,r as o,c as r,h as e,H as n}from"./p-smGPjoDX.js";import{c as a}from"./p-DMLRPGid.js";import{i as l,f as m}from"./p-B3JVFwO1.js";import{E as i}from"./p-CN0JX9-m.js";import{R as s,A as d}from"./p-CXWyvf0D.js";import"./p-B85MJLTf.js";import"./p-BhQLGXPs.js";import"./p-D7I-Bc5i.js";const c=class extends s{get el(){return t(this)}inheritedAttributes={};formEl=null;formButtonEl=null;lmvzActivation;get ti(){return 0}scale="default";variant="secondary";disabled=!1;type="button";form;constructor(t){super(),o(this,t),this.lmvzActivation=r(this,"lmvzActivation"),this.addController(new d(this)),this.addController(new i(this,{localHandler:this.handleClick.bind(this),keys:["Enter"]}))}connectedCallback(){this.inheritedAttributes=l(this.el)}renderHiddenButton(){const t=this.formEl=m(this.form,this.el);if(!t)return;const{formButtonEl:o}=this;if(null!==o&&t.contains(o))return;const r=this.formButtonEl=document.createElement("button");r.type="submit",r.style.display="none",r.disabled=this.disabled,t.appendChild(r)}submitForm(t){this.formEl&&this.formButtonEl&&(t.preventDefault(),this.formButtonEl.click())}handleClick=t=>{"submit"===this.type&&this.submitForm(t)};render(){return this.renderHiddenButton(),e(n,{key:"578b9f70209fba3a23bd20c3d8b3832cb3005311","aria-disabled":this.disabled?"true":null},e("button",{key:"6b25bee333bec8a36eb1bf77b8e11cd9691a998f",disabled:this.disabled,class:a(this.variant,{[this.scale??""]:!!this.scale,disabled:this.disabled}),...this.inheritedAttributes},e("slot",{key:"5e63d9c069ffa7c10585e1fda980d8087cb43cc9"})))}static get delegatesFocus(){return!0}};c.style=" @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); } ";export{c as lmvz_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{g as e,r as t,c as r,h as m,H as o}from"./p-smGPjoDX.js";import{E as a}from"./p-CN0JX9-m.js";import{R as n,A as l}from"./p-CXWyvf0D.js";import"./p-BhQLGXPs.js";import"./p-D7I-Bc5i.js";const i=class extends n{get el(){return e(this)}get role(){return"menuitem"}get ti(){return 0}lmvzActivation;constructor(e){super(),t(this,e),this.lmvzActivation=r(this,"lmvzActivation"),this.addController(new l(this)),this.addController(new a(this))}render(){return m(o,{key:"
|
|
1
|
+
import{g as e,r as t,c as r,h as m,H as o}from"./p-smGPjoDX.js";import{E as a}from"./p-CN0JX9-m.js";import{R as n,A as l}from"./p-CXWyvf0D.js";import"./p-BhQLGXPs.js";import"./p-D7I-Bc5i.js";const i=class extends n{get el(){return e(this)}get role(){return"menuitem"}get ti(){return 0}lmvzActivation;constructor(e){super(),t(this,e),this.lmvzActivation=r(this,"lmvzActivation"),this.addController(new l(this)),this.addController(new a(this))}render(){return m(o,{key:"26714142bd3559ee06b8454a669322744d006714"},m("slot",{key:"9b9af4cb5aeb61b4f030d148505e18ceefef6da9"}))}};i.style="@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); }";export{i as lmvz_menuitem}
|
package/dist/manifest.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2026-03-
|
|
2
|
+
"timestamp": "2026-03-11T12:26:27",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
5
|
"version": "4.43.2",
|
|
@@ -337,7 +337,7 @@
|
|
|
337
337
|
},
|
|
338
338
|
"cancelable": true,
|
|
339
339
|
"composed": true,
|
|
340
|
-
"docs": "",
|
|
340
|
+
"docs": "Event emitted when the button is activated, either by a click or by pressing \"Enter\" when the button is focused.",
|
|
341
341
|
"docsTags": []
|
|
342
342
|
}
|
|
343
343
|
],
|
|
@@ -5169,7 +5169,7 @@
|
|
|
5169
5169
|
},
|
|
5170
5170
|
"cancelable": true,
|
|
5171
5171
|
"composed": true,
|
|
5172
|
-
"docs": "",
|
|
5172
|
+
"docs": "Event emitted when the menu item is activated, either by a click or by pressing \"Enter\" or \"Space\" while the menu item is focused.",
|
|
5173
5173
|
"docsTags": []
|
|
5174
5174
|
}
|
|
5175
5175
|
],
|
|
@@ -439,6 +439,9 @@ declare namespace LocalJSX {
|
|
|
439
439
|
* The HTML form element or form element id. Used to submit a form when the button is not a child of the form.
|
|
440
440
|
*/
|
|
441
441
|
"form"?: FormRef;
|
|
442
|
+
/**
|
|
443
|
+
* Event emitted when the button is activated, either by a click or by pressing "Enter" when the button is focused.
|
|
444
|
+
*/
|
|
442
445
|
"onLmvzActivation"?: (event: LmvzButtonCustomEvent<void>) => void;
|
|
443
446
|
/**
|
|
444
447
|
* Scale of the button
|
|
@@ -647,6 +650,9 @@ declare namespace LocalJSX {
|
|
|
647
650
|
* A menu item component to be used within the `lmvz-header` component's navigation slots.
|
|
648
651
|
*/
|
|
649
652
|
interface LmvzMenuitem {
|
|
653
|
+
/**
|
|
654
|
+
* Event emitted when the menu item is activated, either by a click or by pressing "Enter" or "Space" while the menu item is focused.
|
|
655
|
+
*/
|
|
650
656
|
"onLmvzActivation"?: (event: LmvzMenuitemCustomEvent<void>) => void;
|
|
651
657
|
/**
|
|
652
658
|
* @readonly
|
package/hydrate/index.js
CHANGED
|
@@ -27345,7 +27345,7 @@ class LmvzButton extends ReactiveControllerHost {
|
|
|
27345
27345
|
};
|
|
27346
27346
|
render() {
|
|
27347
27347
|
this.renderHiddenButton();
|
|
27348
|
-
return (hAsync(Host, { key: '
|
|
27348
|
+
return (hAsync(Host, { key: '578b9f70209fba3a23bd20c3d8b3832cb3005311', "aria-disabled": this.disabled ? 'true' : null }, hAsync("button", { key: '6b25bee333bec8a36eb1bf77b8e11cd9691a998f', disabled: this.disabled, class: classNames(this.variant, { [this.scale ?? '']: !!this.scale, disabled: this.disabled }), ...this.inheritedAttributes }, hAsync("slot", { key: '5e63d9c069ffa7c10585e1fda980d8087cb43cc9' }))));
|
|
27349
27349
|
}
|
|
27350
27350
|
static get delegatesFocus() { return true; }
|
|
27351
27351
|
static get style() { return lmvzButtonCss(); }
|
|
@@ -27911,7 +27911,7 @@ class LmvzMenuItem extends ReactiveControllerHost {
|
|
|
27911
27911
|
this.addController(new ElementActivationController(this));
|
|
27912
27912
|
}
|
|
27913
27913
|
render() {
|
|
27914
|
-
return (hAsync(Host, { key: '
|
|
27914
|
+
return (hAsync(Host, { key: '26714142bd3559ee06b8454a669322744d006714' }, hAsync("slot", { key: '9b9af4cb5aeb61b4f030d148505e18ceefef6da9' })));
|
|
27915
27915
|
}
|
|
27916
27916
|
static get style() { return lmvzMenuitemCss(); }
|
|
27917
27917
|
static get cmpMeta() { return {
|
package/hydrate/index.mjs
CHANGED
|
@@ -27343,7 +27343,7 @@ class LmvzButton extends ReactiveControllerHost {
|
|
|
27343
27343
|
};
|
|
27344
27344
|
render() {
|
|
27345
27345
|
this.renderHiddenButton();
|
|
27346
|
-
return (hAsync(Host, { key: '
|
|
27346
|
+
return (hAsync(Host, { key: '578b9f70209fba3a23bd20c3d8b3832cb3005311', "aria-disabled": this.disabled ? 'true' : null }, hAsync("button", { key: '6b25bee333bec8a36eb1bf77b8e11cd9691a998f', disabled: this.disabled, class: classNames(this.variant, { [this.scale ?? '']: !!this.scale, disabled: this.disabled }), ...this.inheritedAttributes }, hAsync("slot", { key: '5e63d9c069ffa7c10585e1fda980d8087cb43cc9' }))));
|
|
27347
27347
|
}
|
|
27348
27348
|
static get delegatesFocus() { return true; }
|
|
27349
27349
|
static get style() { return lmvzButtonCss(); }
|
|
@@ -27909,7 +27909,7 @@ class LmvzMenuItem extends ReactiveControllerHost {
|
|
|
27909
27909
|
this.addController(new ElementActivationController(this));
|
|
27910
27910
|
}
|
|
27911
27911
|
render() {
|
|
27912
|
-
return (hAsync(Host, { key: '
|
|
27912
|
+
return (hAsync(Host, { key: '26714142bd3559ee06b8454a669322744d006714' }, hAsync("slot", { key: '9b9af4cb5aeb61b4f030d148505e18ceefef6da9' })));
|
|
27913
27913
|
}
|
|
27914
27914
|
static get style() { return lmvzMenuitemCss(); }
|
|
27915
27915
|
static get cmpMeta() { return {
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@lmvz-ds/components",
|
|
3
3
|
"private": false,
|
|
4
4
|
"type": "module",
|
|
5
|
-
"version": "0.12.5
|
|
5
|
+
"version": "0.12.5",
|
|
6
6
|
"description": "The components of the design system",
|
|
7
7
|
"author": "Patrick Nemenz <patrick.nemenz@adesso.at>",
|
|
8
8
|
"volta": {
|
|
@@ -188,7 +188,7 @@
|
|
|
188
188
|
"effect": "3.19.14"
|
|
189
189
|
},
|
|
190
190
|
"devDependencies": {
|
|
191
|
-
"@lmvz-ds/design-tokens": "^0.12.5
|
|
191
|
+
"@lmvz-ds/design-tokens": "^0.12.5",
|
|
192
192
|
"@playwright/test": "^1.55.0",
|
|
193
193
|
"@stencil-community/postcss": "^2.2.0",
|
|
194
194
|
"@stencil/angular-output-target": "1.3.0",
|
|
@@ -213,5 +213,5 @@
|
|
|
213
213
|
"tsx": "^4.21.0",
|
|
214
214
|
"vite": "^7.3.1"
|
|
215
215
|
},
|
|
216
|
-
"gitHead": "
|
|
216
|
+
"gitHead": "59a5cb446bc390edd34e21cfbb88a59836a533ba"
|
|
217
217
|
}
|