@lmvz-ds/components 0.40.0 → 0.42.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 +12 -0
- package/cjs/{aria-validation-controller-DKNXjnQr.js → aria-validation-controller-BR7cnyq5.js} +1 -1
- package/cjs/{ds.constants-C6eKRAEu.js → ds.constants-pI-qkOYv.js} +2 -0
- package/cjs/{index-DWy4nuyZ.js → index-BUrb__KL.js} +52 -11
- package/cjs/index.cjs.js +2 -1
- package/cjs/lmvz-action-list.cjs.entry.js +2 -2
- package/cjs/lmvz-action.cjs.entry.js +1 -1
- package/cjs/lmvz-button-group.cjs.entry.js +2 -2
- package/cjs/lmvz-button_2.cjs.entry.js +4 -4
- package/cjs/lmvz-card.cjs.entry.js +59 -15
- package/cjs/lmvz-checkbox.cjs.entry.js +3 -3
- package/cjs/lmvz-chip.cjs.entry.js +4 -4
- package/cjs/lmvz-components.cjs.js +3 -3
- package/cjs/lmvz-datepicker.cjs.entry.js +3 -3
- package/cjs/lmvz-header_2.cjs.entry.js +3 -3
- package/cjs/lmvz-input.cjs.entry.js +6 -7
- package/cjs/lmvz-link.cjs.entry.js +3 -3
- package/cjs/lmvz-menuitem.cjs.entry.js +3 -3
- package/cjs/lmvz-message.cjs.entry.js +2 -2
- package/cjs/lmvz-modal.cjs.entry.js +3 -3
- package/cjs/lmvz-popover.cjs.entry.js +2 -2
- package/cjs/lmvz-radio.cjs.entry.js +3 -3
- package/cjs/lmvz-select.cjs.entry.js +3 -3
- package/cjs/lmvz-snackbar.cjs.entry.js +2 -2
- package/cjs/lmvz-spinner.cjs.entry.js +3 -3
- package/cjs/lmvz-tab.cjs.entry.js +2 -2
- package/cjs/lmvz-tabs.cjs.entry.js +2 -2
- package/cjs/lmvz-toggle.cjs.entry.js +3 -3
- package/cjs/loader.cjs.js +2 -2
- package/collection/api/ds.constants.js +1 -0
- package/collection/api/public-utils.js +3 -0
- package/collection/collection-manifest.json +2 -3
- package/collection/components/lmvz-card/lmvz-card.css +82 -194
- package/collection/components/lmvz-card/lmvz-card.js +131 -38
- package/collection/components/lmvz-checkbox/lmvz-checkbox.js +1 -1
- package/collection/components/lmvz-chip/lmvz-chip.js +1 -1
- package/collection/components/lmvz-datepicker/lmvz-datepicker.js +2 -2
- package/collection/components/lmvz-header/lmvz-header.js +1 -1
- package/collection/components/lmvz-icon/lmvz-icon.js +7 -6
- package/collection/components/lmvz-input/lmvz-input.js +14 -35
- package/collection/components/lmvz-link/lmvz-link.js +1 -1
- package/collection/components/lmvz-menuitem/lmvz-menuitem.js +1 -1
- package/collection/components/lmvz-message/lmvz-message.js +1 -1
- package/collection/components/lmvz-modal/lmvz-modal.js +1 -1
- package/collection/components/lmvz-popover/lmvz-popover.js +1 -1
- package/collection/components/lmvz-radio/lmvz-radio.js +1 -1
- package/collection/components/lmvz-select/lmvz-select.js +1 -1
- package/collection/components/lmvz-snackbar/lmvz-snackbar.js +1 -1
- package/collection/components/lmvz-spinner/lmvz-spinner.js +7 -6
- package/collection/components/lmvz-tab/lmvz-tab.js +1 -1
- package/collection/components/lmvz-tabs/lmvz-tabs.js +1 -1
- package/collection/components/lmvz-toggle/lmvz-toggle.js +1 -1
- package/collection/index.js +1 -3
- package/components/index.js +1 -1
- package/components/lmvz-action-list.js +1 -1
- package/components/lmvz-action.js +1 -1
- package/components/lmvz-button-group.js +1 -1
- package/components/lmvz-button.js +1 -1
- package/components/lmvz-card.js +1 -1
- package/components/lmvz-checkbox.js +1 -1
- package/components/lmvz-chip.js +1 -1
- package/components/lmvz-datepicker.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-link.js +1 -1
- package/components/lmvz-menuitem.js +1 -1
- package/components/lmvz-message.js +1 -1
- package/components/lmvz-modal.js +1 -1
- package/components/lmvz-popover.js +1 -1
- package/components/lmvz-radio.js +1 -1
- package/components/lmvz-select.js +1 -1
- package/components/lmvz-snackbar.js +1 -1
- package/components/lmvz-spinner.js +1 -1
- package/components/lmvz-tab.js +1 -1
- package/components/lmvz-tabs.js +1 -1
- package/components/lmvz-toggle.js +1 -1
- package/components/p-Buw_s-9k.js +1 -0
- package/components/p-CME20cTM.js +1 -0
- package/components/{p-DsTgD0_a.js → p-CPsPpCPH.js} +1 -1
- package/components/{p--mU29mrX.js → p-CUSmZDCK.js} +1 -1
- package/components/p-CbxNLroR.js +1 -0
- package/components/{p-DXFoXTse.js → p-CeGgx3Rl.js} +1 -1
- package/components/{p-DyQ1GbaN.js → p-D0S1O-Op.js} +1 -1
- package/components/{p-sACbyedu.js → p-DCFz070C.js} +1 -1
- package/components/p-DCYK_qaZ.js +1 -0
- package/components/{p-niXjuPxe.js → p-Wp9d5O3R.js} +1 -1
- package/components/{p-D_mff3n7.js → p-ctF-ydws.js} +1 -1
- package/components/{p-Bc5MM0zh.js → p-g_Ehzzvy.js} +1 -1
- package/esm/{aria-validation-controller-Dwv7n0rk.js → aria-validation-controller-uMqDgutI.js} +1 -1
- package/esm/{ds.constants-0ctLESas.js → ds.constants-Buw_s-9k.js} +2 -1
- package/esm/{index-DVab4vzV.js → index-wQ10Syko.js} +52 -11
- package/esm/index.js +1 -1
- package/esm/lmvz-action-list.entry.js +2 -2
- package/esm/lmvz-action.entry.js +1 -1
- package/esm/lmvz-button-group.entry.js +2 -2
- package/esm/lmvz-button_2.entry.js +4 -4
- package/esm/lmvz-card.entry.js +59 -15
- package/esm/lmvz-checkbox.entry.js +3 -3
- package/esm/lmvz-chip.entry.js +4 -4
- package/esm/lmvz-components.js +4 -4
- package/esm/lmvz-datepicker.entry.js +3 -3
- package/esm/lmvz-header_2.entry.js +3 -3
- package/esm/lmvz-input.entry.js +6 -7
- package/esm/lmvz-link.entry.js +3 -3
- package/esm/lmvz-menuitem.entry.js +3 -3
- package/esm/lmvz-message.entry.js +2 -2
- package/esm/lmvz-modal.entry.js +3 -3
- package/esm/lmvz-popover.entry.js +2 -2
- package/esm/lmvz-radio.entry.js +3 -3
- package/esm/lmvz-select.entry.js +3 -3
- package/esm/lmvz-snackbar.entry.js +2 -2
- package/esm/lmvz-spinner.entry.js +3 -3
- package/esm/lmvz-tab.entry.js +2 -2
- package/esm/lmvz-tabs.entry.js +2 -2
- package/esm/lmvz-toggle.entry.js +3 -3
- package/esm/loader.js +3 -3
- package/hydrate/index.js +115 -53
- package/hydrate/index.mjs +115 -53
- package/lmvz-components/index.esm.js +1 -1
- package/lmvz-components/lmvz-components.esm.js +1 -1
- package/lmvz-components/p-01ac17f8.entry.js +1 -0
- package/lmvz-components/{p-e35f49a1.entry.js → p-11ccd914.entry.js} +1 -1
- package/lmvz-components/{p-143e9621.entry.js → p-1595cad0.entry.js} +1 -1
- package/lmvz-components/{p-7cbfbc88.entry.js → p-253e56c9.entry.js} +1 -1
- package/lmvz-components/{p-773e9d95.entry.js → p-2ae64b73.entry.js} +1 -1
- package/lmvz-components/{p-93b781ca.entry.js → p-3606c1db.entry.js} +1 -1
- package/lmvz-components/{p-f911691c.entry.js → p-3de59694.entry.js} +1 -1
- package/lmvz-components/p-457b10e1.entry.js +1 -0
- package/lmvz-components/{p-d73bb7fd.entry.js → p-5e8f0b43.entry.js} +1 -1
- package/lmvz-components/{p-8ba6ec19.entry.js → p-7a018765.entry.js} +1 -1
- package/lmvz-components/{p-335b3867.entry.js → p-7d80a49d.entry.js} +1 -1
- package/lmvz-components/{p-ebad823c.entry.js → p-84d2b2e5.entry.js} +1 -1
- package/lmvz-components/{p-Wi9d2-w9.js → p-BbeaVKMa.js} +1 -1
- package/lmvz-components/p-Buw_s-9k.js +1 -0
- package/lmvz-components/{p-41286514.entry.js → p-a2f03112.entry.js} +1 -1
- package/lmvz-components/p-adb37d60.entry.js +1 -0
- package/lmvz-components/{p-edec4d09.entry.js → p-b050450d.entry.js} +1 -1
- package/lmvz-components/{p-efd9d50e.entry.js → p-b0f3758f.entry.js} +1 -1
- package/lmvz-components/{p-f24f5207.entry.js → p-b123e33d.entry.js} +1 -1
- package/lmvz-components/{p-304c7554.entry.js → p-ddf5d866.entry.js} +1 -1
- package/lmvz-components/p-e40f174d.entry.js +1 -0
- package/lmvz-components/{p-220e455e.entry.js → p-edb35b52.entry.js} +1 -1
- package/lmvz-components/{p-87f21ac9.entry.js → p-ef6e12ee.entry.js} +1 -1
- package/lmvz-components/{p-316dd61a.entry.js → p-f6ac0f0d.entry.js} +1 -1
- package/lmvz-components/p-wQ10Syko.js +3 -0
- package/loader/index.d.ts +1 -1
- package/manifest.json +243 -158
- package/package.json +5 -1
- package/types/api/ds.constants.d.ts +1 -0
- package/types/api/ds.types.d.ts +4 -0
- package/types/api/public-utils.d.ts +8 -0
- package/types/components/lmvz-card/lmvz-card.d.ts +17 -6
- package/types/components/lmvz-icon/lmvz-icon.d.ts +1 -1
- package/types/components/lmvz-input/lmvz-input.d.ts +2 -3
- package/types/components/lmvz-spinner/lmvz-spinner.d.ts +1 -1
- package/types/components.d.ts +68 -43
- package/types/index.d.ts +1 -8
- package/types/stencil-public-runtime.d.ts +12 -0
- package/collection/integration/header-integration/header-integration.js +0 -51
- package/components/p-0ctLESas.js +0 -1
- package/components/p-DSDBThqb.js +0 -1
- package/components/p-DXhP6UeF.js +0 -1
- package/components/p-DbBJxuBm.js +0 -1
- package/lmvz-components/p-0ctLESas.js +0 -1
- package/lmvz-components/p-27e8b4fa.entry.js +0 -1
- package/lmvz-components/p-6aae1df9.entry.js +0 -1
- package/lmvz-components/p-743616c0.entry.js +0 -1
- package/lmvz-components/p-DVab4vzV.js +0 -2
- package/lmvz-components/p-c884c76e.entry.js +0 -1
package/hydrate/index.mjs
CHANGED
|
@@ -134,7 +134,7 @@ const NAMESPACE = 'lmvz-components';
|
|
|
134
134
|
const BUILD = /* lmvz-components */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", slotRelocation: true, state: true, updatable: true};
|
|
135
135
|
|
|
136
136
|
/*
|
|
137
|
-
Stencil Hydrate Platform v4.
|
|
137
|
+
Stencil Hydrate Platform v4.44.2 | MIT Licensed | https://stenciljs.com
|
|
138
138
|
*/
|
|
139
139
|
var __create = Object.create;
|
|
140
140
|
var __defProp = Object.defineProperty;
|
|
@@ -475,6 +475,8 @@ var DEFAULT_DOC_DATA = {
|
|
|
475
475
|
};
|
|
476
476
|
var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
|
|
477
477
|
var XLINK_NS = "http://www.w3.org/1999/xlink";
|
|
478
|
+
var MAX_LAZY_LOAD_RETRIES = 3;
|
|
479
|
+
var LAZY_LOAD_RETRY_INTERVAL_MS = 1e3;
|
|
478
480
|
|
|
479
481
|
// src/utils/style.ts
|
|
480
482
|
function createStyleSheetIfNeededAndSupported(styles2) {
|
|
@@ -538,7 +540,7 @@ function getHostSlotNodes(childNodes, hostName, slotName) {
|
|
|
538
540
|
slottedNodes.push(childNode);
|
|
539
541
|
if (typeof slotName !== "undefined") return slottedNodes;
|
|
540
542
|
}
|
|
541
|
-
slottedNodes = [...slottedNodes, ...getHostSlotNodes(childNode
|
|
543
|
+
slottedNodes = [...slottedNodes, ...getHostSlotNodes(internalCall(childNode, "childNodes"), hostName, slotName)];
|
|
542
544
|
}
|
|
543
545
|
return slottedNodes;
|
|
544
546
|
}
|
|
@@ -780,6 +782,11 @@ var h = (nodeName, vnodeData, ...children) => {
|
|
|
780
782
|
} else if (child != null && typeof child !== "boolean") {
|
|
781
783
|
if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
|
|
782
784
|
child = String(child);
|
|
785
|
+
} else if (typeof nodeName !== "function" && child.$flags$ === void 0) {
|
|
786
|
+
{
|
|
787
|
+
consoleError("Invalid vNode child");
|
|
788
|
+
}
|
|
789
|
+
continue;
|
|
783
790
|
}
|
|
784
791
|
if (simple && lastSimple) {
|
|
785
792
|
vNodeChildren[vNodeChildren.length - 1].$text$ += child;
|
|
@@ -2007,7 +2014,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
|
|
|
2007
2014
|
}
|
|
2008
2015
|
}
|
|
2009
2016
|
if (newValue == null || newValue === false) {
|
|
2010
|
-
if (newValue !== false || elm.getAttribute(memberName) === "") {
|
|
2017
|
+
if (newValue !== false || elm.getAttribute(memberName) === "" || flags & 4 /* isHost */ && !isEnumeratedAttribute(memberName)) {
|
|
2011
2018
|
if (xlink) {
|
|
2012
2019
|
elm.removeAttributeNS(XLINK_NS, memberName);
|
|
2013
2020
|
} else {
|
|
@@ -2024,6 +2031,8 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
|
|
|
2024
2031
|
}
|
|
2025
2032
|
}
|
|
2026
2033
|
};
|
|
2034
|
+
var ENUMERATED_ATTRIBUTES = /* @__PURE__ */ new Set(["draggable", "contenteditable", "spellcheck"]);
|
|
2035
|
+
var isEnumeratedAttribute = (attrName) => ENUMERATED_ATTRIBUTES.has(attrName) || attrName.startsWith("aria-");
|
|
2027
2036
|
var parseClassListRegex = /\s/;
|
|
2028
2037
|
var parseClassList = (value) => {
|
|
2029
2038
|
if (typeof value === "object" && value && "baseVal" in value) {
|
|
@@ -2426,7 +2435,10 @@ var markSlotContentForRelocation = (elm) => {
|
|
|
2426
2435
|
const slotName = childNode["s-sn"];
|
|
2427
2436
|
for (j = hostContentNodes.length - 1; j >= 0; j--) {
|
|
2428
2437
|
node = hostContentNodes[j];
|
|
2429
|
-
if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] &&
|
|
2438
|
+
if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && // let an exact named-slot match override a stale default-slot claim. Skip this for
|
|
2439
|
+
// `slotName === ''` itself - a matched default node's cached `s-sn` is `''` too, which
|
|
2440
|
+
// would trivially "match" on every re-render and force pointless re-insertion.
|
|
2441
|
+
(!node["s-sh"] || node["s-sh"] !== childNode["s-hn"] || slotName !== "" && getSlotName(node) === slotName)) {
|
|
2430
2442
|
if (isNodeLocatedInSlot(node, slotName)) {
|
|
2431
2443
|
let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
|
|
2432
2444
|
checkSlotFallbackVisibility = true;
|
|
@@ -2496,7 +2508,7 @@ var insertBefore = (parent, newNode, reference, isInitialLoad) => {
|
|
|
2496
2508
|
return newNode;
|
|
2497
2509
|
}
|
|
2498
2510
|
}
|
|
2499
|
-
if (parent.__insertBefore) {
|
|
2511
|
+
if ((parent == null ? void 0 : parent.__insertBefore)) {
|
|
2500
2512
|
return parent.__insertBefore(newNode, reference);
|
|
2501
2513
|
} else {
|
|
2502
2514
|
return parent == null ? void 0 : parent.insertBefore(newNode, reference);
|
|
@@ -2924,8 +2936,6 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
2924
2936
|
}
|
|
2925
2937
|
}
|
|
2926
2938
|
};
|
|
2927
|
-
|
|
2928
|
-
// src/runtime/proxy-component.ts
|
|
2929
2939
|
var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
2930
2940
|
var _a2;
|
|
2931
2941
|
const prototype = Cstr.prototype;
|
|
@@ -3002,10 +3012,12 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
3002
3012
|
|
|
3003
3013
|
// src/runtime/initialize-component.ts
|
|
3004
3014
|
var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
3015
|
+
var _a2;
|
|
3005
3016
|
let Cstr;
|
|
3006
3017
|
try {
|
|
3007
3018
|
if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
|
|
3008
3019
|
hostRef.$flags$ |= 32 /* hasInitializedComponent */;
|
|
3020
|
+
hostRef.$flags$ &= -1025 /* hasFailedLoad */;
|
|
3009
3021
|
const bundleId = cmpMeta.$lazyBundleId$;
|
|
3010
3022
|
if (bundleId) {
|
|
3011
3023
|
const CstrImport = loadModule(cmpMeta);
|
|
@@ -3017,6 +3029,11 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
3017
3029
|
Cstr = CstrImport;
|
|
3018
3030
|
}
|
|
3019
3031
|
if (!Cstr) {
|
|
3032
|
+
hostRef.$flags$ &= -33 /* hasInitializedComponent */;
|
|
3033
|
+
hostRef.$loadRetryCount$ = ((_a2 = hostRef.$loadRetryCount$) != null ? _a2 : 0) + 1;
|
|
3034
|
+
if (hostRef.$loadRetryCount$ < MAX_LAZY_LOAD_RETRIES) {
|
|
3035
|
+
hostRef.$flags$ |= 1024 /* hasFailedLoad */;
|
|
3036
|
+
}
|
|
3020
3037
|
throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
|
|
3021
3038
|
}
|
|
3022
3039
|
if (!Cstr.isProxied) {
|
|
@@ -3088,7 +3105,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
3088
3105
|
hostRef.$onRenderResolve$();
|
|
3089
3106
|
hostRef.$onRenderResolve$ = void 0;
|
|
3090
3107
|
}
|
|
3091
|
-
if (hostRef.$onReadyResolve$) {
|
|
3108
|
+
if (hostRef.$onReadyResolve$ && !(hostRef.$flags$ & 1024 /* hasFailedLoad */)) {
|
|
3092
3109
|
hostRef.$onReadyResolve$(elm);
|
|
3093
3110
|
}
|
|
3094
3111
|
}
|
|
@@ -3147,6 +3164,8 @@ var connectedCallback = (elm) => {
|
|
|
3147
3164
|
addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
|
|
3148
3165
|
if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
|
|
3149
3166
|
fireConnectedCallback(hostRef.$lazyInstance$, elm);
|
|
3167
|
+
} else if (hostRef.$flags$ & 1024 /* hasFailedLoad */) {
|
|
3168
|
+
setTimeout(() => initializeComponent(elm, hostRef, cmpMeta), LAZY_LOAD_RETRY_INTERVAL_MS);
|
|
3150
3169
|
} else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
|
|
3151
3170
|
hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
|
|
3152
3171
|
}
|
|
@@ -6458,6 +6477,7 @@ function negate(delegate) {
|
|
|
6458
6477
|
const variants = ['primary', 'secondary', 'tertiary', 'danger'];
|
|
6459
6478
|
const chipTypes = ['active', 'warning', 'success', 'error', 'neutral'];
|
|
6460
6479
|
const chipSizes = ['default', 'small'];
|
|
6480
|
+
const cardSizes = ['large', 'small'];
|
|
6461
6481
|
const linkTypes = ['internal', 'external'];
|
|
6462
6482
|
|
|
6463
6483
|
const PRIORITY_MAP = {
|
|
@@ -9007,47 +9027,91 @@ function joinPath(...parts) {
|
|
|
9007
9027
|
return parts.filter(Boolean).join('/').replace('//', '/').replace('/./', '/');
|
|
9008
9028
|
}
|
|
9009
9029
|
|
|
9010
|
-
const lmvzCardCss = () => `@layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides; @layer lmvz-ds.theme { @font-face { font-family: Router; src: local('RouterBook-Regular'), local('Router-Book'), url('/assets/fonts/Router-Book.woff') format('woff'); font-weight: 400; } @font-face { font-family: Router; src: local('RouterMedium-Regular'), local('Router-Medium'), url('/assets/fonts/Router-Medium.woff') format('woff'); font-weight: 500; } @font-face { font-family: Router; src: local('RouterBold-Regular'), local('Router-Bold'), url('/assets/fonts/Router-Bold.woff') format('woff'); font-weight: 700; } } @layer lmvz-ds.reset { body { margin: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; } *[hidden] { display: none !important; } hr { height: 0; border: none; margin: var(--lmvz-dimension-8-4, clamp(0.25rem, 0.19rem + 0.26vw, 0.5rem)) 0; border-top: var(--lmvz-semantic-border-width-default, 1px) solid var(--lmvz-semantic-color-border-subtle, #f0f0f0); } fieldset { border: none; margin: 0; padding: 0; } legend { padding: 0; display: block; } } .sc-lmvz-card-h { & { & { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-int-secondary, #f0f0f0)); --lmvz-button-color: var(--lmvz-button-color-override, var(--lmvz-semantic-color-int-on-secondary, #000000)); --lmvz-button-radius: var(--lmvz-button-radius-override, var(--lmvz-component-input-radius-default, 999px)); --lmvz-button-padding-inline: var(--lmvz-button-padding-inline-override, var(--lmvz-button-padding, var(--lmvz-component-input-padding-md, clamp(0.88rem, 0.84rem + 0.13vw, 1rem)))); --lmvz-button-padding-block: var(--lmvz-button-padding-block-override, var(--lmvz-button-padding, var(--lmvz-component-input-padding-md, clamp(0.88rem, 0.84rem + 0.13vw, 1rem)))); --lmvz-button-gap: var(--lmvz-button-gap-override, var(--lmvz-component-input-gap-md, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem))); --lmvz-button-min-height: var(--lmvz-button-min-height-override, var(--lmvz-component-input-size-md, clamp(2.5rem, 2.44rem + 0.26vw, 2.75rem))); --lmvz-button-font: var(--lmvz-button-font-override, var(--lmvz-typography-label-md-strong, normal 700 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.5 Router)); --lmvz-button-border-width: var(--lmvz-button-border-width-override, 0); --lmvz-button-border-color: var(--lmvz-button-border-color-override, transparent); display: inline-flex; align-items: center; justify-content: var(--lmvz-button-content-justification, center); gap: var(--lmvz-button-gap, var(--lmvz-component-input-gap-md, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem))); box-sizing: border-box; padding-block: var(--lmvz-button-padding-block, var(--lmvz-component-input-padding-md, clamp(0.88rem, 0.84rem + 0.13vw, 1rem))); padding-inline: var(--lmvz-button-padding-inline, var(--lmvz-component-input-padding-md, clamp(0.88rem, 0.84rem + 0.13vw, 1rem))); min-height: var(--lmvz-button-min-height, var(--lmvz-component-input-size-md, clamp(2.5rem, 2.44rem + 0.26vw, 2.75rem))); border: var(--lmvz-button-border-width, 0) solid var(--lmvz-button-border-color, transparent); border-radius: var(--lmvz-button-radius, var(--lmvz-component-input-radius-default, 999px)); background-color: var(--lmvz-button-background); color: var(--lmvz-button-color); cursor: pointer; font: var(--lmvz-button-font); text-decoration: none; white-space: nowrap; transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } & > * { font: inherit; color: inherit; } &:focus-visible { outline: var(--lmvz-ds-outline, 1px solid #0e7ab4); outline-offset: var(--lmvz-ds-outline-offset, clamp(0.25rem, 0.19rem + 0.26vw, 0.5rem)); position: relative; z-index: 1; } &:is([disabled], .disabled) { cursor: not-allowed; pointer-events: none; opacity: var(--lmvz-component-input-disabled-opacity, 40%); } &:not([disabled]):hover { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-int-secondary-hover, #e0e0e0)); } &:not([disabled]):active { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-int-secondary-active, #d4d4d4)); } &.primary { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-int-primary, #000000)); --lmvz-button-color: var(--lmvz-button-color-override, var(--lmvz-semantic-color-int-on-primary, #ffffff)); --lmvz-button-border-width: var(--lmvz-button-border-width-override, 0); --lmvz-button-border-color: var(--lmvz-button-border-color-override, transparent); } &.primary:not([disabled], .disabled):hover { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-int-primary-hover, #2e2e2e)); } &.primary:not([disabled], .disabled):active { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-int-primary-active, #545454)); } &.danger { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-int-tertiary, #ffffff)); --lmvz-button-border-color: var(--lmvz-button-border-color-override, transparent); --lmvz-button-color: var(--lmvz-button-color-override, var(--lmvz-semantic-color-status-on-danger, #a31419)); } &.danger:not([disabled], .disabled):hover { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-status-danger, #fbdfe0)); --lmvz-button-color: var(--lmvz-button-color-override, var(--lmvz-semantic-color-status-on-danger, #a31419)); } &.danger:not([disabled], .disabled):active { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-status-on-danger-subtle, #e8454b)); --lmvz-button-color: var(--lmvz-button-color-override, var(--lmvz-semantic-color-status-on-danger, #a31419)); } &.tertiary { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-int-tertiary, #ffffff)); --lmvz-button-color: var(--lmvz-button-color-override, var(--lmvz-semantic-color-int-on-tertiary, #000000)); } &.tertiary:not([disabled], .disabled):hover { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-int-tertiary-hover, #f0f0f0)); --lmvz-button-color: var(--lmvz-button-color-override, var(--lmvz-semantic-color-int-on-tertiary-hover, #000000)); } &.tertiary:not([disabled], .disabled):active { --lmvz-button-background: var(--lmvz-button-background-override, var(--lmvz-semantic-color-int-tertiary-active, #e0e0e0)); --lmvz-button-color: var(--lmvz-button-color-override, var(--lmvz-semantic-color-int-on-tertiary-active, #000000)); } &.small { --lmvz-button-padding-inline: var(--lmvz-button-padding-inline-override, var(--lmvz-component-input-padding-sm, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem))); --lmvz-button-padding-block: var(--lmvz-button-padding-block-override, var(--lmvz-component-input-padding-sm, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem))); --lmvz-button-gap: var(--lmvz-button-gap-override, var(--lmvz-component-input-gap-sm, clamp(0.38rem, 0.31rem + 0.26vw, 0.63rem))); --lmvz-button-min-height: var(--lmvz-button-min-height-override, var(--lmvz-component-input-size-sm, clamp(2rem, 1.94rem + 0.26vw, 2.25rem))); --lmvz-button-font: var(--lmvz-button-font-override, var(--lmvz-typography-label-sm-strong, normal 700 clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem) / 1.5 Router)); } &.large { --lmvz-button-padding-inline: var(--lmvz-button-padding-inline-override, var(--lmvz-component-input-padding-lg, clamp(1rem, 0.94rem + 0.26vw, 1.25rem))); --lmvz-button-padding-block: var(--lmvz-button-padding-block-override, var(--lmvz-component-input-padding-lg, clamp(1rem, 0.94rem + 0.26vw, 1.25rem))); --lmvz-button-gap: var(--lmvz-button-gap-override, var(--lmvz-component-input-gap-lg, clamp(0.75rem, 0.69rem + 0.26vw, 1rem))); --lmvz-button-min-height: var(--lmvz-button-min-height-override, var(--lmvz-component-input-size-lg, clamp(2.75rem, 2.69rem + 0.26vw, 3rem))); --lmvz-button-font: var(--lmvz-button-font-override, var(--lmvz-typography-label-lg-strong, normal 700 clamp(1rem, 0.97rem + 0.13vw, 1.13rem) / 1.5 Router)); } } display: flex; min-width: var(--lmvz-card-component-card-minwidth, 20.4375rem); max-width: var(--lmvz-card-component-card-maxwidth, 21.6875rem); flex-direction: column; align-items: flex-start; border-radius: var(--lmvz-semantic-border-radius-lg, 14px); border: var(--lmvz-semantic-border-width-default, 1px) solid var(--lmvz-semantic-color-border-default, #e0e0e0); background: var(--lmvz-semantic-color-surface-primary, #ffffff); } *.sc-lmvz-card { color: var(--lmvz-semantic-color-on-surface-primary, #000000); font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.5 Router); } .top.sc-lmvz-card { display: flex; padding: var(--lmvz-dimension-12-8, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem)); flex-direction: column; justify-content: center; align-items: center; align-self: stretch; } .bottom.sc-lmvz-card { display: flex; min-width: 150px; padding: var(--lmvz-dimension-6-4, clamp(0.25rem, 0.22rem + 0.13vw, 0.38rem)) var(--lmvz-dimension-14-10, clamp(0.63rem, 0.56rem + 0.26vw, 0.88rem)) var(--lmvz-dimension-14-10, clamp(0.63rem, 0.56rem + 0.26vw, 0.88rem)) var(--lmvz-dimension-14-10, clamp(0.63rem, 0.56rem + 0.26vw, 0.88rem)); flex-direction: column; align-items: flex-start; align-self: stretch; } .title.sc-lmvz-card { margin: 0; display: flex; justify-content: center; align-items: center; align-self: stretch; padding-bottom: var(--lmvz-global-s4, 4px); overflow-wrap: break-word; font: var(--lmvz-typography-heading-2xl, 500 clamp(2rem, 1.82rem + 0.78vw, 2.75rem) / 1.4 Router); } .description.sc-lmvz-card { display: flex; margin: 0; padding-bottom: var(--lmvz-component-body-sm-padding-bottom, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem)); align-items: flex-start; align-self: stretch; white-space: pre-line; font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.5 Router); } .image-wrapper.sc-lmvz-card { aspect-ratio: 4 / 3; width: 100%; background-size: cover; background-position: center; flex: 1 0 0; align-self: stretch; border-radius: var(--lmvz-semantic-border-radius-md, 6px); } .actions.sc-lmvz-card { margin-top: var(--lmvz-component-form-wrapper-gap-y, clamp(1.13rem, 0.97rem + 0.65vw, 1.75rem)); display: flex; align-items: center; gap: var(--lmvz-component-input-md-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem)); align-self: stretch; } button.primary.sc-lmvz-card, lmvz-button.primary.sc-lmvz-card { display: flex; justify-content: center; align-items: center; gap: var(--lmvz-component-input-md-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem)); flex: 1 0 0; }`;
|
|
9030
|
+
const lmvzCardCss = () => ` @layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides; @layer lmvz-ds.theme { @font-face { font-family: Router; src: local('RouterBook-Regular'), local('Router-Book'), url('/assets/fonts/Router-Book.woff') format('woff'); font-weight: 400; } @font-face { font-family: Router; src: local('RouterMedium-Regular'), local('Router-Medium'), url('/assets/fonts/Router-Medium.woff') format('woff'); font-weight: 500; } @font-face { font-family: Router; src: local('RouterBold-Regular'), local('Router-Bold'), url('/assets/fonts/Router-Bold.woff') format('woff'); font-weight: 700; } } @layer lmvz-ds.reset { body { margin: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; } *[hidden] { display: none !important; } hr { height: 0; border: none; margin: var(--lmvz-dimension-8-4, clamp(0.25rem, 0.19rem + 0.26vw, 0.5rem)) 0; border-top: var(--lmvz-semantic-border-width-default, 1px) solid var(--lmvz-semantic-color-border-subtle, #f0f0f0); } fieldset { border: none; margin: 0; padding: 0; } legend { padding: 0; display: block; } } :host { --lmvz-card-local-min-width: 320px; --lmvz-card-local-max-width: 360px; --lmvz-card-local-sm-width: 232px; display: flex; flex-direction: column; align-items: flex-start; min-width: var(--lmvz-card-local-min-width); max-width: var(--lmvz-card-local-max-width); border-radius: var(--lmvz-component-wrapper-md-border-radius, 18px); border: var(--lmvz-semantic-border-width-default, 1px) solid var(--lmvz-semantic-color-border-subtle, #f0f0f0); background: var(--lmvz-semantic-color-surface-primary, #ffffff); box-shadow: 0 var(--lmvz-semantic-shadow-l1-1-position-y, 2px) var(--lmvz-semantic-shadow-l1-1-blur, 4px) 0 var(--lmvz-semantic-color-shadow-l1-default, rgba(120, 120, 128, 0.08)); margin-bottom: var(--lmvz-component-card-lg-margin-bottom, clamp(1rem, 0.88rem + 0.52vw, 1.5rem)); } :host([size='small']) { width: var(--lmvz-card-local-sm-width); min-width: 0; max-width: none; border-radius: var(--lmvz-component-wrapper-sm-border-radius, 14px); margin-bottom: var(--lmvz-component-card-sm-margin-bottom, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)); } * { color: var(--lmvz-semantic-color-on-surface-primary, #000000); font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.5 Router); } .image { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; align-self: stretch; border-top-left-radius: var(--lmvz-component-wrapper-md-border-radius, 18px); border-top-right-radius: var(--lmvz-component-wrapper-md-border-radius, 18px); } :host([size='small']) .image { border-top-left-radius: var(--lmvz-component-wrapper-sm-border-radius, 14px); border-top-right-radius: var(--lmvz-component-wrapper-sm-border-radius, 14px); } .content { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; gap: var(--lmvz-component-spacing-xs, clamp(0.25rem, 0.19rem + 0.26vw, 0.5rem)); padding: var(--lmvz-component-wrapper-md-padding-y, clamp(1rem, 0.88rem + 0.52vw, 1.5rem)) var(--lmvz-component-wrapper-md-padding-x, clamp(1rem, 0.88rem + 0.52vw, 1.5rem)); } :host([size='small']) .content { gap: var(--lmvz-component-spacing-2xs, clamp(0.13rem, 0.09rem + 0.13vw, 0.25rem)); padding: var(--lmvz-component-wrapper-sm-padding-y, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)) var(--lmvz-component-wrapper-sm-padding-x, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)); } .title-block { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; gap: var(--lmvz-component-spacing-2xs, clamp(0.13rem, 0.09rem + 0.13vw, 0.25rem)); } .card-default-title { margin: 0; overflow-wrap: break-word; font: var(--lmvz-typography-heading-lg, 500 clamp(1.13rem, 1.03rem + 0.39vw, 1.5rem) / 1.5 Router); } :host([size='small']) .card-default-title { font: var(--lmvz-typography-body-lg-strong, 500 clamp(1rem, 0.97rem + 0.13vw, 1.13rem) / 1.5 Router); } ::slotted([slot='card-title']) { margin: 0; overflow-wrap: break-word; } :host([size='small']) ::slotted([slot='card-title']) { font: var(--lmvz-typography-body-lg-strong, 500 clamp(1rem, 0.97rem + 0.13vw, 1.13rem) / 1.5 Router); } .description { margin: 0; align-self: stretch; white-space: pre-line; font: var(--lmvz-typography-body-lg, 400 clamp(1rem, 0.97rem + 0.13vw, 1.13rem) / 1.5 Router); } :host([size='small']) .description { font: var(--lmvz-typography-body-sm, 400 clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem) / 1.5 Router); } slot[name='chip'] { display: contents; } .actions { display: flex; align-items: center; align-self: stretch; padding-top: var(--lmvz-component-spacing-md, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)); } lmvz-button.action { flex: 1 0 0; } `;
|
|
9011
9031
|
|
|
9032
|
+
const HEADING_TAGS = new Set(['HEADER', 'H1', 'H2', 'H3', 'H4', 'H5', 'H6']);
|
|
9012
9033
|
class LmvzCard {
|
|
9013
9034
|
constructor(hostRef) {
|
|
9014
9035
|
registerInstance(this, hostRef);
|
|
9015
|
-
this.
|
|
9036
|
+
this.lmvzCardAction = createEvent(this, "lmvzCardAction", 7);
|
|
9016
9037
|
}
|
|
9038
|
+
get el() { return getElement(this); }
|
|
9039
|
+
titleSlotElement;
|
|
9040
|
+
warnedCases = new Set();
|
|
9041
|
+
size = 'large';
|
|
9017
9042
|
cardTitle;
|
|
9018
|
-
imageUrl;
|
|
9019
9043
|
description;
|
|
9020
|
-
|
|
9021
|
-
|
|
9044
|
+
imageUrl;
|
|
9045
|
+
imageAlt = '';
|
|
9046
|
+
actionLabel;
|
|
9047
|
+
lmvzCardAction;
|
|
9048
|
+
normalizeSize(value) {
|
|
9049
|
+
const normalizedSize = cardSizes.includes(value) ? value : 'large';
|
|
9050
|
+
if (normalizedSize !== this.size) {
|
|
9051
|
+
this.size = normalizedSize;
|
|
9052
|
+
}
|
|
9053
|
+
}
|
|
9054
|
+
componentWillLoad() {
|
|
9055
|
+
this.normalizeSize(this.size);
|
|
9056
|
+
}
|
|
9057
|
+
componentDidLoad() {
|
|
9058
|
+
const titleSlot = this.el.shadowRoot?.querySelector('slot[name="card-title"]');
|
|
9059
|
+
titleSlot?.addEventListener('slotchange', () => this.checkTitleContent());
|
|
9060
|
+
this.checkTitleContent();
|
|
9061
|
+
}
|
|
9022
9062
|
get fallbackImage() {
|
|
9023
|
-
return createAssetUrlSafely('card-placeholder.svg');
|
|
9063
|
+
return String(createAssetUrlSafely('card-placeholder.svg'));
|
|
9024
9064
|
}
|
|
9025
|
-
|
|
9026
|
-
this.
|
|
9065
|
+
handleActionClick = () => {
|
|
9066
|
+
this.lmvzCardAction.emit();
|
|
9067
|
+
};
|
|
9068
|
+
get slottedTitleElement() {
|
|
9069
|
+
return this.titleSlotElement?.assignedElements()?.at(0);
|
|
9070
|
+
}
|
|
9071
|
+
checkTitleContent() {
|
|
9072
|
+
if (!isAriaValidationEnabled())
|
|
9073
|
+
return;
|
|
9074
|
+
const slotted = this.slottedTitleElement;
|
|
9075
|
+
if (slotted) {
|
|
9076
|
+
const tag = slotted.tagName;
|
|
9077
|
+
if (!HEADING_TAGS.has(tag)) {
|
|
9078
|
+
this.warnOnce(`non-heading:${tag}`, `[lmvz-card] Element <${tag.toLowerCase()}> slotted into "card-title" is not a heading. Slot a heading element (h2-h5) instead.`);
|
|
9079
|
+
}
|
|
9080
|
+
}
|
|
9081
|
+
else if (!this.cardTitle) {
|
|
9082
|
+
this.warnOnce('missing-title', '[lmvz-card] Neither a "card-title" slotted heading nor a non-empty "cardTitle" prop was supplied.');
|
|
9083
|
+
}
|
|
9027
9084
|
}
|
|
9028
|
-
|
|
9029
|
-
|
|
9085
|
+
warnOnce(key, message) {
|
|
9086
|
+
if (this.warnedCases.has(key))
|
|
9087
|
+
return;
|
|
9088
|
+
this.warnedCases.add(key);
|
|
9089
|
+
console.warn(message);
|
|
9030
9090
|
}
|
|
9031
9091
|
render() {
|
|
9032
|
-
|
|
9033
|
-
backgroundImage: `url(${this.imageUrl ?? this.fallbackImage})`,
|
|
9034
|
-
};
|
|
9035
|
-
return (hAsync(Host, { key: '1dd819fd7c752af8d15001c08f7f60c6ea7278b9', role: "article" }, hAsync("div", { key: 'e0cc822e627b6bbe665e4faa705cc46a09bac7c6', class: "top" }, hAsync("div", { key: 'db79cb5a67ebdd6097f985e4b4bd27665b6329ef', class: "image-wrapper", style: imgStyle }, hAsync("div", { key: '90facc8595ddbbf31e3768faa8254a82ab8d3e65', class: "chip-slot" }, hAsync("slot", { key: 'cb2e6a1053aae2b2ca90c52c175e3c4174c89d23', name: "chip" })))), hAsync("div", { key: 'cb11069a329385178677e92d08044e0fe8e5b982', class: "bottom" }, hAsync("header", { key: '1e6076352124ca03de2fb13c17a565b4f492567e' }, hAsync("h2", { key: '73f11099fb751bd4f967dbe49b79763b6a8268f3', class: "title" }, this.cardTitle)), hAsync("p", { key: '36cf87b4c2004bff1e65feedd13e137d67115de3', class: "description" }, this.description), hAsync("div", { key: '6c1d82f4968ce8252307858e6ad0681274f06397', class: "actions" }, hAsync("button", { key: '0366e0caaf9235a3eaf7bfcab116e6a828fb248d', class: "primary", onClick: this._onPrimaryClick.bind(this), "data-testid": "primary" }, this.primaryActionLabel), hAsync("button", { key: '4f435e79d75a621d6fe065471a915b55308ad15d', class: "tertiary", "aria-label": "More actions", onClick: this._onOverflowClick }, hAsync("span", { key: '7dec97e0b0ca58c40fc5308cc7863acafa8c5147', class: "icon-placeholder" }, "..."))))));
|
|
9092
|
+
return (hAsync(Host, { key: '21ac0a567bb88d05d247cc3150bf2e7ce26972c5', role: "article" }, hAsync("img", { key: '6cea11ee015059d5537ab64c7cbb1655ac984cb1', class: "image", src: this.imageUrl ?? this.fallbackImage, alt: this.imageAlt, loading: "lazy", decoding: "async" }), hAsync("div", { key: 'cd29132d8268fb5a025cde5c33a858982c8eaaed', class: "content" }, hAsync("div", { key: '0d353a46cae60d81417e5280b39020b2234ad304', class: "title-block" }, hAsync("slot", { key: '4f2734a257ef877d258a717e23855f521c5132a6', name: "card-title", ref: (el) => (this.titleSlotElement = el) }, this.cardTitle && (hAsync("header", { key: '7d526caba45dde6b13bee023e60943711347258a', role: "heading", class: "card-default-title" }, this.cardTitle))), this.description && hAsync("p", { key: '18c3eac26562a592baa29d75674737d11f57beac', class: "description" }, this.description)), hAsync("slot", { key: 'd0d9c40ca8501b0fdfa9d589eeb05692892316a2', name: "chip" }), this.actionLabel && (hAsync("div", { key: '4bd5d9233c0ba1dcda6bebdeff89adbbfe37e4b1', class: "actions" }, hAsync("lmvz-button", { key: '6cefc7ad2859d457ad11b3f4edb1300ba664ef63', class: "action", variant: "secondary", scale: this.size === 'small' ? 'small' : 'default', onLmvzActivation: this.handleActionClick }, this.actionLabel))))));
|
|
9036
9093
|
}
|
|
9037
9094
|
static get assetsDirs() { return ["../../assets"]; }
|
|
9095
|
+
static get watchers() { return {
|
|
9096
|
+
"size": [{
|
|
9097
|
+
"normalizeSize": 0
|
|
9098
|
+
}]
|
|
9099
|
+
}; }
|
|
9038
9100
|
static get style() { return lmvzCardCss(); }
|
|
9039
9101
|
static get cmpMeta() { return {
|
|
9040
|
-
"$flags$":
|
|
9102
|
+
"$flags$": 777,
|
|
9041
9103
|
"$tagName$": "lmvz-card",
|
|
9042
9104
|
"$members$": {
|
|
9105
|
+
"size": [1537],
|
|
9043
9106
|
"cardTitle": [1, "card-title"],
|
|
9044
|
-
"imageUrl": [1, "image-url"],
|
|
9045
9107
|
"description": [1],
|
|
9046
|
-
"
|
|
9108
|
+
"imageUrl": [1, "image-url"],
|
|
9109
|
+
"imageAlt": [1, "image-alt"],
|
|
9110
|
+
"actionLabel": [1, "action-label"]
|
|
9047
9111
|
},
|
|
9048
9112
|
"$listeners$": undefined,
|
|
9049
9113
|
"$lazyBundleId$": "-",
|
|
9050
|
-
"$attrsToReflect$": []
|
|
9114
|
+
"$attrsToReflect$": [["size", "size"]]
|
|
9051
9115
|
}; }
|
|
9052
9116
|
}
|
|
9053
9117
|
|
|
@@ -9178,7 +9242,7 @@ class LmvzCheckbox extends ReactiveControllerHost {
|
|
|
9178
9242
|
this.nativeError = true;
|
|
9179
9243
|
}
|
|
9180
9244
|
render() {
|
|
9181
|
-
return (hAsync(Host, { key: '
|
|
9245
|
+
return (hAsync(Host, { key: 'df48e8af0b992d4f2c564aae67dbd42b6454f2c1' }, hAsync("div", { key: 'fe1256e373ee98cc26ca9031654d4d01f10b96e7', class: "pill" }, hAsync("input", { key: '580af189cb0069dd057464efd8c876c1a2dd3826', type: "checkbox", id: this.checkboxId, checked: this.checkedState, disabled: this.disabled, "aria-required": this.required ? 'true' : 'false', "aria-invalid": this.error ? 'true' : 'false', "aria-describedby": this.ariaDescribedBy, "aria-errormessage": this.error && this.errorId ? this.errorId : undefined, ref: (el) => (this.nativeInput = el), onChange: this.handleChange, autoFocus: this.autofocus }), hAsync("span", { key: '4a6b3522aa1a43f3c0a7ff203fb5791876555954', class: "box", "aria-hidden": "true" }, this.checkedState && hAsync("span", { key: '3a857015118d911832cdaa1287cee4c63f84afb2', class: "indicator", innerHTML: CHECKMARK_SVG$1 })), hAsync("span", { key: 'aa543c4c37cf220084b3cce423e1d0e48b5c344f', class: "content" }, hAsync("label", { key: '26c8551de719bdd99cce39b9129b59643f2aa44e', htmlFor: this.checkboxId }, this.label), this.helperText && (hAsync("span", { key: '004ead4527953b10b4ab6d89366159d7727320b2', onClick: this.retargetInnerClicks.bind(this), class: "helper-text", id: this.helperId, role: "status" }, this.helperText)))), this.errorMessage && (hAsync("span", { key: '0fa0dcfdf2fe61d510bfe9f0c4f8d16a341f97d7', onClick: this.retargetInnerClicks.bind(this), class: "error-text", id: this.errorId, role: "alert" }, this.errorMessage))));
|
|
9182
9246
|
}
|
|
9183
9247
|
static get formAssociated() { return true; }
|
|
9184
9248
|
static get watchers() { return {
|
|
@@ -9279,7 +9343,7 @@ class LmvzChip extends ReactiveControllerHost {
|
|
|
9279
9343
|
}
|
|
9280
9344
|
}, 500);
|
|
9281
9345
|
render() {
|
|
9282
|
-
return (hAsync(Host, { key: '
|
|
9346
|
+
return (hAsync(Host, { key: '2dcc9ccddd24f1db7ec65aeed24a1646cee80c76', type: this.type, size: this.size }, hAsync("slot", { key: '756d785d9bdfdaba8c35641afee0743ff343a184', name: "before-text", ref: (el) => (this.beforeSlot = el), onSlotchange: () => this.checkContent() }), hAsync("span", { key: '3df490bd3149acca605da7d7910be11b80585adf', class: "content-overflow-wrapper" }, hAsync("slot", { key: '5c252427faffaea5a95618df4afced110ff15703', ref: (el) => (this.defaultSlot = el), onSlotchange: () => this.checkContent() })), hAsync("slot", { key: '493c1ecd319d9afe0896339320cad67aa37289ab', name: "after-text", ref: (el) => (this.afterSlot = el), onSlotchange: () => this.checkContent() })));
|
|
9283
9347
|
}
|
|
9284
9348
|
static get watchers() { return {
|
|
9285
9349
|
"type": [{
|
|
@@ -12034,9 +12098,9 @@ class LmvzDatepicker {
|
|
|
12034
12098
|
render() {
|
|
12035
12099
|
const validationLabels = getValidationLabels(this.locale);
|
|
12036
12100
|
const popoverLabel = this.label ? `${this.label} ${validationLabels.popoverSuffix}` : undefined;
|
|
12037
|
-
return (hAsync(Host, { key: '
|
|
12101
|
+
return (hAsync(Host, { key: '55c1293d79c3c9a1ca591e81c693797194498967' }, hAsync("lmvz-input", { key: '054528d324a2fd99802659a41796da362412bcd9', ref: (el) => {
|
|
12038
12102
|
this.inputEl = el;
|
|
12039
|
-
}, label: this.label ?? '', placeholder: this.effectivePlaceholder, helperText: this.helperText, errorMessage: this.errorMessage, error: this.nativeError, disabled: this.disabled, readonly: this.readonly, required: this.required, value: this.inputText, autocomplete: "off", onLmvzInput: this.handleInputTextChange, onKeyDown: this.handleInputKeydown }, hAsync("lmvz-icon", { key: '
|
|
12103
|
+
}, label: this.label ?? '', placeholder: this.effectivePlaceholder, helperText: this.helperText, errorMessage: this.errorMessage, error: this.nativeError, disabled: this.disabled, readonly: this.readonly, required: this.required, value: this.inputText, autocomplete: "off", onLmvzInput: this.handleInputTextChange, onKeyDown: this.handleInputKeydown }, hAsync("lmvz-icon", { key: 'e109a59ba562ff0db88442119725cb38cc01ed6f', slot: "after-input", icon: CALENDAR_ICON, "aria-hidden": "true" })), hAsync("lmvz-popover", { key: 'df9046ff443232be3036fbb9ad2646681e7be697', anchor: this.inputEl, open: this.open && !this.disabled, autoFocus: false, size: "md", label: popoverLabel, onLmvzOpen: this.handlePopoverOpen, onLmvzClose: this.handlePopoverClose }, hAsync("div", { key: 'eea613edc10157650e2e11698afdcc85353bff49', part: "panel", class: "datepicker-panel" }, this.renderHeader(), this.renderGrid()))));
|
|
12040
12104
|
}
|
|
12041
12105
|
static get delegatesFocus() { return true; }
|
|
12042
12106
|
static get formAssociated() { return true; }
|
|
@@ -12186,7 +12250,7 @@ class LmvzHeader extends ReactiveControllerHost {
|
|
|
12186
12250
|
}
|
|
12187
12251
|
}
|
|
12188
12252
|
render() {
|
|
12189
|
-
return (hAsync(Host, { key: '
|
|
12253
|
+
return (hAsync(Host, { key: '427f1fe61ea8809a17dc08518c3dca7218cd2c9b', onFocus: this.delegateFocus.bind(this) }, hAsync("div", { key: 'b95c5d269c18001592b4ea853b9c945eeedfda07', class: "brand" }, hAsync("slot", { key: 'd856c174220f6e17b1aa977745bd057f7ca12625', name: "brand" }, hAsync("img", { key: '554896aadccb818f06d01ad88f9be96a1afa615a', id: "fallback-logo-lmvz", src: logoSvg, alt: "Lehrmittelverlag Z\u00FCrich" }))), hAsync("nav", { key: '414d208fe60eb4dd0c1400727b4198b81fc4a041', "aria-label": "Hauptnavigation" }, hAsync("div", { key: '608ea0c8ddcfef024505505ae7f91f644bfc1298', role: "menubar", class: "primary-menubar" }, hAsync("slot", { key: 'b5de644c07b4ef809c7afa377bed5e48356fc93a', name: "nav-primary", ref: (el) => (this.primarySlot = el) }), hAsync("div", { key: 'a6e308da89df8b705a0d03218778bc36fb0cbaf2', role: "menu", id: "nav-secondary", class: "secondary-menubar", hidden: !this.lmvzActiveNav, ref: (el) => (this.secondaryNav = el) }, hAsync("slot", { key: 'cf78a68329eadb96ad656ed81d8b3c72db582fc9', name: this.secondarySlotName, ref: (el) => (this.secondarySlot = el) })))), hAsync("div", { key: 'f7a00431635969cd0f3b29e52d002ec67c8dae04', class: "actions" }, hAsync("slot", { key: '6ed3b3d6ef85646742f0a2cf5267464f06e20a05', name: "actions" }))));
|
|
12190
12254
|
}
|
|
12191
12255
|
static get watchers() { return {
|
|
12192
12256
|
"lmvzActiveNav": [{
|
|
@@ -12221,7 +12285,7 @@ class LmvzIcon extends ReactiveControllerHost {
|
|
|
12221
12285
|
iconset;
|
|
12222
12286
|
iconData;
|
|
12223
12287
|
visible = false;
|
|
12224
|
-
ariaLabel;
|
|
12288
|
+
ariaLabel = null;
|
|
12225
12289
|
get ariaHidden() {
|
|
12226
12290
|
return !this.ariaLabel;
|
|
12227
12291
|
}
|
|
@@ -12255,7 +12319,7 @@ class LmvzIcon extends ReactiveControllerHost {
|
|
|
12255
12319
|
super.componentDidRender();
|
|
12256
12320
|
}
|
|
12257
12321
|
render() {
|
|
12258
|
-
return hAsync(Host, { key: '
|
|
12322
|
+
return hAsync(Host, { key: '7bf1348d1e88c5debeeb592bde76e74625a2b58b', role: "img", "aria-hidden": `${this.ariaHidden}`, innerHTML: this.iconData });
|
|
12259
12323
|
}
|
|
12260
12324
|
waitUntilVisible(callback, rootMargin = 50) {
|
|
12261
12325
|
{
|
|
@@ -12364,9 +12428,8 @@ class LmvzInput extends ReactiveControllerHost {
|
|
|
12364
12428
|
errorMessage;
|
|
12365
12429
|
autocomplete;
|
|
12366
12430
|
inputmode;
|
|
12367
|
-
|
|
12368
|
-
|
|
12369
|
-
spellcheck;
|
|
12431
|
+
autocapitalize = null;
|
|
12432
|
+
spellcheck = null;
|
|
12370
12433
|
autofocus = false;
|
|
12371
12434
|
minlength;
|
|
12372
12435
|
maxlength;
|
|
@@ -12529,9 +12592,9 @@ class LmvzInput extends ReactiveControllerHost {
|
|
|
12529
12592
|
render() {
|
|
12530
12593
|
const hasValue = Boolean(this.value);
|
|
12531
12594
|
const shouldFloatLabel = hasValue || Boolean(this.placeholder);
|
|
12532
|
-
return (hAsync("div", { key: '
|
|
12595
|
+
return (hAsync("div", { key: 'abdfa466acfad7e676fca966955fd4ae6ba231ec', class: classNames('input-container', {
|
|
12533
12596
|
'interaction-filled': hasValue,
|
|
12534
|
-
}) }, hAsync("div", { key: '
|
|
12597
|
+
}) }, hAsync("div", { key: 'deb354e87dae72df22bca98a17c542996fbd926b', class: "input-wrapper" }, hAsync("slot", { key: '513529b58c611bdf06afea01803962d0cc7a4385', name: "before-input" }), hAsync("div", { key: 'dcf1a5aa6dcb67a407225d3ace4a1369c1b72c01', class: "label-input-group" }, hAsync("label", { key: 'c47ff2479e84e13b6361fe1ebccb8ec153dcce5e', htmlFor: this.inputId, class: classNames({ floating: shouldFloatLabel }) }, this.label, this.required && (hAsync("span", { key: '03e4ac8dbbfb1f96a9b0f45600872f66d97755b7', class: "required-indicator", "aria-hidden": "true" }, ' ', "*"))), hAsync("input", { key: '5607738d802be72657129aa7b45ae9ffde002f54', 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, autocapitalize: this.autocapitalize ?? undefined, 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, onBlur: this.handleBlur, onInvalid: this.handleInvalid })), hAsync("slot", { key: '74b93032b4c650fea28bfd9359bba01365f7599d', name: "after-input" })), hAsync("div", { key: 'cef5ff26b3c2d3b4d9b1a069ceb784dd3a4be84a', id: this.helperId, role: "status" }, this.helperText || null), hAsync("div", { key: '5a7d0213bc76e15fb65648eb78de02a717d0f4ca', id: this.errorId, role: "alert" }, (this.showErrorMessage && this.errorMessage) || null)));
|
|
12535
12598
|
}
|
|
12536
12599
|
static get formAssociated() { return true; }
|
|
12537
12600
|
static get watchers() { return {
|
|
@@ -12559,7 +12622,6 @@ class LmvzInput extends ReactiveControllerHost {
|
|
|
12559
12622
|
"errorMessage": [1, "error-message"],
|
|
12560
12623
|
"autocomplete": [1],
|
|
12561
12624
|
"inputmode": [1],
|
|
12562
|
-
"autocorrect": [1],
|
|
12563
12625
|
"autocapitalize": [1],
|
|
12564
12626
|
"spellcheck": [4],
|
|
12565
12627
|
"autofocus": [4],
|
|
@@ -12638,7 +12700,7 @@ class LmvzLink {
|
|
|
12638
12700
|
const rel = this.computeRel();
|
|
12639
12701
|
const iconSvg = this.type === 'external' ? EXTERNAL_SVG : ARROW_RIGHT_SVG;
|
|
12640
12702
|
const isBlank = this.target === '_blank';
|
|
12641
|
-
return (hAsync(Host, { key: '
|
|
12703
|
+
return (hAsync(Host, { key: 'af31a58caac2d4ccb4c2a72d356e85bda7c61b86' }, hAsync("a", { key: 'c677c43497f214259863cf8306fa2d838bcd9bef', href: this.computeHref(), target: this.target, rel: rel }, hAsync("slot", { key: '63f18a9089a6864c513c3ef01c68268a6b0dbd60' }), hAsync("lmvz-icon", { key: '115472b9eda8f55c27bc551a9b1988e9086b501a', "aria-hidden": "true", icon: iconSvg }), isBlank && hAsync("span", { key: 'cf1d70fcb80fe0e61eeceeb41b43ab0f7211ea02', class: "sr-only" }, this.externalLabel))));
|
|
12642
12704
|
}
|
|
12643
12705
|
static get delegatesFocus() { return true; }
|
|
12644
12706
|
static get watchers() { return {
|
|
@@ -12686,7 +12748,7 @@ class LmvzMenuItem extends ReactiveControllerHost {
|
|
|
12686
12748
|
this.addController(new ElementActivationController(this));
|
|
12687
12749
|
}
|
|
12688
12750
|
render() {
|
|
12689
|
-
return (hAsync(Host, { key: '
|
|
12751
|
+
return (hAsync(Host, { key: '555ab8db190d0b80b47d903966e880aed51c31d4' }, hAsync("slot", { key: '3987fb4644d8d2c47e936c0413e058a9221a2ad7', ref: (e) => (this.validationSlot = e) })));
|
|
12690
12752
|
}
|
|
12691
12753
|
static get style() { return lmvzMenuitemCss(); }
|
|
12692
12754
|
static get cmpMeta() { return {
|
|
@@ -12804,7 +12866,7 @@ class LmvzMessage {
|
|
|
12804
12866
|
}
|
|
12805
12867
|
render() {
|
|
12806
12868
|
const role = this.live === 'assertive' ? 'alert' : this.live === 'polite' ? 'status' : 'note';
|
|
12807
|
-
return (hAsync(Host, { key: '
|
|
12869
|
+
return (hAsync(Host, { key: '45bba3aa5050fcc993414c5d25b436c9a78b1b67', role: role }, this.leadingIcon && hAsync("span", { key: '936327839c37f2aac83cca9db780dda0e47c2a42', class: "leading-icon", "aria-hidden": "true", innerHTML: TYPE_SVG[this.type] }), hAsync("span", { key: 'e05203642419ad734285495205625567e5110c5f', class: "message" }, hAsync("slot", { key: '7ced34a5a75a83707cee108ce0e964f815feaa61', ref: (el) => (this.messageSlot = el), onSlotchange: this.handleSlotChange })), this.actionLabel && (hAsync("lmvz-button", { key: '705cd8ff5171d05f459ce09aaa10548de8362710', variant: "tertiary", scale: "small", onLmvzActivation: this.handleActionClick }, this.actionLabel)), this.dismissible && (hAsync("lmvz-button", { key: '90377bfb5e8fb69ad5dff323ca88d2ba9d0c444c', variant: "tertiary", scale: "small", "aria-label": this.closeLabel, onClick: this.handleDismissClick }, hAsync("lmvz-icon", { key: '0064004bcb5ef5d9a3bf784f110b3cf0d267017d', "aria-hidden": "true", icon: CLOSE_SM_SVG })))));
|
|
12808
12870
|
}
|
|
12809
12871
|
static get style() { return lmvzMessageCss(); }
|
|
12810
12872
|
static get cmpMeta() { return {
|
|
@@ -13048,7 +13110,7 @@ class LmvzModal extends ReactiveControllerHost {
|
|
|
13048
13110
|
this.hasHeader = this.hasAssignedContent(this.headerSlot);
|
|
13049
13111
|
};
|
|
13050
13112
|
render() {
|
|
13051
|
-
return (hAsync(Host, { key: '
|
|
13113
|
+
return (hAsync(Host, { key: 'eaae4e7e1ecf8fb11db7582ffa3d1461a718a8d0' }, hAsync("dialog", { key: '11d1bdd9cd94afd82a13f5328234ad8877e9d28b', ref: (element) => (this.dialogEl = element), onCancel: this.handleDialogCancel, onClose: this.handleDialogClose, ...this.dialogAccessibilityAttributes }, hAsync("div", { key: '1c21a9266be21246ba8cbc55ac4559f7511294ff', class: "modal-shell" }, hAsync("header", { key: '4077ec5bd9e434d954982884ab3306fc9db6d043', class: { header: true, 'has-title': this.hasHeader } }, hAsync("div", { key: '82476490860365ba5ed3e8f47af7a85084e01693', class: "title", id: this.dialogTitleId, hidden: !this.hasHeader }, hAsync("slot", { key: '59dd145e07c6f310e8490ac7fa0e3d7577929a5d', name: "header", ref: (element) => (this.headerSlot = element), onSlotchange: this.handleHeaderSlotChange })), hAsync("lmvz-button", { key: '66e53dca4eab1503f53e4d069d1e115a77d3672e', ref: (element) => (this.closeButtonEl = element), type: "button", class: "close-button", "aria-label": this.closeLabel, onLmvzActivation: this.handleCloseButtonClick, variant: "tertiary" }, hAsync("lmvz-icon", { key: '23579ef59870459b523e4adc20df3954567b31a5', icon: closeIconSvg }))), hAsync("div", { key: '62d2d2288ac84c945b5f0c070b3c553815572e69', class: "body" }, hAsync("slot", { key: 'e511ff34da74c38981ee54d0e8a5019adfda2a7e' })), hAsync("footer", { key: '1a921cf63e446f434a6686de39e8e653eb1c30c1', class: "actions", hidden: !this.buttonGroupEl?.hasActions }, hAsync("lmvz-button-group", { key: '4280d47bb1f9bcc390253ff4286f25c4117612a2', ref: (element) => (this.buttonGroupEl = element) }, hAsync("slot", { key: 'a4a228ee4dbb1064cc4d7d005f202d69c66b8505', name: "actions" })))))));
|
|
13052
13114
|
}
|
|
13053
13115
|
static get watchers() { return {
|
|
13054
13116
|
"open": [{
|
|
@@ -14610,7 +14672,7 @@ class LmvzPopover {
|
|
|
14610
14672
|
this.closureController?.abort();
|
|
14611
14673
|
}
|
|
14612
14674
|
render() {
|
|
14613
|
-
return (hAsync(Host, { key: '
|
|
14675
|
+
return (hAsync(Host, { key: '559167785de0a69c12e436740b6b17a206f6155c', role: this.containerRole, "aria-label": this.label || undefined }, hAsync("div", { key: 'deaeb8ac94edd8eac38748cbc01e8f335a8fe7a1', part: "container", class: `container lmvz-wrapper-card-${this.size}`, ref: (el) => (this.containerEl = el) }, hAsync("slot", { key: '87dd843041852b3d5b8b85497c0f4e4eb6791a45', ref: (el) => (this.slotEl = el) }))));
|
|
14614
14676
|
}
|
|
14615
14677
|
static get watchers() { return {
|
|
14616
14678
|
"open": [{
|
|
@@ -15039,7 +15101,7 @@ class LmvzRadio extends ReactiveControllerHost {
|
|
|
15039
15101
|
this.nativeInput?.click();
|
|
15040
15102
|
}
|
|
15041
15103
|
render() {
|
|
15042
|
-
return (hAsync(Host, { key: '
|
|
15104
|
+
return (hAsync(Host, { key: '0a3f2ee5c2aa0c27e2fc6c6482f463915a8475d1' }, hAsync("input", { key: '707ee1a470c2a8b90dff54400490ae9366ab97ac', type: "radio", id: this.radioId, value: this.value, checked: this.checked, disabled: this.disabled, autoFocus: this.autofocus, "aria-required": this.required ? 'true' : 'false', "aria-invalid": this.error ? 'true' : undefined, "aria-describedby": this.helperId, ref: (el) => (this.nativeInput = el), onChange: this.handleChange }), hAsync("span", { key: '772a52ff4817b2332312bc597feee0de4fb3be4e', class: "circle", "aria-hidden": "true" }, this.checked && hAsync("span", { key: '600e398709956b6cb3e95b2119268f805771f71e', class: "dot" })), hAsync("span", { key: '446ee6d901dcbc2143f9772736746255ef2885db', class: "content" }, hAsync("label", { key: '4ec55b6be95c847d564ec8dfff3486068f44580c', htmlFor: this.radioId }, this.label), hAsync("span", { key: '678dcd677d22fb2c6c8983be8cb69100fc396378', onClick: this.retargetInnerClicks.bind(this), "aria-live": "polite", class: "helper-text", id: this.helperId }, this.helperText))));
|
|
15043
15105
|
}
|
|
15044
15106
|
static get formAssociated() { return true; }
|
|
15045
15107
|
static get watchers() { return {
|
|
@@ -15590,7 +15652,7 @@ class LmvzSelect extends ReactiveControllerHost {
|
|
|
15590
15652
|
const hasValue = this.hasValue;
|
|
15591
15653
|
const shouldShowLabel = hasValue;
|
|
15592
15654
|
const showChips = this.multiple && hasValue;
|
|
15593
|
-
return (hAsync(Host, { key: '
|
|
15655
|
+
return (hAsync(Host, { key: 'bcb5531eeb0c12cfebb0aacf01837004d95ab651' }, hAsync("div", { key: '0df56d60126a321bc3e5070ecbacd29ef0653cea', class: hasValue ? 'select-wrapper has-value' : 'select-wrapper' }, hAsync("label", { key: '9e0dcdb5134b85b38ec41c2c83a70e8f4aea9429', htmlFor: this.triggerId, class: shouldShowLabel ? 'floating-label' : 'assistive-label', onMouseDown: (event) => event.preventDefault(), onClick: this.handleLabelClick }, this.label, this.required && shouldShowLabel && hAsync("span", { key: '1c4a3499ef403cfff96ffd391255a3c1c175a80b', "aria-hidden": "true" }, " *")), hAsync("div", { key: 'fe9f97ec6c476525e98efb9c2a0838697d7f2193', id: this.triggerId, ref: (el) => (this.triggerEl = el), class: "select-trigger", role: "combobox", tabIndex: this.disabled ? -1 : 0, "aria-haspopup": "listbox", "aria-expanded": String(this.isOpen), "aria-controls": this.popoverId, "aria-activedescendant": this.isOpen ? this.activeId : undefined, "aria-label": this.triggerAriaLabel, "aria-disabled": this.disabled ? 'true' : undefined, "aria-required": this.required ? 'true' : 'false', "aria-invalid": this.error ? 'true' : 'false', "aria-errormessage": this.showErrorMessage ? this.errorId : undefined, "aria-describedby": this.describedBy, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeydown, onBlur: this.handleTriggerBlur }, hAsync("span", { key: 'e769fcba8c5e31289f333dc53dcbc3a7bdce44e7' }, showChips ? this.renderChips() : hasValue ? this.selectedLabel : this.label, this.required && !hasValue && hAsync("span", { key: 'b5e0cd9a9ad4506f058508f6ee9957debe9e1bd2', "aria-hidden": "true" }, " *")), hAsync("span", { key: 'e07c1ba4a99b1b72144a17bff940e08f2d93db2f', "aria-hidden": "true" }, hAsync("svg", { key: 'eaa136b668baacb7bb6a4ad2e46a0f694a5b54b9', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '70744054f8ec445361551899ad637b54ace6322f', d: "M20.3334 8.66663L12.0001 17L3.66675 8.66663", stroke: "currentColor", "stroke-width": "1.75", "stroke-linecap": "round", "stroke-linejoin": "round" })))), hAsync("lmvz-popover", { key: '330d09ff1d7160c1f7471b208acb8005e7ea60c7', id: this.popoverId, anchor: this.triggerId, open: this.isOpen, containerRole: "listbox", autoFocus: false, label: this.label, "aria-multiselectable": this.multiple ? 'true' : undefined, onLmvzClose: this.handlePopoverClose, size: "sm" }, this.renderOptionGroups()), hAsync("div", { key: '88e327fdb04ae5ca89ba2a4254f9807a8a051051', class: "lmvz-select-native-options", hidden: true, "aria-hidden": "true", ref: (el) => (this.optionsSourceEl = el) }, hAsync("slot", { key: '3988124d6358464ba531d498f2e486117fe4c3ad', onSlotchange: this.handleSlotChange }))), this.helperText && (hAsync("div", { key: 'ffd36af1cf02a807262ff7b7df6fe4be0cb82ed9', id: this.helperId, role: "status" }, this.helperText)), this.showErrorMessage && (hAsync("div", { key: '52d7f19bb6c7618d1ad7cd24c3c73487484d4542', id: this.errorId, role: "alert" }, this.errorMessage))));
|
|
15594
15656
|
}
|
|
15595
15657
|
static get formAssociated() { return true; }
|
|
15596
15658
|
static get watchers() { return {
|
|
@@ -15740,7 +15802,7 @@ class LmvzSnackbar {
|
|
|
15740
15802
|
this.el.dispatchEvent(new CustomEvent('lmvzAction', { bubbles: false, composed: false }));
|
|
15741
15803
|
};
|
|
15742
15804
|
render() {
|
|
15743
|
-
return (hAsync(Host, { key: '
|
|
15805
|
+
return (hAsync(Host, { key: '153859f89cb76e7119db0315208b7382ebe2ad9e', class: this.animationClass }, hAsync("lmvz-icon", { key: 'f6a59adba28f3d0d0e50717f1d1010d7c5b391fa', icon: STATUS_SVG[this.status], size: "md", weight: "bold" }), hAsync("span", { key: 'f0b60bd0787add320b3086841ea9c5b542c05f04', class: "message" }, this.message), this.actionLabel && (hAsync("lmvz-button", { key: 'acb89693f29db072e98401fdb2007e149aeba044', variant: "tertiary", scale: "small", onLmvzActivation: this.handleActionClick }, this.actionLabel))));
|
|
15744
15806
|
}
|
|
15745
15807
|
static get watchers() { return {
|
|
15746
15808
|
"status": [{
|
|
@@ -15774,10 +15836,10 @@ class LmvzSpinner {
|
|
|
15774
15836
|
registerInstance(this, hostRef);
|
|
15775
15837
|
}
|
|
15776
15838
|
size = 'small';
|
|
15777
|
-
ariaLabel;
|
|
15839
|
+
ariaLabel = null;
|
|
15778
15840
|
render() {
|
|
15779
15841
|
const hasLabel = !!this.ariaLabel?.trim();
|
|
15780
|
-
return (hAsync(Host, { key: '
|
|
15842
|
+
return (hAsync(Host, { key: 'a13115b2357d22d28f1e21d95904193b2e5cfc3e', role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.ariaLabel : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, hAsync("svg", { key: 'b25f19f9ecb31770775b8155a4ce9c5541b558c1', part: "indicator", viewBox: "0 0 16 16", "aria-hidden": "true" }, hAsync("circle", { key: '67881efb5bbf7dbf521113ca68ace9b3d33e1b2e', pathLength: "100", cx: "8", cy: "8", r: "6" }))));
|
|
15781
15843
|
}
|
|
15782
15844
|
static get style() { return lmvzSpinnerCss(); }
|
|
15783
15845
|
static get cmpMeta() { return {
|
|
@@ -15813,7 +15875,7 @@ class LmvzTab {
|
|
|
15813
15875
|
this.el.dispatchEvent(new CustomEvent('lmvzTabReady', { bubbles: true, composed: false }));
|
|
15814
15876
|
}
|
|
15815
15877
|
render() {
|
|
15816
|
-
return (hAsync(Host, { key: '
|
|
15878
|
+
return (hAsync(Host, { key: 'ff3fc4218e3da14cb2caaa3bbe8cb73be8ac0c3d' }, hAsync("button", { key: '999ad84e8d27e787ba0f6ba1146b461b9e7b6ca9', part: "button", role: "tab", disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: 0 }, hAsync("slot", { key: '876a7431706f385f1ed7f542182f92dd386bc6f5', name: "media", ref: (el) => (this.mediaSlotEl = el), onSlotchange: this.handleMediaSlotChange }), hAsync("span", { key: 'a0b0a0f22344678a2a6ee82dd997f24036f22ba5', class: "label" }, hAsync("slot", { key: 'df4d11555f351a759ef69ba907d8d1b00d95a826' })), hAsync("span", { key: '70830219e6dfa656a5ded8332f9171ad389c4ef8', "aria-hidden": "true", part: "indicator", class: "indicator" }))));
|
|
15817
15879
|
}
|
|
15818
15880
|
static get delegatesFocus() { return true; }
|
|
15819
15881
|
static get style() { return lmvzTabCss(); }
|
|
@@ -16072,7 +16134,7 @@ class LmvzTabs extends ReactiveControllerHost {
|
|
|
16072
16134
|
this.selectTab(value);
|
|
16073
16135
|
};
|
|
16074
16136
|
render() {
|
|
16075
|
-
return (hAsync(Host, { key: '
|
|
16137
|
+
return (hAsync(Host, { key: 'd6308c13b7e185fa4d1ff8a33c03f2e0e54f55b0', onClick: this.handleTabClick, onKeydown: this.handleKeydown }, hAsync("div", { key: '319741b6ce2276d9092b22b67dabc2f1f28366c4', role: "tablist", "aria-orientation": "horizontal", class: "tablist", ref: (el) => (this.tablistEl = el) }, hAsync("slot", { key: 'bf76b7b1bdce93f47ddbf45309408b1e33a086f6', ref: (el) => (this.tabSlotEl = el) })), hAsync("div", { key: '6793f685d90ea8cb4b9862db6a93d7067fcb1d53', part: "panels-container", class: "panels-container" }, hAsync("slot", { key: '2af78356ab2727bcd044e827238b0f5a8a30f1b0', name: "panels", ref: (el) => (this.panelSlotEl = el) }))));
|
|
16076
16138
|
}
|
|
16077
16139
|
static get watchers() { return {
|
|
16078
16140
|
"value": [{
|
|
@@ -16176,7 +16238,7 @@ class LmvzToggle extends ReactiveControllerHost {
|
|
|
16176
16238
|
this.lmvzChange.emit(newChecked);
|
|
16177
16239
|
};
|
|
16178
16240
|
render() {
|
|
16179
|
-
return (hAsync(Host, { key: '
|
|
16241
|
+
return (hAsync(Host, { key: '897eea43e268eca68b5955ba823caa49508789be' }, hAsync("span", { key: '731c08e74242b06458fdfeba69d4e4aa4ae76cd1', class: "track" }, hAsync("input", { key: '3e8ee9f23bc78f2c8110c5057854d199e13755cf', type: "checkbox", role: "switch", id: this.toggleId, checked: this.checked, disabled: this.disabled, required: this.required, name: this.name, value: this.value, form: this.form, ref: (el) => (this.nativeInputElement = el), onChange: this.handleChange }), hAsync("span", { key: '8d3ec0a9bc6af91b2536865f54a1616ef8753db6', class: "thumb", "aria-hidden": "true" })), hAsync("label", { key: '121837baf11f9d086e5750b6249264888a3ced7a', htmlFor: this.toggleId }, this.label)));
|
|
16180
16242
|
}
|
|
16181
16243
|
static get formAssociated() { return true; }
|
|
16182
16244
|
static get watchers() { return {
|
|
@@ -16337,7 +16399,7 @@ var NAMESPACE = (
|
|
|
16337
16399
|
);
|
|
16338
16400
|
|
|
16339
16401
|
/*
|
|
16340
|
-
Stencil Hydrate Runner v4.
|
|
16402
|
+
Stencil Hydrate Runner v4.44.2 | MIT Licensed | https://stenciljs.com
|
|
16341
16403
|
*/
|
|
16342
16404
|
var __create = Object.create;
|
|
16343
16405
|
var __defProp = Object.defineProperty;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{A as ARIA_VALIDATION_RUNTIME_CHANGED_EVENT,d as disableAriaValidation,e as enableAriaValidation,i as isAriaValidationEnabled,q as queueValidation,u as useVerboseLogging}from"./p-BDonpCG8.js";export{g as chipSizes,f as chipTypes,d as iconSizes,e as iconWeights,b as inputSizes,i as inputTypes,l as linkTypes,m as messageTypes,p as popoverPlacements,
|
|
1
|
+
export{A as ARIA_VALIDATION_RUNTIME_CHANGED_EVENT,d as disableAriaValidation,e as enableAriaValidation,i as isAriaValidationEnabled,q as queueValidation,u as useVerboseLogging}from"./p-BDonpCG8.js";export{h as cardSizes,g as chipSizes,f as chipTypes,d as iconSizes,e as iconWeights,b as inputSizes,i as inputTypes,l as linkTypes,m as messageTypes,p as popoverPlacements,o as popoverSizes,s as scaleValues,c as selectSizes,a as sizes,n as snackbarDismissReasons,k as snackbarPriorities,j as snackbarStatuses,t as textSizes,v as variants}from"./p-Buw_s-9k.js";export{S as SnackbarController}from"./p-BPa0FHVO.js";export{g as getRegisteredIconProvider,r as registerIconProvider,t as typedIconFromSet}from"./p-CyDgnpOB.js";import"./p-DjvtQE7c.js";import"./p-D06Ds9Dh.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-
|
|
1
|
+
import{p as e,b as a}from"./p-wQ10Syko.js";export{s as setNonce}from"./p-wQ10Syko.js";import{g as l}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-b0f3758f",[[593,"lmvz-datepicker",{value:[6145],visibleMonth:[6145,"visible-month"],min:[1],max:[1],locale:[1],firstDayOfWeek:[2,"first-day-of-week"],disabled:[516],readonly:[516],required:[516],name:[513],label:[1],placeholder:[1],helperText:[1,"helper-text"],errorMessage:[1,"error-message"],open:[1540],displayFormat:[1,"display-format"],focusedDate:[32],valueDate:[32],visibleMonthDate:[32],inputText:[32],hasUnparseableInput:[32],isInvalid:[32],nativeError:[32],checkValidity:[64],reportValidity:[64]},[[0,"keydown","handleKeydown"],[0,"focusin","handleInputFocus"],[0,"click","handleInputFocus"],[0,"invalid","handleInvalid"]],{required:[{handleValidityRelevantPropChange:0}],min:[{handleValidityRelevantPropChange:0}],max:[{handleValidityRelevantPropChange:0}],locale:[{handleDisplayFormatChange:0}],displayFormat:[{handleDisplayFormatChange:0}],disabled:[{handleDisabledChange:0}]}]]],["p-5e8f0b43",[[769,"lmvz-modal",{open:[1540],closeLabel:[1,"close-label"],hasHeader:[32]},[[0,"submit","handleFormDialogSubmit"]],{open:[{handleOpenChange:0}]}]]],["p-b050450d",[[769,"lmvz-message",{type:[513],live:[1],leadingIcon:[4,"leading-icon"],dismissible:[4],closeLabel:[1,"close-label"],actionLabel:[1,"action-label"]}]]],["p-3de59694",[[838,"lmvz-select",{value:[1025],multiple:[516],values:[1040],label:[1],helperText:[1,"helper-text"],error:[6660],errorMessage:[1,"error-message"],disabled:[516],required:[516],name:[513],size:[513],nativeError:[32],selectedLabel:[32],selectedId:[32],activeId:[32],isOpen:[32],optionGroups:[32],focusTrigger:[64],blurTrigger:[64],checkValidity:[64],reportValidity:[64],getValidationMessage:[64]},[[0,"invalid","handleInvalid"]],{value:[{handleValueChange:0}],values:[{handleValuesChange:0}],required:[{handleRequiredChange:0}],disabled:[{handleDisabledChange:0}]}]]],["p-253e56c9",[[513,"lmvz-snackbar",{status:[1537],message:[1025],duration:[1026],priority:[1025],actionLabel:[1025,"action-label"],animationClass:[32],show:[64],hide:[64]},null,{status:[{onStatusChange:0}]}]]],["p-e40f174d",[[769,"lmvz-card",{size:[1537],cardTitle:[1,"card-title"],description:[1],imageUrl:[1,"image-url"],imageAlt:[1,"image-alt"],actionLabel:[1,"action-label"]},null,{size:[{normalizeSize:0}]}]]],["p-7d80a49d",[[785,"lmvz-link",{href:[513],target:[513],rel:[1],type:[1537],externalLabel:[1,"external-label"]},null,{type:[{normalizeType:0}]}]]],["p-3606c1db",[[769,"lmvz-header",{role:[2561],lmvzActiveNav:[1,"lmvz-active-nav"],initFocus:[64]},null,{lmvzActiveNav:[{handleActiveNavChange:0}]}],[774,"lmvz-menuitem",{role:[2561],ti:[2562,"tabindex"]}]]],["p-457b10e1",[[257,"lmvz-action"]]],["p-f6ac0f0d",[[774,"lmvz-action-list",{label:[1],initFocus:[64]}]]],["p-b123e33d",[[578,"lmvz-checkbox",{label:[1],checked:[1540],value:[1],name:[513],disabled:[516],required:[516],error:[6660],errorMessage:[1,"error-message"],helperText:[1,"helper-text"],form:[1],autofocus:[4],nativeError:[32],checkedState:[32],focusInput:[64],checkValidity:[64],reportValidity:[64],getValidationMessage:[64]},[[0,"invalid","handleInvalid"]],{checked:[{handleCheckedChange:0}],required:[{handleRequiredChange:0}]}]]],["p-7a018765",[[774,"lmvz-menuitem",{role:[2561],ti:[2562,"tabindex"]}]]],["p-11ccd914",[[578,"lmvz-radio",{label:[1],checked:[1540],value:[1],name:[513],disabled:[516],required:[516],error:[6660],helperText:[1,"helper-text"],form:[513],autofocus:[4],nativeError:[32],focusInput:[64],checkValidity:[64],reportValidity:[64],getValidationMessage:[64]},[[0,"invalid","handleInvalid"],[0,"keydown","handleKeydown"]],{checked:[{handleCheckedChange:0}],required:[{handleRequiredChange:0}],value:[{handleValueChange:0}],label:[{handleLabelChange:0}]}]]],["p-01ac17f8",[[513,"lmvz-spinner",{size:[513],ariaLabel:[513,"aria-label"]}]]],["p-1595cad0",[[785,"lmvz-tab",{value:[513],disabled:[516],selected:[516],panel:[513]}]]],["p-edb35b52",[[769,"lmvz-tabs",{value:[1537],resolvedValue:[32],initFocus:[64],activateTab:[64],getTabElements:[64],setTabPanelIds:[64]},[[0,"slotchange","handleSlotChangeEvent"]],{value:[{handleValueChange:0}]}]]],["p-2ae64b73",[[578,"lmvz-toggle",{label:[1],checked:[1540],disabled:[516],required:[516],name:[1],value:[1],form:[1],focusToggle:[64],blurToggle:[64],checkValidity:[64],reportValidity:[64],getValidationMessage:[64],getInputElement:[64]},null,{checked:[{handleCheckedChange:0}],disabled:[{handleDisabledChange:0}]}]]],["p-ddf5d866",[[769,"lmvz-button-group",{stacked:[516],primaryEnabledAction:[2064],hasActions:[2052,"has-actions"]}]]],["p-ef6e12ee",[[769,"lmvz-chip",{type:[1537],size:[1537]},null,{type:[{normalizeType:0}],size:[{normalizeSize:0}]}]]],["p-adb37d60",[[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],autocapitalize:[1],spellcheck:[4],autofocus:[4],minlength:[2],maxlength:[2],pattern:[1],min:[8],max:[8],step:[8],form:[1],size:[513],error:[6660],nativeError:[32],setValue:[64],focusInput:[64],blurInput:[64],select:[64],checkValidity:[64],reportValidity:[64],getValidationMessage:[64],getInputElement:[64]},null,{value:[{handleValueChange:0}],disabled:[{handleDisabledChange:0}]}]]],["p-a2f03112",[[769,"lmvz-popover",{open:[1540],anchor:[1],placement:[1],size:[1],autoFocus:[4,"auto-focus"],containerRole:[1,"container-role"],label:[1],anchorEl:[32],show:[64],hide:[64],toggle:[64]},null,{open:[{handleOpenChange:0}],anchor:[{handleAnchorChange:1}]}]]],["p-84d2b2e5",[[785,"lmvz-button",{ti:[514,"tabindex"],scale:[513],variant:[513],disabled:[516],type:[1],form:[1],formMethod:[1,"form-method"],name:[1],value:[1],buttonRole:[1,"button-role"]}],[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}]}]]]],e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as r,H as i}from"./p-wQ10Syko.js";const n=class{constructor(r){e(this,r)}size="small";ariaLabel=null;render(){const e=!!this.ariaLabel?.trim();return r(i,{key:"a13115b2357d22d28f1e21d95904193b2e5cfc3e",role:e?"status":void 0,"aria-label":e?this.ariaLabel:void 0,"aria-hidden":e?void 0:"true"},r("svg",{key:"b25f19f9ecb31770775b8155a4ce9c5541b558c1",part:"indicator",viewBox:"0 0 16 16","aria-hidden":"true"},r("circle",{key:"67881efb5bbf7dbf521113ca68ace9b3d33e1b2e",pathLength:"100",cx:"8",cy:"8",r:"6"})))}};n.style=":host{--spinner-size:1rem;display:inline-block;width:var(--spinner-size);height:var(--spinner-size)}:host([size='large']){--spinner-size:2rem;}svg{width:100%;height:100%;transform-origin:center;animation:lmvz-spinner-rotate var(--lmvz-global-duration-slow, 800ms) linear infinite;color:var(--lmvz-semantic-color-border-active, #0f8acc)}circle{fill:none;stroke:currentcolor;stroke-width:var(--lmvz-component-icon-border-width-strong, 1.5px);stroke-linecap:round;stroke-dasharray:75 25;vector-effect:non-scaling-stroke}@keyframes lmvz-spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){svg{animation:none}}";export{n as lmvz_spinner}
|