@lmvz-ds/components 0.17.1 → 0.18.0

package/dist/collection/assets/icons/world.svg

@@ -1,10 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_346_1329)">
-<path d="M12 23.25C15.3344 23.25 18.0375 18.2132 18.0375 12C18.0375 5.7868 15.3344 0.75 12 0.75M12 23.25C8.66558 23.25 5.9625 18.2132 5.9625 12C5.9625 5.7868 8.66558 0.75 12 0.75M12 23.25V0.75M12 23.25C18.2132 23.25 23.25 18.2132 23.25 12C23.25 5.7868 18.2132 0.75 12 0.75M12 23.25C5.7868 23.25 0.75 18.2132 0.75 12C0.75 5.7868 5.7868 0.75 12 0.75M1.6875 16.5H22.3125M1.6875 7.5H22.3125" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_346_1329">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/dist/collection/assets/icons/x.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.1357 10.2441L20.9022 1.5H20.9336L13.1492 10.2642M10.429 13.2915L2.25 22.5H2.28138L10.4419 13.3123M2.25 1.5H6.91304L21.75 22.5H16.875L2.25 1.5Z" stroke="black"/>
-</svg>

package/dist/collection/assets/icons/youtube.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6.08059 4.12506H17.9194C19.0287 4.11897 20.0947 4.60244 20.8833 5.46922C21.6719 6.336 22.1185 7.51518 22.125 8.74765V15.2524C22.1185 16.4848 21.6719 17.664 20.8833 18.5308C20.0947 19.3976 19.0287 19.881 17.9194 19.8749H6.08059C4.97135 19.881 3.90531 19.3976 3.11673 18.5308C2.32814 17.664 1.88152 16.4848 1.875 15.2524V8.74765C1.88152 7.51518 2.32814 6.336 3.11673 5.46922C3.90531 4.60244 4.97135 4.11897 6.08059 4.12506ZM9.91125 15.2193L15.45 12.3165C15.4873 12.2971 15.5189 12.2664 15.5413 12.2279C15.5636 12.1894 15.5757 12.1447 15.5762 12.099C15.5767 12.0532 15.5655 12.0082 15.5441 11.9691C15.5226 11.93 15.4916 11.8985 15.4547 11.8781L9.91733 8.79376C9.88361 8.77484 9.8461 8.76578 9.80835 8.76743C9.7706 8.76907 9.73385 8.78138 9.70157 8.80318C9.66928 8.82498 9.64253 8.85556 9.62383 8.89203C9.60513 8.9285 9.59509 8.96966 9.59468 9.01164V15C9.59527 15.0412 9.60514 15.0816 9.6234 15.1175C9.64166 15.1534 9.66772 15.1836 9.69921 15.2054C9.73069 15.2272 9.7666 15.24 9.80364 15.2424C9.84068 15.2448 9.87768 15.2369 9.91125 15.2193Z" stroke="black" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/dist/collection/components/lmvz-icon/icons.js

@@ -1,36 +0,0 @@
-import { Cache, Duration, Effect } from "effect";
-import { createAssetUrlSafely } from "../../utils/assets";
-import { httpClient, responseAsText } from "../../utils/http";
-import { createValidSVGString, SVGString } from "../../utils/validation/svg";
-export const emptyDefaultSvg = () => SVGString(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"></svg>`);
-const createIconCache = () => Cache.make({
-    capacity: 200,
-    timeToLive: Duration.infinity,
-    lookup: (key) => Effect.gen(function* () {
-        const name = key;
-        const assetPath = createAssetUrlSafely(`${name}.svg`, 'icons');
-        const res = yield* httpClient(assetPath);
-        const responseString = yield* responseAsText(res);
-        return yield* createValidSVGString(responseString);
-    }),
-});
-let cacheInstance = null;
-export function fetchIconSvg(name) {
-    const key = name;
-    return Effect.gen(function* () {
-        if (!cacheInstance) {
-            cacheInstance = yield* createIconCache();
-        }
-        return yield* cacheInstance.get(key);
-    });
-}
-export function clearIconCache() {
-    return Effect.gen(function* () {
-        if (cacheInstance) {
-            yield* cacheInstance.invalidateAll;
-        }
-        else {
-            Effect.logWarning('Attempted to clear icon cache before it was initialized');
-        }
-    });
-}

package/dist/collection/components/lmvz-icon/public.js

@@ -1 +0,0 @@
-export { clearIconCache } from './icons';

package/dist/collection/components/lmvz-icon/test/icons.unit.js

@@ -1,98 +0,0 @@
-import { beforeAll, beforeEach, describe, expect, test, vi } from "@stencil/vitest";
-import { Effect } from "effect";
-import { FetchError, ResponseTextError } from "../../../utils/http";
-import { BrandValidationError, SVGString } from "../../../utils/validation/svg";
-import { clearIconCache, emptyDefaultSvg, fetchIconSvg } from "../icons";
-const fetchMock = vi.fn();
-const mockResponse = (textResult) => ({
-    status: 200,
-    url: 'https://example.com/icons/actions.svg',
-    text: vi.fn().mockResolvedValue(textResult),
-});
-describe('icon utils:', () => {
-    beforeAll(() => {
-        vi.stubGlobal('DOMParser', class {
-            parseFromString(str, _type) {
-                return {
-                    documentElement: {
-                        nodeName: typeof str === 'string' && str.trimStart().startsWith('<svg') ? 'svg' : 'not-svg',
-                    },
-                };
-            }
-        });
-    });
-    beforeEach(() => {
-        vi.clearAllMocks();
-        fetchMock.mockReset();
-        vi.stubGlobal('fetch', fetchMock);
-        return Effect.runPromise(clearIconCache());
-    });
-    const validSvg = '<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"></svg>';
-    const invalidSvg = '<div>not an svg</div>';
-    const iconName = 'actions';
-    function mockFetchSuccess(svg = validSvg) {
-        fetchMock.mockResolvedValueOnce(mockResponse(svg));
-    }
-    function mockFetchFailure() {
-        fetchMock.mockRejectedValueOnce(new Error('fail'));
-    }
-    test('fetchIcon returns valid SVGString when fetch succeeds with valid SVG', async () => {
-        mockFetchSuccess(validSvg);
-        const result = await Effect.runPromise(fetchIconSvg(iconName));
-        expect(result).toContain('<svg');
-        expect(result).not.toBe(emptyDefaultSvg());
-    });
-    test('fetchIcon throws a specific FetchError when fetch fails', async () => {
-        mockFetchFailure();
-        const res = await Effect.runPromise(fetchIconSvg(iconName).pipe(Effect.flip));
-        expect(res).toBeInstanceOf(FetchError);
-    });
-    test('fetchIcon throws a specific InvalidSvgError when SVG is invalid', async () => {
-        mockFetchSuccess(invalidSvg);
-        const result = await Effect.runPromise(fetchIconSvg(iconName).pipe(Effect.flip));
-        expect(result).toBeInstanceOf(BrandValidationError);
-        expect(result.message).toContain('SVGString');
-    });
-    test('fetchIcon throws specific NotFoundError when icon is missing', async () => {
-        fetchMock.mockResolvedValueOnce({
-            status: 200,
-            url: 'https://example.com/icons/missing.svg',
-            text: () => Promise.reject(new Error('not found')),
-        });
-        const result = await Effect.runPromise(fetchIconSvg('missing').pipe(Effect.flip));
-        expect(result).toBeInstanceOf(ResponseTextError);
-    });
-    test('fetchIcon throws specific BrandValidationError for empty SVG string', async () => {
-        mockFetchSuccess('');
-        const result = await Effect.runPromise(fetchIconSvg(iconName).pipe(Effect.flip));
-        expect(result).toBeInstanceOf(BrandValidationError);
-    });
-    test('fetchIcon throws specific BrandValidationError for non-string SVG', async () => {
-        fetchMock.mockResolvedValueOnce(mockResponse(123));
-        const result = await Effect.runPromise(fetchIconSvg(iconName).pipe(Effect.flip));
-        expect(result).toBeInstanceOf(BrandValidationError);
-    });
-    test('SVGString branding enforces valid SVG', () => {
-        expect(() => SVGString(validSvg)).not.toThrow();
-        expect(() => SVGString(invalidSvg)).toThrow();
-        expect(() => SVGString('')).toThrow();
-        expect(() => SVGString(123)).toThrow();
-    });
-    test('emptyDefaultSvg is a valid branded SVGString', () => {
-        expect(() => SVGString(emptyDefaultSvg())).not.toThrow();
-        expect(emptyDefaultSvg()).toContain('<svg');
-    });
-    test('fetchIcon uses default weight if not provided', async () => {
-        mockFetchSuccess(validSvg);
-        const result = await Effect.runPromise(fetchIconSvg(iconName));
-        expect(result).toContain('<svg');
-    });
-    test('fetchIcon handles multiple calls and caches result', async () => {
-        mockFetchSuccess(validSvg);
-        const result1 = await Effect.runPromise(fetchIconSvg(iconName));
-        const result2 = await Effect.runPromise(fetchIconSvg(iconName));
-        expect(result1).toContain('<svg');
-        expect(result2).toBe(result1);
-        expect(fetchMock).toHaveBeenCalledTimes(1);
-    });
-});

package/dist/collection/index.js

@@ -1,4 +0,0 @@
-export * from '@lmvz-ds/aria-validation';
-export * from './api';
-export * from './components/lmvz-icon/public';
-export * from './utils/public';

package/dist/collection/integration/header-integration.js

@@ -1,46 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class HeaderIntegration {
-    activeNav;
-    activate(event) {
-        const target = event.currentTarget;
-        const navItem = target.closest('[slot="nav-primary"]');
-        if (!navItem)
-            return;
-        const navId = navItem.id;
-        if (!navId) {
-            console.warn('Nav item does not have an id:', navItem);
-            return;
-        }
-        console.log('Activating nav item:', navId);
-        this.activeNav = navId;
-    }
-    render() {
-        return (h(Host, { key: '49a11965353d51e7bf1daa8c6618a41a84deb31e' }, h("lmvz-header", { key: 'f7e9c080e72b2248531d4ac713088dafc6002077', lmvzActiveNav: this.activeNav }, h("lmvz-menuitem", { key: 'aaa95896eedfe3976a1fbb706302812472524af9', slot: "nav-primary", id: "lehrmittel", onLmvzActivation: this.activate.bind(this) }, h("a", { key: '35c6edf7e3d711cbede8bdfd662e936fc2435446', href: "#" }, "Lehrmittel")), h("lmvz-menuitem", { key: 'd08c42441aab3d9a9215f3e7d96268fc5b10cca1', slot: "nav-primary", id: "verwaltung", onLmvzActivation: this.activate.bind(this) }, h("a", { key: 'b943b95457b7300a62dc6dde15a0ffb9f97773ee', href: "#" }, "Verwaltung")), h("lmvz-menuitem", { key: 'c23b2fd3b4bdf1a646d70ee3ce3f627ec7fe483c', slot: "connect-nav-lehrmittel" }, h("lmvz-icon", { key: '603726f06b0ba849644eb2494c2c34bb738be447', icon: "book" }), "Deutsch 7"), h("lmvz-menuitem", { key: '2a454236e5e73b862519ffda68208e42e33502cf', slot: "connect-nav-lehrmittel" }, h("lmvz-icon", { key: 'cb0b31a944e145439f516c8524de22afce796de4', icon: "book" }), "Mathe 2"), h("lmvz-menuitem", { key: '5de7982c6fb9f47fd6b93e4b38f5899eb856e91f', slot: "connect-nav-verwaltung" }, h("lmvz-icon", { key: 'f226b81bbd3f3cbd1af5225c6699a455a68a8b98', icon: "cog" }), "iwas mit Verwaltung"), h("lmvz-menuitem", { key: 'd54b8c63988c2e7e778911a11aada85d2ccddb26', slot: "connect-nav-verwaltung", "aria-label": "Einstellungen" }, h("lmvz-icon", { key: 'd12d9ec1c50d04716e7adde43ab015349bc7a1a8', icon: "cog" })), h("lmvz-button", { key: '8fa8ae71865c778c4985d4b374358042942a8711', slot: "actions", "aria-label": "Benutzerkonto" }, h("lmvz-icon", { key: '699b6c6122b66ee53d60600b5ac9c15f414802cd', icon: "user" })))));
-    }
-    static get is() { return "header-integration"; }
-    static get encapsulation() { return "shadow"; }
-    static get styles() { return ".active button {\n      background-color: var(--lmvz-semantic-color-status-selected);\n    }"; }
-    static get properties() {
-        return {
-            "activeNav": {
-                "type": "string",
-                "mutable": true,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "active-nav"
-            }
-        };
-    }
-}

package/dist/collection/utils/effect.js

@@ -1,6 +0,0 @@
-import { Effect } from "effect";
-export function run(effect) {
-    return Effect.runPromise(effect).catch(error => {
-        console.error('Unhandled error in Effect:', error);
-    });
-}

package/dist/collection/utils/http.js

@@ -1,24 +0,0 @@
-import { Data, Micro as Effect } from "effect";
-export class FetchError extends Data.TaggedError('FetchError') {
-}
-export class NotFoundError extends Data.TaggedError('NotFoundError') {
-}
-export const httpClient = (input, init) => Effect.gen(function* () {
-    const response = yield* Effect.tryPromise({
-        try: () => fetch(input, init),
-        catch: error => new FetchError({ cause: error }),
-    });
-    if (response.status === 404) {
-        return yield* Effect.fail(new NotFoundError({ url: response.url }));
-    }
-    return response;
-});
-export class ResponseTextError extends Data.TaggedError('ResponseTextError') {
-    constructor(error) {
-        super(new Error(`Failed to read response text`, { cause: error }));
-    }
-}
-export const responseAsText = (res) => Effect.tryPromise({
-    try: () => res.text(),
-    catch: error => new ResponseTextError(error),
-});

package/dist/collection/utils/public.js

@@ -1 +0,0 @@
-export { run } from './effect';

package/dist/collection/utils/validation/svg.js

@@ -1,24 +0,0 @@
-import { Brand, Data, Micro as Effect } from "effect";
-export const SVGString = Brand.refined(isValidSVG, () => Brand.error('SVG data is malformed'));
-export class BrandValidationError extends Data.TaggedError('BrandValidationError') {
-    constructor(error, type) {
-        super(new Error(`Brand validation failed for type ${type}.`, { cause: error }));
-    }
-}
-export const createValidSVGString = (svg) => Effect.try({
-    try: () => SVGString(svg),
-    catch: error => new BrandValidationError(error, 'SVGString'),
-});
-function isValidSVG(svg) {
-    if (typeof svg !== 'string') {
-        return false;
-    }
-    try {
-        const parser = new DOMParser();
-        const doc = parser.parseFromString(svg, 'image/svg+xml');
-        return doc.documentElement.nodeName === 'svg';
-    }
-    catch {
-        return false;
-    }
-}

package/dist/components/index.js

@@ -1 +0,0 @@
-export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-CahBdGGN.js";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-GKEnURpp.js";export{LmvzIcon,c as clearIconCache,defineCustomElement as defineCustomElementLmvzIcon}from"./lmvz-icon.js";import{r as t}from"./p-BsHYIl56.js";export{LmvzAction,defineCustomElement as defineCustomElementLmvzAction}from"./lmvz-action.js";export{LmvzButton,defineCustomElement as defineCustomElementLmvzButton}from"./lmvz-button.js";export{LmvzCard,defineCustomElement as defineCustomElementLmvzCard}from"./lmvz-card.js";export{LmvzChip,defineCustomElement as defineCustomElementLmvzChip}from"./lmvz-chip.js";export{LmvzHeader,defineCustomElement as defineCustomElementLmvzHeader}from"./lmvz-header.js";export{LmvzInput,defineCustomElement as defineCustomElementLmvzInput}from"./lmvz-input.js";export{LmvzMenuitem,defineCustomElement as defineCustomElementLmvzMenuitem}from"./lmvz-menuitem.js";export{LmvzSelect,defineCustomElement as defineCustomElementLmvzSelect}from"./lmvz-select.js";const o=["primary","secondary","tertiary"],n=["small","default","large"],m=["xs","sm","md","lg"],l=[...m,"xl"],f=["text","email","password","tel","url","search","number"],p=[...m,"inherit"],v=["thin","medium","bold","filled"],h=["Logo","actions","adduser","alert","apple","arrow-down","arrow-left","arrow-right","arrow-up","book","bookmark","checkmark","chevron-down","chevron-left","chevron-right","chevron-up","close-l","close-sm","cog","computer","dashboard","delete","download","edit","external","facebook","favorite","filter","group","hide","home","info","instagram","letter","linkedin","logout","map","minus","navigation","plus","qr-scan","question","reader","reset","school","search","send","settings","share","shopping-cart","show","snapchat","sort","speech-bubble","star","student","upload","user","warn-circle","warn-triangle","whatsapp","world","x","youtube"];function z(e){return t(e).catch((e=>{console.error("Unhandled error in Effect:",e)}))}export{h as iconNames,p as iconSizes,v as iconWeights,f as inputTypes,z as run,n as scaleValues,m as sizes,l as textSizes,o as variants}

package/dist/components/lmvz-action.js

@@ -1 +0,0 @@
-import{p as t,H as s,c as e,h as c,d as i,t as o}from"./p-CahBdGGN.js";const n=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.actionClick=e(this,"actionClick")}actionClick;_onClick(t){this.actionClick.emit(t)}render(){return c(i,{key:"00da873d80f00dc57e5a0d60f2b58a6c505e41f1",onClick:this._onClick.bind(this)},c("slot",{key:"7938b5e172ef2b027180aac801b0d9962cd68fa5"}))}static get style(){return":host{display:block}"}},[257,"lmvz-action"]),a=n,l=function(){"undefined"!=typeof customElements&&["lmvz-action"].forEach((t=>{"lmvz-action"===t&&(customElements.get(o(t))||customElements.define(o(t),n))}))};export{a as LmvzAction,l as defineCustomElement}

package/dist/components/lmvz-card.js

@@ -1 +0,0 @@
-import{p as e,H as r,c as t,h as a,d as o,t as m}from"./p-CahBdGGN.js";import{c as n}from"./p-CKtksB0G.js";const l=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.primaryAction=t(this,"primaryAction")}cardTitle;imageUrl;description;primaryActionLabel="";primaryAction;get fallbackImage(){return n("card-placeholder.svg")}_onPrimaryClick(){this.primaryAction.emit()}_onOverflowClick(e){console.log(e)}render(){return a(o,{key:"fceb19eb0d7ad6c6aecfa6fbd5bb6425c7c3e312",role:"article"},a("div",{key:"4cb516b5dee1f2f84f21984fa350f61fd83c771c",class:"top"},a("div",{key:"713b2a3245d885a9b99f6c7d54a35053699c1be8",class:"image-wrapper",style:{backgroundImage:`url(${this.imageUrl??this.fallbackImage})`}},a("div",{key:"e8ea65e7f5d11a2335cab950d6bf02208d0b18a1",class:"chip-slot"},a("slot",{key:"e9a039742107fdf56216186ddcdf367c4432790b",name:"chip"})))),a("div",{key:"9549e46a1872e0edf298b79435d298aa1ae96a37",class:"bottom"},a("header",{key:"3bbfb72ecec519d16380ae7e00da4b1ccb6f1cf3"},a("h2",{key:"f5a33e498893e61b407c10ab36c9a93b7eecf9f1",class:"title"},this.cardTitle)),a("p",{key:"19709bb100d014369c836a5a7174772f2d095d2e",class:"description"},this.description),a("div",{key:"06b5acab3c80cc91865f3aa39da32d42f470348e",class:"actions"},a("button",{key:"4e954452ac9771359c881aa6b43f11e89e38aecf",class:"primary",onClick:this._onPrimaryClick.bind(this),"data-testid":"primary"},this.primaryActionLabel),a("button",{key:"b6a682bf95eb26468c450bed494290565288a515",class:"tertiary","aria-label":"More actions",onClick:this._onOverflowClick},a("span",{key:"70a526d1fafd8b7051f6e7107b35d6f594e10d68",class:"icon-placeholder"},"...")))))}static get assetsDirs(){return["../../assets"]}static get style(){return"@layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides;  @layer lmvz-ds.theme { @font-face {   font-family: Router;   src:     local('Router-Book'),     url('/assets/fonts/Router-Book.woff') format('woff'),     local('Router');   font-weight: 400 normal; }  @font-face {   font-family: Router;   src:     local('Router-Medium'),     url('/assets/fonts/Router-Medium.woff') format('woff'),     local('Router');   font-weight: 500; }  @font-face {   font-family: Router;   src:     local('Router-Bold'),     url('/assets/fonts/Router-Bold.woff') format('woff'),     local('Router');   font-weight: 700 bold; }  } @layer lmvz-ds.reset { body {   margin: 0; }  h1, h2, h3, h4, h5, h6 {   margin: 0; }  } .sc-lmvz-card-h {            button {   --lmvz-button-color: var(--lmvz-component-color, var(--lmvz-semantic-color-int-on-primary, #ffffff));   --lmvz-button-padding-inline: var(--lmvz-button-padding, var(--lmvz-component-input-md-padding-x, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)));   --lmvz-button-padding-block: var(--lmvz-button-padding, var(--lmvz-component-input-md-padding-y, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)));   --lmvz-button-gap: var(--lmvz-component-input-md-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   --lmvz-button-font: var(--lmvz-typography-body-lg, 400 clamp(1rem, 0.97rem + 0.13vw, 1.13rem) / 1.4     Router);   --lmvz-button-radius: var(--lmvz-component-input-radius-default, 999px);   --lmvz-button-border-width: 0;   --lmvz-button-border-color: transparent;   --lmvz-button-background: var(--lmvz-semantic-color-int-primary, #000000);    display: inline-flex;   align-items: center;   justify-content: center;   gap: var(--lmvz-button-gap);   padding-block: var(--lmvz-button-padding-block);   padding-inline: var(--lmvz-button-padding-inline);   border-radius: var(--lmvz-button-radius);   border: var(--lmvz-button-border-width) solid var(--lmvz-button-border-color);   background-color: var(--lmvz-button-background);   color: var(--lmvz-button-color);   cursor: pointer;   font: var(--lmvz-button-font);   text-align: center;   text-decoration: none;   white-space: nowrap;   transition:     background-color 0.15s ease,     color 0.15s ease,     border-color 0.15s ease,     box-shadow 0.15s ease; }  button > * {   font: inherit;   color: inherit; }  button:focus-visible {      outline: var(--lmvz-semantic-border-width-default, 1px) solid var(--lmvz-semantic-color-status-selected, #f1f9fe);   outline-offset: var(--lmvz-component-input-sm-padding-x, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem)); }  button:is([disabled], .disabled) {   cursor: not-allowed;   pointer-events: none;                   opacity: var(--lmvz-component-input-disabled-opacity, 40%); }  button:not([disabled]):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-primary-hover, #2e2e2e); }  button:not([disabled]):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-primary-active, #545454); }  button.secondary {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary, #f0f0f0);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-secondary, #000000);   --lmvz-button-border-width: var(--lmvz-semantic-border-width-default, 1px);   --lmvz-button-border-color: var(--lmvz-semantic-color-border-default, #e0e0e0); }  button.secondary:not([disabled], .disabled):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary-hover, #e0e0e0);   --lmvz-button-border-color: var(--lmvz-semantic-color-border-hover, #c7c7c7); }  button.secondary:not([disabled], .disabled):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary-active, #d4d4d4);   --lmvz-button-border-color: var(--lmvz-semantic-color-border-active, #d4d4d4); }    button.tertiary {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary, #ffffff);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-tertiary, #545454); }  button.tertiary:not([disabled], .disabled):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary-hover, #f0f0f0); }  button.tertiary:not([disabled], .disabled):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary-active, #e0e0e0); }    button.small {   --lmvz-button-padding-inline: var(--lmvz-component-input-sm-padding-x, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   --lmvz-button-padding-block: var(--lmvz-component-input-sm-padding-y, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   --lmvz-button-gap: var(--lmvz-component-input-sm-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   --lmvz-button-font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.4     Router); }  button.large {   --lmvz-button-padding-inline: var(--lmvz-component-input-lg-padding-x, clamp(0.88rem, 0.78rem + 0.39vw, 1.25rem));   --lmvz-button-padding-block: var(--lmvz-component-input-lg-padding-y, clamp(0.88rem, 0.78rem + 0.39vw, 1.25rem));   --lmvz-button-gap: var(--lmvz-component-input-lg-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   --lmvz-button-font: var(--lmvz-typography-body-lg, 400 clamp(1rem, 0.97rem + 0.13vw, 1.13rem) / 1.4     Router); }     display: flex;   min-width: var(--lmvz-other-component-card-minwidth, 20.4375rem);   max-width: var(--lmvz-other-component-card-maxwidth, 21.6875rem);   flex-direction: column;   align-items: flex-start;    border-radius: var(--lmvz-semantic-border-radius-lg, 14px);   border: var(--lmvz-semantic-border-width-default, 1px) solid var(--lmvz-semantic-color-border-default, #e0e0e0);   background: var(--lmvz-semantic-color-surface-primary, #ffffff); } *.sc-lmvz-card {   color: var(--lmvz-semantic-color-on-surface-primary, #000000);   font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.4     Router); } .top.sc-lmvz-card {   display: flex;   padding: var(--lmvz-dimension-8-12, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   flex-direction: column;   justify-content: center;   align-items: center;   align-self: stretch; } .bottom.sc-lmvz-card {   display: flex;   min-width: 150px;   padding: var(--lmvz-dimension-4-6, clamp(0.25rem, 0.22rem + 0.13vw, 0.38rem)) var(--lmvz-dimension-10-14, clamp(0.63rem, 0.56rem + 0.26vw, 0.88rem)) var(--lmvz-dimension-10-14, clamp(0.63rem, 0.56rem + 0.26vw, 0.88rem)) var(--lmvz-dimension-10-14, clamp(0.63rem, 0.56rem + 0.26vw, 0.88rem));   flex-direction: column;   align-items: flex-start;   align-self: stretch; } .title.sc-lmvz-card {   margin: 0;   display: flex;   justify-content: center;   align-items: center;   align-self: stretch;    padding-bottom: var(--lmvz-global-s4, 4px);   overflow-wrap: break-word;   font: var(--lmvz-typography-heading-2xl, 500 clamp(2rem, 1.94rem + 0.26vw, 2.25rem) / 1.2     Router); } .description.sc-lmvz-card {   display: flex;   margin: 0;   padding-bottom: var(--lmvz-component-body-sm-padding-bottom, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   align-items: flex-start;   align-self: stretch;   white-space: pre-line;   font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.4     Router); } .image-wrapper.sc-lmvz-card {   aspect-ratio: 4 / 3;   width: 100%;   background-size: cover;   background-position: center;   flex: 1 0 0;   align-self: stretch;   border-radius: var(--lmvz-semantic-border-radius-md, 6px); } .actions.sc-lmvz-card {   margin-top: var(--lmvz-component-form-wrapper-gap-y, clamp(1.13rem, 0.97rem + 0.65vw, 1.75rem));   display: flex;   align-items: center;   gap: var(--lmvz-component-input-md-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   align-self: stretch; } button.primary.sc-lmvz-card, lmvz-button.primary.sc-lmvz-card {   display: flex;   justify-content: center;   align-items: center;   gap: var(--lmvz-component-input-md-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   flex: 1 0 0; }"}},[774,"lmvz-card",{cardTitle:[1,"card-title"],imageUrl:[1,"image-url"],description:[1],primaryActionLabel:[1,"primary-action-label"]}]),i=l,c=function(){"undefined"!=typeof customElements&&["lmvz-card"].forEach((e=>{"lmvz-card"===e&&(customElements.get(m(e))||customElements.define(m(e),l))}))};export{i as LmvzCard,c as defineCustomElement}

package/dist/components/lmvz-icon.js

@@ -1 +0,0 @@
-import{p as t,h as s,d as e,t as i}from"./p-CahBdGGN.js";import{g as r,a as n,l as o,i as a,b as c,c as h,m as l,d as m,e as d,f as u,h as v,j as p,k as g,s as f,n as w,o as z,p as y,q as b,t as k,u as x,v as S,w as E,x as C,y as O,z as _,A as D,B as R,C as V,D as B,E as M,F as P,G as j,H as L,I as N,J as G,K as I,L as T,M as K,N as A,O as H,P as F,Q as U,R as $,S as J,T as W,U as Y,_ as q,V as Q,W as X,X as Z,Y as tt,Z as st,$ as et,a0 as it,a1 as rt,a2 as nt,a3 as ot,a4 as at,a5 as ct,a6 as ht,a7 as lt,a8 as mt,a9 as dt,aa as ut,r as vt,ab as pt,ac as gt,ad as ft,ae as wt}from"./p-BsHYIl56.js";import{R as zt,a as yt}from"./p-GKEnURpp.js";import{c as bt}from"./p-CKtksB0G.js";const kt=Symbol.for("effect/Brand/Refined"),xt=(t,s,e,i)=>D({_tag:"Complete",key:t,exit:s,entryStats:e,timeToLiveMillis:i}),St=(t,s)=>D({_tag:"Pending",key:t,deferred:s}),Et=Symbol.for("effect/Cache/MapKey");class Ct{current;[Et]=Et;previous=void 0;next=void 0;constructor(t){this.current=t}[K](){return A(U(this.current),F(U(this.previous)),F(U(this.next)),H(this))}[$](t){return this===t||_t(t)&&W(this.current,t.current)&&W(this.previous,t.previous)&&W(this.next,t.next)}}const Ot=t=>new Ct(t),_t=t=>J(t,Et);class Dt{head=void 0;tail=void 0;add(t){if(t!==this.tail)if(void 0===this.tail)this.head=t,this.tail=t;else{const s=t.previous,e=t.next;void 0!==e&&(t.next=void 0,void 0!==s?(s.next=e,e.previous=s):(this.head=e,this.head.previous=void 0)),this.tail.next=t,t.previous=this.tail,this.tail=t}}remove(){const t=this.head;if(void 0!==t){const s=t.next;void 0!==s?(t.next=void 0,this.head=s,this.head.previous=void 0):(this.head=void 0,this.tail=void 0)}return t}}const Rt=Symbol.for("effect/Cache"),Vt={_Key:t=>t,_Error:t=>t,_Value:t=>t},Bt=Symbol.for("effect/ConsumerCache"),Mt={_Key:t=>t,_Error:t=>t,_Value:t=>t},Pt=t=>({loadedMillis:t});class jt{capacity;context;fiberId;lookup;timeToLive;[Rt]=Vt;[Bt]=Mt;cacheState;constructor(t,s,e,i,r){this.capacity=t,this.context=s,this.fiberId=e,this.lookup=i,this.timeToLive=r,this.cacheState={map:B(),keys:new Dt,accesses:T(),updating:I(!1),hits:0,misses:0}}get(t){return d(this.getEither(t),g)}get cacheStats(){return f((()=>({hits:this.cacheState.hits,misses:this.cacheState.misses,size:w(this.cacheState.map)})))}getOption(t){return z((()=>l(y(this.cacheState.map,t),{onNone:()=>{const s=Ot(t);return this.trackAccess(s),this.trackMiss(),b(k())},onSome:t=>this.resolveMapValue(t)})))}getOptionComplete(t){return z((()=>l(y(this.cacheState.map,t),{onNone:()=>{const s=Ot(t);return this.trackAccess(s),this.trackMiss(),b(k())},onSome:t=>this.resolveMapValue(t,!0)})))}contains(t){return f((()=>x(this.cacheState.map,t)))}entryStats(t){return f((()=>{const s=y(this.cacheState.map,t);if(S(s))switch(s.value._tag){case"Complete":return E(Pt(s.value.entryStats.loadedMillis));case"Pending":return k();case"Refreshing":return E(Pt(s.value.complete.entryStats.loadedMillis))}return k()}))}getEither(t){return z((()=>{const s=t;let e,i,r=C(y(this.cacheState.map,s));return void 0===r&&(i=O(this.fiberId),e=Ot(s),x(this.cacheState.map,s)?r=C(y(this.cacheState.map,s)):_(this.cacheState.map,s,St(e,i))),void 0===r?(this.trackAccess(e),this.trackMiss(),d(this.lookupValueOf(t,i),n)):R(this.resolveMapValue(r),l({onNone:()=>this.getEither(t),onSome:t=>b(o(t))}))}))}invalidate(t){return f((()=>{V(this.cacheState.map,t)}))}invalidateWhen(t,s){return f((()=>{const e=y(this.cacheState.map,t);S(e)&&"Complete"===e.value._tag&&"Success"===e.value.exit._tag&&s(e.value.exit.value)&&V(this.cacheState.map,t)}))}get invalidateAll(){return f((()=>{this.cacheState.map=B()}))}refresh(t){return M((s=>z((()=>{const e=t,i=O(this.fiberId);let r=C(y(this.cacheState.map,e));if(void 0===r&&(x(this.cacheState.map,e)?r=C(y(this.cacheState.map,e)):_(this.cacheState.map,e,St(Ot(e),i))),void 0===r)return Y(this.lookupValueOf(t,i));switch(r._tag){case"Complete":if(this.hasExpired(s,r.timeToLiveMillis)){const s=C(y(this.cacheState.map,e));return W(s,r)&&V(this.cacheState.map,e),Y(this.get(t))}return A(this.lookupValueOf(t,i),Q((()=>{const t=C(y(this.cacheState.map,e));if(W(t,r)){const t=((t,s)=>D({_tag:"Refreshing",deferred:t,complete:s}))(i,r);return _(this.cacheState.map,e,t),!0}return!1})),Y);case"Pending":case"Refreshing":return q(r.deferred)}}))))}set(t,s){return M((e=>f((()=>{const i=e.unsafeCurrentTimeMillis(),r=t,n=X(s),o=xt(Ot(r),n,Pt(i),i+Z(m(this.timeToLive(n))));_(this.cacheState.map,r,o)}))))}get size(){return f((()=>w(this.cacheState.map)))}get values(){return f((()=>{const t=[];for(const s of this.cacheState.map)"Complete"===s[1]._tag&&"Success"===s[1].exit._tag&&t.push(s[1].exit.value);return t}))}get entries(){return f((()=>{const t=[];for(const s of this.cacheState.map)"Complete"===s[1]._tag&&"Success"===s[1].exit._tag&&t.push([s[0],s[1].exit.value]);return t}))}get keys(){return f((()=>{const t=[];for(const s of this.cacheState.map)"Complete"===s[1]._tag&&"Success"===s[1].exit._tag&&t.push(s[0]);return t}))}resolveMapValue(t,s=!1){return M((e=>{switch(t._tag){case"Complete":return this.trackAccess(t.key),this.hasExpired(e,t.timeToLiveMillis)?(V(this.cacheState.map,t.key.current),b(k())):(this.trackHit(),d(t.exit,E));case"Pending":return this.trackAccess(t.key),this.trackHit(),s?b(k()):d(q(t.deferred),E);case"Refreshing":return this.trackAccess(t.complete.key),this.trackHit(),this.hasExpired(e,t.complete.timeToLiveMillis)?s?b(k()):d(q(t.deferred),E):d(t.complete.exit,E)}}))}trackHit(){this.cacheState.hits=this.cacheState.hits+1}trackMiss(){this.cacheState.misses=this.cacheState.misses+1}trackAccess(t){if(P(this.cacheState.accesses,t),j(this.cacheState.updating,!1,!0)){let t=!0;for(;t;){const s=L(this.cacheState.accesses,N);s===N?t=!1:this.cacheState.keys.add(s)}let s=w(this.cacheState.map);for(t=s>this.capacity;t;){const e=this.cacheState.keys.remove();void 0!==e?x(this.cacheState.map,e.current)&&(V(this.cacheState.map,e.current),s-=1,t=s>this.capacity):t=!1}G(this.cacheState.updating,!1)}}hasExpired(t,s){return t.unsafeCurrentTimeMillis()>s}lookupValueOf(t,s){return M((e=>z((()=>{const i=t;return A(this.lookup(t),nt(this.context),rt,R((t=>{const r=e.unsafeCurrentTimeMillis(),n=Pt(r),o=xt(Ot(i),t,n,r+Z(m(this.timeToLive(t))));return _(this.cacheState.map,i,o),st(it(s,t),t)})),tt((()=>st(et(s),f((()=>{V(this.cacheState.map,i)}))))))}))))}}const Lt=t=>{const s=m(t.timeToLive);return(t=>d(u([v(),p]),(([s,e])=>new jt(t.capacity,s,e,t.lookup,(s=>m(t.timeToLive(s)))))))({capacity:t.capacity,lookup:t.lookup,timeToLive:()=>s})},Nt=function(){const t=Symbol.for("effect/Data/Error/plainArgs");return class extends ot{constructor(s){super(s?.message,s?.cause?{cause:s.cause}:void 0),s&&(Object.assign(this,s),Object.defineProperty(this,t,{value:s,enumerable:!1}))}toJSON(){return{...this[t],...this}}}}(),Gt=t=>{const s={BaseEffectError:class extends Nt{_tag=t}};return s.BaseEffectError.prototype.name=t,s.BaseEffectError};class It extends(Gt("FetchError")){}class Tt extends(Gt("NotFoundError")){}class Kt extends(Gt("ResponseTextError")){constructor(t){super(Error("Failed to read response text",{cause:t}))}}const At=function(...t){const s=2===t.length?s=>t[0](s)?n(s):o(t[1](s)):s=>l(t[0](s),{onNone:()=>n(s),onSome:o});return Object.assign((t=>r(s(t),a)),{[kt]:kt,option:t=>h(s(t)),either:s,is:t=>c(s(t))})}((function(t){if("string"!=typeof t)return!1;try{return"svg"===(new DOMParser).parseFromString(t,"image/svg+xml").documentElement.nodeName}catch{return!1}}),(()=>[{message:"SVG data is malformed",meta:void 0}]));class Ht extends(Gt("BrandValidationError")){constructor(t,s){super(Error(`Brand validation failed for type ${s}.`,{cause:t}))}}let Ft=null;function Ut(){return mt((function*(){Ft?yield*Ft.invalidateAll:dt("Attempted to clear icon cache before it was initialized")}))}const $t=t(class extends zt{intersectionObserver;ariaValidationController=new yt(this);get el(){return this}validationEl;icon;weight="medium";size="md";iconData;visible=!1;ariaLabel;get ariaHidden(){return!this.ariaLabel}constructor(t){super(!1),!1!==t&&this.__registerHost(),this.addController(this.ariaValidationController)}connectedCallback(){this.waitUntilVisible((()=>{this.visible=!0,this.loadIconPathData()})),super.connectedCallback()}disconnectedCallback(){this.intersectionObserver&&(this.intersectionObserver.disconnect(),this.intersectionObserver=void 0),super.disconnectedCallback()}async loadIconPathData(){const{icon:t,visible:s}=this;t&&s&&(this.iconData=await vt(function(t){const s=t;return mt((function*(){return Ft||(Ft=yield*Lt({capacity:200,timeToLive:ut,lookup:t=>mt((function*(){const s=bt(t+".svg","icons"),e=yield*(t=>at((function*(){const s=yield*ct({try:()=>fetch(t,void 0),catch:t=>new It({cause:t})});return 404===s.status?yield*ht(new Tt({url:s.url})):s})))(s),i=yield*(t=>ct({try:()=>t.text(),catch:t=>new Kt(t)}))(e);return yield*(t=>lt({try:()=>At(t),catch:t=>new Ht(t,"SVGString")}))(i)}))})),yield*Ft.get(s)}))}(this.icon).pipe(pt((s=>gt(`Error loading icon "${t}":`,s.message,s.cause,s.stack))),ft((()=>wt(At('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"></svg>')))))))}componentDidRender(){this.validationEl=this.el.querySelector("svg"),this.ariaValidationController.revalidateAria(),super.componentDidRender()}render(){return s(e,{key:"4ce6e3931a1c8bfa1ddd48c780d005d110902b19",role:"img","aria-hidden":""+this.ariaHidden,innerHTML:this.iconData})}waitUntilVisible(t,s=50){"undefined"!=typeof window&&window.IntersectionObserver?(this.intersectionObserver=new IntersectionObserver((s=>{s.some((s=>!!s.isIntersecting&&(this.intersectionObserver?.disconnect(),this.intersectionObserver=void 0,t(),!0)))}),{rootMargin:s+"px"}),this.intersectionObserver.observe(this.el)):t()}static get assetsDirs(){return["../../assets/icons"]}static get watchers(){return{icon:[{loadIconPathData:0}]}}static get style(){return".sc-lmvz-icon-h{--lmvz-icon-color:var(--lmvz-component-color, var(--lmvz-semantic-color-on-surface-input-primary, #000000));display:inline-block;line-height:0;svg{display:block}svg>path{stroke:var(--lmvz-icon-color);fill:none}}[size='xs'].sc-lmvz-icon-h{svg{width:var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.69rem + 0.26vw, 1rem));height:var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.69rem + 0.26vw, 1rem))}}[size='sm'].sc-lmvz-icon-h{svg{width:var(--lmvz-component-icon-size-sm, clamp(0.88rem, 0.81rem + 0.26vw, 1.13rem));height:var(--lmvz-component-icon-size-sm, clamp(0.88rem, 0.81rem + 0.26vw, 1.13rem))}}[size='md'].sc-lmvz-icon-h{svg{width:var(--lmvz-component-icon-size-md, clamp(1rem, 0.88rem + 0.52vw, 1.5rem));height:var(--lmvz-component-icon-size-md, clamp(1rem, 0.88rem + 0.52vw, 1.5rem))}}[size='lg'].sc-lmvz-icon-h{svg{width:var(--lmvz-component-icon-size-lg, clamp(1.5rem, 1.38rem + 0.52vw, 2rem));height:var(--lmvz-component-icon-size-lg, clamp(1.5rem, 1.38rem + 0.52vw, 2rem))}}[size='inherit'].sc-lmvz-icon-h{svg{width:inherit;height:inherit}}[weight='light'].sc-lmvz-icon-h{svg>path{stroke-width:1}}[weight='medium'].sc-lmvz-icon-h{svg>path{stroke-width:1.5}}[weight='bold'].sc-lmvz-icon-h{svg>path{stroke-width:2}}[weight='filled'].sc-lmvz-icon-h{svg>path{stroke-width:2;fill:var(--lmvz-icon-color)}}"}},[514,"lmvz-icon",{icon:[513],weight:[513],size:[513],ariaLabel:[513,"aria-label"],iconData:[32],visible:[32]},void 0,{icon:[{loadIconPathData:0}]}]),Jt=$t,Wt=function(){"undefined"!=typeof customElements&&["lmvz-icon"].forEach((t=>{"lmvz-icon"===t&&(customElements.get(i(t))||customElements.define(i(t),$t))}))};export{Jt as LmvzIcon,Ut as c,Wt as defineCustomElement}