@lmvz-ds/components 0.12.4-alpha.4 → 0.12.5-alpha.1

package/dist/lmvz-components/p-a4200b26.entry.js

@@ -0,0 +1,2 @@
+export{H as header_integration,L as lmvz_button,a as lmvz_header,b as lmvz_icon,c as lmvz_input,d as lmvz_menuitem}from"./p-DANVVVBd.js";import"./p-D2eyw7iv.js";import"./p-DlDurXvX.js";import"./p-BLwPC3DQ.js";
+//# sourceMappingURL=p-a4200b26.entry.js.map

package/dist/lmvz-components/p-a4200b26.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/lmvz-components/{p-44b8e81f.entry.js → p-c8b78793.entry.js}

@@ -1 +1 @@
-import{g as i,r as e,h as s,H as t}from"./p-smGPjoDX.js";import{r as o,t as r,l as n,c as m,s as c}from"./p-BhQLGXPs.js";import{R as a,A as l}from"./p-CXWyvf0D.js";import{f as h,e as v}from"./p-BdVyBXax.js";import"./p-D7I-Bc5i.js";import"./p-DBc-XXtR.js";const p=class extends a{intersectionObserver;get el(){return i(this)}icon;weight="medium";size="md";iconData;visible=!1;ariaLabel;get ariaHidden(){return!this.ariaLabel}constructor(i){super(),e(this,i),this.addController(new l(this))}connectedCallback(){this.waitUntilVisible((()=>{this.visible=!0,this.loadIconPathData()}))}disconnectedCallback(){this.intersectionObserver&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null)}async loadIconPathData(){const{icon:i,visible:e}=this;i&&e&&(this.iconData=await o(h(this.icon).pipe(r((e=>n(`Error loading icon "${i}":`,e.message,e.cause,e.stack))),m((()=>c(v()))))))}render(){return s(t,{key:"50d0f96ec5085a47ca7783e5232dfb503fa32d29",role:"img","aria-hidden":`${this.ariaHidden}`,innerHTML:this.iconData})}waitUntilVisible(i,e=50){"undefined"!=typeof window&&window.IntersectionObserver?(this.intersectionObserver=new IntersectionObserver((e=>{e.some((e=>!!e.isIntersecting&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null,i(),!0)))}),{rootMargin:`${e}px`}),this.intersectionObserver.observe(this.el)):i()}static get assetsDirs(){return["../../assets/icons"]}static get watchers(){return{icon:[{loadIconPathData:0}]}}};p.style=".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)}}";export{p as lmvz_icon}
+import{g as i,r as e,h as s,H as t}from"./p-smGPjoDX.js";import{r as o,t as r,l as n,c as m,s as c}from"./p-BhQLGXPs.js";import{R as a,A as l}from"./p-CXWyvf0D.js";import{f as h,e as v}from"./p-51Fb_qqD.js";import"./p-D7I-Bc5i.js";import"./p-4XIjw3k8.js";const p=class extends a{intersectionObserver;get el(){return i(this)}icon;weight="medium";size="md";iconData;visible=!1;ariaLabel;get ariaHidden(){return!this.ariaLabel}constructor(i){super(),e(this,i),this.addController(new l(this))}connectedCallback(){this.waitUntilVisible((()=>{this.visible=!0,this.loadIconPathData()}))}disconnectedCallback(){this.intersectionObserver&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null)}async loadIconPathData(){const{icon:i,visible:e}=this;i&&e&&(this.iconData=await o(h(this.icon).pipe(r((e=>n(`Error loading icon "${i}":`,e.message,e.cause,e.stack))),m((()=>c(v()))))))}render(){return s(t,{key:"50d0f96ec5085a47ca7783e5232dfb503fa32d29",role:"img","aria-hidden":`${this.ariaHidden}`,innerHTML:this.iconData})}waitUntilVisible(i,e=50){"undefined"!=typeof window&&window.IntersectionObserver?(this.intersectionObserver=new IntersectionObserver((e=>{e.some((e=>!!e.isIntersecting&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null,i(),!0)))}),{rootMargin:`${e}px`}),this.intersectionObserver.observe(this.el)):i()}static get assetsDirs(){return["../../assets/icons"]}static get watchers(){return{icon:[{loadIconPathData:0}]}}};p.style=".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)}}";export{p as lmvz_icon}

package/dist/lmvz-components/p-d3243bae.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as r,h as t,H as a}from"./p-D2eyw7iv.js";import{cg as o,cf as n}from"./p-DlDurXvX.js";const m=()=>`@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 { 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; }`;const l=class{constructor(t){e(this,t);this.primaryAction=r(this,"primaryAction")}cardTitle;imageUrl;description;primaryActionLabel="";primaryAction;get fallbackImage(){return o(n("card-placeholder.svg"))}_onPrimaryClick(){this.primaryAction.emit()}_onOverflowClick(e){console.log(e)}render(){const e={backgroundImage:`url(${this.imageUrl??this.fallbackImage})`};return t(a,{key:"1438354a53604954320d01652aa1d84f8712e875",role:"article"},t("div",{key:"dcffae2c48ebf8f8769cf07c2e78806f12df6888",class:"top"},t("div",{key:"e41e1d0aafbfc5879b86022e91958ef3373b48b2",class:"image-wrapper",style:e},t("div",{key:"f6a1fc9706012f39aca9dd0b995290e6042e3407",class:"chip-slot"},t("slot",{key:"4e014519c147705cc30b3268d652ea6c76c749ec",name:"chip"})))),t("div",{key:"e7baf78b660e9a97edd0b6a0aa1bdb1afa593fed",class:"bottom"},t("header",{key:"a8dad9f91df60f535725328a4901833d47652678"},t("h2",{key:"1cdbca46469750187856a46fa155128f1f8a677f",class:"title"},this.cardTitle)),t("p",{key:"f33c2c0af86d7be31fcbd676833b27c7d06e2dd9",class:"description"},this.description),t("div",{key:"a12595d514167fb957aac71fe3d144810b442f9d",class:"actions"},t("button",{key:"9730cedbf83599c09eedaaae43331147691486d6",class:"primary",onClick:this._onPrimaryClick.bind(this),"data-testid":"primary"},this.primaryActionLabel),t("button",{key:"48e9c511c406beb75334452769beade3dec9a3f5",class:"tertiary","aria-label":"More actions",onClick:this._onOverflowClick},t("span",{key:"81cc1af42a15dddb9dbd4f373a6a047c2e2cd563",class:"icon-placeholder"},"...")))))}static get assetsDirs(){return["../../assets"]}};l.style=m();export{l as lmvz_card};
+//# sourceMappingURL=p-d3243bae.entry.js.map

package/dist/lmvz-components/p-d3243bae.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["lmvzCardCss","LmvzCard","cardTitle","imageUrl","description","primaryActionLabel","primaryAction","fallbackImage","runSync","syncCreateAssetUrlSafely","_onPrimaryClick","this","emit","_onOverflowClick","event","console","log","render","imgStyle","backgroundImage","h","Host","key","role","class","style","name","onClick","bind"],"sources":["src/components/lmvz-card/lmvz-card.css?tag=lmvz-card&encapsulation=scoped","src/components/lmvz-card/lmvz-card.tsx"],"sourcesContent":["@import url('../../styles/internal/define-layers.css');\n\n@import url('../../styles/fragments/_routerFont.css') layer(lmvz-ds.theme);\n@import url('../../styles/fragments/_reset.css') layer(lmvz-ds.reset);\n\n:host {\n  /** component dependencies */\n  /* * the (invalid nested) import will be handled by postcss */\n  /* stylelint-disable no-invalid-position-at-import-rule */\n  @import url('../../styles/fragments/_buttons.css');\n\n  display: flex;\n  min-width: var(--lmvz-other-component-card-minwidth);\n  max-width: var(--lmvz-other-component-card-maxwidth);\n  flex-direction: column;\n  align-items: flex-start;\n\n  border-radius: var(--lmvz-semantic-border-radius-lg);\n  border: var(--lmvz-semantic-border-width-default) solid var(--lmvz-semantic-color-border-default);\n  background: var(--lmvz-semantic-color-surface-primary);\n}\n\n* {\n  color: var(--lmvz-semantic-color-on-surface-primary);\n  font: var(--lmvz-typography-body-md);\n}\n\n.top {\n  display: flex;\n  padding: var(--lmvz-dimension-8-12);\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  align-self: stretch;\n}\n\n.bottom {\n  display: flex;\n  min-width: 150px;\n  padding: var(--lmvz-dimension-4-6) var(--lmvz-dimension-10-14) var(--lmvz-dimension-10-14) var(--lmvz-dimension-10-14);\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n}\n\n.title {\n  margin: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-self: stretch;\n\n  padding-bottom: var(--lmvz-global-s4);\n  overflow-wrap: break-word;\n  font: var(--lmvz-typography-heading-2xl);\n}\n\n.description {\n  display: flex;\n  margin: 0;\n  padding-bottom: var(--lmvz-component-body-sm-padding-bottom);\n  align-items: flex-start;\n  align-self: stretch;\n  white-space: pre-line;\n  font: var(--lmvz-typography-body-md);\n}\n\n.image-wrapper {\n  aspect-ratio: 4 / 3;\n  width: 100%;\n  background-size: cover;\n  background-position: center;\n  flex: 1 0 0;\n  align-self: stretch;\n  border-radius: var(--lmvz-semantic-border-radius-md);\n}\n\n.actions {\n  margin-top: var(--lmvz-component-form-wrapper-gap-y);\n  display: flex;\n  align-items: center;\n  gap: var(--lmvz-component-input-md-gap-x);\n  align-self: stretch;\n}\n\nbutton.primary,\nlmvz-button.primary {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: var(--lmvz-component-input-md-gap-x);\n  flex: 1 0 0;\n}\n\n/* .overflow-button {\n  anchor-name: --overflow-button;\n} */\n\n/* menu {\n  position: fixed;\n  position-anchor: --overflow-button;\n\n  inset-block-start: anchor(end);\n  inset-inline-end: anchor(self-end);\n  margin: 5px 0 0 5px;\n} */\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\nimport { runSync } from 'effect/Effect';\nimport { syncCreateAssetUrlSafely } from '../../utils/assets';\n\n@Component({\n  tag: 'lmvz-card',\n  styleUrl: 'lmvz-card.css',\n  scoped: true,\n  assetsDirs: ['../../assets'],\n})\nexport class LmvzCard {\n  /** Card title (required) */\n  @Prop() cardTitle!: string;\n\n  /** Optional image URL; placeholder used if omitted */\n  @Prop() imageUrl?: string;\n\n  /** Optional description */\n  @Prop() description?: string;\n\n  /** Primary action button label */\n  @Prop() primaryActionLabel: string = '';\n\n  /** Event emitted when primary button is clicked */\n  @Event() primaryAction!: EventEmitter<PointerEvent>;\n\n  private get fallbackImage() {\n    return runSync(syncCreateAssetUrlSafely('card-placeholder.svg'));\n  }\n\n  private _onPrimaryClick() {\n    this.primaryAction.emit();\n  }\n\n  private _onOverflowClick(event: PointerEvent) {\n    // TODO: show menu\n    console.log(event);\n  }\n\n  render() {\n    const imgStyle = {\n      backgroundImage: `url(${this.imageUrl ?? this.fallbackImage})`,\n    };\n    return (\n      <Host role=\"article\">\n        <div class=\"top\">\n          <div class=\"image-wrapper\" style={imgStyle}>\n            <div class=\"chip-slot\">\n              <slot name=\"chip\"></slot>\n            </div>\n          </div>\n        </div>\n        <div class=\"bottom\">\n          <header>\n            <h2 class=\"title\">{this.cardTitle}</h2>\n          </header>\n          <p class=\"description\">{this.description}</p>\n          {/* TODO: hide unless actions are available https://stackoverflow.com/questions/53796599/how-to-determine-number-of-children-in-a-slot */}\n          <div class=\"actions\">\n            <button class=\"primary\" onClick={this._onPrimaryClick.bind(this)} data-testid=\"primary\">\n              {this.primaryActionLabel}\n            </button>\n            {/* popoverTarget=\"mypopover\"  */}\n            <button class=\"tertiary\" aria-label=\"More actions\" onClick={this._onOverflowClick}>\n              <span class=\"icon-placeholder\">...</span>\n            </button>\n            {/* <menu id=\"mypopover\" popover=\"manual\">\n              <li>TEST</li>\n            </menu> */}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sGAAA,MAAMA,EAAc,IAAM,6mP,MCWbC,EAAQ,M,oEAEXC,UAGAC,SAGAC,YAGAC,mBAA6B,GAG5BC,cAET,iBAAYC,GACV,OAAOC,EAAQC,EAAyB,wB,CAGlC,eAAAC,GACNC,KAAKL,cAAcM,M,CAGb,gBAAAC,CAAiBC,GAEvBC,QAAQC,IAAIF,E,CAGd,MAAAG,GACE,MAAMC,EAAW,CACfC,gBAAiB,OAAOR,KAAKR,UAAYQ,KAAKJ,kBAEhD,OACEa,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,WACTH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,OACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,gBAAgBC,MAAOP,GAChCE,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAAA,QAAAE,IAAA,2CAAMI,KAAK,YAIjBN,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UACTJ,EAAA,UAAAE,IAAA,4CACEF,EAAA,MAAAE,IAAA,2CAAIE,MAAM,SAASb,KAAKT,YAE1BkB,EAAA,KAAAE,IAAA,2CAAGE,MAAM,eAAeb,KAAKP,aAE7BgB,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACTJ,EAAA,UAAAE,IAAA,2CAAQE,MAAM,UAAUG,QAAShB,KAAKD,gBAAgBkB,KAAKjB,MAAK,cAAc,WAC3EA,KAAKN,oBAGRe,EAAA,UAAAE,IAAA,2CAAQE,MAAM,WAAU,aAAY,eAAeG,QAAShB,KAAKE,kBAC/DO,EAAA,QAAAE,IAAA,2CAAME,MAAM,oBAAkB,U","ignoreList":[]}

package/dist/manifest.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-03-10T16:41:53",
+  "timestamp": "2026-03-11T10:54:20",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.2",
@@ -14,7 +14,31 @@
       "docs": "",
       "docsTags": [],
       "usage": {},
-      "props": [],
+      "props": [
+        {
+          "name": "activeNav",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "active-nav",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
       "methods": [],
       "events": [],
       "listeners": [],

package/dist/types/utils/environment.d.ts

@@ -0,0 +1 @@
+export declare function getLocationBase(): string;

package/hydrate/index.js

@@ -27366,6 +27366,10 @@ class LmvzButton extends ReactiveControllerHost {
     }; }
 }
 
+function getLocationBase() {
+    return (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('@app-factory-entry.js', document.baseURI).href)) ?? window?.location?.origin ?? '';
+}
+
 class URLCreationError extends TaggedError('URLCreationError') {
 }
 const relativeAssetsPath = '../../assets';
@@ -27377,9 +27381,6 @@ const syncCreateAssetUrlSafely = (file, pathFromAssetRoot) => {
 function joinPath(...parts) {
     return parts.filter(Boolean).join('/').replace('//', '/').replace('/./', '/');
 }
-function getLocationBase() {
-    return (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('@app-factory-entry.js', document.baseURI).href)) ?? window?.location?.origin ?? '';
-}
 
 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('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 { 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; }`;
 

package/hydrate/index.mjs

@@ -27364,6 +27364,10 @@ class LmvzButton extends ReactiveControllerHost {
     }; }
 }
 
+function getLocationBase() {
+    return (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('@app-factory-entry.js', document.baseURI).href)) ?? window?.location?.origin ?? '';
+}
+
 class URLCreationError extends TaggedError('URLCreationError') {
 }
 const relativeAssetsPath = '../../assets';
@@ -27375,9 +27379,6 @@ const syncCreateAssetUrlSafely = (file, pathFromAssetRoot) => {
 function joinPath(...parts) {
     return parts.filter(Boolean).join('/').replace('//', '/').replace('/./', '/');
 }
-function getLocationBase() {
-    return (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('@app-factory-entry.js', document.baseURI).href)) ?? window?.location?.origin ?? '';
-}
 
 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('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 { 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; }`;
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@lmvz-ds/components",
   "private": false,
   "type": "module",
-  "version": "0.12.4-alpha.4+9301e30",
+  "version": "0.12.5-alpha.1+72d1667",
   "description": "The components of the design system",
   "author": "Patrick Nemenz <patrick.nemenz@adesso.at>",
   "volta": {
@@ -109,14 +109,13 @@
   },
   "scripts": {
     "start": "npm run start:integration",
-    "start:integration": "concurrently 'npm run build:css -- --watch' 'npm run build:dev -- --watch'",
+    "start:integration": "concurrently 'npm run build:css -- --watch' 'npm run build:integration -- --watch'",
     "start:dev": "stencil build --watch --dev --serve --config stencil.config.dev.ts",
     "build": "npm run build:css && npm run build:components",
     "build:css": "vite build --config vite-style.config.js",
-    "build:styles": "npm run build:css",
     "build:components": "stencil build --docs --prod --config stencil.config.prod.ts",
     "build:debug": "node --inspect-brk ../../node_modules/.bin/stencil build --debug --docs --config ./stencil.config.dev.ts",
-    "build:dev": "stencil build --config stencil.config.integration.ts",
+    "build:integration": "stencil build --config stencil.config.integration.ts",
     "test": "npm run test.spec",
     "test.spec": "jest",
     "test.e2e": "playwright test",
@@ -138,14 +137,16 @@
       "build:css": {
         "cache": true,
         "dependsOn": [
-          "^build:css"
+          "^build"
         ],
         "outputs": [
           "{projectRoot}/vite-generated"
         ]
       },
-      "build:styles": {
-        "dependsOn": []
+      "build:integration": {
+        "dependsOn": [
+          "build:css"
+        ]
       },
       "build:components": {
         "cache": true,
@@ -187,7 +188,7 @@
     "effect": "3.19.14"
   },
   "devDependencies": {
-    "@lmvz-ds/design-tokens": "^0.12.4-alpha.4+9301e30",
+    "@lmvz-ds/design-tokens": "^0.12.5-alpha.1+72d1667",
     "@playwright/test": "^1.55.0",
     "@stencil-community/postcss": "^2.2.0",
     "@stencil/angular-output-target": "1.3.0",
@@ -212,5 +213,5 @@
     "tsx": "^4.21.0",
     "vite": "^7.3.1"
   },
-  "gitHead": "9301e30545fa633c0e449f780eb9df40c3d38105"
+  "gitHead": "72d16675a804d947fb969c102b63a97bb263f82b"
 }

package/dist/components/p-CT4QR4IQ.js

@@ -1 +0,0 @@
-import{p as t,h as s,d as e,t as i}from"./p-BaPwpeMs.js";import{g as r,b as n,l as o,i as a,c,d as h,m as l,e as m,f as d,h as u,j as v,k as p,n as g,s as f,o as w,p as z,q as y,t as b,u as k,v as x,w as S,x as C,y as E,z as _,A as L,B as M,C as P,D as R,E as V,F as D,G as O,H as T,I as j,J as I,K as B,L as N,M as $,N as A,O as F,P as H,Q as K,R as G,S as Z,T as Q,U,V as W,W as Y,X as q,Y as J,Z as X,_ as tt,$ as st,r as et,a0 as it,a1 as rt,a2 as nt,a3 as ot}from"./p-CdofjRtQ.js";import{u as at,o as ct,p as ht,E as lt,a as mt,_ as dt,s as ut,i as vt,d as pt,R as gt,A as ft}from"./p-3I3wZmp8.js";import{T as wt,s as zt}from"./p-s0vRLYZr.js";const yt=Symbol.for("effect/Brand/Refined"),bt=(t,s,e,i)=>L({_tag:"Complete",key:t,exit:s,entryStats:e,timeToLiveMillis:i}),kt=(t,s)=>L({_tag:"Pending",key:t,deferred:s}),xt=Symbol.for("effect/Cache/MapKey");class St{current;[xt]=xt;previous=void 0;next=void 0;constructor(t){this.current=t}[j](){return I($(this.current),N($(this.previous)),N($(this.next)),B(this))}[A](t){return this===t||Et(t)&&H(this.current,t.current)&&H(this.previous,t.previous)&&H(this.next,t.next)}}const Ct=t=>new St(t),Et=t=>F(t,xt);class _t{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 Lt=Symbol.for("effect/Cache"),Mt={_Key:t=>t,_Error:t=>t,_Value:t=>t},Pt=Symbol.for("effect/ConsumerCache"),Rt={_Key:t=>t,_Error:t=>t,_Value:t=>t},Vt=t=>({loadedMillis:t});class Dt{capacity;context;fiberId;lookup;timeToLive;[Lt]=Mt;[Pt]=Rt;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:R(),keys:new _t,accesses:mt(),updating:T(!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=Ct(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=Ct(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 C(Vt(s.value.entryStats.loadedMillis));case"Pending":return k();case"Refreshing":return C(Vt(s.value.complete.entryStats.loadedMillis))}return k()}))}getEither(t){return z((()=>{const s=t;let e,i,r=E(y(this.cacheState.map,s));return void 0===r&&(i=at(this.fiberId),e=Ct(s),x(this.cacheState.map,s)?r=E(y(this.cacheState.map,s)):_(this.cacheState.map,s,kt(e,i))),void 0===r?(this.trackAccess(e),this.trackMiss(),d(this.lookupValueOf(t,i),n)):M(this.resolveMapValue(r),l({onNone:()=>this.getEither(t),onSome:t=>b(o(t))}))}))}invalidate(t){return f((()=>{P(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)&&P(this.cacheState.map,t)}))}get invalidateAll(){return f((()=>{this.cacheState.map=R()}))}refresh(t){return V((s=>z((()=>{const e=t,i=at(this.fiberId);let r=E(y(this.cacheState.map,e));if(void 0===r&&(x(this.cacheState.map,e)?r=E(y(this.cacheState.map,e)):_(this.cacheState.map,e,kt(Ct(e),i))),void 0===r)return K(this.lookupValueOf(t,i));switch(r._tag){case"Complete":if(this.hasExpired(s,r.timeToLiveMillis)){const s=E(y(this.cacheState.map,e));return H(s,r)&&P(this.cacheState.map,e),K(this.get(t))}return I(this.lookupValueOf(t,i),G((()=>{const t=E(y(this.cacheState.map,e));if(H(t,r)){const t=((t,s)=>L({_tag:"Refreshing",deferred:t,complete:s}))(i,r);return _(this.cacheState.map,e,t),!0}return!1})),K);case"Pending":case"Refreshing":return dt(r.deferred)}}))))}set(t,s){return V((e=>f((()=>{const i=e.unsafeCurrentTimeMillis(),r=t,n=ut(s),o=bt(Ct(r),n,Vt(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 V((e=>{switch(t._tag){case"Complete":return this.trackAccess(t.key),this.hasExpired(e,t.timeToLiveMillis)?(P(this.cacheState.map,t.key.current),b(k())):(this.trackHit(),d(t.exit,C));case"Pending":return this.trackAccess(t.key),this.trackHit(),s?b(k()):d(dt(t.deferred),C);case"Refreshing":return this.trackAccess(t.complete.key),this.trackHit(),this.hasExpired(e,t.complete.timeToLiveMillis)?s?b(k()):d(dt(t.deferred),C):d(t.complete.exit,C)}}))}trackHit(){this.cacheState.hits=this.cacheState.hits+1}trackMiss(){this.cacheState.misses=this.cacheState.misses+1}trackAccess(t){if(ct(this.cacheState.accesses,t),D(this.cacheState.updating,!1,!0)){let t=!0;for(;t;){const s=ht(this.cacheState.accesses,lt);s===lt?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)&&(P(this.cacheState.map,e.current),s-=1,t=s>this.capacity):t=!1}O(this.cacheState.updating,!1)}}hasExpired(t,s){return t.unsafeCurrentTimeMillis()>s}lookupValueOf(t,s){return V((e=>z((()=>{const i=t;return I(this.lookup(t),Y(this.context),W,M((t=>{const r=e.unsafeCurrentTimeMillis(),n=Vt(r),o=bt(Ct(i),t,n,r+Z(m(this.timeToLive(t))));return _(this.cacheState.map,i,o),U(pt(s,t),t)})),Q((()=>U(vt(s),f((()=>{P(this.cacheState.map,i)}))))))}))))}}const Ot=t=>{const s=m(t.timeToLive);return(t=>d(u([v(),p]),(([s,e])=>new Dt(t.capacity,s,e,t.lookup,(s=>m(t.timeToLive(s)))))))({capacity:t.capacity,lookup:t.lookup,timeToLive:()=>s})};class Tt extends(wt("FetchError")){}class jt extends(wt("NotFoundError")){}class It extends(wt("ResponseTextError")){constructor(t){super(new Error("Failed to read response text",{cause:t}))}}const Bt=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)),{[yt]:yt,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:undefined}]));class Nt extends(wt("BrandValidationError")){constructor(t,s){super(new Error(`Brand validation failed for type ${s}.`,{cause:t}))}}let $t=null;function At(){return q((function*(){$t?yield*$t.invalidateAll:tt("Attempted to clear icon cache before it was initialized")}))}const Ft=t(class extends gt{intersectionObserver;get el(){return this}icon;weight="medium";size="md";iconData;visible=!1;ariaLabel;get ariaHidden(){return!this.ariaLabel}constructor(t){super(!1),!1!==t&&this.__registerHost(),this.addController(new ft(this))}connectedCallback(){this.waitUntilVisible((()=>{this.visible=!0,this.loadIconPathData()}))}disconnectedCallback(){this.intersectionObserver&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null)}async loadIconPathData(){const{icon:t,visible:s}=this;t&&s&&(this.iconData=await et(function(t){const s=t;return q((function*(){return $t||($t=yield*Ot({capacity:200,timeToLive:st,lookup:t=>q((function*(){const s=t,e=yield*zt(`${s}.svg`,"icons"),i=yield*(r=e,q((function*(){const t=yield*J({try:()=>fetch(r,void 0),catch:t=>new Tt({cause:t})});return 404===t.status?yield*new jt({url:t.url}):t})));var r;const n=yield*(t=>J({try:()=>t.text(),catch:t=>new It(t)}))(i);return yield*(o=n,X({try:()=>Bt(o),catch:t=>new Nt(t,"SVGString")}));var o}))})),yield*$t.get(s)}))}(this.icon).pipe(it((s=>rt(`Error loading icon "${t}":`,s.message,s.cause,s.stack))),nt((()=>ot(Bt('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"></svg>')))))))}render(){return s(e,{key:"50d0f96ec5085a47ca7783e5232dfb503fa32d29",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=null,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}]}]);function Ht(){"undefined"!=typeof customElements&&["lmvz-icon"].forEach((t=>{"lmvz-icon"===t&&(customElements.get(i(t))||customElements.define(i(t),Ft))}))}export{Ft as L,At as c,Ht as d}

package/dist/lmvz-components/p-BdVyBXax.js

@@ -1 +0,0 @@
-import{g as t,b as s,d as e,i,e as r,f as n,m as o,h as a,j as h,k as c,n as u,o as d,p as l,q as f,u as p,v,w as m,x as g,y,z as w,A as S,B as x,C,D as k,E,F as _,G as b,H as B,I as R,J as V,K as M,L as P,M as T,N as L,O as N,P as O,Q as j,R as z,S as A,T as D,U as F,V as G,W as K,X,Y as I,Z as $,_ as H,$ as Q,a0 as W,a1 as q,a2 as J,a3 as U}from"./p-BhQLGXPs.js";import{u as Y,o as Z,p as tt,E as st,a as et,_ as it,s as rt,i as nt,d as ot}from"./p-D7I-Bc5i.js";import{T as at,s as ht}from"./p-DBc-XXtR.js";const ct=Symbol.for("effect/Brand/Refined"),ut=(t,s,e,i)=>E({_tag:"Complete",key:t,exit:s,entryStats:e,timeToLiveMillis:i}),dt=(t,s)=>E({_tag:"Pending",key:t,deferred:s}),lt=Symbol.for("effect/Cache/MapKey");class ft{current;[lt]=lt;previous=void 0;next=void 0;constructor(t){this.current=t}[T](){return L(j(this.current),O(j(this.previous)),O(j(this.next)),N(this))}[z](t){return this===t||vt(t)&&D(this.current,t.current)&&D(this.previous,t.previous)&&D(this.next,t.next)}}const pt=t=>new ft(t),vt=t=>A(t,lt);class mt{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 gt=Symbol.for("effect/Cache"),yt={_Key:t=>t,_Error:t=>t,_Value:t=>t},wt=Symbol.for("effect/ConsumerCache"),St={_Key:t=>t,_Error:t=>t,_Value:t=>t},xt=t=>({loadedMillis:t});class Ct{capacity;context;fiberId;lookup;timeToLive;[gt]=yt;[wt]=St;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 mt,accesses:et(),updating:P(!1),hits:0,misses:0}}get(t){return h(this.getEither(t),l)}get cacheStats(){return f((()=>({hits:this.cacheState.hits,misses:this.cacheState.misses,size:p(this.cacheState.map)})))}getOption(t){return v((()=>o(m(this.cacheState.map,t),{onNone:()=>{const s=pt(t);return this.trackAccess(s),this.trackMiss(),g(y())},onSome:t=>this.resolveMapValue(t)})))}getOptionComplete(t){return v((()=>o(m(this.cacheState.map,t),{onNone:()=>{const s=pt(t);return this.trackAccess(s),this.trackMiss(),g(y())},onSome:t=>this.resolveMapValue(t,!0)})))}contains(t){return f((()=>w(this.cacheState.map,t)))}entryStats(t){return f((()=>{const s=m(this.cacheState.map,t);if(S(s))switch(s.value._tag){case"Complete":return x(xt(s.value.entryStats.loadedMillis));case"Pending":return y();case"Refreshing":return x(xt(s.value.complete.entryStats.loadedMillis))}return y()}))}getEither(t){return v((()=>{const i=t;let r,n,a=C(m(this.cacheState.map,i));return void 0===a&&(n=Y(this.fiberId),r=pt(i),w(this.cacheState.map,i)?a=C(m(this.cacheState.map,i)):k(this.cacheState.map,i,dt(r,n))),void 0===a?(this.trackAccess(r),this.trackMiss(),h(this.lookupValueOf(t,n),s)):_(this.resolveMapValue(a),o({onNone:()=>this.getEither(t),onSome:t=>g(e(t))}))}))}invalidate(t){return f((()=>{b(this.cacheState.map,t)}))}invalidateWhen(t,s){return f((()=>{const e=m(this.cacheState.map,t);S(e)&&"Complete"===e.value._tag&&"Success"===e.value.exit._tag&&s(e.value.exit.value)&&b(this.cacheState.map,t)}))}get invalidateAll(){return f((()=>{this.cacheState.map=B()}))}refresh(t){return R((s=>v((()=>{const e=t,i=Y(this.fiberId);let r=C(m(this.cacheState.map,e));if(void 0===r&&(w(this.cacheState.map,e)?r=C(m(this.cacheState.map,e)):k(this.cacheState.map,e,dt(pt(e),i))),void 0===r)return F(this.lookupValueOf(t,i));switch(r._tag){case"Complete":if(this.hasExpired(s,r.timeToLiveMillis)){const s=C(m(this.cacheState.map,e));return D(s,r)&&b(this.cacheState.map,e),F(this.get(t))}return L(this.lookupValueOf(t,i),G((()=>{const t=C(m(this.cacheState.map,e));if(D(t,r)){const t=((t,s)=>E({_tag:"Refreshing",deferred:t,complete:s}))(i,r);return k(this.cacheState.map,e,t),!0}return!1})),F);case"Pending":case"Refreshing":return it(r.deferred)}}))))}set(t,s){return R((e=>f((()=>{const i=e.unsafeCurrentTimeMillis(),r=t,n=rt(s),o=ut(pt(r),n,xt(i),i+K(a(this.timeToLive(n))));k(this.cacheState.map,r,o)}))))}get size(){return f((()=>p(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 R((e=>{switch(t._tag){case"Complete":return this.trackAccess(t.key),this.hasExpired(e,t.timeToLiveMillis)?(b(this.cacheState.map,t.key.current),g(y())):(this.trackHit(),h(t.exit,x));case"Pending":return this.trackAccess(t.key),this.trackHit(),s?g(y()):h(it(t.deferred),x);case"Refreshing":return this.trackAccess(t.complete.key),this.trackHit(),this.hasExpired(e,t.complete.timeToLiveMillis)?s?g(y()):h(it(t.deferred),x):h(t.complete.exit,x)}}))}trackHit(){this.cacheState.hits=this.cacheState.hits+1}trackMiss(){this.cacheState.misses=this.cacheState.misses+1}trackAccess(t){if(Z(this.cacheState.accesses,t),V(this.cacheState.updating,!1,!0)){let t=!0;for(;t;){const s=tt(this.cacheState.accesses,st);s===st?t=!1:this.cacheState.keys.add(s)}let s=p(this.cacheState.map);for(t=s>this.capacity;t;){const e=this.cacheState.keys.remove();void 0!==e?w(this.cacheState.map,e.current)&&(b(this.cacheState.map,e.current),s-=1,t=s>this.capacity):t=!1}M(this.cacheState.updating,!1)}}hasExpired(t,s){return t.unsafeCurrentTimeMillis()>s}lookupValueOf(t,s){return R((e=>v((()=>{const i=t;return L(this.lookup(t),H(this.context),$,_((t=>{const r=e.unsafeCurrentTimeMillis(),n=xt(r),o=ut(pt(i),t,n,r+K(a(this.timeToLive(t))));return k(this.cacheState.map,i,o),I(ot(s,t),t)})),X((()=>I(nt(s),f((()=>{b(this.cacheState.map,i)}))))))}))))}}const kt=t=>{const s=a(t.timeToLive);return(t=>h(c([u(),d]),(([s,e])=>new Ct(t.capacity,s,e,t.lookup,(s=>a(t.timeToLive(s)))))))({capacity:t.capacity,lookup:t.lookup,timeToLive:()=>s})};class Et extends(at("FetchError")){}class _t extends(at("NotFoundError")){}class bt extends(at("ResponseTextError")){constructor(t){super(new Error("Failed to read response text",{cause:t}))}}const Bt=function(...a){const h=2===a.length?t=>a[0](t)?s(t):e(a[1](t)):t=>o(a[0](t),{onNone:()=>s(t),onSome:e});return Object.assign((s=>t(h(s),i)),{[ct]:ct,option:t=>n(h(t)),either:h,is:t=>r(h(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:undefined}]));class Rt extends(at("BrandValidationError")){constructor(t,s){super(new Error(`Brand validation failed for type ${s}.`,{cause:t}))}}const Vt=()=>Bt('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"></svg>');let Mt=null;function Pt(t){const s=t;return Q((function*(){return Mt||(Mt=yield*kt({capacity:200,timeToLive:U,lookup:t=>Q((function*(){const s=t,e=yield*ht(`${s}.svg`,"icons"),i=yield*(r=e,Q((function*(){const t=yield*W({try:()=>fetch(r,void 0),catch:t=>new Et({cause:t})});return 404===t.status?yield*new _t({url:t.url}):t})));var r;const n=yield*(t=>W({try:()=>t.text(),catch:t=>new bt(t)}))(i);return yield*(o=n,q({try:()=>Bt(o),catch:t=>new Rt(t,"SVGString")}));var o}))})),yield*Mt.get(s)}))}function Tt(){return Q((function*(){Mt?yield*Mt.invalidateAll:J("Attempted to clear icon cache before it was initialized")}))}export{Tt as c,Vt as e,Pt as f}