@lmvz-ds/components 0.18.2 → 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 (104) hide show
  1. package/CHANGELOG.md +6 -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-button.cjs.entry.js +2 -2
  7. package/cjs/lmvz-chip.cjs.entry.js +68 -4
  8. package/cjs/lmvz-components.cjs.js +1 -1
  9. package/cjs/lmvz-header_2.cjs.entry.js +2 -2
  10. package/cjs/lmvz-icon.cjs.entry.js +6 -6
  11. package/cjs/lmvz-input.cjs.entry.js +3 -3
  12. package/cjs/lmvz-menuitem.cjs.entry.js +2 -2
  13. package/cjs/lmvz-select.cjs.entry.js +2 -2
  14. package/cjs/loader.cjs.js +1 -1
  15. package/cjs/{reactive-controller-host-CtaVAiYJ.js → reactive-controller-host-Bi9eu2bV.js} +9 -9
  16. package/collection/api/ds.constants.js +2 -0
  17. package/collection/components/lmvz-button/lmvz-button.js +6 -3
  18. package/collection/components/lmvz-chip/lmvz-chip.css +84 -1
  19. package/collection/components/lmvz-chip/lmvz-chip.js +110 -13
  20. package/collection/components/lmvz-header/lmvz-header.js +2 -2
  21. package/collection/components/lmvz-icon/lmvz-icon.css +11 -10
  22. package/collection/components/lmvz-icon/lmvz-icon.js +7 -6
  23. package/collection/components/lmvz-input/lmvz-input.js +4 -4
  24. package/collection/components/lmvz-menuitem/lmvz-menuitem.js +11 -5
  25. package/collection/components/lmvz-select/lmvz-select.js +1 -1
  26. package/collection/index.js +1 -1
  27. package/collection/integration/header-integration/header-integration.js +1 -1
  28. package/collection/utils/aria/aria-validation-controller.js +1 -0
  29. package/collection/utils/reactive-controller-host.js +9 -9
  30. package/components/index.js +1 -1
  31. package/components/lmvz-button.js +1 -1
  32. package/components/lmvz-chip.js +1 -1
  33. package/components/lmvz-header.js +1 -1
  34. package/components/lmvz-icon.js +1 -1
  35. package/components/lmvz-input.js +1 -1
  36. package/components/lmvz-menuitem.js +1 -1
  37. package/components/lmvz-select.js +1 -1
  38. package/components/{p-DQEkWkMh.js → p-DIrAQ4IB.js} +1 -1
  39. package/esm/{aria-loader-BF_AYtbb.js → aria-loader-CES8Ae1e.js} +1 -1
  40. package/esm/ds.constants-Bmi89ll1.js +9 -0
  41. package/esm/{icons-Ca8oMiRa.js → icons-Bj4dF1-I.js} +55 -40
  42. package/esm/{index-7Ru1khgk.js → index-BvxaUA12.js} +1 -1
  43. package/esm/index.js +4 -11
  44. package/esm/lmvz-button.entry.js +3 -3
  45. package/esm/lmvz-chip.entry.js +69 -5
  46. package/esm/lmvz-components.js +1 -1
  47. package/esm/lmvz-header_2.entry.js +3 -3
  48. package/esm/lmvz-icon.entry.js +7 -7
  49. package/esm/lmvz-input.entry.js +4 -4
  50. package/esm/lmvz-menuitem.entry.js +3 -3
  51. package/esm/lmvz-select.entry.js +3 -3
  52. package/esm/loader.js +1 -1
  53. package/esm/{logger-fiRXhuXK.js → logger-0bL3pydp.js} +1 -1
  54. package/esm/{reactive-controller-host-sR2jJxNG.js → reactive-controller-host-J2thAxVH.js} +10 -10
  55. package/hydrate/index.js +92 -27
  56. package/hydrate/index.mjs +92 -27
  57. package/lmvz-components/index.esm.js +1 -1
  58. package/lmvz-components/lmvz-components.esm.js +1 -1
  59. package/lmvz-components/{p-fiRXhuXK.js → p-0bL3pydp.js} +1 -1
  60. package/lmvz-components/p-40569208.entry.js +1 -0
  61. package/lmvz-components/p-49ab22bd.entry.js +1 -0
  62. package/lmvz-components/{p-6dbb3f13.entry.js → p-6e8acbd9.entry.js} +1 -1
  63. package/lmvz-components/{p-59383f3a.entry.js → p-9212bd23.entry.js} +1 -1
  64. package/lmvz-components/p-9626e951.entry.js +1 -0
  65. package/lmvz-components/p-Bmi89ll1.js +1 -0
  66. package/lmvz-components/p-Bu4Z_PMf.js +1 -0
  67. package/lmvz-components/{p-Bkfdgg0T.js → p-BxHnZA0M.js} +1 -1
  68. package/lmvz-components/{p-DXOTa5VF.js → p-DHZwxmLb.js} +1 -1
  69. package/lmvz-components/{p-B3dnXEPG.js → p-DYaffOLo.js} +1 -1
  70. package/lmvz-components/{p-84267405.entry.js → p-e1b847d2.entry.js} +1 -1
  71. package/lmvz-components/{p-5aa17cd2.entry.js → p-ec96c6b6.entry.js} +1 -1
  72. package/manifest.json +139 -32
  73. package/package.json +1 -1
  74. package/types/api/ds.constants.d.ts +6 -1
  75. package/types/components/lmvz-action/lmvz-action.d.ts +0 -1
  76. package/types/components/lmvz-button/lmvz-button.d.ts +0 -1
  77. package/types/components/lmvz-card/lmvz-card.d.ts +0 -1
  78. package/types/components/lmvz-chip/lmvz-chip.d.ts +18 -3
  79. package/types/components/lmvz-header/lmvz-header.d.ts +0 -1
  80. package/types/components/lmvz-icon/lmvz-icon.d.ts +0 -1
  81. package/types/components/lmvz-input/lmvz-input.d.ts +0 -1
  82. package/types/components/lmvz-menuitem/lmvz-menuitem.d.ts +0 -1
  83. package/types/components/lmvz-select/lmvz-select.d.ts +0 -1
  84. package/types/components.d.ts +70 -12
  85. package/types/index.d.ts +1 -2
  86. package/types/utils/aria/aria-validation-controller.d.ts +1 -2
  87. package/types/utils/aria/element-activation-controller.d.ts +0 -1
  88. package/types/utils/aria/list-keyboard-controller.d.ts +0 -1
  89. package/types/utils/assets.d.ts +0 -1
  90. package/types/utils/component.d.ts +0 -1
  91. package/types/utils/environment.d.ts +0 -1
  92. package/types/utils/http.d.ts +0 -1
  93. package/types/utils/http.unit.d.ts +0 -1
  94. package/types/utils/icons/icons-registry.d.ts +0 -1
  95. package/types/utils/icons/icons.d.ts +0 -1
  96. package/types/utils/icons/icons.unit.d.ts +0 -1
  97. package/types/utils/icons/public.d.ts +0 -1
  98. package/types/utils/public.d.ts +0 -1
  99. package/types/utils/reactive-controller-host.d.ts +0 -1
  100. package/lmvz-components/p-0a41cc24.entry.js +0 -1
  101. package/lmvz-components/p-30b99f11.entry.js +0 -1
  102. package/lmvz-components/p-5f150890.entry.js +0 -1
  103. package/lmvz-components/p-Bh2Epkwf.js +0 -1
  104. /package/components/{p-CBLAeife.js → p-DbeHBSOe.js} +0 -0
@@ -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: 'd128e24bb90891ebd13d13a8e27c06782363cace' }, 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: '96626b8d29cdefc8ed97a7bb68a689ff6155d2c7', onFocus: this.delegateFocus.bind(this) }, h("div", { key: '41ac004bdc6c2c6a1f8e3d293f6b0c3727c27aff', class: "brand" }, h("slot", { key: '8e33150a54c8b8070b22db51c8584e06dd06dd5c', name: "brand" }, h("img", { key: '889955c7335d64f2c8d0b2e032db3dd64a27cbd2', id: "fallback-logo-lmvz", src: logoSvg, alt: "Lehrmittelverlag Z\u00FCrich" }))), h("nav", { key: '37b6ef465d320c325e0c830bcc91ea3a575d2690', "aria-label": "Hauptnavigation" }, h("div", { key: '7a0ec1a78d6eee3b3e37f55f872806b0791c2156', role: "menubar", class: "primary-menubar" }, h("slot", { key: 'e0403633c6acd137c94b1552cc7f08e3549550d3', name: "nav-primary", ref: (el) => (this.primarySlot = el) }), h("div", { key: '4e377f38a0b94a766f9001174729e5763fa0a194', role: "menu", id: "nav-secondary", class: "secondary-menubar", hidden: !this.lmvzActiveNav, ref: (el) => (this.secondaryNav = el) }, h("slot", { key: '368e461f239498c706a3c9bb27a7b05de2b79cac', name: this.secondarySlotName, ref: (el) => (this.secondarySlot = el) })))), h("div", { key: '8ffaf8d6f1254644b48dc0a40b9f552339ecc690', class: "actions" }, h("slot", { key: '5b679885e4fa111d66e993458ab7f5092d8179d4', 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: '6022ed0e30bcdd13455ccaae65784ac70abcb349', 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: '3f14adbe321717cdfe305dc623940acb8be194f8', class: classNames('input-container', {
165
+ return (h("div", { key: '22be29e5fcd4976fc6c4d125781be00acef0b359', class: classNames('input-container', {
166
166
  'interaction-filled': hasValue,
167
- }) }, h("div", { key: '2cc559cc0ff4da1f8418c510188bcbb93b42da02', class: "input-wrapper" }, h("slot", { key: 'b41a5179b6d8651a9b60777718f92b32f80fda89', name: "before-input" }), h("div", { key: '4ac81c8d277d6592e1d84f4b3abfffef03843a9c', class: "label-input-group" }, h("label", { key: '80b272c3b069a246dcbf26812d2281e436c6cdfa', htmlFor: this.inputId, class: classNames({ floating: shouldFloatLabel }) }, this.label, this.required && (h("span", { key: 'eb00d3be1a3eddd0661df74cfb2d4b95c75f5eea', class: "required-indicator", "aria-hidden": "true" }, ' ', "*"))), h("input", { key: '6192c875976e7d21003de29badabd5a910ed0c17', 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: '9a908984ecebead7f08bbd88ed57fa8f30a69b67', name: "after-input" })), h("div", { key: 'abe658929d955042358ff24ea2267ae5b7b3484d', id: this.helperId, role: "status" }, this.helperText || null), h("div", { key: '61c689c7d8ab3bbb7c62dc7a227c35441b4bbbd8', 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: '1a37d2873a29c713cf95c60070c8dcf045c9f8fc' }, h("slot", { key: 'c6578bcfdb9f0cebad095d80f0ed63cf663bf91e', 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();
@@ -1,6 +1,6 @@
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';
3
- import './aria-loader-BF_AYtbb.js';
2
+ import { R as ReactiveControllerHost, A as AriaValidationController } from './reactive-controller-host-J2thAxVH.js';
3
+ import './aria-loader-CES8Ae1e.js';
4
4
 
5
5
  const chevronDownSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjMzMzQgOC42NjY2M0wxMi4wMDAxIDE3TDMuNjY2NzUgOC42NjY2MyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=';
6
6
 
@@ -56,7 +56,7 @@ const LmvzSelect = class extends ReactiveControllerHost {
56
56
  render() {
57
57
  const hasValue = this.hasValue;
58
58
  const shouldShowLabel = hasValue;
59
- return (h(Host, { key: '7d1abb943f79e90451b43c9221801b80a2f61346' }, h("div", { key: 'ded3e45246ab38e89d444c59239cdc63a2c4d4fc', class: "select-wrapper" }, h("label", { key: 'cb68ff79976c2fb55d4cc827f9e90ba2597a8a43', htmlFor: this.selectId, class: shouldShowLabel ? 'floating-label' : 'assistive-label' }, this.label, this.required && shouldShowLabel && h("span", { key: 'ab77eaea1645b95d90f00ffb609bbd7a1704f7bc', "aria-hidden": "true" }, " *")), h("div", { key: '45cee00478a6cc31c10dddf69d8e6687fc8f440d', "aria-hidden": "true" }, h("span", { key: '0c5d425ea8843234aa6abd94a207377e2a675686' }, hasValue ? this.selectedLabel : this.label, this.required && !hasValue && h("span", { key: 'ebef5322371ee0253b50dd801b80cbb6402c067a', "aria-hidden": "true" }, " *")), h("span", { key: 'a12d31dc29563444f728133f181b48914d31705b' }, h("img", { key: 'dd3f175d1ca2b9ccc6c2bfa2075e5da62016a896', src: chevronDownSvg, alt: "" }))), h("select", { key: 'a196f3b824177d1b45971c38341bf6a2939dda82', id: this.selectId, ref: (el) => (this.nativeSelectEl = el), name: this.name, disabled: this.disabled, required: this.required, "aria-label": this.label, onChange: this.handleChange }, !hasValue && h("option", { key: '536cc559def0e9ffa4b2150693ece9a597c238d1', value: "", disabled: true, selected: true, hidden: true }), h("slot", { key: 'ad9fed96b9f8c1d8257511bb1d5ab5ee756973ce' }))), this.helperText && h("div", { key: '4723b44d781c900be5aae7ece2a0be04b6c744b9', role: "status" }, this.helperText)));
59
+ return (h(Host, { key: 'b9f6211fec35e7c03cc9c462cb1f8eb60fc6c96c' }, h("div", { key: '43d22daa1492f87f89f9479687b82ee893f10faa', class: "select-wrapper" }, h("label", { key: 'cf399d80e31a345cea60286db4aea2d7dd7973d1', htmlFor: this.selectId, class: shouldShowLabel ? 'floating-label' : 'assistive-label' }, this.label, this.required && shouldShowLabel && h("span", { key: '6bdd8e0d652f126eb1c64c2a647ac0816cc61b05', "aria-hidden": "true" }, " *")), h("div", { key: '5d8497c64e197a71003a0c8e11149993fcefd684', "aria-hidden": "true" }, h("span", { key: '95b73705ad81d000ce415a377002e4ae4d63aae6' }, hasValue ? this.selectedLabel : this.label, this.required && !hasValue && h("span", { key: '2ff855f0fa89d3c66c59a176f855fdbf18ecb6c2', "aria-hidden": "true" }, " *")), h("span", { key: 'a66d4ec65c95b1463223c07aecb17d65a45c6b24' }, h("img", { key: '4cd21532ff13a3ecbd229cd79d0a3fa7b3eafc60', src: chevronDownSvg, alt: "" }))), h("select", { key: '2a9e46e29f8ef7d116989b58abfacee840dd2275', id: this.selectId, ref: (el) => (this.nativeSelectEl = el), name: this.name, disabled: this.disabled, required: this.required, "aria-label": this.label, onChange: this.handleChange }, !hasValue && h("option", { key: '5c5fa4d5e3b120a0085f6fc408d20a56f6547441', value: "", disabled: true, selected: true, hidden: true }), h("slot", { key: 'e11909e901624af7d9d5275f2e9715007960eab9' }))), this.helperText && h("div", { key: 'fa0d06d3294f303081fd5ffb9aeaff6a8e297901', role: "status" }, this.helperText)));
60
60
  }
61
61
  static get watchers() { return {
62
62
  "value": [{
package/esm/loader.js CHANGED
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-DQuL1Twl.js';
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
7
7
  await globalScripts();
8
- 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);
8
+ 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);
9
9
  };
10
10
 
11
11
  export { defineCustomElements };
@@ -6987,4 +6987,4 @@ const stringLogger = /*#__PURE__*/makeLogger(/*#__PURE__*/format(escapeDoubleQuo
6987
6987
  const hasProcessStdout = typeof process === "object" && process !== null && typeof process.stdout === "object" && process.stdout !== null;
6988
6988
  hasProcessStdout && process.stdout.isTTY === true;
6989
6989
 
6990
- export { add as $, set$1 as A, get$1 as B, isEmpty$1 as C, modifyAt as D, map$1 as E, keys as F, fromIterable$2 as G, string as H, format$1 as I, array as J, fromIterable$4 as K, mapInput as L, toJSON as M, NodeInspectSymbol as N, getEquivalence$1 as O, equals as P, of as Q, isNonEmpty as R, StructuralPrototype as S, TaggedError as T, headNonEmpty as U, tailNonEmpty as V, prepend as W, makeContext as X, reduce$1 as Y, has as Z, remove as _, isRight as a, OP_YIELD as a$, drop$1 as a0, isNonEmptyArray as a1, of$1 as a2, headNonEmpty$1 as a3, tailNonEmpty$1 as a4, constant as a5, appendAll as a6, orElseSome as a7, map$4 as a8, append as a9, interruptors as aA, OP_UPDATE_RUNTIME_FLAGS as aB, defects as aC, electFailures as aD, failures as aE, unsafeHead as aF, interrupt as aG, get as aH, set as aI, globalValue as aJ, getOrElse as aK, OP_ASYNC as aL, fromIterable$3 as aM, toReadonlyArray as aN, reverse as aO, reduce$5 as aP, allocate as aQ, sequential as aR, isPromiseLike as aS, OP_WHILE as aT, merge as aU, StructuralCommitPrototype as aV, empty as aW, die as aX, OP_REVERT_FLAGS as aY, pretty as aZ, isSome as a_, empty$4 as aa, OP_COMMIT as ab, effectVariance as ac, random as ad, YieldWrap as ae, OP_ON_SUCCESS as af, OP_ON_FAILURE as ag, isObject as ah, spanSymbol as ai, fail$1 as aj, failureOrCause as ak, getBugErrorMessage as al, OP_SYNC as am, OP_WITH_RUNTIME as an, OP_FAILURE as ao, pipe as ap, combine$1 as aq, hash as ar, OP_ON_SUCCESS_AND_FAILURE as as, OP_SUCCESS as at, internalCall as au, some as av, none$1 as aw, make as ax, CommitPrototype as ay, isInterruptedOnly as az, getRight as b, flipCauseOption as b$, OP_ITERATOR as b0, empty$5 as b1, empty$7 as b2, parallel as b3, isEqual as b4, GenericTag as b5, constFalse as b6, join as b7, contains as b8, head$1 as b9, lastNonEmpty as bA, span as bB, isNone as bC, getOrUndefined as bD, isTagged as bE, difference as bF, empty$1 as bG, union as bH, make$1 as bI, make$5 as bJ, isIterable as bK, compareAndSet as bL, isEmpty as bM, size as bN, withRedactableContext as bO, OP_TAG as bP, unsafeGet$1 as bQ, runFork as bR, provideContext as bS, stripFailures as bT, getCurrentVersion as bU, toStringUnknown as bV, yieldWrapGet as bW, getOption as bX, makeLogger as bY, stringLogger as bZ, isInterrupted as b_, prepend$1 as ba, map$3 as bb, isLeft as bc, zip as bd, append$1 as be, flatten as bf, last as bg, unfold as bh, merge$2 as bi, sort as bj, flatMap$3 as bk, unsafeGet$3 as bl, fromIterable as bm, PCGRandom as bn, Reference as bo, add$2 as bp, isNonEmptyReadonlyArray as bq, Class as br, constVoid as bs, get$3 as bt, unsafeFromArray as bu, makeBy as bv, dedupe as bw, appendAll$1 as bx, fromNullable as by, union$2 as bz, runPromise as c, map as c0, isDieType as c1, head as c2, prettyErrors as c3, isContext as c4, mergeAll as c5, find as c6, splitAt$1 as c7, isEmpty$2 as c8, filter as c9, match$2 as ca, unsafeGet as cb, reduce$4 as cc, map$2 as cd, splitWhere as ce, filterMap as cf, dual as d, isNumber as e, isBigInt as f, getOrThrowWith as g, hasProperty as h, identity as i, isString as j, symbol$1 as k, left as l, match$1 as m, cached as n, structure as o, pipeArguments as p, none as q, right as r, symbol as s, try_ as t, combine as u, unsafeMake as v, threadName as w, combineAll as x, empty$3 as y, reduce$3 as z };
6990
+ export { add as $, set$1 as A, get$1 as B, isEmpty$1 as C, modifyAt as D, map$1 as E, keys as F, fromIterable$2 as G, string as H, format$1 as I, array as J, fromIterable$4 as K, mapInput as L, toJSON as M, NodeInspectSymbol as N, getEquivalence$1 as O, equals as P, of as Q, isNonEmpty as R, StructuralPrototype as S, TaggedError as T, headNonEmpty as U, tailNonEmpty as V, prepend as W, makeContext as X, reduce$1 as Y, has as Z, remove as _, right as a, OP_YIELD as a$, drop$1 as a0, isNonEmptyArray as a1, of$1 as a2, headNonEmpty$1 as a3, tailNonEmpty$1 as a4, constant as a5, appendAll as a6, orElseSome as a7, map$4 as a8, append as a9, interruptors as aA, OP_UPDATE_RUNTIME_FLAGS as aB, defects as aC, electFailures as aD, failures as aE, unsafeHead as aF, interrupt as aG, get as aH, set as aI, globalValue as aJ, getOrElse as aK, OP_ASYNC as aL, fromIterable$3 as aM, toReadonlyArray as aN, reverse as aO, reduce$5 as aP, allocate as aQ, sequential as aR, isPromiseLike as aS, OP_WHILE as aT, merge as aU, StructuralCommitPrototype as aV, empty as aW, die as aX, OP_REVERT_FLAGS as aY, pretty as aZ, isSome as a_, empty$4 as aa, OP_COMMIT as ab, effectVariance as ac, random as ad, YieldWrap as ae, OP_ON_SUCCESS as af, OP_ON_FAILURE as ag, isObject as ah, spanSymbol as ai, fail$1 as aj, failureOrCause as ak, getBugErrorMessage as al, OP_SYNC as am, OP_WITH_RUNTIME as an, OP_FAILURE as ao, pipe as ap, combine$1 as aq, hash as ar, OP_ON_SUCCESS_AND_FAILURE as as, OP_SUCCESS as at, internalCall as au, some as av, none$1 as aw, make as ax, CommitPrototype as ay, isInterruptedOnly as az, isRight as b, flipCauseOption as b$, OP_ITERATOR as b0, empty$5 as b1, empty$7 as b2, parallel as b3, isEqual as b4, GenericTag as b5, constFalse as b6, join as b7, contains as b8, head$1 as b9, lastNonEmpty as bA, span as bB, isNone as bC, getOrUndefined as bD, isTagged as bE, difference as bF, empty$1 as bG, union as bH, make$1 as bI, make$5 as bJ, isIterable as bK, compareAndSet as bL, isEmpty as bM, size as bN, withRedactableContext as bO, OP_TAG as bP, unsafeGet$1 as bQ, runFork as bR, provideContext as bS, stripFailures as bT, getCurrentVersion as bU, toStringUnknown as bV, yieldWrapGet as bW, getOption as bX, makeLogger as bY, stringLogger as bZ, isInterrupted as b_, prepend$1 as ba, map$3 as bb, isLeft as bc, zip as bd, append$1 as be, flatten as bf, last as bg, unfold as bh, merge$2 as bi, sort as bj, flatMap$3 as bk, unsafeGet$3 as bl, fromIterable as bm, PCGRandom as bn, Reference as bo, add$2 as bp, isNonEmptyReadonlyArray as bq, Class as br, constVoid as bs, get$3 as bt, unsafeFromArray as bu, makeBy as bv, dedupe as bw, appendAll$1 as bx, fromNullable as by, union$2 as bz, getRight as c, map as c0, isDieType as c1, head as c2, prettyErrors as c3, isContext as c4, mergeAll as c5, find as c6, splitAt$1 as c7, isEmpty$2 as c8, filter as c9, match$2 as ca, unsafeGet as cb, reduce$4 as cc, map$2 as cd, splitWhere as ce, filterMap as cf, dual as d, isNumber as e, isBigInt as f, getOrThrowWith as g, hasProperty as h, identity as i, isString as j, symbol$1 as k, left as l, match$1 as m, cached as n, structure as o, pipeArguments as p, none as q, runPromise as r, symbol as s, try_ as t, combine as u, unsafeMake as v, threadName as w, combineAll as x, empty$3 as y, reduce$3 as z };
@@ -1,4 +1,4 @@
1
- import { i as isAriaValidationEnabled, u as useVerboseLogging, A as ARIA_VALIDATION_RUNTIME_CHANGED_EVENT, q as queueValidation } from './aria-loader-BF_AYtbb.js';
1
+ import { i as isAriaValidationEnabled, u as useVerboseLogging, A as ARIA_VALIDATION_RUNTIME_CHANGED_EVENT, q as queueValidation } from './aria-loader-CES8Ae1e.js';
2
2
  import { B as Build } from './index-saW7O-EW.js';
3
3
 
4
4
  class AriaValidationController {
@@ -156,34 +156,34 @@ class ReactiveControllerHost {
156
156
  this.controllers.delete(controller);
157
157
  }
158
158
  get activeControllers() {
159
- return Array.from(this.controllers).filter(controller => !controller.disabled);
159
+ return Array.from(this.controllers).filter((controller) => !controller.disabled);
160
160
  }
161
161
  connectedCallback() {
162
162
  if (!this.controllers.size) {
163
163
  console.warn('ReactiveControllerHost connected with no controllers registered.', this);
164
164
  }
165
- this.activeControllers.forEach(controller => controller.hostConnected?.());
165
+ this.activeControllers.forEach((controller) => controller.hostConnected?.());
166
166
  }
167
167
  disconnectedCallback() {
168
- this.activeControllers.forEach(controller => controller.hostDisconnected?.());
168
+ this.activeControllers.forEach((controller) => controller.hostDisconnected?.());
169
169
  }
170
170
  componentWillLoad() {
171
- this.activeControllers.forEach(controller => controller.hostWillLoad?.());
171
+ this.activeControllers.forEach((controller) => controller.hostWillLoad?.());
172
172
  }
173
173
  componentDidLoad() {
174
- this.activeControllers.forEach(controller => controller.hostDidLoad?.());
174
+ this.activeControllers.forEach((controller) => controller.hostDidLoad?.());
175
175
  }
176
176
  componentWillRender() {
177
- this.activeControllers.forEach(controller => controller.hostWillRender?.());
177
+ this.activeControllers.forEach((controller) => controller.hostWillRender?.());
178
178
  }
179
179
  componentDidRender() {
180
- this.activeControllers.forEach(controller => controller.hostDidRender?.());
180
+ this.activeControllers.forEach((controller) => controller.hostDidRender?.());
181
181
  }
182
182
  componentWillUpdate() {
183
- this.activeControllers.forEach(controller => controller.hostWillUpdate?.());
183
+ this.activeControllers.forEach((controller) => controller.hostWillUpdate?.());
184
184
  }
185
185
  componentDidUpdate() {
186
- this.activeControllers.forEach(controller => controller.hostDidUpdate?.());
186
+ this.activeControllers.forEach((controller) => controller.hostDidUpdate?.());
187
187
  }
188
188
  }
189
189
 
package/hydrate/index.js CHANGED
@@ -5483,9 +5483,6 @@ function resolvePossiblyAsyncFunction(func, args = []) {
5483
5483
  return Promise.resolve(res);
5484
5484
  }
5485
5485
 
5486
- const hasProcessStdout = typeof process === "object" && process !== null && typeof process.stdout === "object" && process.stdout !== null;
5487
- hasProcessStdout && process.stdout.isTTY === true;
5488
-
5489
5486
  const GLOBAL_STATE_KEY = Symbol('LMVZ__ariaValidationRuntimeState');
5490
5487
  const ARIA_VALIDATION_RUNTIME_CHANGED_EVENT = 'lmvz:aria-validation-runtime-changed';
5491
5488
  function getRuntimeState() {
@@ -5820,34 +5817,34 @@ class ReactiveControllerHost {
5820
5817
  this.controllers.delete(controller);
5821
5818
  }
5822
5819
  get activeControllers() {
5823
- return Array.from(this.controllers).filter(controller => !controller.disabled);
5820
+ return Array.from(this.controllers).filter((controller) => !controller.disabled);
5824
5821
  }
5825
5822
  connectedCallback() {
5826
5823
  if (!this.controllers.size) {
5827
5824
  console.warn('ReactiveControllerHost connected with no controllers registered.', this);
5828
5825
  }
5829
- this.activeControllers.forEach(controller => controller.hostConnected?.());
5826
+ this.activeControllers.forEach((controller) => controller.hostConnected?.());
5830
5827
  }
5831
5828
  disconnectedCallback() {
5832
- this.activeControllers.forEach(controller => controller.hostDisconnected?.());
5829
+ this.activeControllers.forEach((controller) => controller.hostDisconnected?.());
5833
5830
  }
5834
5831
  componentWillLoad() {
5835
- this.activeControllers.forEach(controller => controller.hostWillLoad?.());
5832
+ this.activeControllers.forEach((controller) => controller.hostWillLoad?.());
5836
5833
  }
5837
5834
  componentDidLoad() {
5838
- this.activeControllers.forEach(controller => controller.hostDidLoad?.());
5835
+ this.activeControllers.forEach((controller) => controller.hostDidLoad?.());
5839
5836
  }
5840
5837
  componentWillRender() {
5841
- this.activeControllers.forEach(controller => controller.hostWillRender?.());
5838
+ this.activeControllers.forEach((controller) => controller.hostWillRender?.());
5842
5839
  }
5843
5840
  componentDidRender() {
5844
- this.activeControllers.forEach(controller => controller.hostDidRender?.());
5841
+ this.activeControllers.forEach((controller) => controller.hostDidRender?.());
5845
5842
  }
5846
5843
  componentWillUpdate() {
5847
- this.activeControllers.forEach(controller => controller.hostWillUpdate?.());
5844
+ this.activeControllers.forEach((controller) => controller.hostWillUpdate?.());
5848
5845
  }
5849
5846
  componentDidUpdate() {
5850
- this.activeControllers.forEach(controller => controller.hostDidUpdate?.());
5847
+ this.activeControllers.forEach((controller) => controller.hostDidUpdate?.());
5851
5848
  }
5852
5849
  }
5853
5850
 
@@ -5908,7 +5905,7 @@ class LmvzButton extends ReactiveControllerHost {
5908
5905
  };
5909
5906
  render() {
5910
5907
  this.renderHiddenButton();
5911
- return (hAsync(Host, { key: '2897a943aca62561b0e78b5b3f2b7b85d76f4e78', "aria-disabled": this.disabled ? 'true' : null }, hAsync("button", { key: '92555224e33b00fb2602fdb2d19075145c0d9097', ref: (e) => (this.validationEl = e), disabled: this.disabled, class: classNames(this.variant, { [this.scale ?? '']: !!this.scale, disabled: this.disabled }), ...this.inheritedAttributes }, hAsync("slot", { key: '637a03a73db84a63bf1e3165d57c474151f87783' }))));
5908
+ return (hAsync(Host, { key: 'ce82e749ffb9172a9421d303e0d7cc02de58dff9', "aria-disabled": this.disabled ? 'true' : null }, hAsync("button", { key: 'acd0773f72e76139ec5495eb15fc3a5949029e40', ref: (e) => (this.validationEl = e), disabled: this.disabled, class: classNames(this.variant, { [this.scale ?? '']: !!this.scale, disabled: this.disabled }), ...this.inheritedAttributes }, hAsync("slot", { key: 'f519e0f82e68811a8831214e83e609bd9501fed0' }))));
5912
5909
  }
5913
5910
  static get delegatesFocus() { return true; }
5914
5911
  static get style() { return lmvzButtonCss(); }
@@ -5993,26 +5990,91 @@ class LmvzCard {
5993
5990
  }; }
5994
5991
  }
5995
5992
 
5996
- const lmvzChipCss = () => `:host{display:block}`;
5993
+ function debounce(func, wait) {
5994
+ let timeout;
5995
+ return () => {
5996
+ if (timeout !== undefined) {
5997
+ window.clearTimeout(timeout);
5998
+ }
5999
+ timeout = window.setTimeout(() => {
6000
+ func();
6001
+ timeout = undefined;
6002
+ }, wait);
6003
+ };
6004
+ }
6005
+
6006
+ const chipTypes = ['active', 'warning', 'success', 'error', 'neutral'];
6007
+ const chipSizes = ['default', 'small'];
5997
6008
 
5998
- class LmvzChip {
6009
+ 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); } `;
6010
+
6011
+ class LmvzChip extends ReactiveControllerHost {
6012
+ ariaValidationController = new AriaValidationController(this);
6013
+ beforeSlot;
6014
+ defaultSlot;
6015
+ afterSlot;
6016
+ get el() { return getElement(this); }
6017
+ get validationEl() {
6018
+ return this.el;
6019
+ }
6020
+ type = 'active';
6021
+ size = 'default';
5999
6022
  constructor(hostRef) {
6023
+ super();
6000
6024
  registerInstance(this, hostRef);
6025
+ this.addController(this.ariaValidationController);
6026
+ }
6027
+ normalizeType(value) {
6028
+ const normalizedType = chipTypes.includes(value) ? value : 'active';
6029
+ if (normalizedType !== this.type) {
6030
+ this.type = normalizedType;
6031
+ }
6001
6032
  }
6002
- text;
6033
+ normalizeSize(value) {
6034
+ const normalizedSize = chipSizes.includes(value) ? value : 'default';
6035
+ if (normalizedSize !== this.size) {
6036
+ this.size = normalizedSize;
6037
+ }
6038
+ }
6039
+ componentWillLoad() {
6040
+ this.normalizeType(this.type);
6041
+ this.normalizeSize(this.size);
6042
+ super.componentWillLoad();
6043
+ }
6044
+ connectedCallback() {
6045
+ super.connectedCallback();
6046
+ this.checkContent();
6047
+ }
6048
+ checkContent = debounce(() => {
6049
+ if (!isAriaValidationEnabled)
6050
+ return;
6051
+ const elements = [...(this.beforeSlot?.assignedElements() ?? []), ...(this.defaultSlot?.assignedElements() ?? []), ...(this.afterSlot?.assignedElements() ?? [])];
6052
+ if (!elements.length) {
6053
+ console.warn('LmvzChip has no assigned content. Please add content to the default slot or the before-text/after-text slots.');
6054
+ }
6055
+ }, 500);
6003
6056
  render() {
6004
- return hAsync(Host, { key: 'd128e24bb90891ebd13d13a8e27c06782363cace' }, this.text);
6057
+ return (hAsync(Host, { key: 'd34b677a3f6ac2cdb53453c774badb837a3b9e25', type: this.type, size: this.size }, hAsync("slot", { key: 'c6f8beea28cd847f8d8b7c7a075c774f58e39262', name: "before-text", ref: (el) => (this.beforeSlot = el), onSlotchange: () => this.checkContent() }), hAsync("span", { key: 'be784ef977bc1d0eae2fd2d9377642636bd325bc', class: "content-overflow-wrapper" }, hAsync("slot", { key: '3730f2902bcae7917979dedd91264670fbff00de', ref: (el) => (this.defaultSlot = el), onSlotchange: () => this.checkContent() })), hAsync("slot", { key: 'f827a03e407385c7bdfd483073453d97f6f73afb', name: "after-text", ref: (el) => (this.afterSlot = el), onSlotchange: () => this.checkContent() })));
6005
6058
  }
6059
+ static get watchers() { return {
6060
+ "type": [{
6061
+ "normalizeType": 0
6062
+ }],
6063
+ "size": [{
6064
+ "normalizeSize": 0
6065
+ }]
6066
+ }; }
6006
6067
  static get style() { return lmvzChipCss(); }
6007
6068
  static get cmpMeta() { return {
6008
- "$flags$": 521,
6069
+ "$flags$": 777,
6009
6070
  "$tagName$": "lmvz-chip",
6010
6071
  "$members$": {
6011
- "text": [1]
6072
+ "type": [1537],
6073
+ "size": [1537]
6012
6074
  },
6013
6075
  "$listeners$": undefined,
6014
6076
  "$lazyBundleId$": "-",
6015
- "$attrsToReflect$": []
6077
+ "$attrsToReflect$": [["type", "type"], ["size", "size"]]
6016
6078
  }; }
6017
6079
  }
6018
6080
 
@@ -6148,7 +6210,7 @@ class LmvzHeader extends ReactiveControllerHost {
6148
6210
  }
6149
6211
  }
6150
6212
  render() {
6151
- return (hAsync(Host, { key: '96626b8d29cdefc8ed97a7bb68a689ff6155d2c7', onFocus: this.delegateFocus.bind(this) }, hAsync("div", { key: '41ac004bdc6c2c6a1f8e3d293f6b0c3727c27aff', class: "brand" }, hAsync("slot", { key: '8e33150a54c8b8070b22db51c8584e06dd06dd5c', name: "brand" }, hAsync("img", { key: '889955c7335d64f2c8d0b2e032db3dd64a27cbd2', id: "fallback-logo-lmvz", src: logoSvg, alt: "Lehrmittelverlag Z\u00FCrich" }))), hAsync("nav", { key: '37b6ef465d320c325e0c830bcc91ea3a575d2690', "aria-label": "Hauptnavigation" }, hAsync("div", { key: '7a0ec1a78d6eee3b3e37f55f872806b0791c2156', role: "menubar", class: "primary-menubar" }, hAsync("slot", { key: 'e0403633c6acd137c94b1552cc7f08e3549550d3', name: "nav-primary", ref: (el) => (this.primarySlot = el) }), hAsync("div", { key: '4e377f38a0b94a766f9001174729e5763fa0a194', role: "menu", id: "nav-secondary", class: "secondary-menubar", hidden: !this.lmvzActiveNav, ref: (el) => (this.secondaryNav = el) }, hAsync("slot", { key: '368e461f239498c706a3c9bb27a7b05de2b79cac', name: this.secondarySlotName, ref: (el) => (this.secondarySlot = el) })))), hAsync("div", { key: '8ffaf8d6f1254644b48dc0a40b9f552339ecc690', class: "actions" }, hAsync("slot", { key: '5b679885e4fa111d66e993458ab7f5092d8179d4', name: "actions" }))));
6213
+ return (hAsync(Host, { key: '74061d97a6d4cdec1f445a91b9e819bb12565681', onFocus: this.delegateFocus.bind(this) }, hAsync("div", { key: 'af7f08ff48a20b7d36df5ee233da7027cd30a047', class: "brand" }, hAsync("slot", { key: '46be4fcf2798ac374ac967bc2742260c4d7e082b', name: "brand" }, hAsync("img", { key: '3ee79f9732758a6ca5dd6e8264c67707917b358b', id: "fallback-logo-lmvz", src: logoSvg, alt: "Lehrmittelverlag Z\u00FCrich" }))), hAsync("nav", { key: '8f37883454544a384bb35a151c4e24bb12c35f40', "aria-label": "Hauptnavigation" }, hAsync("div", { key: 'a3166ad7e924dd72148d05c01160c889c8f07529', role: "menubar", class: "primary-menubar" }, hAsync("slot", { key: 'aa600791e4d8f3463fefbc3b366831e3b3a3eaac', name: "nav-primary", ref: (el) => (this.primarySlot = el) }), hAsync("div", { key: '6471256967f4d14c454205a330b2a97ecfcad7a8', role: "menu", id: "nav-secondary", class: "secondary-menubar", hidden: !this.lmvzActiveNav, ref: (el) => (this.secondaryNav = el) }, hAsync("slot", { key: '1b9b461b958e76184938a1c65d032b296894e2dd', name: this.secondarySlotName, ref: (el) => (this.secondarySlot = el) })))), hAsync("div", { key: '019d87472272df09ce99eeed405771229f326f1a', class: "actions" }, hAsync("slot", { key: '18035fb0a51a26c96dc687547d17d57118a88e87', name: "actions" }))));
6152
6214
  }
6153
6215
  static get watchers() { return {
6154
6216
  "lmvzActiveNav": [{
@@ -6169,7 +6231,10 @@ class LmvzHeader extends ReactiveControllerHost {
6169
6231
  }; }
6170
6232
  }
6171
6233
 
6172
- 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)}}`;
6234
+ const hasProcessStdout = typeof process === "object" && process !== null && typeof process.stdout === "object" && process.stdout !== null;
6235
+ hasProcessStdout && process.stdout.isTTY === true;
6236
+
6237
+ 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)}}`;
6173
6238
 
6174
6239
  class LmvzIcon extends ReactiveControllerHost {
6175
6240
  intersectionObserver;
@@ -6216,7 +6281,7 @@ class LmvzIcon extends ReactiveControllerHost {
6216
6281
  super.componentDidRender();
6217
6282
  }
6218
6283
  render() {
6219
- return hAsync(Host, { key: '6022ed0e30bcdd13455ccaae65784ac70abcb349', role: "img", "aria-hidden": `${this.ariaHidden}`, innerHTML: this.iconData });
6284
+ return hAsync(Host, { key: 'c1e952e00df287c66c49eb043408514c07c3dc39', role: "img", "aria-hidden": `${this.ariaHidden}`, innerHTML: this.iconData });
6220
6285
  }
6221
6286
  waitUntilVisible(callback, rootMargin = 50) {
6222
6287
  {
@@ -6409,9 +6474,9 @@ class LmvzInput extends ReactiveControllerHost {
6409
6474
  render() {
6410
6475
  const hasValue = Boolean(this.value);
6411
6476
  const shouldFloatLabel = hasValue || Boolean(this.placeholder);
6412
- return (hAsync("div", { key: '3f14adbe321717cdfe305dc623940acb8be194f8', class: classNames('input-container', {
6477
+ return (hAsync("div", { key: '22be29e5fcd4976fc6c4d125781be00acef0b359', class: classNames('input-container', {
6413
6478
  'interaction-filled': hasValue,
6414
- }) }, hAsync("div", { key: '2cc559cc0ff4da1f8418c510188bcbb93b42da02', class: "input-wrapper" }, hAsync("slot", { key: 'b41a5179b6d8651a9b60777718f92b32f80fda89', name: "before-input" }), hAsync("div", { key: '4ac81c8d277d6592e1d84f4b3abfffef03843a9c', class: "label-input-group" }, hAsync("label", { key: '80b272c3b069a246dcbf26812d2281e436c6cdfa', htmlFor: this.inputId, class: classNames({ floating: shouldFloatLabel }) }, this.label, this.required && (hAsync("span", { key: 'eb00d3be1a3eddd0661df74cfb2d4b95c75f5eea', class: "required-indicator", "aria-hidden": "true" }, ' ', "*"))), hAsync("input", { key: '6192c875976e7d21003de29badabd5a910ed0c17', 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 })), hAsync("slot", { key: '9a908984ecebead7f08bbd88ed57fa8f30a69b67', name: "after-input" })), hAsync("div", { key: 'abe658929d955042358ff24ea2267ae5b7b3484d', id: this.helperId, role: "status" }, this.helperText || null), hAsync("div", { key: '61c689c7d8ab3bbb7c62dc7a227c35441b4bbbd8', id: this.errorId, role: "alert" }, (this.showErrorMessage && this.errorMessage) || null)));
6479
+ }) }, hAsync("div", { key: 'ffeb620419316976e800b16b4a9fd9538f1efd26', class: "input-wrapper" }, hAsync("slot", { key: '2a1a67f7fde0232b2bb5ce3cc228b869e5ac3516', name: "before-input" }), hAsync("div", { key: '3bbe623cae67d376c60a28306164293a712b1bb5', class: "label-input-group" }, hAsync("label", { key: 'c260b3eb249d5c785fe3b6e223c7428a8c147f50', htmlFor: this.inputId, class: classNames({ floating: shouldFloatLabel }) }, this.label, this.required && (hAsync("span", { key: 'f43dd77efe7e319428dd72ec8933b7587635e767', class: "required-indicator", "aria-hidden": "true" }, ' ', "*"))), hAsync("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 })), hAsync("slot", { key: 'dd36a212c05c43ab2a8249750c14a7475b6d65d3', name: "after-input" })), hAsync("div", { key: 'c2aedd67036faf4d3dc459c3c1fab8d07ee5a991', id: this.helperId, role: "status" }, this.helperText || null), hAsync("div", { key: '01d2a6d6df9b3804a595711c7b57b6177d311c39', id: this.errorId, role: "alert" }, (this.showErrorMessage && this.errorMessage) || null)));
6415
6480
  }
6416
6481
  static get formAssociated() { return true; }
6417
6482
  static get watchers() { return {
@@ -6489,7 +6554,7 @@ class LmvzMenuItem extends ReactiveControllerHost {
6489
6554
  this.addController(new ElementActivationController(this));
6490
6555
  }
6491
6556
  render() {
6492
- return (hAsync(Host, { key: '1a37d2873a29c713cf95c60070c8dcf045c9f8fc' }, hAsync("slot", { key: 'c6578bcfdb9f0cebad095d80f0ed63cf663bf91e', ref: (e) => (this.validationSlot = e) })));
6557
+ return (hAsync(Host, { key: '0878343aec1c98c16c073c6cdd3382ee5c980799' }, hAsync("slot", { key: 'f7a87d4c9d786bb4686d406d4313e9b5d79701d6', ref: (e) => (this.validationSlot = e) })));
6493
6558
  }
6494
6559
  static get style() { return lmvzMenuitemCss(); }
6495
6560
  static get cmpMeta() { return {
@@ -6559,7 +6624,7 @@ class LmvzSelect extends ReactiveControllerHost {
6559
6624
  render() {
6560
6625
  const hasValue = this.hasValue;
6561
6626
  const shouldShowLabel = hasValue;
6562
- return (hAsync(Host, { key: '7d1abb943f79e90451b43c9221801b80a2f61346' }, hAsync("div", { key: 'ded3e45246ab38e89d444c59239cdc63a2c4d4fc', class: "select-wrapper" }, hAsync("label", { key: 'cb68ff79976c2fb55d4cc827f9e90ba2597a8a43', htmlFor: this.selectId, class: shouldShowLabel ? 'floating-label' : 'assistive-label' }, this.label, this.required && shouldShowLabel && hAsync("span", { key: 'ab77eaea1645b95d90f00ffb609bbd7a1704f7bc', "aria-hidden": "true" }, " *")), hAsync("div", { key: '45cee00478a6cc31c10dddf69d8e6687fc8f440d', "aria-hidden": "true" }, hAsync("span", { key: '0c5d425ea8843234aa6abd94a207377e2a675686' }, hasValue ? this.selectedLabel : this.label, this.required && !hasValue && hAsync("span", { key: 'ebef5322371ee0253b50dd801b80cbb6402c067a', "aria-hidden": "true" }, " *")), hAsync("span", { key: 'a12d31dc29563444f728133f181b48914d31705b' }, hAsync("img", { key: 'dd3f175d1ca2b9ccc6c2bfa2075e5da62016a896', src: chevronDownSvg, alt: "" }))), hAsync("select", { key: 'a196f3b824177d1b45971c38341bf6a2939dda82', id: this.selectId, ref: (el) => (this.nativeSelectEl = el), name: this.name, disabled: this.disabled, required: this.required, "aria-label": this.label, onChange: this.handleChange }, !hasValue && hAsync("option", { key: '536cc559def0e9ffa4b2150693ece9a597c238d1', value: "", disabled: true, selected: true, hidden: true }), hAsync("slot", { key: 'ad9fed96b9f8c1d8257511bb1d5ab5ee756973ce' }))), this.helperText && hAsync("div", { key: '4723b44d781c900be5aae7ece2a0be04b6c744b9', role: "status" }, this.helperText)));
6627
+ return (hAsync(Host, { key: 'b9f6211fec35e7c03cc9c462cb1f8eb60fc6c96c' }, hAsync("div", { key: '43d22daa1492f87f89f9479687b82ee893f10faa', class: "select-wrapper" }, hAsync("label", { key: 'cf399d80e31a345cea60286db4aea2d7dd7973d1', htmlFor: this.selectId, class: shouldShowLabel ? 'floating-label' : 'assistive-label' }, this.label, this.required && shouldShowLabel && hAsync("span", { key: '6bdd8e0d652f126eb1c64c2a647ac0816cc61b05', "aria-hidden": "true" }, " *")), hAsync("div", { key: '5d8497c64e197a71003a0c8e11149993fcefd684', "aria-hidden": "true" }, hAsync("span", { key: '95b73705ad81d000ce415a377002e4ae4d63aae6' }, hasValue ? this.selectedLabel : this.label, this.required && !hasValue && hAsync("span", { key: '2ff855f0fa89d3c66c59a176f855fdbf18ecb6c2', "aria-hidden": "true" }, " *")), hAsync("span", { key: 'a66d4ec65c95b1463223c07aecb17d65a45c6b24' }, hAsync("img", { key: '4cd21532ff13a3ecbd229cd79d0a3fa7b3eafc60', src: chevronDownSvg, alt: "" }))), hAsync("select", { key: '2a9e46e29f8ef7d116989b58abfacee840dd2275', id: this.selectId, ref: (el) => (this.nativeSelectEl = el), name: this.name, disabled: this.disabled, required: this.required, "aria-label": this.label, onChange: this.handleChange }, !hasValue && hAsync("option", { key: '5c5fa4d5e3b120a0085f6fc408d20a56f6547441', value: "", disabled: true, selected: true, hidden: true }), hAsync("slot", { key: 'e11909e901624af7d9d5275f2e9715007960eab9' }))), this.helperText && hAsync("div", { key: 'fa0d06d3294f303081fd5ffb9aeaff6a8e297901', role: "status" }, this.helperText)));
6563
6628
  }
6564
6629
  static get watchers() { return {
6565
6630
  "value": [{