@lmvz-ds/components 0.18.1 → 0.19.0

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 (135) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +45 -100
  3. package/cjs/ds.constants-DSnxZ3ia.js +16 -0
  4. package/cjs/{icons-swqMn6s2.js → icons-Tg7ySOh-.js} +54 -38
  5. package/cjs/index.cjs.js +9 -10
  6. package/cjs/lmvz-action.cjs.entry.js +1 -1
  7. package/cjs/lmvz-button.cjs.entry.js +2 -2
  8. package/cjs/lmvz-card.cjs.entry.js +1 -1
  9. package/cjs/lmvz-chip.cjs.entry.js +68 -4
  10. package/cjs/lmvz-components.cjs.js +1 -1
  11. package/cjs/lmvz-header_2.cjs.entry.js +2 -2
  12. package/cjs/lmvz-icon.cjs.entry.js +6 -6
  13. package/cjs/lmvz-input.cjs.entry.js +3 -3
  14. package/cjs/lmvz-menuitem.cjs.entry.js +2 -2
  15. package/cjs/lmvz-select.cjs.entry.js +2 -2
  16. package/cjs/loader.cjs.js +1 -1
  17. package/cjs/{reactive-controller-host-CtaVAiYJ.js → reactive-controller-host-Bi9eu2bV.js} +9 -9
  18. package/collection/api/ds.constants.js +2 -0
  19. package/collection/components/lmvz-action/lmvz-action.js +1 -1
  20. package/collection/components/lmvz-button/lmvz-button.js +6 -3
  21. package/collection/components/lmvz-card/lmvz-card.js +1 -1
  22. package/collection/components/lmvz-chip/lmvz-chip.css +84 -1
  23. package/collection/components/lmvz-chip/lmvz-chip.js +110 -13
  24. package/collection/components/lmvz-header/lmvz-header.js +2 -2
  25. package/collection/components/lmvz-icon/lmvz-icon.css +11 -10
  26. package/collection/components/lmvz-icon/lmvz-icon.js +7 -6
  27. package/collection/components/lmvz-input/lmvz-input.js +4 -4
  28. package/collection/components/lmvz-menuitem/lmvz-menuitem.js +11 -5
  29. package/collection/components/lmvz-select/lmvz-select.js +1 -1
  30. package/collection/index.js +1 -1
  31. package/collection/integration/header-integration/header-integration.js +1 -1
  32. package/collection/utils/aria/aria-validation-controller.js +1 -0
  33. package/collection/utils/reactive-controller-host.js +9 -9
  34. package/components/index.d.ts +9 -9
  35. package/components/index.d.ts.bak +10 -10
  36. package/components/index.js +1 -1
  37. package/components/lmvz-action.d.ts +1 -1
  38. package/components/lmvz-action.d.ts.bak +1 -1
  39. package/components/lmvz-action.js +1 -1
  40. package/components/lmvz-button.d.ts +1 -1
  41. package/components/lmvz-button.d.ts.bak +1 -1
  42. package/components/lmvz-button.js +1 -1
  43. package/components/lmvz-card.d.ts +1 -1
  44. package/components/lmvz-card.d.ts.bak +1 -1
  45. package/components/lmvz-card.js +1 -1
  46. package/components/lmvz-chip.d.ts +1 -1
  47. package/components/lmvz-chip.d.ts.bak +1 -1
  48. package/components/lmvz-chip.js +1 -1
  49. package/components/lmvz-header.d.ts +1 -1
  50. package/components/lmvz-header.d.ts.bak +1 -1
  51. package/components/lmvz-header.js +1 -1
  52. package/components/lmvz-icon.d.ts +1 -1
  53. package/components/lmvz-icon.d.ts.bak +1 -1
  54. package/components/lmvz-icon.js +1 -1
  55. package/components/lmvz-input.d.ts +1 -1
  56. package/components/lmvz-input.d.ts.bak +1 -1
  57. package/components/lmvz-input.js +1 -1
  58. package/components/lmvz-menuitem.d.ts +1 -1
  59. package/components/lmvz-menuitem.d.ts.bak +1 -1
  60. package/components/lmvz-menuitem.js +1 -1
  61. package/components/lmvz-select.d.ts +1 -1
  62. package/components/lmvz-select.d.ts.bak +1 -1
  63. package/components/lmvz-select.js +1 -1
  64. package/components/{p-DQEkWkMh.js → p-DIrAQ4IB.js} +1 -1
  65. package/esm/{aria-loader-BF_AYtbb.js → aria-loader-CES8Ae1e.js} +1 -1
  66. package/esm/ds.constants-Bmi89ll1.js +9 -0
  67. package/esm/{icons-Ca8oMiRa.js → icons-Bj4dF1-I.js} +55 -40
  68. package/esm/{index-7Ru1khgk.js → index-BvxaUA12.js} +1 -1
  69. package/esm/index.js +4 -11
  70. package/esm/lmvz-action.entry.js +1 -1
  71. package/esm/lmvz-button.entry.js +3 -3
  72. package/esm/lmvz-card.entry.js +1 -1
  73. package/esm/lmvz-chip.entry.js +69 -5
  74. package/esm/lmvz-components.js +1 -1
  75. package/esm/lmvz-header_2.entry.js +3 -3
  76. package/esm/lmvz-icon.entry.js +7 -7
  77. package/esm/lmvz-input.entry.js +4 -4
  78. package/esm/lmvz-menuitem.entry.js +3 -3
  79. package/esm/lmvz-select.entry.js +3 -3
  80. package/esm/loader.js +1 -1
  81. package/esm/{logger-fiRXhuXK.js → logger-0bL3pydp.js} +1 -1
  82. package/esm/{reactive-controller-host-sR2jJxNG.js → reactive-controller-host-J2thAxVH.js} +10 -10
  83. package/hydrate/index.js +94 -29
  84. package/hydrate/index.mjs +94 -29
  85. package/lmvz-components/index.esm.js +1 -1
  86. package/lmvz-components/lmvz-components.esm.js +1 -1
  87. package/lmvz-components/{p-fiRXhuXK.js → p-0bL3pydp.js} +1 -1
  88. package/lmvz-components/p-40569208.entry.js +1 -0
  89. package/lmvz-components/p-43e295ba.entry.js +1 -0
  90. package/lmvz-components/p-49ab22bd.entry.js +1 -0
  91. package/lmvz-components/{p-bbab5471.entry.js → p-6e8acbd9.entry.js} +1 -1
  92. package/lmvz-components/{p-872e2106.entry.js → p-7a6bec13.entry.js} +1 -1
  93. package/lmvz-components/{p-ff6a0267.entry.js → p-9212bd23.entry.js} +1 -1
  94. package/lmvz-components/p-9626e951.entry.js +1 -0
  95. package/lmvz-components/p-Bmi89ll1.js +1 -0
  96. package/lmvz-components/p-Bu4Z_PMf.js +1 -0
  97. package/lmvz-components/{p-Bkfdgg0T.js → p-BxHnZA0M.js} +1 -1
  98. package/lmvz-components/{p-DXOTa5VF.js → p-DHZwxmLb.js} +1 -1
  99. package/lmvz-components/{p-B3dnXEPG.js → p-DYaffOLo.js} +1 -1
  100. package/lmvz-components/{p-c7e368c4.entry.js → p-e1b847d2.entry.js} +1 -1
  101. package/lmvz-components/{p-80675ee5.entry.js → p-ec96c6b6.entry.js} +1 -1
  102. package/manifest.json +139 -32
  103. package/package.json +1 -1
  104. package/types/api/ds.constants.d.ts +6 -1
  105. package/types/components/lmvz-action/lmvz-action.d.ts +0 -1
  106. package/types/components/lmvz-button/lmvz-button.d.ts +0 -1
  107. package/types/components/lmvz-card/lmvz-card.d.ts +0 -1
  108. package/types/components/lmvz-chip/lmvz-chip.d.ts +18 -3
  109. package/types/components/lmvz-header/lmvz-header.d.ts +0 -1
  110. package/types/components/lmvz-icon/lmvz-icon.d.ts +0 -1
  111. package/types/components/lmvz-input/lmvz-input.d.ts +0 -1
  112. package/types/components/lmvz-menuitem/lmvz-menuitem.d.ts +0 -1
  113. package/types/components/lmvz-select/lmvz-select.d.ts +0 -1
  114. package/types/components.d.ts +70 -12
  115. package/types/index.d.ts +1 -2
  116. package/types/utils/aria/aria-validation-controller.d.ts +1 -2
  117. package/types/utils/aria/element-activation-controller.d.ts +0 -1
  118. package/types/utils/aria/list-keyboard-controller.d.ts +0 -1
  119. package/types/utils/assets.d.ts +0 -1
  120. package/types/utils/component.d.ts +0 -1
  121. package/types/utils/environment.d.ts +0 -1
  122. package/types/utils/http.d.ts +0 -1
  123. package/types/utils/http.unit.d.ts +0 -1
  124. package/types/utils/icons/icons-registry.d.ts +0 -1
  125. package/types/utils/icons/icons.d.ts +0 -1
  126. package/types/utils/icons/icons.unit.d.ts +0 -1
  127. package/types/utils/icons/public.d.ts +0 -1
  128. package/types/utils/public.d.ts +0 -1
  129. package/types/utils/reactive-controller-host.d.ts +0 -1
  130. package/lmvz-components/p-0f645295.entry.js +0 -1
  131. package/lmvz-components/p-1506fa34.entry.js +0 -1
  132. package/lmvz-components/p-658c5c34.entry.js +0 -1
  133. package/lmvz-components/p-93038c98.entry.js +0 -1
  134. package/lmvz-components/p-Bh2Epkwf.js +0 -1
  135. /package/components/{p-CBLAeife.js → p-DbeHBSOe.js} +0 -0
@@ -1,4 +1,4 @@
1
- import type { Components, JSX } from "../types/components";
1
+ import type { Components, JSX } from "../../types/components";
2
2
 
3
3
  interface LmvzMenuitem extends Components.LmvzMenuitem, HTMLElement {}
4
4
  export const LmvzMenuitem: {
@@ -1 +1 @@
1
- import{p as e,c as t,h as m,d as o,t as r}from"./p-C_bScbrd.js";import{R as a,a as n}from"./p-CBLAeife.js";import{E as i}from"./p-CN0JX9-m.js";const l=e(class extends a{get el(){return this}get validationEl(){return this.el}validationSlot;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 n(this,{validationTiming:"slot"})),this.addController(new i(this))}render(){return m(o,{key:"510ac59b18468ce9c65b866ae2767185f1b3da92"},m("slot",{key:"7e032e0dab83f9bfbaa96ad2b78d8a5a58f978ab",ref:e=>this.validationSlot=e}))}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-on-active, #0e7ab4); --lmvz-menuitem-color: var(--lmvz-semantic-color-status-on-active, #0e7ab4); }"}},[774,"lmvz-menuitem",{role:[2561],ti:[2562,"tabindex"]}]),s=l,c=function(){"undefined"!=typeof customElements&&["lmvz-menuitem"].forEach((e=>{"lmvz-menuitem"===e&&(customElements.get(r(e))||customElements.define(r(e),l))}))};export{s as LmvzMenuitem,c as defineCustomElement}
1
+ import{p as e,c as t,h as m,d as o,t as r}from"./p-C_bScbrd.js";import{R as n,a}from"./p-DbeHBSOe.js";import{E as i}from"./p-CN0JX9-m.js";const l=e(class extends n{get el(){return this}get validationEl(){return this.el}validationSlot;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 a(this,{validationTiming:"slot"})),this.addController(new i(this))}render(){return m(o,{key:"0878343aec1c98c16c073c6cdd3382ee5c980799"},m("slot",{key:"f7a87d4c9d786bb4686d406d4313e9b5d79701d6",ref:e=>this.validationSlot=e}))}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-on-active, #0e7ab4); --lmvz-menuitem-color: var(--lmvz-semantic-color-status-on-active, #0e7ab4); }"}},[774,"lmvz-menuitem",{role:[2561],ti:[2562,"tabindex"]}]),s=l,c=function(){"undefined"!=typeof customElements&&["lmvz-menuitem"].forEach((e=>{"lmvz-menuitem"===e&&(customElements.get(r(e))||customElements.define(r(e),l))}))};export{s as LmvzMenuitem,c as defineCustomElement}
@@ -1,4 +1,4 @@
1
- import type { Components, JSX } from "../types/components";
1
+ import type { Components, JSX } from "../../types/components";
2
2
 
3
3
  interface LmvzSelect extends Components.LmvzSelect, HTMLElement {}
4
4
  export const LmvzSelect: {
@@ -1,4 +1,4 @@
1
- import type { Components, JSX } from "../types/components";
1
+ import type { Components, JSX } from "../../types/components";
2
2
 
3
3
  interface LmvzSelect extends Components.LmvzSelect, HTMLElement {}
4
4
  export const LmvzSelect: {
@@ -1 +1 @@
1
- import{p as e,c as l,h as t,d as a,t as s}from"./p-C_bScbrd.js";import{R as o,a as i}from"./p-CBLAeife.js";let c=0;const r=e(class extends o{get el(){return this}get validationEl(){return this.el}selectId="lmvz-select-"+c++;nativeSelectEl;constructor(e){super(!1),!1!==e&&this.__registerHost(),this.lmvzChange=l(this,"lmvzChange"),this.addController(new i(this))}lmvzChange;value;label;helperText;disabled=!1;required=!1;name;selectedLabel="";get hasValue(){return!!this.value}componentDidLoad(){this.syncSelectedLabel(),super.componentDidLoad()}handleValueChange(e){this.nativeSelectEl&&this.nativeSelectEl.value!==(e??"")&&(this.nativeSelectEl.value=e??""),this.syncSelectedLabel()}syncSelectedLabel(){if(!this.nativeSelectEl)return;const e=this.nativeSelectEl.selectedIndex;this.selectedLabel=e>=0?this.nativeSelectEl.options[e]?.text??"":""}handleChange=e=>{const l=e.target;this.value=l.value,this.syncSelectedLabel(),this.lmvzChange.emit(l.value)};render(){const e=this.hasValue;return t(a,{key:"7f4650d5971bb93dba48385df734e6b7a0b4f7eb"},t("div",{key:"79d6234cd15f64c8bff787d715107e7e86145333",class:"select-wrapper"},t("label",{key:"14d93469c6d309b68427ff7bfc2bd531c8f0ecf6",htmlFor:this.selectId,class:e?"floating-label":"assistive-label"},this.label,this.required&&e&&t("span",{key:"c8be809e09d768d6f73ccccdfbf0bf495869ac72","aria-hidden":"true"}," *")),t("div",{key:"1db5d44b44100342a4ca5feff648b61a0bdadb1a","aria-hidden":"true"},t("span",{key:"3fdc95aab9997a10f4ba42dabc3758aea0797a22"},e?this.selectedLabel:this.label,this.required&&!e&&t("span",{key:"11aef8194551059130b6be5351587219a1e80f00","aria-hidden":"true"}," *")),t("span",{key:"8fc52ff3e46d7b52d8d5069a74ebf7bb0d981081"},t("img",{key:"129dd4038772eba9313e1e322866c70408f4e2ad",src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjMzMzQgOC42NjY2M0wxMi4wMDAxIDE3TDMuNjY2NzUgOC42NjY2MyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=",alt:""}))),t("select",{key:"6eb6cf496e60b3c1bd9556e596cbef34d4da5a09",id:this.selectId,ref:e=>this.nativeSelectEl=e,name:this.name,disabled:this.disabled,required:this.required,"aria-label":this.label,onChange:this.handleChange},!e&&t("option",{key:"70d660e0bc7e4c127234ce77decf35d6fea7fe8d",value:"",disabled:!0,selected:!0,hidden:!0}),t("slot",{key:"e6cbc238c9c0cf8e8c31d0347a1f621272a94ca6"}))),this.helperText&&t("div",{key:"432d405ee7338da46509ff207599b882a19ea44e",role:"status"},this.helperText))}static get watchers(){return{value:[{handleValueChange: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; } } .sc-lmvz-select-h { display: block; font-family: var(--lmvz-global-font-family-default, Router); --lmvz-internal-select-floating-label-top-offset: 0.375rem; padding-top: var(--lmvz-internal-select-floating-label-top-offset); --lmvz-select-radius: var(--lmvz-component-input-radius-default, 999px); --lmvz-select-bg: var(--lmvz-semantic-color-int-secondary, #f0f0f0); --lmvz-select-bg-hover: var(--lmvz-semantic-color-int-secondary-hover, #e0e0e0); --lmvz-select-text-color: var(--lmvz-semantic-color-int-on-secondary, #000000); --lmvz-select-label-color: var(--lmvz-semantic-color-on-surface-input-primary, #000000); --lmvz-select-padding-x: var(--lmvz-component-input-md-padding-x, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)); --lmvz-select-gap: var(--lmvz-component-input-md-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem)); --lmvz-select-height: 40px; --lmvz-select-label-font-size: var(--lmvz-component-component-typography-body-sm-font-size, 0.75rem); --lmvz-select-label-top-offset: calc(var(--lmvz-internal-select-floating-label-top-offset) * -1); --lmvz-select-label-minimized-padding-x: 4px; --lmvz-select-disabled-opacity: var(--lmvz-component-input-disabled-opacity, 40%); --lmvz-select-helper-color: var(--lmvz-semantic-color-on-surface-input-secondary, #7a7a7a); --lmvz-select-focus-color: var(--lmvz-semantic-color-status-on-active, #0e7ab4); --lmvz-select-error-color: var(--lmvz-semantic-color-status-on-danger, #e52a31); } .select-wrapper.sc-lmvz-select { position: relative; height: var(--lmvz-select-height); } label.sc-lmvz-select { position: absolute; top: 50%; left: var(--lmvz-select-padding-x); font-size: var(--lmvz-select-label-font-size); color: var(--lmvz-select-label-color); line-height: normal; white-space: nowrap; pointer-events: none; z-index: 2; transform: translateY(-50%); transform-origin: left top; transition: top 0.2s ease-out, transform 0.2s ease-out, opacity 0.2s ease-out, padding 0.2s ease-out; } label.assistive-label.sc-lmvz-select { opacity: 0; padding: 0; } label.floating-label.sc-lmvz-select { top: var(--lmvz-select-label-top-offset); transform: translateY(0) scale(0.85); left: calc(var(--lmvz-select-padding-x) - 2px); background-color: var(--lmvz-select-bg); padding: 0 var(--lmvz-select-label-minimized-padding-x); opacity: 1; font-weight: 500; } label.sc-lmvz-select > span[aria-hidden='true'].sc-lmvz-select, div[aria-hidden='true'].sc-lmvz-select > span.sc-lmvz-select:first-child > span[aria-hidden='true'].sc-lmvz-select { color: var(--lmvz-select-error-color); margin-left: 2px; display: inline-block; line-height: 0; vertical-align: middle; } div[aria-hidden].sc-lmvz-select { display: flex; align-items: center; gap: var(--lmvz-select-gap); height: 100%; padding: 0 var(--lmvz-select-padding-x); border-radius: var(--lmvz-select-radius); background-color: var(--lmvz-select-bg); cursor: pointer; position: relative; z-index: 1; transition: background-color 0.15s ease; } .sc-lmvz-select-h:not([disabled]) .select-wrapper.sc-lmvz-select:hover div[aria-hidden].sc-lmvz-select { background-color: var(--lmvz-select-bg-hover); } .select-wrapper.sc-lmvz-select:focus-within div[aria-hidden].sc-lmvz-select { outline: 2px solid var(--lmvz-select-focus-color); outline-offset: 2px; } div[aria-hidden].sc-lmvz-select > span.sc-lmvz-select:first-child { flex: 1 0 0; font-size: var(--lmvz-component-component-typography-body-md-font-size, 0.875rem); font-weight: var(--lmvz-global-font-weight-500, 500); color: var(--lmvz-select-text-color); line-height: 1.4; letter-spacing: var(--lmvz-component-body-md-letter-spacing, 0); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } div[aria-hidden].sc-lmvz-select > span.sc-lmvz-select:last-child { flex-shrink: 0; display: flex; align-items: center; justify-content: center; } img.sc-lmvz-select { display: block; width: var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem)); height: var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem)); } select.sc-lmvz-select { appearance: none; position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 2; border: none; background: transparent; margin: 0; padding: 0; } [disabled].sc-lmvz-select-h .select-wrapper.sc-lmvz-select { opacity: var(--lmvz-select-disabled-opacity); pointer-events: none; cursor: not-allowed; } [role='status'].sc-lmvz-select { margin-top: 4px; padding-left: var(--lmvz-select-padding-x); font-size: var(--lmvz-select-label-font-size); color: var(--lmvz-select-helper-color); line-height: normal; }"}},[774,"lmvz-select",{value:[1025],label:[1],helperText:[1,"helper-text"],disabled:[516],required:[516],name:[1],selectedLabel:[32]},void 0,{value:[{handleValueChange:0}]}]),n=r,d=function(){"undefined"!=typeof customElements&&["lmvz-select"].forEach((e=>{"lmvz-select"===e&&(customElements.get(s(e))||customElements.define(s(e),r))}))};export{n as LmvzSelect,d as defineCustomElement}
1
+ import{p as e,c as l,h as t,d as a,t as s}from"./p-C_bScbrd.js";import{R as o,a as c}from"./p-DbeHBSOe.js";let i=0;const r=e(class extends o{get el(){return this}get validationEl(){return this.el}selectId="lmvz-select-"+i++;nativeSelectEl;constructor(e){super(!1),!1!==e&&this.__registerHost(),this.lmvzChange=l(this,"lmvzChange"),this.addController(new c(this))}lmvzChange;value;label;helperText;disabled=!1;required=!1;name;selectedLabel="";get hasValue(){return!!this.value}componentDidLoad(){this.syncSelectedLabel(),super.componentDidLoad()}handleValueChange(e){this.nativeSelectEl&&this.nativeSelectEl.value!==(e??"")&&(this.nativeSelectEl.value=e??""),this.syncSelectedLabel()}syncSelectedLabel(){if(!this.nativeSelectEl)return;const e=this.nativeSelectEl.selectedIndex;this.selectedLabel=e>=0?this.nativeSelectEl.options[e]?.text??"":""}handleChange=e=>{const l=e.target;this.value=l.value,this.syncSelectedLabel(),this.lmvzChange.emit(l.value)};render(){const e=this.hasValue;return t(a,{key:"b9f6211fec35e7c03cc9c462cb1f8eb60fc6c96c"},t("div",{key:"43d22daa1492f87f89f9479687b82ee893f10faa",class:"select-wrapper"},t("label",{key:"cf399d80e31a345cea60286db4aea2d7dd7973d1",htmlFor:this.selectId,class:e?"floating-label":"assistive-label"},this.label,this.required&&e&&t("span",{key:"6bdd8e0d652f126eb1c64c2a647ac0816cc61b05","aria-hidden":"true"}," *")),t("div",{key:"5d8497c64e197a71003a0c8e11149993fcefd684","aria-hidden":"true"},t("span",{key:"95b73705ad81d000ce415a377002e4ae4d63aae6"},e?this.selectedLabel:this.label,this.required&&!e&&t("span",{key:"2ff855f0fa89d3c66c59a176f855fdbf18ecb6c2","aria-hidden":"true"}," *")),t("span",{key:"a66d4ec65c95b1463223c07aecb17d65a45c6b24"},t("img",{key:"4cd21532ff13a3ecbd229cd79d0a3fa7b3eafc60",src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjMzMzQgOC42NjY2M0wxMi4wMDAxIDE3TDMuNjY2NzUgOC42NjY2MyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=",alt:""}))),t("select",{key:"2a9e46e29f8ef7d116989b58abfacee840dd2275",id:this.selectId,ref:e=>this.nativeSelectEl=e,name:this.name,disabled:this.disabled,required:this.required,"aria-label":this.label,onChange:this.handleChange},!e&&t("option",{key:"5c5fa4d5e3b120a0085f6fc408d20a56f6547441",value:"",disabled:!0,selected:!0,hidden:!0}),t("slot",{key:"e11909e901624af7d9d5275f2e9715007960eab9"}))),this.helperText&&t("div",{key:"fa0d06d3294f303081fd5ffb9aeaff6a8e297901",role:"status"},this.helperText))}static get watchers(){return{value:[{handleValueChange: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; } } .sc-lmvz-select-h { display: block; font-family: var(--lmvz-global-font-family-default, Router); --lmvz-internal-select-floating-label-top-offset: 0.375rem; padding-top: var(--lmvz-internal-select-floating-label-top-offset); --lmvz-select-radius: var(--lmvz-component-input-radius-default, 999px); --lmvz-select-bg: var(--lmvz-semantic-color-int-secondary, #f0f0f0); --lmvz-select-bg-hover: var(--lmvz-semantic-color-int-secondary-hover, #e0e0e0); --lmvz-select-text-color: var(--lmvz-semantic-color-int-on-secondary, #000000); --lmvz-select-label-color: var(--lmvz-semantic-color-on-surface-input-primary, #000000); --lmvz-select-padding-x: var(--lmvz-component-input-md-padding-x, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)); --lmvz-select-gap: var(--lmvz-component-input-md-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem)); --lmvz-select-height: 40px; --lmvz-select-label-font-size: var(--lmvz-component-component-typography-body-sm-font-size, 0.75rem); --lmvz-select-label-top-offset: calc(var(--lmvz-internal-select-floating-label-top-offset) * -1); --lmvz-select-label-minimized-padding-x: 4px; --lmvz-select-disabled-opacity: var(--lmvz-component-input-disabled-opacity, 40%); --lmvz-select-helper-color: var(--lmvz-semantic-color-on-surface-input-secondary, #7a7a7a); --lmvz-select-focus-color: var(--lmvz-semantic-color-status-on-active, #0e7ab4); --lmvz-select-error-color: var(--lmvz-semantic-color-status-on-danger, #e52a31); } .select-wrapper.sc-lmvz-select { position: relative; height: var(--lmvz-select-height); } label.sc-lmvz-select { position: absolute; top: 50%; left: var(--lmvz-select-padding-x); font-size: var(--lmvz-select-label-font-size); color: var(--lmvz-select-label-color); line-height: normal; white-space: nowrap; pointer-events: none; z-index: 2; transform: translateY(-50%); transform-origin: left top; transition: top 0.2s ease-out, transform 0.2s ease-out, opacity 0.2s ease-out, padding 0.2s ease-out; } label.assistive-label.sc-lmvz-select { opacity: 0; padding: 0; } label.floating-label.sc-lmvz-select { top: var(--lmvz-select-label-top-offset); transform: translateY(0) scale(0.85); left: calc(var(--lmvz-select-padding-x) - 2px); background-color: var(--lmvz-select-bg); padding: 0 var(--lmvz-select-label-minimized-padding-x); opacity: 1; font-weight: 500; } label.sc-lmvz-select > span[aria-hidden='true'].sc-lmvz-select, div[aria-hidden='true'].sc-lmvz-select > span.sc-lmvz-select:first-child > span[aria-hidden='true'].sc-lmvz-select { color: var(--lmvz-select-error-color); margin-left: 2px; display: inline-block; line-height: 0; vertical-align: middle; } div[aria-hidden].sc-lmvz-select { display: flex; align-items: center; gap: var(--lmvz-select-gap); height: 100%; padding: 0 var(--lmvz-select-padding-x); border-radius: var(--lmvz-select-radius); background-color: var(--lmvz-select-bg); cursor: pointer; position: relative; z-index: 1; transition: background-color 0.15s ease; } .sc-lmvz-select-h:not([disabled]) .select-wrapper.sc-lmvz-select:hover div[aria-hidden].sc-lmvz-select { background-color: var(--lmvz-select-bg-hover); } .select-wrapper.sc-lmvz-select:focus-within div[aria-hidden].sc-lmvz-select { outline: 2px solid var(--lmvz-select-focus-color); outline-offset: 2px; } div[aria-hidden].sc-lmvz-select > span.sc-lmvz-select:first-child { flex: 1 0 0; font-size: var(--lmvz-component-component-typography-body-md-font-size, 0.875rem); font-weight: var(--lmvz-global-font-weight-500, 500); color: var(--lmvz-select-text-color); line-height: 1.4; letter-spacing: var(--lmvz-component-body-md-letter-spacing, 0); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } div[aria-hidden].sc-lmvz-select > span.sc-lmvz-select:last-child { flex-shrink: 0; display: flex; align-items: center; justify-content: center; } img.sc-lmvz-select { display: block; width: var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem)); height: var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem)); } select.sc-lmvz-select { appearance: none; position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 2; border: none; background: transparent; margin: 0; padding: 0; } [disabled].sc-lmvz-select-h .select-wrapper.sc-lmvz-select { opacity: var(--lmvz-select-disabled-opacity); pointer-events: none; cursor: not-allowed; } [role='status'].sc-lmvz-select { margin-top: 4px; padding-left: var(--lmvz-select-padding-x); font-size: var(--lmvz-select-label-font-size); color: var(--lmvz-select-helper-color); line-height: normal; }"}},[774,"lmvz-select",{value:[1025],label:[1],helperText:[1,"helper-text"],disabled:[516],required:[516],name:[1],selectedLabel:[32]},void 0,{value:[{handleValueChange:0}]}]),n=r,d=function(){"undefined"!=typeof customElements&&["lmvz-select"].forEach((e=>{"lmvz-select"===e&&(customElements.get(s(e))||customElements.define(s(e),r))}))};export{n as LmvzSelect,d as defineCustomElement}
@@ -1 +1 @@
1
- const a=(a,e)=>{a.componentOnReady?a.componentOnReady().then((a=>e(a))):i((()=>e(a)))},e=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"],r=a=>((a,e=[])=>{const r={};return e.forEach((e=>{a.hasAttribute(e)&&(null!==a.getAttribute(e)&&(r[e]=a.getAttribute(e)),a.removeAttribute(e))})),r})(a,e),i=a=>"function"==typeof __zone_symbol__requestAnimationFrame?__zone_symbol__requestAnimationFrame(a):"function"==typeof requestAnimationFrame?requestAnimationFrame(a):setTimeout(a);function t(a=document){let e=a.activeElement;if(!e)return null;for(;e?.shadowRoot;){const a=e.shadowRoot.activeElement;if(!a)break;e=a}return e}function n(a){return!!a&&a instanceof HTMLElement&&a.tabIndex>=0&&!a.hasAttribute("disabled")&&"true"!==a.getAttribute("aria-hidden")&&a.checkVisibility()&&null!==a.offsetParent}function o(a,e){if(a instanceof HTMLFormElement)return a;if("string"==typeof a){const e=document.getElementById(a);return e?e instanceof HTMLFormElement?e:(console.warn(`No Form found with selector: "#${a}". Verify that the element with id exists and is actually a <form> element.`,e),null):(console.warn(`No Form found with selector: "#${a}". Verify that the id is correct and the form is rendered in the DOM.`,e),null)}return void 0!==a?(console.warn('The provided "form" element is invalid. Verify that the form is a HTMLFormElement and rendered in the DOM.',e),null):e.closest("form")}export{a,n as c,o as f,t as g,r as i}
1
+ const a=(a,e)=>{a.componentOnReady?a.componentOnReady().then((a=>e(a))):i((()=>e(a)))},e=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"],r=a=>((a,e=[])=>{const r={};return e.forEach((e=>{a.hasAttribute(e)&&(null!==a.getAttribute(e)&&(r[e]=a.getAttribute(e)),a.removeAttribute(e))})),r})(a,e),i=a=>"function"==typeof __zone_symbol__requestAnimationFrame?__zone_symbol__requestAnimationFrame(a):"function"==typeof requestAnimationFrame?requestAnimationFrame(a):setTimeout(a);function t(a=document){let e=a.activeElement;if(!e)return null;for(;e?.shadowRoot;){const a=e.shadowRoot.activeElement;if(!a)break;e=a}return e}function n(a){return!!a&&a instanceof HTMLElement&&a.tabIndex>=0&&!a.hasAttribute("disabled")&&"true"!==a.getAttribute("aria-hidden")&&a.checkVisibility()&&null!==a.offsetParent}function o(a,e){if(a instanceof HTMLFormElement)return a;if("string"==typeof a){const e=document.getElementById(a);return e?e instanceof HTMLFormElement?e:(console.warn(`No Form found with selector: "#${a}". Verify that the element with id exists and is actually a <form> element.`,e),null):(console.warn(`No Form found with selector: "#${a}". Verify that the id is correct and the form is rendered in the DOM.`,e),null)}return void 0!==a?(console.warn('The provided "form" element is invalid. Verify that the form is a HTMLFormElement and rendered in the DOM.',e),null):e.closest("form")}export{n as a,a as c,o as f,t as g,r as i}
@@ -41,7 +41,7 @@ async function fetchRuntime() {
41
41
  if (state.runtime)
42
42
  return state.runtime;
43
43
  if (!state.loadPromise) {
44
- state.loadPromise = import('./index-7Ru1khgk.js').catch(() => null);
44
+ state.loadPromise = import('./index-BvxaUA12.js').catch(() => null);
45
45
  }
46
46
  const runtime = await state.loadPromise;
47
47
  if (runtime) {
@@ -0,0 +1,9 @@
1
+ const sizes = ['xs', 'sm', 'md', 'lg'];
2
+ const textSizes = [...sizes, 'xl'];
3
+ const inputTypes = ['text', 'email', 'password', 'tel', 'url', 'search', 'number'];
4
+ const iconSizes = [...sizes, 'inherit'];
5
+ const iconWeights = ['thin', 'medium', 'bold', 'filled'];
6
+ const chipTypes = ['active', 'warning', 'success', 'error', 'neutral'];
7
+ const chipSizes = ['default', 'small'];
8
+
9
+ export { chipTypes as a, iconWeights as b, chipSizes as c, inputTypes as d, iconSizes as i, textSizes as t };
@@ -1,4 +1,39 @@
1
- import { g as getOrThrowWith, r as right, l as left, i as identity, a as isRight, b as getRight, m as match, t as try_, T as TaggedError, c as runPromise } from './logger-fiRXhuXK.js';
1
+ import { g as getOrThrowWith, a as right, l as left, i as identity, b as isRight, c as getRight, m as match, t as try_, T as TaggedError, r as runPromise } from './logger-0bL3pydp.js';
2
+
3
+ const IconProviderRegistryKey = Symbol.for('LMVZ__iconProviderRegistry');
4
+ const inMemoryRegistry = {};
5
+ function getRegistry() {
6
+ if (typeof window === 'undefined') {
7
+ return inMemoryRegistry;
8
+ }
9
+ return window[IconProviderRegistryKey] ?? (window[IconProviderRegistryKey] = {});
10
+ }
11
+ function registerIconProvider(id, provider) {
12
+ const registry = getRegistry();
13
+ const providerName = id;
14
+ if (Object.prototype.hasOwnProperty.call(registry, providerName)) {
15
+ console.warn(`Icon provider with name "${providerName}" is already registered. Overwriting existing provider.`);
16
+ }
17
+ registry[providerName] = provider;
18
+ }
19
+ function getRegisteredIconProvider(id) {
20
+ const registry = getRegistry();
21
+ if (id) {
22
+ return registry[id];
23
+ }
24
+ const providerNames = Object.keys(registry);
25
+ if (providerNames.length === 0) {
26
+ return undefined;
27
+ }
28
+ if (providerNames.length > 1) {
29
+ console.warn(`Multiple icon providers registered (${providerNames.join(', ')}). Using the first one: "${providerNames[0]}".`);
30
+ }
31
+ const firstProviderName = providerNames[0];
32
+ if (!firstProviderName) {
33
+ return undefined;
34
+ }
35
+ return registry[firstProviderName];
36
+ }
2
37
 
3
38
  /**
4
39
  * This module provides types and utility functions to create and work with branded types,
@@ -54,57 +89,37 @@ class BrandValidationError extends TaggedError('BrandValidationError') {
54
89
  super(new Error(`Brand validation failed for type ${type}.`, { cause: error }));
55
90
  }
56
91
  }
92
+ /**
93
+ * Validates an SVG string against the branded `SVGString` type and returns the result effect.
94
+ *
95
+ * @param svg Raw SVG markup to validate.
96
+ */
57
97
  const createValidSVGString = (svg) => try_({
58
- try: () => SVGString(svg),
98
+ try: () => SVGString(sanitizeSvg(svg)),
59
99
  catch: (error) => new BrandValidationError(error, 'SVGString'),
60
100
  });
101
+ /**
102
+ * Checks whether a string can be parsed into an SVG document.
103
+ *
104
+ * @param svg Raw SVG markup to validate.
105
+ */
61
106
  function isValidSVG(svg) {
62
- if (typeof svg !== 'string') {
107
+ if (typeof svg !== 'string')
63
108
  return false;
64
- }
109
+ const sanitizedSvg = sanitizeSvg(svg);
65
110
  try {
66
111
  const parser = new DOMParser();
67
- const doc = parser.parseFromString(svg, 'image/svg+xml');
112
+ const doc = parser.parseFromString(sanitizedSvg, 'image/svg+xml');
68
113
  return doc.documentElement.nodeName === 'svg';
69
114
  }
70
115
  catch {
71
116
  return false;
72
117
  }
73
118
  }
74
-
75
- const IconProviderRegistryKey = Symbol.for('LMVZ__iconProviderRegistry');
76
- const inMemoryRegistry = {};
77
- function getRegistry() {
78
- if (typeof window === 'undefined') {
79
- return inMemoryRegistry;
80
- }
81
- return window[IconProviderRegistryKey] ?? (window[IconProviderRegistryKey] = {});
82
- }
83
- function registerIconProvider(id, provider) {
84
- const registry = getRegistry();
85
- const providerName = id;
86
- if (Object.prototype.hasOwnProperty.call(registry, providerName)) {
87
- console.warn(`Icon provider with name "${providerName}" is already registered. Overwriting existing provider.`);
88
- }
89
- registry[providerName] = provider;
90
- }
91
- function getRegisteredIconProvider(id) {
92
- const registry = getRegistry();
93
- if (id) {
94
- return registry[id];
95
- }
96
- const providerNames = Object.keys(registry);
97
- if (providerNames.length === 0) {
98
- return undefined;
99
- }
100
- if (providerNames.length > 1) {
101
- console.warn(`Multiple icon providers registered (${providerNames.join(', ')}). Using the first one: "${providerNames[0]}".`);
102
- }
103
- const firstProviderName = providerNames[0];
104
- if (!firstProviderName) {
105
- return undefined;
106
- }
107
- return registry[firstProviderName];
119
+ function sanitizeSvg(svg) {
120
+ const dataUriPrefix = 'data:image/svg+xml,';
121
+ const base = svg.trim();
122
+ return !base.startsWith(dataUriPrefix) ? base : decodeURIComponent(base.slice(dataUriPrefix.length));
108
123
  }
109
124
 
110
125
  const emptyDefaultSvg = () => SVGString(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"></svg>`);
@@ -154,4 +169,4 @@ function typedIconFromSet(iconset, icon) {
154
169
  };
155
170
  }
156
171
 
157
- export { resolveIconSvg as a, getRegisteredIconProvider as g, isValidSVG as i, registerIconProvider as r, typedIconFromSet as t };
172
+ export { resolveIconSvg as a, createValidSVGString as c, getRegisteredIconProvider as g, isValidSVG as i, registerIconProvider as r, typedIconFromSet as t };
@@ -1,4 +1,4 @@
1
- import { d as dual, h as hasProperty, e as isNumber, f as isBigInt, j as isString, p as pipeArguments, N as NodeInspectSymbol, s as symbol, k as symbol$1, n as cached, o as structure, q as none$3, u as combine$6, v as unsafeMake$6, w as threadName$1, x as combineAll$1, y as empty$f, z as reduce$2, A as set$3, B as get$5, C as isEmpty$5, D as modifyAt$1, E as map$8, F as keys$1, G as fromIterable$2, H as string, I as format$1, J as array, K as fromIterable$3, L as mapInput$1, M as toJSON, O as getEquivalence$1, P as equals$1, S as StructuralPrototype, Q as of$2, R as isNonEmpty$2, U as headNonEmpty, V as tailNonEmpty, W as prepend$1, X as makeContext, Y as reduce$3, Z as has$1, _ as remove$1, $ as add, a0 as drop, a1 as isNonEmptyArray, a2 as of$3, a3 as headNonEmpty$1, a4 as tailNonEmpty$1, i as identity, a5 as constant, m as match$6, a6 as appendAll$1, a7 as orElseSome, a8 as map$9, a9 as append$1, aa as empty$g, ab as OP_COMMIT, ac as effectVariance, ad as random, ae as YieldWrap, af as OP_ON_SUCCESS, ag as OP_ON_FAILURE, ah as isObject, ai as spanSymbol, aj as fail$5, ak as failureOrCause$1, al as getBugErrorMessage, am as OP_SYNC, an as OP_WITH_RUNTIME, ao as OP_FAILURE, ap as pipe, aq as combine$7, ar as hash, as as OP_ON_SUCCESS_AND_FAILURE, at as OP_SUCCESS, au as internalCall, av as some, aw as none$4, ax as make$q, ay as CommitPrototype, az as isInterruptedOnly$1, aA as interruptors$1, aB as OP_UPDATE_RUNTIME_FLAGS, aC as defects, aD as electFailures, aE as failures, aF as unsafeHead, aG as interrupt$4, aH as get$6, aI as set$4, aJ as globalValue, aK as getOrElse, aL as OP_ASYNC, aM as fromIterable$4, aN as toReadonlyArray, aO as reverse$1, aP as reduce$4, aQ as allocate, aR as sequential$2, aS as isPromiseLike, aT as OP_WHILE, aU as merge$1, r as right, l as left, aV as StructuralCommitPrototype, aW as empty$h, aX as die$3, aY as OP_REVERT_FLAGS, aZ as pretty, a_ as isSome, a$ as OP_YIELD$1, b0 as OP_ITERATOR, b1 as empty$i, b2 as empty$j, b3 as parallel$2, b4 as isEqual, b5 as GenericTag, b6 as constFalse, b7 as join$2, b8 as contains, b9 as head, ba as prepend$2, bb as map$a, bc as isLeft, a as isRight, bd as zip$4, be as append$2, bf as flatten$5, bg as last, bh as unfold$1, bi as merge$2, bj as sort, bk as flatMap$4, bl as unsafeGet, bm as fromIterable$5, bn as PCGRandom, bo as Reference, bp as add$1, bq as isNonEmptyReadonlyArray, br as Class, bs as constVoid, bt as get$7, bu as unsafeFromArray, bv as makeBy, bw as dedupe, bx as appendAll$2, by as fromNullable, bz as union, bA as lastNonEmpty, bB as span, bC as isNone, bD as getOrUndefined, bE as isTagged, bF as difference, bG as empty$k, bH as union$1, bI as make$r, bJ as make$s, bK as isIterable, bL as compareAndSet, bM as isEmpty$6, bN as size$2, bO as withRedactableContext, bP as OP_TAG, bQ as unsafeGet$1, bR as runFork$1, bS as provideContext$1, bT as stripFailures, bU as getCurrentVersion, bV as toStringUnknown, bW as yieldWrapGet, bX as getOption, bY as makeLogger, bZ as stringLogger, b_ as isInterrupted$1, b$ as flipCauseOption$1, c0 as map$b, c1 as isDieType$1, c2 as head$1, c3 as prettyErrors, c4 as isContext, c5 as mergeAll$2, c6 as find, c7 as splitAt, c8 as isEmpty$7, c9 as filter, ca as match$7, cb as unsafeGet$2, cc as reduce$5, cd as map$c, ce as splitWhere, cf as filterMap } from './logger-fiRXhuXK.js';
1
+ import { d as dual, h as hasProperty, e as isNumber, f as isBigInt, j as isString, p as pipeArguments, N as NodeInspectSymbol, s as symbol, k as symbol$1, n as cached, o as structure, q as none$3, u as combine$6, v as unsafeMake$6, w as threadName$1, x as combineAll$1, y as empty$f, z as reduce$2, A as set$3, B as get$5, C as isEmpty$5, D as modifyAt$1, E as map$8, F as keys$1, G as fromIterable$2, H as string, I as format$1, J as array, K as fromIterable$3, L as mapInput$1, M as toJSON, O as getEquivalence$1, P as equals$1, S as StructuralPrototype, Q as of$2, R as isNonEmpty$2, U as headNonEmpty, V as tailNonEmpty, W as prepend$1, X as makeContext, Y as reduce$3, Z as has$1, _ as remove$1, $ as add, a0 as drop, a1 as isNonEmptyArray, a2 as of$3, a3 as headNonEmpty$1, a4 as tailNonEmpty$1, i as identity, a5 as constant, m as match$6, a6 as appendAll$1, a7 as orElseSome, a8 as map$9, a9 as append$1, aa as empty$g, ab as OP_COMMIT, ac as effectVariance, ad as random, ae as YieldWrap, af as OP_ON_SUCCESS, ag as OP_ON_FAILURE, ah as isObject, ai as spanSymbol, aj as fail$5, ak as failureOrCause$1, al as getBugErrorMessage, am as OP_SYNC, an as OP_WITH_RUNTIME, ao as OP_FAILURE, ap as pipe, aq as combine$7, ar as hash, as as OP_ON_SUCCESS_AND_FAILURE, at as OP_SUCCESS, au as internalCall, av as some, aw as none$4, ax as make$q, ay as CommitPrototype, az as isInterruptedOnly$1, aA as interruptors$1, aB as OP_UPDATE_RUNTIME_FLAGS, aC as defects, aD as electFailures, aE as failures, aF as unsafeHead, aG as interrupt$4, aH as get$6, aI as set$4, aJ as globalValue, aK as getOrElse, aL as OP_ASYNC, aM as fromIterable$4, aN as toReadonlyArray, aO as reverse$1, aP as reduce$4, aQ as allocate, aR as sequential$2, aS as isPromiseLike, aT as OP_WHILE, aU as merge$1, a as right, l as left, aV as StructuralCommitPrototype, aW as empty$h, aX as die$3, aY as OP_REVERT_FLAGS, aZ as pretty, a_ as isSome, a$ as OP_YIELD$1, b0 as OP_ITERATOR, b1 as empty$i, b2 as empty$j, b3 as parallel$2, b4 as isEqual, b5 as GenericTag, b6 as constFalse, b7 as join$2, b8 as contains, b9 as head, ba as prepend$2, bb as map$a, bc as isLeft, b as isRight, bd as zip$4, be as append$2, bf as flatten$5, bg as last, bh as unfold$1, bi as merge$2, bj as sort, bk as flatMap$4, bl as unsafeGet, bm as fromIterable$5, bn as PCGRandom, bo as Reference, bp as add$1, bq as isNonEmptyReadonlyArray, br as Class, bs as constVoid, bt as get$7, bu as unsafeFromArray, bv as makeBy, bw as dedupe, bx as appendAll$2, by as fromNullable, bz as union, bA as lastNonEmpty, bB as span, bC as isNone, bD as getOrUndefined, bE as isTagged, bF as difference, bG as empty$k, bH as union$1, bI as make$r, bJ as make$s, bK as isIterable, bL as compareAndSet, bM as isEmpty$6, bN as size$2, bO as withRedactableContext, bP as OP_TAG, bQ as unsafeGet$1, bR as runFork$1, bS as provideContext$1, bT as stripFailures, bU as getCurrentVersion, bV as toStringUnknown, bW as yieldWrapGet, bX as getOption, bY as makeLogger, bZ as stringLogger, b_ as isInterrupted$1, b$ as flipCauseOption$1, c0 as map$b, c1 as isDieType$1, c2 as head$1, c3 as prettyErrors, c4 as isContext, c5 as mergeAll$2, c6 as find, c7 as splitAt, c8 as isEmpty$7, c9 as filter, ca as match$7, cb as unsafeGet$2, cc as reduce$5, cd as map$c, ce as splitWhere, cf as filterMap } from './logger-0bL3pydp.js';
2
2
 
3
3
  /**
4
4
  * This module provides an implementation of the `Order` type class which is used to define a total ordering on some type `A`.
package/esm/index.js CHANGED
@@ -1,11 +1,4 @@
1
- export { A as ARIA_VALIDATION_RUNTIME_CHANGED_EVENT, d as disableAriaValidation, e as enableAriaValidation, i as isAriaValidationEnabled, q as queueValidation, u as useVerboseLogging } from './aria-loader-BF_AYtbb.js';
2
- export { g as getRegisteredIconProvider, r as registerIconProvider, t as typedIconFromSet } from './icons-Ca8oMiRa.js';
3
- import './logger-fiRXhuXK.js';
4
-
5
- const sizes = ['xs', 'sm', 'md', 'lg'];
6
- const textSizes = [...sizes, 'xl'];
7
- const inputTypes = ['text', 'email', 'password', 'tel', 'url', 'search', 'number'];
8
- const iconSizes = [...sizes, 'inherit'];
9
- const iconWeights = ['thin', 'medium', 'bold', 'filled'];
10
-
11
- export { iconSizes, iconWeights, inputTypes, textSizes };
1
+ export { A as ARIA_VALIDATION_RUNTIME_CHANGED_EVENT, d as disableAriaValidation, e as enableAriaValidation, i as isAriaValidationEnabled, q as queueValidation, u as useVerboseLogging } from './aria-loader-CES8Ae1e.js';
2
+ export { c as chipSizes, a as chipTypes, i as iconSizes, b as iconWeights, d as inputTypes, t as textSizes } from './ds.constants-Bmi89ll1.js';
3
+ export { g as getRegisteredIconProvider, r as registerIconProvider, t as typedIconFromSet } from './icons-Bj4dF1-I.js';
4
+ import './logger-0bL3pydp.js';
@@ -12,7 +12,7 @@ const LmvzAction = class {
12
12
  this.actionClick.emit(event);
13
13
  }
14
14
  render() {
15
- return (h(Host, { key: '00da873d80f00dc57e5a0d60f2b58a6c505e41f1', onClick: this._onClick.bind(this) }, h("slot", { key: '7938b5e172ef2b027180aac801b0d9962cd68fa5' })));
15
+ return (h(Host, { key: '15c0f20e08cd5019abfd3bb71ec69d175dc5ba48', onClick: this._onClick.bind(this) }, h("slot", { key: 'f71a7853168d1b66b0a50b0f971d140385530ac3' })));
16
16
  }
17
17
  };
18
18
  LmvzAction.style = lmvzActionCss();
@@ -1,9 +1,9 @@
1
1
  import { g as getElement, r as registerInstance, c as createEvent, h, H as Host } from './index-saW7O-EW.js';
2
2
  import { c as classNames } from './index-BfTCfPZ1.js';
3
- import { R as ReactiveControllerHost, A as AriaValidationController } from './reactive-controller-host-sR2jJxNG.js';
3
+ import { R as ReactiveControllerHost, A as AriaValidationController } from './reactive-controller-host-J2thAxVH.js';
4
4
  import { E as ElementActivationController } from './element-activation-controller-CN0JX9-m.js';
5
5
  import { i as inheritAriaAttributes, f as findFormByRef } from './component-DIrAQ4IB.js';
6
- import './aria-loader-BF_AYtbb.js';
6
+ import './aria-loader-CES8Ae1e.js';
7
7
 
8
8
  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 { body { margin: 0; } 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-active, #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, #0f8acc); } 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); } `;
9
9
 
@@ -62,7 +62,7 @@ const LmvzButton = class extends ReactiveControllerHost {
62
62
  };
63
63
  render() {
64
64
  this.renderHiddenButton();
65
- return (h(Host, { key: '1448b16151418790d0a78eda2248b7d61fd8e32b', "aria-disabled": this.disabled ? 'true' : null }, h("button", { key: '2cf7ccc0692179b68aaea534a7a4d11dbcbe27b5', ref: (e) => (this.validationEl = e), disabled: this.disabled, class: classNames(this.variant, { [this.scale ?? '']: !!this.scale, disabled: this.disabled }), ...this.inheritedAttributes }, h("slot", { key: '8fd9f99f8c79657fd3dbeafb2fd88ca667bc0d44' }))));
65
+ return (h(Host, { key: 'ce82e749ffb9172a9421d303e0d7cc02de58dff9', "aria-disabled": this.disabled ? 'true' : null }, h("button", { key: 'acd0773f72e76139ec5495eb15fc3a5949029e40', ref: (e) => (this.validationEl = e), disabled: this.disabled, class: classNames(this.variant, { [this.scale ?? '']: !!this.scale, disabled: this.disabled }), ...this.inheritedAttributes }, h("slot", { key: 'f519e0f82e68811a8831214e83e609bd9501fed0' }))));
66
66
  }
67
67
  static get delegatesFocus() { return true; }
68
68
  };
@@ -45,7 +45,7 @@ const LmvzCard = class {
45
45
  const imgStyle = {
46
46
  backgroundImage: `url(${this.imageUrl ?? this.fallbackImage})`,
47
47
  };
48
- return (h(Host, { key: 'fceb19eb0d7ad6c6aecfa6fbd5bb6425c7c3e312', role: "article" }, h("div", { key: '4cb516b5dee1f2f84f21984fa350f61fd83c771c', class: "top" }, h("div", { key: '713b2a3245d885a9b99f6c7d54a35053699c1be8', class: "image-wrapper", style: imgStyle }, h("div", { key: 'e8ea65e7f5d11a2335cab950d6bf02208d0b18a1', class: "chip-slot" }, h("slot", { key: 'e9a039742107fdf56216186ddcdf367c4432790b', name: "chip" })))), h("div", { key: '9549e46a1872e0edf298b79435d298aa1ae96a37', class: "bottom" }, h("header", { key: '3bbfb72ecec519d16380ae7e00da4b1ccb6f1cf3' }, h("h2", { key: 'f5a33e498893e61b407c10ab36c9a93b7eecf9f1', class: "title" }, this.cardTitle)), h("p", { key: '19709bb100d014369c836a5a7174772f2d095d2e', class: "description" }, this.description), h("div", { key: '06b5acab3c80cc91865f3aa39da32d42f470348e', class: "actions" }, h("button", { key: '4e954452ac9771359c881aa6b43f11e89e38aecf', class: "primary", onClick: this._onPrimaryClick.bind(this), "data-testid": "primary" }, this.primaryActionLabel), h("button", { key: 'b6a682bf95eb26468c450bed494290565288a515', class: "tertiary", "aria-label": "More actions", onClick: this._onOverflowClick }, h("span", { key: '70a526d1fafd8b7051f6e7107b35d6f594e10d68', class: "icon-placeholder" }, "..."))))));
48
+ return (h(Host, { key: '46c2832b4f90b9eb222749632bc7ad59cd645e10', role: "article" }, h("div", { key: 'cc387fe96cff2dd04c24f75cf838a2bf6f438279', class: "top" }, h("div", { key: 'f9a54a5f81378ef4265e1d74c36c78af002e8874', class: "image-wrapper", style: imgStyle }, h("div", { key: '76daed00408f7ae9ee46977637ddcd3d4f846380', class: "chip-slot" }, h("slot", { key: '6ad522ef7428166b876d0218ef8d801c4ef337f1', name: "chip" })))), h("div", { key: '9c9799668ac199cfecbe10061e271d70d70e2d07', class: "bottom" }, h("header", { key: '1bec743235bea5c7ab163225ffbd7bc6cf11f754' }, h("h2", { key: '06f8e14153328bc5ca920e71e09d9343047c440c', class: "title" }, this.cardTitle)), h("p", { key: '86b95db4e6464ca3236b4a03798013c3580819bf', class: "description" }, this.description), h("div", { key: '553dc998d5318a4730196baa0b9baff3a0a3369f', class: "actions" }, h("button", { key: '7532d01b46769198c23a1b1015c187fdefce146a', class: "primary", onClick: this._onPrimaryClick.bind(this), "data-testid": "primary" }, this.primaryActionLabel), h("button", { key: '633d679ae59b1896aa2a06e04b4564569cf27a7d', class: "tertiary", "aria-label": "More actions", onClick: this._onOverflowClick }, h("span", { key: 'b72c45f93d259502b9d7c5ffb19e292a53c60ec6', class: "icon-placeholder" }, "..."))))));
49
49
  }
50
50
  static get assetsDirs() { return ["../../assets"]; }
51
51
  };
@@ -1,15 +1,79 @@
1
- import { r as registerInstance, h, H as Host } from './index-saW7O-EW.js';
1
+ import { g as getElement, r as registerInstance, h, H as Host } from './index-saW7O-EW.js';
2
+ import { a as chipTypes, c as chipSizes } from './ds.constants-Bmi89ll1.js';
3
+ import { R as ReactiveControllerHost, A as AriaValidationController } from './reactive-controller-host-J2thAxVH.js';
4
+ import { i as isAriaValidationEnabled } from './aria-loader-CES8Ae1e.js';
2
5
 
3
- const lmvzChipCss = () => `:host{display:block}`;
6
+ function debounce(func, wait) {
7
+ let timeout;
8
+ return () => {
9
+ if (timeout !== undefined) {
10
+ window.clearTimeout(timeout);
11
+ }
12
+ timeout = window.setTimeout(() => {
13
+ func();
14
+ timeout = undefined;
15
+ }, wait);
16
+ };
17
+ }
4
18
 
5
- const LmvzChip = class {
19
+ const lmvzChipCss = () => `:host { --lmvz-chip-border-color: var(--lmvz-semantic-color-status-on-neutral-subtle, #d4d4d4); --lmvz-chip-background-color: var(--lmvz-semantic-color-status-neutral, #fcfcfc); --lmvz-chip-foreground-color: var(--lmvz-semantic-color-status-on-neutral, #545454); padding-block: var(--lmvz-dimension-4-6, clamp(0.25rem, 0.22rem + 0.13vw, 0.38rem)); padding-inline: var(--lmvz-dimension-8-10, clamp(0.5rem, 0.47rem + 0.13vw, 0.63rem)); border: 1px solid var(--lmvz-chip-border-color); border-radius: var(--lmvz-semantic-border-radius-round, 999px); font: var(--lmvz-typography-body-xs-strong, 500 clamp(0.69rem, 0.67rem + 0.06vw, 0.75rem) / 1.4 Router); background-color: var(--lmvz-chip-background-color); color: var(--lmvz-chip-foreground-color); display: inline-flex; align-items: center; justify-content: center; gap: var(--lmvz-dimension-4-6, clamp(0.25rem, 0.22rem + 0.13vw, 0.38rem)); box-sizing: border-box; max-width: 100%; overflow: hidden; white-space: nowrap; > .content-overflow-wrapper { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } :host([size='small']) { padding-block: var(--lmvz-dimension-2-4, clamp(0.13rem, 0.09rem + 0.13vw, 0.25rem)); padding-inline: var(--lmvz-dimension-6-8, clamp(0.38rem, 0.34rem + 0.13vw, 0.5rem)); font: var(--lmvz-typography-body-2xs-strong, 500 clamp(0.63rem, 0.61rem + 0.06vw, 0.69rem) / 1.4 Router); gap: var(--lmvz-dimension-2-4, clamp(0.13rem, 0.09rem + 0.13vw, 0.25rem)); } ::slotted(*) { display: inline; white-space: inherit; } ::slotted(lmvz-icon) { --lmvz-component-color: var(--lmvz-chip-foreground-color); --lmvz-component-size: var(--lmvz-dimension-12-14, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem)); } :host([size='small']) ::slotted(lmvz-icon) { --lmvz-component-size: var(--lmvz-dimension-10-12, clamp(0.63rem, 0.59rem + 0.13vw, 0.75rem)); } :host([type='active']) { --lmvz-chip-border-color: var(--lmvz-semantic-color-status-on-active-subtle, #c1e6fa); --lmvz-chip-background-color: var(--lmvz-semantic-color-status-active, #f1f9fe); --lmvz-chip-foreground-color: var(--lmvz-semantic-color-status-on-active, #0e7ab4); } :host([type='warning']) { --lmvz-chip-border-color: var(--lmvz-semantic-color-status-on-warning-subtle, #ffdf75); --lmvz-chip-background-color: var(--lmvz-semantic-color-status-warning, #fffbf0); --lmvz-chip-foreground-color: var(--lmvz-semantic-color-status-on-warning, #7a5e00); } :host([type='success']) { --lmvz-chip-border-color: var(--lmvz-semantic-color-status-on-success-subtle, #a5dad3); --lmvz-chip-background-color: var(--lmvz-semantic-color-status-success, #f1f9f8); --lmvz-chip-foreground-color: var(--lmvz-semantic-color-status-on-success, #37867c); } :host([type='error']) { --lmvz-chip-border-color: var(--lmvz-semantic-color-status-on-danger-subtle, #f7bfc2); --lmvz-chip-background-color: var(--lmvz-semantic-color-status-danger, #fdf1f2); --lmvz-chip-foreground-color: var(--lmvz-semantic-color-status-on-danger, #e52a31); } :host([type='neutral']) { --lmvz-chip-border-color: var(--lmvz-semantic-color-status-on-neutral-subtle, #d4d4d4); --lmvz-chip-background-color: var(--lmvz-semantic-color-status-neutral, #fcfcfc); --lmvz-chip-foreground-color: var(--lmvz-semantic-color-status-on-neutral, #545454); } `;
20
+
21
+ const LmvzChip = class extends ReactiveControllerHost {
22
+ ariaValidationController = new AriaValidationController(this);
23
+ beforeSlot;
24
+ defaultSlot;
25
+ afterSlot;
26
+ get el() { return getElement(this); }
27
+ get validationEl() {
28
+ return this.el;
29
+ }
30
+ type = 'active';
31
+ size = 'default';
6
32
  constructor(hostRef) {
33
+ super();
7
34
  registerInstance(this, hostRef);
35
+ this.addController(this.ariaValidationController);
36
+ }
37
+ normalizeType(value) {
38
+ const normalizedType = chipTypes.includes(value) ? value : 'active';
39
+ if (normalizedType !== this.type) {
40
+ this.type = normalizedType;
41
+ }
42
+ }
43
+ normalizeSize(value) {
44
+ const normalizedSize = chipSizes.includes(value) ? value : 'default';
45
+ if (normalizedSize !== this.size) {
46
+ this.size = normalizedSize;
47
+ }
48
+ }
49
+ componentWillLoad() {
50
+ this.normalizeType(this.type);
51
+ this.normalizeSize(this.size);
52
+ super.componentWillLoad();
53
+ }
54
+ connectedCallback() {
55
+ super.connectedCallback();
56
+ this.checkContent();
8
57
  }
9
- text;
58
+ checkContent = debounce(() => {
59
+ if (!isAriaValidationEnabled)
60
+ return;
61
+ const elements = [...(this.beforeSlot?.assignedElements() ?? []), ...(this.defaultSlot?.assignedElements() ?? []), ...(this.afterSlot?.assignedElements() ?? [])];
62
+ if (!elements.length) {
63
+ console.warn('LmvzChip has no assigned content. Please add content to the default slot or the before-text/after-text slots.');
64
+ }
65
+ }, 500);
10
66
  render() {
11
- return h(Host, { key: '134d510fe3a04b989b0005bf31358149a9661cb2' }, this.text);
67
+ return (h(Host, { key: 'd34b677a3f6ac2cdb53453c774badb837a3b9e25', type: this.type, size: this.size }, h("slot", { key: 'c6f8beea28cd847f8d8b7c7a075c774f58e39262', name: "before-text", ref: (el) => (this.beforeSlot = el), onSlotchange: () => this.checkContent() }), h("span", { key: 'be784ef977bc1d0eae2fd2d9377642636bd325bc', class: "content-overflow-wrapper" }, h("slot", { key: '3730f2902bcae7917979dedd91264670fbff00de', ref: (el) => (this.defaultSlot = el), onSlotchange: () => this.checkContent() })), h("slot", { key: 'f827a03e407385c7bdfd483073453d97f6f73afb', name: "after-text", ref: (el) => (this.afterSlot = el), onSlotchange: () => this.checkContent() })));
12
68
  }
69
+ static get watchers() { return {
70
+ "type": [{
71
+ "normalizeType": 0
72
+ }],
73
+ "size": [{
74
+ "normalizeSize": 0
75
+ }]
76
+ }; }
13
77
  };
14
78
  LmvzChip.style = lmvzChipCss();
15
79
 
@@ -17,5 +17,5 @@ var patchBrowser = () => {
17
17
 
18
18
  patchBrowser().then(async (options) => {
19
19
  await globalScripts();
20
- return bootstrapLazy([["lmvz-header_2",[[769,"lmvz-header",{"role":[2561],"lmvzActiveNav":[1,"lmvz-active-nav"]},null,{"lmvzActiveNav":[{"handleActiveNavChange":0}]}],[774,"lmvz-menuitem",{"role":[2561],"ti":[2562,"tabindex"]}]]],["lmvz-action",[[257,"lmvz-action"]]],["lmvz-button",[[785,"lmvz-button",{"ti":[2562,"tabindex"],"scale":[513],"variant":[513],"disabled":[516],"type":[1],"form":[1]}]]],["lmvz-card",[[774,"lmvz-card",{"cardTitle":[1,"card-title"],"imageUrl":[1,"image-url"],"description":[1],"primaryActionLabel":[1,"primary-action-label"]}]]],["lmvz-chip",[[513,"lmvz-chip",{"text":[1]}]]],["lmvz-icon",[[514,"lmvz-icon",{"icon":[513],"weight":[513],"size":[513],"iconset":[513],"ariaLabel":[513,"aria-label"],"iconData":[32],"visible":[32]},null,{"icon":[{"loadIconPathData":0}],"iconset":[{"loadIconPathData":0}]}]]],["lmvz-input",[[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}]}]]],["lmvz-menuitem",[[774,"lmvz-menuitem",{"role":[2561],"ti":[2562,"tabindex"]}]]],["lmvz-select",[[774,"lmvz-select",{"value":[1025],"label":[1],"helperText":[1,"helper-text"],"disabled":[516],"required":[516],"name":[1],"selectedLabel":[32]},null,{"value":[{"handleValueChange":0}]}]]]], options);
20
+ return bootstrapLazy([["lmvz-header_2",[[769,"lmvz-header",{"role":[2561],"lmvzActiveNav":[1,"lmvz-active-nav"]},null,{"lmvzActiveNav":[{"handleActiveNavChange":0}]}],[774,"lmvz-menuitem",{"role":[2561],"ti":[2562,"tabindex"]}]]],["lmvz-action",[[257,"lmvz-action"]]],["lmvz-button",[[785,"lmvz-button",{"ti":[2562,"tabindex"],"scale":[513],"variant":[513],"disabled":[516],"type":[1],"form":[1]}]]],["lmvz-card",[[774,"lmvz-card",{"cardTitle":[1,"card-title"],"imageUrl":[1,"image-url"],"description":[1],"primaryActionLabel":[1,"primary-action-label"]}]]],["lmvz-chip",[[769,"lmvz-chip",{"type":[1537],"size":[1537]},null,{"type":[{"normalizeType":0}],"size":[{"normalizeSize":0}]}]]],["lmvz-icon",[[514,"lmvz-icon",{"icon":[513],"weight":[513],"size":[513],"iconset":[513],"ariaLabel":[513,"aria-label"],"iconData":[32],"visible":[32]},null,{"icon":[{"loadIconPathData":0}],"iconset":[{"loadIconPathData":0}]}]]],["lmvz-input",[[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}]}]]],["lmvz-menuitem",[[774,"lmvz-menuitem",{"role":[2561],"ti":[2562,"tabindex"]}]]],["lmvz-select",[[774,"lmvz-select",{"value":[1025],"label":[1],"helperText":[1,"helper-text"],"disabled":[516],"required":[516],"name":[1],"selectedLabel":[32]},null,{"value":[{"handleValueChange":0}]}]]]], options);
21
21
  });
@@ -1,8 +1,8 @@
1
1
  import { g as getElement, r as registerInstance, h, H as Host } from './index-saW7O-EW.js';
2
- import { R as ReactiveControllerHost, A as AriaValidationController } from './reactive-controller-host-sR2jJxNG.js';
2
+ import { R as ReactiveControllerHost, A as AriaValidationController } from './reactive-controller-host-J2thAxVH.js';
3
3
  import { g as getDeepActiveElement, a as canReceiveFocus } from './component-DIrAQ4IB.js';
4
4
  export { lmvz_menuitem } from './lmvz-menuitem.entry.js';
5
- import './aria-loader-BF_AYtbb.js';
5
+ import './aria-loader-CES8Ae1e.js';
6
6
  import './element-activation-controller-CN0JX9-m.js';
7
7
 
8
8
  class ListKeyboardNavigationController {
@@ -137,7 +137,7 @@ const LmvzHeader = class extends ReactiveControllerHost {
137
137
  }
138
138
  }
139
139
  render() {
140
- return (h(Host, { key: '58cf99b555112f6209b6d16047bda2cc0bbf5cde', onFocus: this.delegateFocus.bind(this) }, h("div", { key: 'd9bda5c2a6b9abd6e5ea849fb31a0543c8c36bb7', class: "brand" }, h("slot", { key: 'e1c2c2a0bd69875ecd46ef9f7406ccb52409b570', name: "brand" }, h("img", { key: '8dfca875ffc837f2c413527ea106d640a9b9bb97', id: "fallback-logo-lmvz", src: logoSvg, alt: "Lehrmittelverlag Z\u00FCrich" }))), h("nav", { key: '24ceb7f3ef54399ecb9b7b78418d3be9bb547f60', "aria-label": "Hauptnavigation" }, h("div", { key: 'c9fb6b1850330493e0a26bf20ea04013725025f6', role: "menubar", class: "primary-menubar" }, h("slot", { key: '19640032a28d0a9bd7f5396f7c1acd477135f864', name: "nav-primary", ref: (el) => (this.primarySlot = el) }), h("div", { key: 'c11f19e15c0fea300a771060e2e4c77cce76c20f', role: "menu", id: "nav-secondary", class: "secondary-menubar", hidden: !this.lmvzActiveNav, ref: (el) => (this.secondaryNav = el) }, h("slot", { key: '2df2cf852595a78391bcd7c3dd8b8d6db3847aaa', name: this.secondarySlotName, ref: (el) => (this.secondarySlot = el) })))), h("div", { key: 'c256862d4f5ea38c120218372d9ad73ae19efd74', class: "actions" }, h("slot", { key: '91b5eb2d9ab06005384a28cddee3d6c92afd418c', name: "actions" }))));
140
+ return (h(Host, { key: '74061d97a6d4cdec1f445a91b9e819bb12565681', onFocus: this.delegateFocus.bind(this) }, h("div", { key: 'af7f08ff48a20b7d36df5ee233da7027cd30a047', class: "brand" }, h("slot", { key: '46be4fcf2798ac374ac967bc2742260c4d7e082b', name: "brand" }, h("img", { key: '3ee79f9732758a6ca5dd6e8264c67707917b358b', id: "fallback-logo-lmvz", src: logoSvg, alt: "Lehrmittelverlag Z\u00FCrich" }))), h("nav", { key: '8f37883454544a384bb35a151c4e24bb12c35f40', "aria-label": "Hauptnavigation" }, h("div", { key: 'a3166ad7e924dd72148d05c01160c889c8f07529', role: "menubar", class: "primary-menubar" }, h("slot", { key: 'aa600791e4d8f3463fefbc3b366831e3b3a3eaac', name: "nav-primary", ref: (el) => (this.primarySlot = el) }), h("div", { key: '6471256967f4d14c454205a330b2a97ecfcad7a8', role: "menu", id: "nav-secondary", class: "secondary-menubar", hidden: !this.lmvzActiveNav, ref: (el) => (this.secondaryNav = el) }, h("slot", { key: '1b9b461b958e76184938a1c65d032b296894e2dd', name: this.secondarySlotName, ref: (el) => (this.secondarySlot = el) })))), h("div", { key: '019d87472272df09ce99eeed405771229f326f1a', class: "actions" }, h("slot", { key: '18035fb0a51a26c96dc687547d17d57118a88e87', name: "actions" }))));
141
141
  }
142
142
  static get watchers() { return {
143
143
  "lmvzActiveNav": [{
@@ -1,10 +1,10 @@
1
1
  import { g as getElement, r as registerInstance, h, H as Host } from './index-saW7O-EW.js';
2
- import { i as isValidSVG, a as resolveIconSvg } from './icons-Ca8oMiRa.js';
3
- import { R as ReactiveControllerHost, A as AriaValidationController } from './reactive-controller-host-sR2jJxNG.js';
4
- import './logger-fiRXhuXK.js';
5
- import './aria-loader-BF_AYtbb.js';
2
+ import { i as isValidSVG, c as createValidSVGString, a as resolveIconSvg } from './icons-Bj4dF1-I.js';
3
+ import { r as runPromise } from './logger-0bL3pydp.js';
4
+ import { R as ReactiveControllerHost, A as AriaValidationController } from './reactive-controller-host-J2thAxVH.js';
5
+ import './aria-loader-CES8Ae1e.js';
6
6
 
7
- 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.72rem + 0.13vw, 0.88rem));height:var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem))}}[size='sm'].sc-lmvz-icon-h{svg{width:var(--lmvz-component-icon-size-sm, clamp(0.88rem, 0.84rem + 0.13vw, 1rem));height:var(--lmvz-component-icon-size-sm, clamp(0.88rem, 0.84rem + 0.13vw, 1rem))}}[size='md'].sc-lmvz-icon-h{svg{width:var(--lmvz-component-icon-size-md, clamp(1rem, 0.94rem + 0.26vw, 1.25rem));height:var(--lmvz-component-icon-size-md, clamp(1rem, 0.94rem + 0.26vw, 1.25rem))}}[size='lg'].sc-lmvz-icon-h{svg{width:var(--lmvz-component-icon-size-lg, clamp(1.5rem, 1.44rem + 0.26vw, 1.75rem));height:var(--lmvz-component-icon-size-lg, clamp(1.5rem, 1.44rem + 0.26vw, 1.75rem))}}[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)}}`;
7
+ const lmvzIconCss = () => `.sc-lmvz-icon-h{--lmvz-icon-color:var(--lmvz-component-color, var(--lmvz-semantic-color-on-surface-input-primary, #000000));--lmvz-icon-size:var(--lmvz-component-size, var(--lmvz-component-icon-size-md, clamp(1rem, 0.94rem + 0.26vw, 1.25rem)));display:inline-block;line-height:0;svg{display:block;height:var(--lmvz-icon-size);width:auto}svg path{stroke:var(--lmvz-icon-color);fill:none}}[size='xs'].sc-lmvz-icon-h{svg{--lmvz-icon-size:var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem))}}[size='sm'].sc-lmvz-icon-h{svg{--lmvz-icon-size:var(--lmvz-component-icon-size-sm, clamp(0.88rem, 0.84rem + 0.13vw, 1rem))}}[size='md'].sc-lmvz-icon-h{svg{--lmvz-icon-size:var(--lmvz-component-icon-size-md, clamp(1rem, 0.94rem + 0.26vw, 1.25rem))}}[size='lg'].sc-lmvz-icon-h{svg{--lmvz-icon-size:var(--lmvz-component-icon-size-lg, clamp(1.5rem, 1.44rem + 0.26vw, 1.75rem))}}[size='inherit'].sc-lmvz-icon-h{svg{height:var(--lmvz-component-size, inherit)}}[weight='light'].sc-lmvz-icon-h{svg path{stroke-width:1}}[weight='medium'].sc-lmvz-icon-h{svg path{stroke-width:1.5}}[weight='bold'].sc-lmvz-icon-h{svg path{stroke-width:2}}[weight='filled'].sc-lmvz-icon-h{svg path{stroke-width:2;fill:var(--lmvz-icon-color)}}`;
8
8
 
9
9
  const LmvzIcon = class extends ReactiveControllerHost {
10
10
  intersectionObserver;
@@ -46,7 +46,7 @@ const LmvzIcon = class extends ReactiveControllerHost {
46
46
  return;
47
47
  }
48
48
  if (isValidSVG(icon)) {
49
- this.iconData = icon;
49
+ this.iconData = await runPromise(createValidSVGString(icon));
50
50
  return;
51
51
  }
52
52
  this.iconData = await resolveIconSvg({
@@ -60,7 +60,7 @@ const LmvzIcon = class extends ReactiveControllerHost {
60
60
  super.componentDidRender();
61
61
  }
62
62
  render() {
63
- return h(Host, { key: 'b36586af32709b492336fe4ec1fe1fe1fe7a9e4b', role: "img", "aria-hidden": `${this.ariaHidden}`, innerHTML: this.iconData });
63
+ return h(Host, { key: 'c1e952e00df287c66c49eb043408514c07c3dc39', role: "img", "aria-hidden": `${this.ariaHidden}`, innerHTML: this.iconData });
64
64
  }
65
65
  waitUntilVisible(callback, rootMargin = 50) {
66
66
  if (typeof window === 'undefined' || !window.IntersectionObserver) {
@@ -1,8 +1,8 @@
1
1
  import { g as getElement, r as registerInstance, c as createEvent, h } from './index-saW7O-EW.js';
2
2
  import { c as classNames } from './index-BfTCfPZ1.js';
3
- import { R as ReactiveControllerHost, A as AriaValidationController } from './reactive-controller-host-sR2jJxNG.js';
3
+ import { R as ReactiveControllerHost, A as AriaValidationController } from './reactive-controller-host-J2thAxVH.js';
4
4
  import { c as componentOnReady } from './component-DIrAQ4IB.js';
5
- import './aria-loader-BF_AYtbb.js';
5
+ import './aria-loader-CES8Ae1e.js';
6
6
 
7
7
  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-active, #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; }`;
8
8
 
@@ -162,9 +162,9 @@ const LmvzInput = class extends ReactiveControllerHost {
162
162
  render() {
163
163
  const hasValue = Boolean(this.value);
164
164
  const shouldFloatLabel = hasValue || Boolean(this.placeholder);
165
- return (h("div", { key: '9de2e4dd202edc937e96ff6ebdc8d0270851c4ca', class: classNames('input-container', {
165
+ return (h("div", { key: '22be29e5fcd4976fc6c4d125781be00acef0b359', class: classNames('input-container', {
166
166
  'interaction-filled': hasValue,
167
- }) }, h("div", { key: '0c9f92778e1c52dca13ed9175a09d757fc6eedc9', class: "input-wrapper" }, h("slot", { key: '9cf29c45afdb127917a68ed6752faf3d50004c7d', name: "before-input" }), h("div", { key: 'e7e6c54b6ee6db108ac3f8ddb676bb9fcf10517e', class: "label-input-group" }, h("label", { key: '68eb29e585741971aae58c7693d011ba587f1c1b', htmlFor: this.inputId, class: classNames({ floating: shouldFloatLabel }) }, this.label, this.required && (h("span", { key: '274d992a43c2de45af7172608fb1581c6ee771d2', class: "required-indicator", "aria-hidden": "true" }, ' ', "*"))), h("input", { key: 'a26b95dee9781e0e13db16d6e09681e36cab0230', 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: '5b77b87ba1da3b8e71c7f6825eecf2216a93e4f9', name: "after-input" })), h("div", { key: 'cac334a1e88d4136e923ef1355196997bfe97099', id: this.helperId, role: "status" }, this.helperText || null), h("div", { key: 'b3ea662fa0a57ed0d8c3f35e36aad6b2513af8ab', id: this.errorId, role: "alert" }, (this.showErrorMessage && this.errorMessage) || null)));
167
+ }) }, h("div", { key: 'ffeb620419316976e800b16b4a9fd9538f1efd26', class: "input-wrapper" }, h("slot", { key: '2a1a67f7fde0232b2bb5ce3cc228b869e5ac3516', name: "before-input" }), h("div", { key: '3bbe623cae67d376c60a28306164293a712b1bb5', class: "label-input-group" }, h("label", { key: 'c260b3eb249d5c785fe3b6e223c7428a8c147f50', htmlFor: this.inputId, class: classNames({ floating: shouldFloatLabel }) }, this.label, this.required && (h("span", { key: 'f43dd77efe7e319428dd72ec8933b7587635e767', class: "required-indicator", "aria-hidden": "true" }, ' ', "*"))), h("input", { key: 'eeb821a74a5ac7aab3fab65a48a37d21a22744e6', 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: 'dd36a212c05c43ab2a8249750c14a7475b6d65d3', name: "after-input" })), h("div", { key: 'c2aedd67036faf4d3dc459c3c1fab8d07ee5a991', id: this.helperId, role: "status" }, this.helperText || null), h("div", { key: '01d2a6d6df9b3804a595711c7b57b6177d311c39', id: this.errorId, role: "alert" }, (this.showErrorMessage && this.errorMessage) || null)));
168
168
  }
169
169
  static get formAssociated() { return true; }
170
170
  static get watchers() { return {
@@ -1,7 +1,7 @@
1
1
  import { g as getElement, r as registerInstance, c as createEvent, h, H as Host } from './index-saW7O-EW.js';
2
- import { R as ReactiveControllerHost, A as AriaValidationController } from './reactive-controller-host-sR2jJxNG.js';
2
+ import { R as ReactiveControllerHost, A as AriaValidationController } from './reactive-controller-host-J2thAxVH.js';
3
3
  import { E as ElementActivationController } from './element-activation-controller-CN0JX9-m.js';
4
- import './aria-loader-BF_AYtbb.js';
4
+ import './aria-loader-CES8Ae1e.js';
5
5
 
6
6
  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-on-active, #0e7ab4); --lmvz-menuitem-color: var(--lmvz-semantic-color-status-on-active, #0e7ab4); }`;
7
7
 
@@ -26,7 +26,7 @@ const LmvzMenuItem = class extends ReactiveControllerHost {
26
26
  this.addController(new ElementActivationController(this));
27
27
  }
28
28
  render() {
29
- return (h(Host, { key: '510ac59b18468ce9c65b866ae2767185f1b3da92' }, h("slot", { key: '7e032e0dab83f9bfbaa96ad2b78d8a5a58f978ab', ref: (e) => (this.validationSlot = e) })));
29
+ return (h(Host, { key: '0878343aec1c98c16c073c6cdd3382ee5c980799' }, h("slot", { key: 'f7a87d4c9d786bb4686d406d4313e9b5d79701d6', ref: (e) => (this.validationSlot = e) })));
30
30
  }
31
31
  };
32
32
  LmvzMenuItem.style = lmvzMenuitemCss();