@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.
- package/CHANGELOG.md +6 -0
- package/README.md +45 -100
- package/cjs/ds.constants-DSnxZ3ia.js +16 -0
- package/cjs/{icons-swqMn6s2.js → icons-Tg7ySOh-.js} +54 -38
- package/cjs/index.cjs.js +9 -10
- package/cjs/lmvz-button.cjs.entry.js +2 -2
- package/cjs/lmvz-chip.cjs.entry.js +68 -4
- package/cjs/lmvz-components.cjs.js +1 -1
- package/cjs/lmvz-header_2.cjs.entry.js +2 -2
- package/cjs/lmvz-icon.cjs.entry.js +6 -6
- package/cjs/lmvz-input.cjs.entry.js +3 -3
- package/cjs/lmvz-menuitem.cjs.entry.js +2 -2
- package/cjs/lmvz-select.cjs.entry.js +2 -2
- package/cjs/loader.cjs.js +1 -1
- package/cjs/{reactive-controller-host-CtaVAiYJ.js → reactive-controller-host-Bi9eu2bV.js} +9 -9
- package/collection/api/ds.constants.js +2 -0
- package/collection/components/lmvz-button/lmvz-button.js +6 -3
- package/collection/components/lmvz-chip/lmvz-chip.css +84 -1
- package/collection/components/lmvz-chip/lmvz-chip.js +110 -13
- package/collection/components/lmvz-header/lmvz-header.js +2 -2
- package/collection/components/lmvz-icon/lmvz-icon.css +11 -10
- package/collection/components/lmvz-icon/lmvz-icon.js +7 -6
- package/collection/components/lmvz-input/lmvz-input.js +4 -4
- package/collection/components/lmvz-menuitem/lmvz-menuitem.js +11 -5
- package/collection/components/lmvz-select/lmvz-select.js +1 -1
- package/collection/index.js +1 -1
- package/collection/integration/header-integration/header-integration.js +1 -1
- package/collection/utils/aria/aria-validation-controller.js +1 -0
- package/collection/utils/reactive-controller-host.js +9 -9
- package/components/index.js +1 -1
- package/components/lmvz-button.js +1 -1
- package/components/lmvz-chip.js +1 -1
- package/components/lmvz-header.js +1 -1
- package/components/lmvz-icon.js +1 -1
- package/components/lmvz-input.js +1 -1
- package/components/lmvz-menuitem.js +1 -1
- package/components/lmvz-select.js +1 -1
- package/components/{p-DQEkWkMh.js → p-DIrAQ4IB.js} +1 -1
- package/esm/{aria-loader-BF_AYtbb.js → aria-loader-CES8Ae1e.js} +1 -1
- package/esm/ds.constants-Bmi89ll1.js +9 -0
- package/esm/{icons-Ca8oMiRa.js → icons-Bj4dF1-I.js} +55 -40
- package/esm/{index-7Ru1khgk.js → index-BvxaUA12.js} +1 -1
- package/esm/index.js +4 -11
- package/esm/lmvz-button.entry.js +3 -3
- package/esm/lmvz-chip.entry.js +69 -5
- package/esm/lmvz-components.js +1 -1
- package/esm/lmvz-header_2.entry.js +3 -3
- package/esm/lmvz-icon.entry.js +7 -7
- package/esm/lmvz-input.entry.js +4 -4
- package/esm/lmvz-menuitem.entry.js +3 -3
- package/esm/lmvz-select.entry.js +3 -3
- package/esm/loader.js +1 -1
- package/esm/{logger-fiRXhuXK.js → logger-0bL3pydp.js} +1 -1
- package/esm/{reactive-controller-host-sR2jJxNG.js → reactive-controller-host-J2thAxVH.js} +10 -10
- package/hydrate/index.js +92 -27
- package/hydrate/index.mjs +92 -27
- package/lmvz-components/index.esm.js +1 -1
- package/lmvz-components/lmvz-components.esm.js +1 -1
- package/lmvz-components/{p-fiRXhuXK.js → p-0bL3pydp.js} +1 -1
- package/lmvz-components/p-40569208.entry.js +1 -0
- package/lmvz-components/p-49ab22bd.entry.js +1 -0
- package/lmvz-components/{p-6dbb3f13.entry.js → p-6e8acbd9.entry.js} +1 -1
- package/lmvz-components/{p-59383f3a.entry.js → p-9212bd23.entry.js} +1 -1
- package/lmvz-components/p-9626e951.entry.js +1 -0
- package/lmvz-components/p-Bmi89ll1.js +1 -0
- package/lmvz-components/p-Bu4Z_PMf.js +1 -0
- package/lmvz-components/{p-Bkfdgg0T.js → p-BxHnZA0M.js} +1 -1
- package/lmvz-components/{p-DXOTa5VF.js → p-DHZwxmLb.js} +1 -1
- package/lmvz-components/{p-B3dnXEPG.js → p-DYaffOLo.js} +1 -1
- package/lmvz-components/{p-84267405.entry.js → p-e1b847d2.entry.js} +1 -1
- package/lmvz-components/{p-5aa17cd2.entry.js → p-ec96c6b6.entry.js} +1 -1
- package/manifest.json +139 -32
- package/package.json +1 -1
- package/types/api/ds.constants.d.ts +6 -1
- package/types/components/lmvz-action/lmvz-action.d.ts +0 -1
- package/types/components/lmvz-button/lmvz-button.d.ts +0 -1
- package/types/components/lmvz-card/lmvz-card.d.ts +0 -1
- package/types/components/lmvz-chip/lmvz-chip.d.ts +18 -3
- package/types/components/lmvz-header/lmvz-header.d.ts +0 -1
- package/types/components/lmvz-icon/lmvz-icon.d.ts +0 -1
- package/types/components/lmvz-input/lmvz-input.d.ts +0 -1
- package/types/components/lmvz-menuitem/lmvz-menuitem.d.ts +0 -1
- package/types/components/lmvz-select/lmvz-select.d.ts +0 -1
- package/types/components.d.ts +70 -12
- package/types/index.d.ts +1 -2
- package/types/utils/aria/aria-validation-controller.d.ts +1 -2
- package/types/utils/aria/element-activation-controller.d.ts +0 -1
- package/types/utils/aria/list-keyboard-controller.d.ts +0 -1
- package/types/utils/assets.d.ts +0 -1
- package/types/utils/component.d.ts +0 -1
- package/types/utils/environment.d.ts +0 -1
- package/types/utils/http.d.ts +0 -1
- package/types/utils/http.unit.d.ts +0 -1
- package/types/utils/icons/icons-registry.d.ts +0 -1
- package/types/utils/icons/icons.d.ts +0 -1
- package/types/utils/icons/icons.unit.d.ts +0 -1
- package/types/utils/icons/public.d.ts +0 -1
- package/types/utils/public.d.ts +0 -1
- package/types/utils/reactive-controller-host.d.ts +0 -1
- package/lmvz-components/p-0a41cc24.entry.js +0 -1
- package/lmvz-components/p-30b99f11.entry.js +0 -1
- package/lmvz-components/p-5f150890.entry.js +0 -1
- package/lmvz-components/p-Bh2Epkwf.js +0 -1
- /package/components/{p-CBLAeife.js → p-DbeHBSOe.js} +0 -0
package/esm/lmvz-chip.entry.js
CHANGED
|
@@ -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
|
-
|
|
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
|
|
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
|
-
|
|
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: '
|
|
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
|
|
package/esm/lmvz-components.js
CHANGED
|
@@ -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",[[
|
|
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-
|
|
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-
|
|
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: '
|
|
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": [{
|
package/esm/lmvz-icon.entry.js
CHANGED
|
@@ -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-
|
|
3
|
-
import {
|
|
4
|
-
import './
|
|
5
|
-
import './aria-loader-
|
|
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{
|
|
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: '
|
|
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) {
|
package/esm/lmvz-input.entry.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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: '
|
|
165
|
+
return (h("div", { key: '22be29e5fcd4976fc6c4d125781be00acef0b359', class: classNames('input-container', {
|
|
166
166
|
'interaction-filled': hasValue,
|
|
167
|
-
}) }, h("div", { key: '
|
|
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-
|
|
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-
|
|
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: '
|
|
29
|
+
return (h(Host, { key: '0878343aec1c98c16c073c6cdd3382ee5c980799' }, h("slot", { key: 'f7a87d4c9d786bb4686d406d4313e9b5d79701d6', ref: (e) => (this.validationSlot = e) })));
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
32
|
LmvzMenuItem.style = lmvzMenuitemCss();
|
package/esm/lmvz-select.entry.js
CHANGED
|
@@ -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-
|
|
3
|
-
import './aria-loader-
|
|
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: '
|
|
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",[[
|
|
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 _,
|
|
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-
|
|
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: '
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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: '
|
|
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$":
|
|
6069
|
+
"$flags$": 777,
|
|
6009
6070
|
"$tagName$": "lmvz-chip",
|
|
6010
6071
|
"$members$": {
|
|
6011
|
-
"
|
|
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: '
|
|
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
|
|
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: '
|
|
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: '
|
|
6477
|
+
return (hAsync("div", { key: '22be29e5fcd4976fc6c4d125781be00acef0b359', class: classNames('input-container', {
|
|
6413
6478
|
'interaction-filled': hasValue,
|
|
6414
|
-
}) }, hAsync("div", { key: '
|
|
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: '
|
|
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: '
|
|
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": [{
|