@lmvz-ds/components 0.12.5 → 0.13.1

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.
Files changed (128) hide show
  1. package/dist/cjs/assets-CJzJZPzV.js +26 -0
  2. package/dist/{esm/Effect-BhQLGXPs.js → cjs/icons-FIfJEo6G.js} +1708 -5205
  3. package/dist/cjs/{index-CVw4GUo6.js → index-Bp6Dd2i1.js} +4 -2
  4. package/dist/cjs/{index-9ZJx0550.js → index-D3BMpL5w.js} +0 -3
  5. package/dist/cjs/index.cjs.js +4 -6
  6. package/dist/cjs/lmvz-action.cjs.entry.js +1 -1
  7. package/dist/cjs/lmvz-button.cjs.entry.js +7 -10
  8. package/dist/cjs/lmvz-card.cjs.entry.js +4 -5
  9. package/dist/cjs/lmvz-chip.cjs.entry.js +1 -1
  10. package/dist/cjs/lmvz-components.cjs.js +1 -1
  11. package/dist/cjs/lmvz-header.cjs.entry.js +13 -12
  12. package/dist/cjs/lmvz-icon.cjs.entry.js +8 -10
  13. package/dist/cjs/lmvz-input.cjs.entry.js +8 -11
  14. package/dist/cjs/lmvz-menuitem.cjs.entry.js +5 -7
  15. package/dist/cjs/loader.cjs.js +1 -1
  16. package/dist/cjs/reactive-controller-host-BMDEj1kX.js +168 -0
  17. package/dist/collection/components/lmvz-button/lmvz-button.js +3 -3
  18. package/dist/collection/components/lmvz-card/lmvz-card.js +3 -4
  19. package/dist/collection/components/lmvz-header/lmvz-header.js +11 -8
  20. package/dist/collection/components/lmvz-icon/icons.js +2 -2
  21. package/dist/collection/components/lmvz-icon/lmvz-icon.js +2 -2
  22. package/dist/collection/components/lmvz-icon/test/icons.unit.js +21 -12
  23. package/dist/collection/components/lmvz-input/lmvz-input.css +5 -2
  24. package/dist/collection/components/lmvz-input/lmvz-input.js +3 -3
  25. package/dist/collection/components/lmvz-menuitem/lmvz-menuitem.js +3 -3
  26. package/dist/collection/integration/header-integration.js +3 -1
  27. package/dist/collection/utils/{validation → aria}/aria-validation-controller.js +15 -34
  28. package/dist/collection/utils/{list-keyboard-controller.js → aria/list-keyboard-controller.js} +1 -1
  29. package/dist/collection/utils/assets.js +9 -6
  30. package/dist/collection/utils/http.js +2 -2
  31. package/dist/collection/utils/{http.test.js → http.unit.js} +8 -7
  32. package/dist/collection/utils/validation/svg.js +1 -1
  33. package/dist/components/index.js +1 -1
  34. package/dist/components/lmvz-action.js +1 -1
  35. package/dist/components/lmvz-button.js +1 -1
  36. package/dist/components/lmvz-card.js +1 -1
  37. package/dist/components/lmvz-chip.js +1 -1
  38. package/dist/components/lmvz-header.js +1 -1
  39. package/dist/components/lmvz-icon.js +1 -1
  40. package/dist/components/lmvz-input.js +1 -1
  41. package/dist/components/lmvz-menuitem.js +1 -1
  42. package/dist/components/{p-DMLRPGid.js → p-BfTCfPZ1.js} +1 -1
  43. package/dist/components/p-BsS3QvWn.js +1 -0
  44. package/dist/components/p-CMteT-Yo.js +1 -0
  45. package/dist/components/p-CdYWDK7m.js +1 -0
  46. package/dist/components/p-vi4YzJmv.js +1 -0
  47. package/dist/esm/assets-BelZNJ1W.js +23 -0
  48. package/dist/{cjs/Effect-CNhHt4Xb.js → esm/icons-CM7lsnuO.js} +1751 -5457
  49. package/dist/esm/{index-Bt32KzDW.js → index-BfTCfPZ1.js} +3 -1
  50. package/dist/esm/{index-smGPjoDX.js → index-T5ljELGS.js} +1 -3
  51. package/dist/esm/index.js +4 -5
  52. package/dist/esm/lmvz-action.entry.js +1 -1
  53. package/dist/esm/lmvz-button.entry.js +5 -8
  54. package/dist/esm/lmvz-card.entry.js +4 -5
  55. package/dist/esm/lmvz-chip.entry.js +1 -1
  56. package/dist/esm/lmvz-components.js +2 -2
  57. package/dist/esm/lmvz-header.entry.js +11 -10
  58. package/dist/esm/lmvz-icon.entry.js +5 -7
  59. package/dist/esm/lmvz-input.entry.js +6 -9
  60. package/dist/esm/lmvz-menuitem.entry.js +3 -5
  61. package/dist/esm/loader.js +2 -2
  62. package/dist/esm/reactive-controller-host-CZ3dGAjR.js +165 -0
  63. package/dist/lmvz-components/index.esm.js +1 -1
  64. package/dist/lmvz-components/lmvz-components.esm.js +1 -1
  65. package/dist/lmvz-components/p-16878d4c.entry.js +1 -0
  66. package/dist/lmvz-components/p-6e3314ab.entry.js +1 -0
  67. package/dist/lmvz-components/p-8ea1a349.entry.js +1 -0
  68. package/dist/lmvz-components/{p-d4b68381.entry.js → p-980688a0.entry.js} +1 -1
  69. package/dist/lmvz-components/{p-DMLRPGid.js → p-BfTCfPZ1.js} +1 -1
  70. package/dist/lmvz-components/p-BoR31cjC.js +1 -0
  71. package/dist/lmvz-components/p-CVf2C8dL.js +1 -0
  72. package/dist/lmvz-components/p-CZ3dGAjR.js +1 -0
  73. package/dist/lmvz-components/p-T5ljELGS.js +2 -0
  74. package/dist/lmvz-components/p-a34542fa.entry.js +1 -0
  75. package/dist/lmvz-components/p-d2bf6a3f.entry.js +1 -0
  76. package/dist/lmvz-components/p-d9dc29a1.entry.js +1 -0
  77. package/dist/lmvz-components/{p-9faac8f3.entry.js → p-feda2ec5.entry.js} +1 -1
  78. package/dist/manifest.json +1 -1
  79. package/dist/types/components/lmvz-button/lmvz-button.d.ts +2 -2
  80. package/dist/types/components/lmvz-header/lmvz-header.d.ts +5 -4
  81. package/dist/types/components/lmvz-icon/lmvz-icon.d.ts +1 -1
  82. package/dist/types/components/lmvz-input/lmvz-input.d.ts +1 -1
  83. package/dist/types/components/lmvz-menuitem/lmvz-menuitem.d.ts +2 -2
  84. package/dist/types/utils/{validation → aria}/aria-validation-controller.d.ts +1 -5
  85. package/dist/types/utils/{element-activation-controller.d.ts → aria/element-activation-controller.d.ts} +2 -2
  86. package/dist/types/utils/{list-keyboard-controller.d.ts → aria/list-keyboard-controller.d.ts} +1 -1
  87. package/dist/types/utils/assets.d.ts +1 -8
  88. package/dist/types/utils/http.d.ts +3 -3
  89. package/dist/types/utils/validation/svg.d.ts +2 -2
  90. package/hydrate/index.js +3608 -54447
  91. package/hydrate/index.mjs +3608 -54447
  92. package/package.json +17 -18
  93. package/readme.md +18 -0
  94. package/dist/cjs/MutableQueue-Bk9tBfaK.js +0 -462
  95. package/dist/cjs/_commonjsHelpers-CFO10eej.js +0 -7
  96. package/dist/cjs/aria-validation-controller-B3hMkau3.js +0 -2930
  97. package/dist/cjs/assets-BguFB3wV.js +0 -71
  98. package/dist/cjs/axe-BNqwbBGU.js +0 -32834
  99. package/dist/cjs/icons-7wUEcWEo.js +0 -607
  100. package/dist/components/p-3I3wZmp8.js +0 -1
  101. package/dist/components/p-B85MJLTf.js +0 -1
  102. package/dist/components/p-BaPwpeMs.js +0 -1
  103. package/dist/components/p-CAi33KTt.js +0 -1
  104. package/dist/components/p-CdofjRtQ.js +0 -1
  105. package/dist/components/p-D1HbKFuh.js +0 -12
  106. package/dist/components/p-UwhTS2ue.js +0 -1
  107. package/dist/esm/MutableQueue-CNlEFklh.js +0 -431
  108. package/dist/esm/_commonjsHelpers-B85MJLTf.js +0 -5
  109. package/dist/esm/aria-validation-controller-iA4YWFG-.js +0 -2927
  110. package/dist/esm/assets-Iu8neKuE.js +0 -67
  111. package/dist/esm/axe-cRQ9Ux1I.js +0 -32832
  112. package/dist/esm/icons-Bx1wWPM2.js +0 -603
  113. package/dist/lmvz-components/p-1a10fcbd.entry.js +0 -1
  114. package/dist/lmvz-components/p-274c36df.entry.js +0 -1
  115. package/dist/lmvz-components/p-2ba68483.entry.js +0 -1
  116. package/dist/lmvz-components/p-4XIjw3k8.js +0 -1
  117. package/dist/lmvz-components/p-51Fb_qqD.js +0 -1
  118. package/dist/lmvz-components/p-77e26e71.entry.js +0 -1
  119. package/dist/lmvz-components/p-B85MJLTf.js +0 -1
  120. package/dist/lmvz-components/p-BhQLGXPs.js +0 -1
  121. package/dist/lmvz-components/p-CXWyvf0D.js +0 -1
  122. package/dist/lmvz-components/p-D1HbKFuh.js +0 -12
  123. package/dist/lmvz-components/p-D7I-Bc5i.js +0 -1
  124. package/dist/lmvz-components/p-a5fe62b6.entry.js +0 -1
  125. package/dist/lmvz-components/p-c8b78793.entry.js +0 -1
  126. package/dist/lmvz-components/p-smGPjoDX.js +0 -2
  127. /package/dist/collection/utils/{element-activation-controller.js → aria/element-activation-controller.js} +0 -0
  128. /package/dist/types/utils/{http.test.d.ts → http.unit.d.ts} +0 -0
@@ -1,4 +1,6 @@
1
- import { g as getDefaultExportFromCjs } from './_commonjsHelpers-B85MJLTf.js';
1
+ function getDefaultExportFromCjs (x) {
2
+ return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
3
+ }
2
4
 
3
5
  var classnames = {exports: {}};
4
6
 
@@ -5,8 +5,6 @@ const BUILD = /* lmvz-components */ { hotModuleReplacement: false, hydratedSelec
5
5
  Stencil Client Platform v4.43.2 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
 
8
- var Build = {
9
- isDev: false};
10
8
  var PrimitiveType = /* @__PURE__ */ ((PrimitiveType2) => {
11
9
  PrimitiveType2["Undefined"] = "undefined";
12
10
  PrimitiveType2["Null"] = "null";
@@ -2738,4 +2736,4 @@ function transformTag(tag) {
2738
2736
  return tag;
2739
2737
  }
2740
2738
 
2741
- export { Build as B, Host as H, getAssetPath as a, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
2739
+ export { Host as H, getAssetPath as a, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
package/dist/esm/index.js CHANGED
@@ -1,8 +1,7 @@
1
- export { c as clearIconCache } from './icons-Bx1wWPM2.js';
2
- import { r as runPromise } from './Effect-BhQLGXPs.js';
3
- import './MutableQueue-CNlEFklh.js';
4
- import './assets-Iu8neKuE.js';
5
- import './index-smGPjoDX.js';
1
+ import { r as runPromise } from './icons-CM7lsnuO.js';
2
+ export { c as clearIconCache } from './icons-CM7lsnuO.js';
3
+ import './assets-BelZNJ1W.js';
4
+ import './index-T5ljELGS.js';
6
5
 
7
6
  const variants = ['primary', 'secondary', 'tertiary'];
8
7
  const scaleValues = ['small', 'default', 'large'];
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, c as createEvent, h, H as Host } from './index-smGPjoDX.js';
1
+ import { r as registerInstance, c as createEvent, h, H as Host } from './index-T5ljELGS.js';
2
2
 
3
3
  const lmvzActionCss = () => `:host{display:block}`;
4
4
 
@@ -1,11 +1,8 @@
1
- import { g as getElement, r as registerInstance, c as createEvent, h, H as Host } from './index-smGPjoDX.js';
2
- import { c as classNames } from './index-Bt32KzDW.js';
3
- import { i as inheritAriaAttributes, f as findFormByRef } from './component-B3JVFwO1.js';
1
+ import { g as getElement, r as registerInstance, c as createEvent, h, H as Host } from './index-T5ljELGS.js';
2
+ import { c as classNames } from './index-BfTCfPZ1.js';
3
+ import { R as ReactiveControllerHost, A as AriaValidationController } from './reactive-controller-host-CZ3dGAjR.js';
4
4
  import { E as ElementActivationController } from './element-activation-controller-CN0JX9-m.js';
5
- import { R as ReactiveControllerHost, A as AriaValidationController } from './aria-validation-controller-iA4YWFG-.js';
6
- import './_commonjsHelpers-B85MJLTf.js';
7
- import './Effect-BhQLGXPs.js';
8
- import './MutableQueue-CNlEFklh.js';
5
+ import { i as inheritAriaAttributes, f as findFormByRef } from './component-B3JVFwO1.js';
9
6
 
10
7
  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); } `;
11
8
 
@@ -62,7 +59,7 @@ const LmvzButton = class extends ReactiveControllerHost {
62
59
  };
63
60
  render() {
64
61
  this.renderHiddenButton();
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' }))));
62
+ return (h(Host, { key: 'cd4a63b866c801ad7f96f59d15e561a54bfe9ec2', "aria-disabled": this.disabled ? 'true' : null }, h("button", { key: 'a1e3ecb88fb84d724df4939519bb22d4b6725c1d', disabled: this.disabled, class: classNames(this.variant, { [this.scale ?? '']: !!this.scale, disabled: this.disabled }), ...this.inheritedAttributes }, h("slot", { key: 'f1fd32c993b1ef9f6d62d6f3affa169c9368df78' }))));
66
63
  }
67
64
  static get delegatesFocus() { return true; }
68
65
  };
@@ -1,6 +1,5 @@
1
- import { r as registerInstance, c as createEvent, h, H as Host } from './index-smGPjoDX.js';
2
- import { a as runSync } from './Effect-BhQLGXPs.js';
3
- import { s as syncCreateAssetUrlSafely } from './assets-Iu8neKuE.js';
1
+ import { r as registerInstance, c as createEvent, h, H as Host } from './index-T5ljELGS.js';
2
+ import { c as createAssetUrlSafely } from './assets-BelZNJ1W.js';
4
3
 
5
4
  const lmvzCardCss = () => `@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; } } .sc-lmvz-card-h { 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: flex; min-width: var(--lmvz-other-component-card-minwidth, 20.4375rem); max-width: var(--lmvz-other-component-card-maxwidth, 21.6875rem); flex-direction: column; align-items: flex-start; border-radius: var(--lmvz-semantic-border-radius-lg, 14px); border: var(--lmvz-semantic-border-width-default, 1px) solid var(--lmvz-semantic-color-border-default, #e0e0e0); background: var(--lmvz-semantic-color-surface-primary, #ffffff); } *.sc-lmvz-card { color: var(--lmvz-semantic-color-on-surface-primary, #000000); font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.4 Router); } .top.sc-lmvz-card { display: flex; padding: var(--lmvz-dimension-8-12, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem)); flex-direction: column; justify-content: center; align-items: center; align-self: stretch; } .bottom.sc-lmvz-card { display: flex; min-width: 150px; padding: var(--lmvz-dimension-4-6, clamp(0.25rem, 0.22rem + 0.13vw, 0.38rem)) var(--lmvz-dimension-10-14, clamp(0.63rem, 0.56rem + 0.26vw, 0.88rem)) var(--lmvz-dimension-10-14, clamp(0.63rem, 0.56rem + 0.26vw, 0.88rem)) var(--lmvz-dimension-10-14, clamp(0.63rem, 0.56rem + 0.26vw, 0.88rem)); flex-direction: column; align-items: flex-start; align-self: stretch; } .title.sc-lmvz-card { margin: 0; display: flex; justify-content: center; align-items: center; align-self: stretch; padding-bottom: var(--lmvz-global-s4, 4px); overflow-wrap: break-word; font: var(--lmvz-typography-heading-2xl, 500 clamp(2rem, 1.94rem + 0.26vw, 2.25rem) / 1.2 Router); } .description.sc-lmvz-card { display: flex; margin: 0; padding-bottom: var(--lmvz-component-body-sm-padding-bottom, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem)); align-items: flex-start; align-self: stretch; white-space: pre-line; font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.4 Router); } .image-wrapper.sc-lmvz-card { aspect-ratio: 4 / 3; width: 100%; background-size: cover; background-position: center; flex: 1 0 0; align-self: stretch; border-radius: var(--lmvz-semantic-border-radius-md, 6px); } .actions.sc-lmvz-card { margin-top: var(--lmvz-component-form-wrapper-gap-y, clamp(1.13rem, 0.97rem + 0.65vw, 1.75rem)); display: flex; align-items: center; gap: var(--lmvz-component-input-md-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem)); align-self: stretch; } button.primary.sc-lmvz-card, lmvz-button.primary.sc-lmvz-card { display: flex; justify-content: center; align-items: center; gap: var(--lmvz-component-input-md-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem)); flex: 1 0 0; }`;
6
5
 
@@ -15,7 +14,7 @@ const LmvzCard = class {
15
14
  primaryActionLabel = '';
16
15
  primaryAction;
17
16
  get fallbackImage() {
18
- return runSync(syncCreateAssetUrlSafely('card-placeholder.svg'));
17
+ return createAssetUrlSafely('card-placeholder.svg');
19
18
  }
20
19
  _onPrimaryClick() {
21
20
  this.primaryAction.emit();
@@ -27,7 +26,7 @@ const LmvzCard = class {
27
26
  const imgStyle = {
28
27
  backgroundImage: `url(${this.imageUrl ?? this.fallbackImage})`,
29
28
  };
30
- return (h(Host, { key: '1438354a53604954320d01652aa1d84f8712e875', role: "article" }, h("div", { key: 'dcffae2c48ebf8f8769cf07c2e78806f12df6888', class: "top" }, h("div", { key: 'e41e1d0aafbfc5879b86022e91958ef3373b48b2', class: "image-wrapper", style: imgStyle }, h("div", { key: 'f6a1fc9706012f39aca9dd0b995290e6042e3407', class: "chip-slot" }, h("slot", { key: '4e014519c147705cc30b3268d652ea6c76c749ec', name: "chip" })))), h("div", { key: 'e7baf78b660e9a97edd0b6a0aa1bdb1afa593fed', class: "bottom" }, h("header", { key: 'a8dad9f91df60f535725328a4901833d47652678' }, h("h2", { key: '1cdbca46469750187856a46fa155128f1f8a677f', class: "title" }, this.cardTitle)), h("p", { key: 'f33c2c0af86d7be31fcbd676833b27c7d06e2dd9', class: "description" }, this.description), h("div", { key: 'a12595d514167fb957aac71fe3d144810b442f9d', class: "actions" }, h("button", { key: '9730cedbf83599c09eedaaae43331147691486d6', class: "primary", onClick: this._onPrimaryClick.bind(this), "data-testid": "primary" }, this.primaryActionLabel), h("button", { key: '48e9c511c406beb75334452769beade3dec9a3f5', class: "tertiary", "aria-label": "More actions", onClick: this._onOverflowClick }, h("span", { key: '81cc1af42a15dddb9dbd4f373a6a047c2e2cd563', class: "icon-placeholder" }, "..."))))));
29
+ return (h(Host, { key: 'ba2e8d9e25428c744da2470cbd677306c56b09ae', role: "article" }, h("div", { key: '54ff7545559a4b6fb00c94909717234f4dfedd7c', class: "top" }, h("div", { key: '7bff35f247b6e8aca9b6346103139daa65ca16a3', class: "image-wrapper", style: imgStyle }, h("div", { key: 'c2c3d21227175b9dc0a55c75294f6c21bc713a26', class: "chip-slot" }, h("slot", { key: '1a7002aab5fc3f9f698c3d1678f8819ea36f91d3', name: "chip" })))), h("div", { key: 'a313321abe4da83db4b2ba64fdefa28edde93d41', class: "bottom" }, h("header", { key: 'f5ba333fcaa59d5b4f61dee94aba4628f49db9d7' }, h("h2", { key: 'b7d9ad6944b136476703cde89f885b189583eef1', class: "title" }, this.cardTitle)), h("p", { key: '6594626904a4f9fbc53d5956b71bbdefe00add8c', class: "description" }, this.description), h("div", { key: 'd8bbfebeb572fcf6990160a0dba7c5ae8a5a7fc7', class: "actions" }, h("button", { key: '6311a97a18412f8fbf8eb33e8a0f7a17700e71c6', class: "primary", onClick: this._onPrimaryClick.bind(this), "data-testid": "primary" }, this.primaryActionLabel), h("button", { key: '12033ad5018d100f84f0149d83dc965d8e5b2c66', class: "tertiary", "aria-label": "More actions", onClick: this._onOverflowClick }, h("span", { key: 'e11f8008542b4f7f70d1273bb31200c50d02aabb', class: "icon-placeholder" }, "..."))))));
31
30
  }
32
31
  static get assetsDirs() { return ["../../assets"]; }
33
32
  };
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h, H as Host } from './index-smGPjoDX.js';
1
+ import { r as registerInstance, h, H as Host } from './index-T5ljELGS.js';
2
2
 
3
3
  const lmvzChipCss = () => `:host{display:block}`;
4
4
 
@@ -1,5 +1,5 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-smGPjoDX.js';
2
- export { s as setNonce } from './index-smGPjoDX.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-T5ljELGS.js';
2
+ export { s as setNonce } from './index-T5ljELGS.js';
3
3
  import { g as globalScripts } from './app-globals-DQuL1Twl.js';
4
4
 
5
5
  /*
@@ -1,8 +1,6 @@
1
- import { g as getElement, r as registerInstance, h, H as Host } from './index-smGPjoDX.js';
1
+ import { g as getElement, r as registerInstance, h, H as Host } from './index-T5ljELGS.js';
2
+ import { R as ReactiveControllerHost, A as AriaValidationController } from './reactive-controller-host-CZ3dGAjR.js';
2
3
  import { g as getDeepActiveElement, c as canReceiveFocus } from './component-B3JVFwO1.js';
3
- import { R as ReactiveControllerHost, A as AriaValidationController } from './aria-validation-controller-iA4YWFG-.js';
4
- import './Effect-BhQLGXPs.js';
5
- import './MutableQueue-CNlEFklh.js';
6
4
 
7
5
  class ListKeyboardNavigationController {
8
6
  host;
@@ -79,11 +77,11 @@ const LmvzHeader = class extends ReactiveControllerHost {
79
77
  this.updateElementsActive();
80
78
  }
81
79
  componentDidLoad() {
82
- this.primarySlot.addEventListener('slotchange', this.handlePrimaryNavChange.bind(this));
83
- this.handlePrimaryNavChange();
84
- this.secondarySlot.addEventListener('slotchange', this.handleSecondaryNavChange.bind(this));
80
+ this.primarySlot.addEventListener('slotchange', this.handlePrimaryNavItemsChange.bind(this));
81
+ this.handlePrimaryNavItemsChange();
82
+ this.secondarySlot.addEventListener('slotchange', this.handleSecondaryNavItemsChange.bind(this));
85
83
  }
86
- handlePrimaryNavChange() {
84
+ handlePrimaryNavItemsChange() {
87
85
  const items = this.primaryMenuitems;
88
86
  if (!items.length) {
89
87
  console.warn('Primary slot has no assigned elements. Please add navigation items to the primary slot.');
@@ -95,11 +93,14 @@ const LmvzHeader = class extends ReactiveControllerHost {
95
93
  });
96
94
  this.updateElementsActive();
97
95
  }
98
- handleSecondaryNavChange() {
96
+ handleSecondaryNavItemsChange() {
99
97
  const items = this.secondaryMenuitems;
100
98
  if (!items.length) {
101
99
  return;
102
100
  }
101
+ this.updateKeyboardNavSubjects();
102
+ }
103
+ updateKeyboardNavSubjects() {
103
104
  this.keyboardNavigationController.updateElements([...this.primaryMenuitems, ...this.secondaryMenuitems]);
104
105
  }
105
106
  updateElementsActive() {
@@ -120,7 +121,7 @@ const LmvzHeader = class extends ReactiveControllerHost {
120
121
  }
121
122
  }
122
123
  render() {
123
- return (h(Host, { key: '58934683ff442801eb34f025ac809631f93a27e8', onFocus: this.delegateFocus.bind(this) }, h("div", { key: '35d3eadfabb70f83b313f946c8d31f9c223e8344', class: "brand" }, h("slot", { key: '5ce98314d980d63e1c87f508d96119aca2e702a9', name: "brand" }, h("lmvz-icon", { key: 'b24e61a9071d81948d506a8c545e012d3f0e5dd2', id: "fallback-logo-lmvz", icon: "Logo", size: "inherit", "aria-label": "Lehrmittelverlag Z\u00FCrich" }))), h("nav", { key: '1d5cc9010ef90e6cebc8a7b054db595f35f9e040', "aria-label": "Hauptnavigation" }, h("div", { key: '488a1b1544242562b57d76169f1988d84c611de4', role: "menubar", class: "primary-menubar" }, h("slot", { key: '59c6dd1442290931ed9a55f7bacc65ea4bb9ff6d', name: "nav-primary", ref: el => (this.primarySlot = el) }), h("separator", { key: '2729f0e8b115614c50c4a16b6684a3bdb21856b8' }), h("div", { key: '6b5bed5951bad9173fefdc78039e71c4ccc120b2', role: "menu", id: "nav-secondary", class: "secondary-menubar", hidden: !this.lmvzActiveNav, ref: el => (this.secondaryNav = el) }, h("slot", { key: '02f5a13e8851372c1698e3f786a8757a0a09c32f', name: this.secondarySlotName, ref: el => (this.secondarySlot = el) })))), h("div", { key: '53aafe8139bcea27d3039f64a48974cdb5aac5f9', class: "actions" }, h("slot", { key: 'f12ee19831073253e6ba8e251ba31ec403c21035', name: "actions" }))));
124
+ return (h(Host, { key: '783c855e49e1a2447107d6205a1b2c50285ccfff', onFocus: this.delegateFocus.bind(this) }, h("div", { key: '84a78b0ed3e170c49a711fa4091f80dbc7003b2f', class: "brand" }, h("slot", { key: '76cc54f17a7bc5f825433fc56351666a93891fd2', name: "brand" }, h("lmvz-icon", { key: 'e196e43720cb4b4c3f79b3071d534b50480f6206', id: "fallback-logo-lmvz", icon: "Logo", size: "inherit", "aria-label": "Lehrmittelverlag Z\u00FCrich" }))), h("nav", { key: 'd25a719752bd4085da5ad18af94afc66e9cabd5e', "aria-label": "Hauptnavigation" }, h("div", { key: '8a12c2c53bd061b3559ce9693780e592b3d7aa32', role: "menubar", class: "primary-menubar" }, h("slot", { key: '4461632675dc657f675883e8ef618e371ace0ad7', name: "nav-primary", ref: el => (this.primarySlot = el) }), h("div", { key: 'c1dabc588ac376db667df32d3edbdd6dce60aaad', role: "menu", id: "nav-secondary", class: "secondary-menubar", hidden: !this.lmvzActiveNav, ref: el => (this.secondaryNav = el) }, h("slot", { key: '74ca44ee2f755ffe9ea3ebc19cc2b227ae22df8b', name: this.secondarySlotName, ref: el => (this.secondarySlot = el) })))), h("div", { key: 'a4d250a5fcd10390aed1f5369c28ddec9aa9ee8d', class: "actions" }, h("slot", { key: '77a499ce12d269e79221ca971cc1b203d179f459', name: "actions" }))));
124
125
  }
125
126
  static get watchers() { return {
126
127
  "lmvzActiveNav": [{
@@ -1,9 +1,7 @@
1
- import { g as getElement, r as registerInstance, h, H as Host } from './index-smGPjoDX.js';
2
- import { r as runPromise, t as tapError, l as logError, c as catchAll, s as succeed } from './Effect-BhQLGXPs.js';
3
- import { R as ReactiveControllerHost, A as AriaValidationController } from './aria-validation-controller-iA4YWFG-.js';
4
- import { f as fetchIconSvg, e as emptyDefaultSvg } from './icons-Bx1wWPM2.js';
5
- import './MutableQueue-CNlEFklh.js';
6
- import './assets-Iu8neKuE.js';
1
+ import { g as getElement, r as registerInstance, h, H as Host } from './index-T5ljELGS.js';
2
+ import { r as runPromise, f as fetchIconSvg, t as tapError, l as logError, a as catchAll, s as succeed, e as emptyDefaultSvg } from './icons-CM7lsnuO.js';
3
+ import { R as ReactiveControllerHost, A as AriaValidationController } from './reactive-controller-host-CZ3dGAjR.js';
4
+ import './assets-BelZNJ1W.js';
7
5
 
8
6
  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)}}`;
9
7
 
@@ -44,7 +42,7 @@ const LmvzIcon = class extends ReactiveControllerHost {
44
42
  this.iconData = await runPromise(fetchIconSvg(this.icon).pipe(tapError(error => logError(`Error loading icon "${icon}":`, error.message, error.cause, error.stack)), catchAll(() => succeed(emptyDefaultSvg()))));
45
43
  }
46
44
  render() {
47
- return h(Host, { key: '50d0f96ec5085a47ca7783e5232dfb503fa32d29', role: "img", "aria-hidden": `${this.ariaHidden}`, innerHTML: this.iconData });
45
+ return h(Host, { key: 'd4c1cbfbaf39ebf6aa26415d46100763b9f89b5b', role: "img", "aria-hidden": `${this.ariaHidden}`, innerHTML: this.iconData });
48
46
  }
49
47
  waitUntilVisible(callback, rootMargin = 50) {
50
48
  if (typeof window === 'undefined' || !window.IntersectionObserver) {
@@ -1,12 +1,9 @@
1
- import { g as getElement, r as registerInstance, c as createEvent, h } from './index-smGPjoDX.js';
2
- import { c as classNames } from './index-Bt32KzDW.js';
1
+ import { g as getElement, r as registerInstance, c as createEvent, h } from './index-T5ljELGS.js';
2
+ import { c as classNames } from './index-BfTCfPZ1.js';
3
+ import { R as ReactiveControllerHost, A as AriaValidationController } from './reactive-controller-host-CZ3dGAjR.js';
3
4
  import { a as componentOnReady } from './component-B3JVFwO1.js';
4
- import { R as ReactiveControllerHost, A as AriaValidationController } from './aria-validation-controller-iA4YWFG-.js';
5
- import './_commonjsHelpers-B85MJLTf.js';
6
- import './Effect-BhQLGXPs.js';
7
- import './MutableQueue-CNlEFklh.js';
8
5
 
9
- 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); } .helper-text.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; } .error-message.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; }`;
6
+ 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; }`;
10
7
 
11
8
  let inputIdCounter = 0;
12
9
  const LmvzInput = class extends ReactiveControllerHost {
@@ -156,9 +153,9 @@ const LmvzInput = class extends ReactiveControllerHost {
156
153
  render() {
157
154
  const hasValue = Boolean(this.value);
158
155
  const shouldFloatLabel = hasValue || Boolean(this.placeholder);
159
- return (h("div", { key: '402189a211eec970a9f5b8fcc551c6c3508bec05', class: classNames('input-container', {
156
+ return (h("div", { key: '4dffa432df9b8ca5d89c02b59cfe25b9321ca162', class: classNames('input-container', {
160
157
  'interaction-filled': hasValue,
161
- }) }, h("div", { key: '1cbe6011f14774e1226406ef4fe301fd94338444', class: "input-wrapper" }, h("slot", { key: 'ea0f30124315c88e9721bb4457126bd6cf18110a', name: "before-input" }), h("div", { key: 'f630b5f3a33a961f94b5a782b0ce6b4d49d1958c', class: "label-input-group" }, h("label", { key: 'dbb3fe066ebf93f7fcbe6973a1e37685d7206888', htmlFor: this.inputId, class: classNames({ floating: shouldFloatLabel }) }, this.label, this.required && (h("span", { key: '7c1a2458b66becb45c730bfe3ff0c570293f702f', class: "required-indicator", "aria-hidden": "true" }, ' ', "*"))), h("input", { key: '14b14457e200d20faf9053848662743dfe1cf417', 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 })), h("slot", { key: '4b530738ff7404eb1bcecc10a0388570e2243cf3', name: "after-input" })), this.helperText && (h("div", { key: 'f1a287047e9b4d58aa90af157d50b3d564555e9b', id: this.helperId, class: "helper-text" }, this.helperText)), this.showErrorMessage && (h("div", { key: '2a25c4a88a63363cdd814f1d4fead5e8a238621b', id: this.errorId, class: "error-message", role: "alert" }, this.errorMessage))));
158
+ }) }, h("div", { key: 'ade1cd1137acce218d458c1b66b2eb29cf887b70', class: "input-wrapper" }, h("slot", { key: '013dff3540481724658ff754bf3db0585ec3b6f4', name: "before-input" }), h("div", { key: '6587bb63c79f97c31abff5be0a91eb16374971d5', class: "label-input-group" }, h("label", { key: '2ef0a35fbd38b255423d2793415568a661476db3', htmlFor: this.inputId, class: classNames({ floating: shouldFloatLabel }) }, this.label, this.required && (h("span", { key: '0785826710ee4ecea96037cc689c34a43113552e', class: "required-indicator", "aria-hidden": "true" }, ' ', "*"))), h("input", { key: '5ad0d4b2d1c11dd89824db87e331232ba703a05e', 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 })), h("slot", { key: 'a23676cc830cac7fbf87fef81a8d05b50b831725', name: "after-input" })), h("div", { key: 'e0a05138954d70508f840b6d5c4f53e74c2f2979', id: this.helperId, role: "status" }, this.helperText || null), h("div", { key: 'fcba57be2d596b3b8aa0ac97b2fd31dc3e77e14b', id: this.errorId, role: "alert" }, (this.showErrorMessage && this.errorMessage) || null)));
162
159
  }
163
160
  static get formAssociated() { return true; }
164
161
  static get watchers() { return {
@@ -1,8 +1,6 @@
1
- import { g as getElement, r as registerInstance, c as createEvent, h, H as Host } from './index-smGPjoDX.js';
1
+ import { g as getElement, r as registerInstance, c as createEvent, h, H as Host } from './index-T5ljELGS.js';
2
+ import { R as ReactiveControllerHost, A as AriaValidationController } from './reactive-controller-host-CZ3dGAjR.js';
2
3
  import { E as ElementActivationController } from './element-activation-controller-CN0JX9-m.js';
3
- import { R as ReactiveControllerHost, A as AriaValidationController } from './aria-validation-controller-iA4YWFG-.js';
4
- import './Effect-BhQLGXPs.js';
5
- import './MutableQueue-CNlEFklh.js';
6
4
 
7
5
  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); }`;
8
6
 
@@ -23,7 +21,7 @@ const LmvzMenuItem = class extends ReactiveControllerHost {
23
21
  this.addController(new ElementActivationController(this));
24
22
  }
25
23
  render() {
26
- return (h(Host, { key: '26714142bd3559ee06b8454a669322744d006714' }, h("slot", { key: '9b9af4cb5aeb61b4f030d148505e18ceefef6da9' })));
24
+ return (h(Host, { key: 'c4a21e628aaf4e983d51ce7b1f38ff66c47ec3ac' }, h("slot", { key: '0040d27a11c4bdd5a49dd54f352ba7d17b53ff7b' })));
27
25
  }
28
26
  };
29
27
  LmvzMenuItem.style = lmvzMenuitemCss();
@@ -1,5 +1,5 @@
1
- import { b as bootstrapLazy } from './index-smGPjoDX.js';
2
- export { s as setNonce } from './index-smGPjoDX.js';
1
+ import { b as bootstrapLazy } from './index-T5ljELGS.js';
2
+ export { s as setNonce } from './index-T5ljELGS.js';
3
3
  import { g as globalScripts } from './app-globals-DQuL1Twl.js';
4
4
 
5
5
  const defineCustomElements = async (win, options) => {
@@ -0,0 +1,165 @@
1
+ const GLOBAL_STATE_KEY = Symbol('__lmvzAriaValidationRuntimeState');
2
+ const ARIA_VALIDATION_RUNTIME_CHANGED_EVENT = 'lmvz:aria-validation-runtime-changed';
3
+ const getRuntimeState = () => {
4
+ const globalState = globalThis;
5
+ if (!globalState[GLOBAL_STATE_KEY]) {
6
+ globalState[GLOBAL_STATE_KEY] = {
7
+ enabled: false,
8
+ };
9
+ }
10
+ return globalState[GLOBAL_STATE_KEY];
11
+ };
12
+ const isAriaValidationEnabled = () => getRuntimeState().enabled;
13
+ function queueValidation(...args) {
14
+ const state = getRuntimeState();
15
+ if (!state.enabled || !state.runtime)
16
+ return;
17
+ state.runtime.enqueueValidation(...args);
18
+ }
19
+
20
+ class AriaValidationController {
21
+ host;
22
+ config;
23
+ visibilityObserver;
24
+ elementQueued = false;
25
+ elementValidated = false;
26
+ knownValidationErrors = [];
27
+ get disabled() {
28
+ return !isAriaValidationEnabled();
29
+ }
30
+ constructor(host, config) {
31
+ this.host = host;
32
+ this.config = config;
33
+ }
34
+ onRuntimeConfigChange = () => {
35
+ if (!isAriaValidationEnabled())
36
+ return;
37
+ this.checkLazyValidation();
38
+ };
39
+ hostDidLoad() {
40
+ if (typeof window !== 'undefined') {
41
+ window.addEventListener(ARIA_VALIDATION_RUNTIME_CHANGED_EVENT, this.onRuntimeConfigChange);
42
+ }
43
+ if (this.elementQueued || this.elementValidated)
44
+ return;
45
+ if (!this.host.el.checkVisibility()) {
46
+ this.observeVisibilityOnce();
47
+ return;
48
+ }
49
+ this.enqueueValidation();
50
+ }
51
+ hostDidUpdate() {
52
+ this.checkLazyValidation();
53
+ }
54
+ hostDisconnected() {
55
+ this.discardVisibilityObserver();
56
+ if (typeof window !== 'undefined') {
57
+ window.removeEventListener(ARIA_VALIDATION_RUNTIME_CHANGED_EVENT, this.onRuntimeConfigChange);
58
+ }
59
+ }
60
+ observeVisibilityOnce() {
61
+ this.visibilityObserver = new IntersectionObserver(entries => {
62
+ for (const entry of entries) {
63
+ if (entry.target !== this.host.el)
64
+ continue;
65
+ if (!entry.isIntersecting)
66
+ continue;
67
+ this.checkLazyValidation();
68
+ this.discardVisibilityObserver();
69
+ }
70
+ }, {
71
+ root: this.host.el.parentElement,
72
+ rootMargin: '0px',
73
+ threshold: 0.01,
74
+ });
75
+ this.visibilityObserver.observe(this.host.el);
76
+ }
77
+ checkLazyValidation() {
78
+ if (!this.config?.reValidateOnPropChanges && (this.elementQueued || this.elementValidated))
79
+ return;
80
+ this.enqueueValidation();
81
+ }
82
+ enqueueValidation() {
83
+ if (!isAriaValidationEnabled())
84
+ return;
85
+ this.elementQueued = true;
86
+ queueValidation({
87
+ context: { include: this.host.el, exclude: this.knownValidationErrors },
88
+ onComplete: (error, results) => {
89
+ this.elementValidated = true;
90
+ if (error) {
91
+ console.error('Error running ARIA validation:', error);
92
+ return;
93
+ }
94
+ if (!results?.violations.length) {
95
+ if (this.config?.verboseLogging) {
96
+ console.log(`No ARIA validation violations found for ${this.host.el?.tagName || 'element'}.`);
97
+ }
98
+ return;
99
+ }
100
+ const label = `ARIA validation violations found for ${this.host.el?.tagName || 'element'}`;
101
+ if (this.config?.verboseLogging) {
102
+ console.group(label);
103
+ }
104
+ else {
105
+ console.groupCollapsed(label);
106
+ }
107
+ const targets = results.violations.flatMap(violation => {
108
+ console.dir(violation, { showHidden: true, compact: false });
109
+ return violation.nodes.map(node => node.target);
110
+ });
111
+ console.log('element:', this.host.el);
112
+ console.groupEnd();
113
+ this.knownValidationErrors.push(...targets);
114
+ },
115
+ });
116
+ }
117
+ discardVisibilityObserver() {
118
+ if (!this.visibilityObserver)
119
+ return;
120
+ this.visibilityObserver.disconnect();
121
+ this.visibilityObserver = undefined;
122
+ }
123
+ }
124
+
125
+ class ReactiveControllerHost {
126
+ controllers = new Set();
127
+ addController(controller) {
128
+ this.controllers.add(controller);
129
+ }
130
+ removeController(controller) {
131
+ this.controllers.delete(controller);
132
+ }
133
+ get activeControllers() {
134
+ return Array.from(this.controllers).filter(controller => !controller.disabled);
135
+ }
136
+ connectedCallback() {
137
+ if (!this.controllers.size) {
138
+ console.warn('ReactiveControllerHost connected with no controllers registered.', this);
139
+ }
140
+ this.activeControllers.forEach(controller => controller.hostConnected?.());
141
+ }
142
+ disconnectedCallback() {
143
+ this.activeControllers.forEach(controller => controller.hostDisconnected?.());
144
+ }
145
+ componentWillLoad() {
146
+ this.activeControllers.forEach(controller => controller.hostWillLoad?.());
147
+ }
148
+ componentDidLoad() {
149
+ this.activeControllers.forEach(controller => controller.hostDidLoad?.());
150
+ }
151
+ componentWillRender() {
152
+ this.activeControllers.forEach(controller => controller.hostWillRender?.());
153
+ }
154
+ componentDidRender() {
155
+ this.activeControllers.forEach(controller => controller.hostDidRender?.());
156
+ }
157
+ componentWillUpdate() {
158
+ this.activeControllers.forEach(controller => controller.hostWillUpdate?.());
159
+ }
160
+ componentDidUpdate() {
161
+ this.activeControllers.forEach(controller => controller.hostDidUpdate?.());
162
+ }
163
+ }
164
+
165
+ export { AriaValidationController as A, ReactiveControllerHost as R };
@@ -1 +1 @@
1
- export{c as clearIconCache}from"./p-51Fb_qqD.js";import{r}from"./p-BhQLGXPs.js";import"./p-D7I-Bc5i.js";import"./p-4XIjw3k8.js";import"./p-smGPjoDX.js";const e=["primary","secondary","tertiary"],o=["small","default","large"],a=["xs","sm","md","lg"],t=[...a,"xl"],s=["text","email","password","tel","url","search","number"],n=[...a,"inherit"],l=["thin","medium","bold","filled"],i=["Logo","actions","adduser","alert","apple","arrow-down","arrow-left","arrow-right","arrow-up","book","bookmark","checkmark","chevron-down","chevron-left","chevron-right","chevron-up","close-l","close-sm","cog","computer","dashboard","delete","download","edit","external","facebook","favorite","filter","group","hide","home","info","instagram","letter","linkedin","logout","map","minus","navigation","plus","qr-scan","question","reader","reset","school","search","send","settings","share","shopping-cart","show","snapchat","sort","speech-bubble","star","student","upload","user","warn-circle","warn-triangle","whatsapp","world","x","youtube"];function p(e){return r(e).catch((r=>{console.error("Unhandled error in Effect:",r)}))}export{i as iconNames,n as iconSizes,l as iconWeights,s as inputTypes,p as run,o as scaleValues,a as sizes,t as textSizes,e as variants}
1
+ import{r}from"./p-BoR31cjC.js";export{c as clearIconCache}from"./p-BoR31cjC.js";import"./p-CVf2C8dL.js";import"./p-T5ljELGS.js";const e=["primary","secondary","tertiary"],o=["small","default","large"],a=["xs","sm","md","lg"],t=[...a,"xl"],s=["text","email","password","tel","url","search","number"],n=[...a,"inherit"],l=["thin","medium","bold","filled"],i=["Logo","actions","adduser","alert","apple","arrow-down","arrow-left","arrow-right","arrow-up","book","bookmark","checkmark","chevron-down","chevron-left","chevron-right","chevron-up","close-l","close-sm","cog","computer","dashboard","delete","download","edit","external","facebook","favorite","filter","group","hide","home","info","instagram","letter","linkedin","logout","map","minus","navigation","plus","qr-scan","question","reader","reset","school","search","send","settings","share","shopping-cart","show","snapchat","sort","speech-bubble","star","student","upload","user","warn-circle","warn-triangle","whatsapp","world","x","youtube"];function d(e){return r(e).catch((r=>{console.error("Unhandled error in Effect:",r)}))}export{i as iconNames,n as iconSizes,l as iconWeights,s as inputTypes,d as run,o as scaleValues,a as sizes,t as textSizes,e as variants}
@@ -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-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
+ import{p as e,b as a}from"./p-T5ljELGS.js";export{s as setNonce}from"./p-T5ljELGS.js";import{g as l}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-d2bf6a3f",[[769,"lmvz-header",{role:[2561],lmvzActiveNav:[1,"lmvz-active-nav"]},null,{lmvzActiveNav:[{handleActiveNavChange:0}]}]]],["p-feda2ec5",[[257,"lmvz-action"]]],["p-16878d4c",[[785,"lmvz-button",{ti:[2562,"tabindex"],scale:[513],variant:[513],disabled:[516],type:[1],form:[1]}]]],["p-d9dc29a1",[[774,"lmvz-card",{cardTitle:[1,"card-title"],imageUrl:[1,"image-url"],description:[1],primaryActionLabel:[1,"primary-action-label"]}]]],["p-980688a0",[[513,"lmvz-chip",{text:[1]}]]],["p-a34542fa",[[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-8ea1a349",[[774,"lmvz-menuitem",{role:[2561],ti:[2562,"tabindex"]}]]],["p-6e3314ab",[[514,"lmvz-icon",{icon:[513],weight:[513],size:[513],ariaLabel:[513,"aria-label"],iconData:[32],visible:[32]},null,{icon:[{loadIconPathData:0}]}]]]],e))));
@@ -0,0 +1 @@
1
+ import{g as t,r as o,c as r,h as e,H as n}from"./p-T5ljELGS.js";import{c as a}from"./p-BfTCfPZ1.js";import{R as l,A as m}from"./p-CZ3dGAjR.js";import{E as i}from"./p-CN0JX9-m.js";import{i as d,f as s}from"./p-B3JVFwO1.js";const c=class extends l{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 m(this)),this.addController(new i(this,{localHandler:this.handleClick.bind(this),keys:["Enter"]}))}connectedCallback(){this.inheritedAttributes=d(this.el)}renderHiddenButton(){const t=this.formEl=s(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:"cd4a63b866c801ad7f96f59d15e561a54bfe9ec2","aria-disabled":this.disabled?"true":null},e("button",{key:"a1e3ecb88fb84d724df4939519bb22d4b6725c1d",disabled:this.disabled,class:a(this.variant,{[this.scale??""]:!!this.scale,disabled:this.disabled}),...this.inheritedAttributes},e("slot",{key:"f1fd32c993b1ef9f6d62d6f3affa169c9368df78"})))}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}
@@ -0,0 +1 @@
1
+ import{g as i,r as e,h as s,H as t}from"./p-T5ljELGS.js";import{r as o,f as r,t as n,l as c,a as m,s as a,e as l}from"./p-BoR31cjC.js";import{R as h,A as v}from"./p-CZ3dGAjR.js";import"./p-CVf2C8dL.js";const d=class extends h{intersectionObserver;get el(){return i(this)}icon;weight="medium";size="md";iconData;visible=!1;ariaLabel;get ariaHidden(){return!this.ariaLabel}constructor(i){super(),e(this,i),this.addController(new v(this))}connectedCallback(){this.waitUntilVisible((()=>{this.visible=!0,this.loadIconPathData()}))}disconnectedCallback(){this.intersectionObserver&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null)}async loadIconPathData(){const{icon:i,visible:e}=this;i&&e&&(this.iconData=await o(r(this.icon).pipe(n((e=>c(`Error loading icon "${i}":`,e.message,e.cause,e.stack))),m((()=>a(l()))))))}render(){return s(t,{key:"d4c1cbfbaf39ebf6aa26415d46100763b9f89b5b",role:"img","aria-hidden":`${this.ariaHidden}`,innerHTML:this.iconData})}waitUntilVisible(i,e=50){"undefined"!=typeof window&&window.IntersectionObserver?(this.intersectionObserver=new IntersectionObserver((e=>{e.some((e=>!!e.isIntersecting&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null,i(),!0)))}),{rootMargin:`${e}px`}),this.intersectionObserver.observe(this.el)):i()}static get assetsDirs(){return["../../assets/icons"]}static get watchers(){return{icon:[{loadIconPathData:0}]}}};d.style=".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)}}";export{d as lmvz_icon}
@@ -0,0 +1 @@
1
+ import{g as e,r as t,c as r,h as m,H as o}from"./p-T5ljELGS.js";import{R as a,A as n}from"./p-CZ3dGAjR.js";import{E as l}from"./p-CN0JX9-m.js";const i=class extends a{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 n(this)),this.addController(new l(this))}render(){return m(o,{key:"c4a21e628aaf4e983d51ce7b1f38ff66c47ec3ac"},m("slot",{key:"0040d27a11c4bdd5a49dd54f352ba7d17b53ff7b"}))}};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}
@@ -1 +1 @@
1
- import{r as s,h as t,H as r}from"./p-smGPjoDX.js";const a=class{constructor(t){s(this,t)}text;render(){return t(r,{key:"b247f41d22bcf77998bf5a49669f1aa8d7fd3a63"},this.text)}};a.style=":host{display:block}";export{a as lmvz_chip}
1
+ import{r as s,h as t,H as r}from"./p-T5ljELGS.js";const a=class{constructor(t){s(this,t)}text;render(){return t(r,{key:"b247f41d22bcf77998bf5a49669f1aa8d7fd3a63"},this.text)}};a.style=":host{display:block}";export{a as lmvz_chip}
@@ -1,4 +1,4 @@
1
- import{g as r}from"./p-B85MJLTf.js";var n,t,e={exports:{}},o=(n||(n=1,t=e,function(){var r={}.hasOwnProperty;function n(){for(var r="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(r=o(r,e(t)))}return r}function e(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var e="";for(var f in t)r.call(t,f)&&t[f]&&(e=o(e,f));return e}function o(r,n){return n?r?r+" "+n:r+n:r}t.exports?(n.default=n,t.exports=n):window.classNames=n}()),e.exports),f=r(o);
1
+ function r(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var n,t,e={exports:{}},u=(n||(n=1,t=e,function(){var r={}.hasOwnProperty;function n(){for(var r="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(r=u(r,e(t)))}return r}function e(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var e="";for(var f in t)r.call(t,f)&&t[f]&&(e=u(e,f));return e}function u(r,n){return n?r?r+" "+n:r+n:r}t.exports?(n.default=n,t.exports=n):window.classNames=n}()),e.exports),f=r(u);
2
2
  /*!
3
3
  Copyright (c) 2018 Jed Watson.
4
4
  Licensed under the MIT License (MIT), see