@vonage/vivid 5.18.0 → 5.19.0

package/bundled/vivid-element.js

@@ -1712,40 +1712,42 @@ var Lt = /* @__PURE__ */ new Set(), X = /* @__PURE__ */ new Map(), Rt = (e) => (
 	template: n,
 	dependencies: r,
 	options: i
-}), Bt = /* @__PURE__ */ new WeakMap(), Vt = (e) => {
+}), Bt = /* @__PURE__ */ new WeakMap(), Z = (e) => {
 	let t = Bt.get(e);
 	return t || (t = [], Bt.set(e, t)), t;
+}, Vt = (e, t) => {
+	Z(e).push(t);
 }, Ht = (e, t) => {
-	Vt(e).push(t);
+	Z(e).splice(Z(e).indexOf(t), 1);
 }, Ut = (e, t) => {
-	Vt(e).forEach((n) => n(e, t));
+	Z(e).forEach((n) => n(e, t));
 }, Wt = (e) => e === "delegate", Gt = (e) => `vvd${e.charAt(0).toUpperCase()}${e.slice(1)}`, Kt = (e, t) => {
 	if (Wt(e._vividAriaBehaviour)) {
 		let n = e[t];
 		e[`_${t}`] = null, e.removeAttribute($(t)), e[`_${t}`] = n, e[t] === null ? delete e.dataset[Gt(t)] : e.dataset[Gt(t)] = e[t];
 	} else h.setAttribute(e, $(t), e[t]);
-}, Z = /* @__PURE__ */ new WeakMap(), qt = (e, t) => {
-	let n = Z.get(e);
-	n ? n.add(t) : Z.set(e, new Set([t]));
+}, Q = /* @__PURE__ */ new WeakMap(), qt = (e, t) => {
+	let n = Q.get(e);
+	n ? n.add(t) : Q.set(e, new Set([t]));
 }, Jt = (e, t) => {
 	e.isConnected ? Kt(e, t) : qt(e, t);
 }, Yt = (e) => {
-	let t = Z.get(e);
+	let t = Q.get(e);
 	if (t) {
 		for (let n of t) Kt(e, n);
-		Z.delete(e);
+		Q.delete(e);
 	}
-}, Q = /* @__PURE__ */ "role.ariaAtomic.ariaAutoComplete.ariaBusy.ariaChecked.ariaColCount.ariaColIndex.ariaColIndexText.ariaColSpan.ariaCurrent.ariaDescription.ariaDisabled.ariaExpanded.ariaHasPopup.ariaHidden.ariaInvalid.ariaKeyShortcuts.ariaLabel.ariaLevel.ariaLive.ariaModal.ariaMultiLine.ariaMultiSelectable.ariaOrientation.ariaPlaceholder.ariaPosInSet.ariaPressed.ariaReadOnly.ariaRequired.ariaRoleDescription.ariaRowCount.ariaRowIndex.ariaRowIndexText.ariaRowSpan.ariaSelected.ariaSetSize.ariaSort.ariaValueMax.ariaValueMin.ariaValueNow.ariaValueText.ariaRelevant".split("."), $ = (e) => e.replace("aria", "aria-").toLowerCase(), Xt = (e) => {
+}, Xt = /* @__PURE__ */ "role.ariaAtomic.ariaAutoComplete.ariaBusy.ariaChecked.ariaColCount.ariaColIndex.ariaColIndexText.ariaColSpan.ariaCurrent.ariaDescription.ariaDisabled.ariaExpanded.ariaHasPopup.ariaHidden.ariaInvalid.ariaKeyShortcuts.ariaLabel.ariaLevel.ariaLive.ariaModal.ariaMultiLine.ariaMultiSelectable.ariaOrientation.ariaPlaceholder.ariaPosInSet.ariaPressed.ariaReadOnly.ariaRequired.ariaRoleDescription.ariaRowCount.ariaRowIndex.ariaRowIndexText.ariaRowSpan.ariaSelected.ariaSetSize.ariaSort.ariaValueMax.ariaValueMin.ariaValueNow.ariaValueText.ariaRelevant".split("."), $ = (e) => e.replace("aria", "aria-").toLowerCase(), Zt = (e) => {
 	class t extends e {
 		constructor(...e) {
 			super(...e), this._vividAriaBehaviour = "default";
-			for (let e of Q) this[`_${e}`] = null;
+			for (let e of Xt) this[`_${e}`] = null;
 		}
 		connectedCallback() {
 			super.connectedCallback(), Yt(this);
 		}
 	}
-	for (let e of Q) dt({
+	for (let e of Xt) dt({
 		attribute: $(e),
 		mode: "fromView"
 	})(t.prototype, e), t.prototype[`${e}Changed`] = function() {
@@ -1755,16 +1757,16 @@ var Lt = /* @__PURE__ */ new Set(), X = /* @__PURE__ */ new Map(), Rt = (e) => (
 };
 //#endregion
 //#region src/shared/deprecation/replaced-props.ts
-function Zt() {
+function Qt() {
 	let e = /* @__PURE__ */ new WeakMap();
 	return (t) => (e.has(t) || e.set(t, []), e.get(t));
 }
-var Qt = Zt(), $t = (e) => (t, n) => {
-	Qt(t.constructor).push({
+var $t = Qt(), en = (e) => (t, n) => {
+	$t(t.constructor).push({
 		newPropertyName: n,
 		...e
 	});
-}, en = (e) => {
+}, tn = (e) => {
 	class t extends e {
 		#e(e) {
 			let t = !1, n = !1, r = (t) => n && e.fromDeprecated(t[e.deprecatedPropertyName]) === t[e.newPropertyName], i = (n) => t && e.toDeprecated && e.toDeprecated(n[e.newPropertyName]) === n[e.deprecatedPropertyName], a = { handleChange(a, o) {
@@ -1781,13 +1783,13 @@ var Qt = Zt(), $t = (e) => (t, n) => {
 		}
 		constructor(...e) {
 			super(...e);
-			for (let e of Qt(this.constructor)) this.#e(e);
+			for (let e of $t(this.constructor)) this.#e(e);
 		}
 	}
 	return t;
-}, tn = class extends Xt(en(Ft)) {
+}, nn = class extends Zt(tn(Ft)) {
 	static {
-		this.VIVID_VERSION = "5.18.0";
+		this.VIVID_VERSION = "5.19.0";
 	}
 	connectedCallback() {
 		super.connectedCallback();
@@ -1796,4 +1798,4 @@ var Qt = Zt(), $t = (e) => (t, n) => {
 	}
 };
 //#endregion
-export { c as A, b as C, _ as D, ie as E, i as M, a as N, g as O, x as S, re as T, C as _, Ht as a, le as b, _t as c, V as d, F as f, Te as g, Ee as h, Q as i, r as j, h as k, dt as l, j as m, $t as n, zt as o, I as p, $ as r, Rt as s, tn as t, lt as u, T as v, y as w, se as x, S as y };
+export { g as A, se as C, re as D, y as E, a as F, c as M, r as N, ie as O, i as P, le as S, b as T, Ee as _, Vt as a, T as b, Rt as c, lt as d, V as f, j as g, I as h, Xt as i, h as j, _ as k, _t as l, F as m, en as n, Ht as o, L as p, $ as r, zt as s, nn as t, dt as u, Te as v, x as w, S as x, C as y };

package/bundled/when.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`);var t=()=>null;function n(n){return n===void 0?t:e.j(n)?n:()=>n}function r(t,r,i){let a=e.j(t)?t:()=>t,o=n(r),s=n(i);return(e,t)=>a(e,t)?o(e,t):s(e,t)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+const e=require(`./vivid-element.cjs`);var t=()=>null;function n(n){return n===void 0?t:e.N(n)?n:()=>n}function r(t,r,i){let a=e.N(t)?t:()=>t,o=n(r),s=n(i);return(e,t)=>a(e,t)?o(e,t):s(e,t)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});

package/bundled/when.js

@@ -1,4 +1,4 @@
-import { j as e } from "./vivid-element.js";
+import { N as e } from "./vivid-element.js";
 //#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/templating/when.js
 var t = () => null;
 function n(n) {

package/bundled/with-contextual-help.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`);var n=n=>{class r extends n{get _hasContextualHelp(){return(this._contextualHelpSlottedContent?.length??0)>0}_isFromContextualHelp(e){return e.composedPath().some(e=>e?.closest?.(`[slot="contextual-help"],[data-vvd-component="contextual-help"]`))}}return t.t([e.T],r.prototype,`_contextualHelpSlottedContent`,void 0),r};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`);var n=n=>{class r extends n{get _hasContextualHelp(){return(this._contextualHelpSlottedContent?.length??0)>0}_isFromContextualHelp(e){return e.composedPath().some(e=>e?.closest?.(`[slot="contextual-help"],[data-vvd-component="contextual-help"]`))}}return t.t([e.D],r.prototype,`_contextualHelpSlottedContent`,void 0),r};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/bundled/with-contextual-help.js

@@ -1,4 +1,4 @@
-import { T as e } from "./vivid-element.js";
+import { D as e } from "./vivid-element.js";
 import { t } from "./decorate.js";
 //#region src/shared/patterns/form-elements/with-contextual-help.ts
 var n = (n) => {

package/bundled/with-error-text.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`);var n=n=>{class r extends n{errorTextChanged(e,t){t?this.#n(t):this.#r()}#e=!1;#t;constructor(...e){super(...e),this.#t=this.validate,this.validate=()=>{this.#e||this.#t()}}#n(e){this.setValidity({customError:!0},e,this.control),this.errorValidationMessage=e,this.#e=!0}#r(){this.setValidity({},``,this.control),this.#e=!1,this.validate()}}return t.t([e.l({attribute:`error-text`})],r.prototype,`errorText`,void 0),r};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`);var n=n=>{class r extends n{errorTextChanged(e,t){t?this.#n(t):this.#r()}#e=!1;#t;constructor(...e){super(...e),this.#t=this.validate,this.validate=()=>{this.#e||this.#t()}}#n(e){this.setValidity({customError:!0},e,this.control),this.errorValidationMessage=e,this.#e=!0}#r(){this.setValidity({},``,this.control),this.#e=!1,this.validate()}}return t.t([e.u({attribute:`error-text`})],r.prototype,`errorText`,void 0),r};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/bundled/with-error-text.js

@@ -1,4 +1,4 @@
-import { l as e } from "./vivid-element.js";
+import { u as e } from "./vivid-element.js";
 import { t } from "./decorate.js";
 //#region src/shared/patterns/form-elements/with-error-text.ts
 var n = (n) => {

package/bundled/with-success-text.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`);var n=n=>{class r extends n{}return t.t([e.l({attribute:`success-text`})],r.prototype,`successText`,void 0),r};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`);var n=n=>{class r extends n{}return t.t([e.u({attribute:`success-text`})],r.prototype,`successText`,void 0),r};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/bundled/with-success-text.js

@@ -1,4 +1,4 @@
-import { l as e } from "./vivid-element.js";
+import { u as e } from "./vivid-element.js";
 import { t } from "./decorate.js";
 //#region src/shared/patterns/form-elements/with-success-text.ts
 var n = (n) => {

package/button/definition.cjs

@@ -1,5 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/numberConverter.cjs");
 const require_definition = require("../unbundled/definition7.cjs");
 exports.VwcButtonElement = require_definition.Button;
 exports.buttonDefinition = require_definition.buttonDefinition;

package/button/definition.js

@@ -1,3 +1,2 @@
-import "../unbundled/numberConverter.js";
 import { i as Button, n as registerButton, t as buttonDefinition } from "../unbundled/definition7.js";
 export { Button as VwcButtonElement, buttonDefinition, registerButton };

package/button/index.cjs

@@ -1 +1 @@
-require(`../bundled/vivid-element.cjs`),require(`../bundled/numberConverter.cjs`),require(`../bundled/definition6.cjs`).n();
+require(`../bundled/definition6.cjs`).n();

package/button/index.js

@@ -1,5 +1,3 @@
-import "../bundled/vivid-element.js";
-import "../bundled/numberConverter.js";
 import { n as e } from "../bundled/definition6.js";
 //#region src/lib/button/index.ts
 e();

package/calendar/index.cjs

@@ -1,13 +1,13 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/repeat.cjs`),n=require(`../bundled/enums.cjs`),r=require(`../bundled/decorate.cjs`),i=require(`../bundled/class-names.cjs`),a=require(`../bundled/calendar-event.cjs`);var o=`:host{block-size:inherit;max-block-size:inherit;display:block;overflow:auto}ol{margin:0;padding:0;list-style:none}[role=grid i]{z-index:0;grid-template-columns:min-content auto;grid-template-areas:"filler column-headers""row-headers calendar";inline-size:max(100%,500px);min-inline-size:880px;margin:auto;display:grid;position:relative}.row-headers{grid-area:row-headers;grid-template-rows:repeat(24,1fr);margin-inline-end:2px;display:grid}.row-headers>[role=rowheader i]{justify-content:flex-end;align-items:flex-end;display:flex}.row-headers>[role=rowheader i]>time{font:var(--vvd-typography-base-condensed);text-transform:uppercase;white-space:nowrap;font-size:small;line-height:1}.sticky-column .row-headers,.sticky-all .row-headers{z-index:1;background-color:var(--calendar-column-background-color,var(--vvd-color-canvas));margin-inline-end:3px;position:sticky;inset-inline-start:0}.calendar-row{display:contents}.calendar-grid-presentation{background:var(--vvd-color-surface-2dp);counter-reset:listing;filter:var(--vvd-shadow-surface-2dp);border-radius:8px;grid-template:repeat(24,1fr)/repeat(7,1fr);grid-area:calendar;grid-auto-flow:column;gap:1px;display:grid;overflow:hidden}.hours{display:contents}.hours>[role=listitem i]{grid-column:1/8;grid-row:var(--row);min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));pointer-events:none;position:relative}.hours>[role=listitem i]:not(:first-child):after{border-block-end:var(--vvd-color-neutral-100) 1px solid;content:"";inline-size:100%;margin-block-start:-1px;position:absolute}.hours>[role=listitem i]:nth-child(24n+1){--row:1}.hours>[role=listitem i]:nth-child(24n+2){--row:2}.hours>[role=listitem i]:nth-child(24n+3){--row:3}.hours>[role=listitem i]:nth-child(24n+4){--row:4}.hours>[role=listitem i]:nth-child(24n+5){--row:5}.hours>[role=listitem i]:nth-child(24n+6){--row:6}.hours>[role=listitem i]:nth-child(24n+7){--row:7}.hours>[role=listitem i]:nth-child(24n+8){--row:8}.hours>[role=listitem i]:nth-child(24n+9){--row:9}.hours>[role=listitem i]:nth-child(24n+10){--row:10}.hours>[role=listitem i]:nth-child(24n+11){--row:11}.hours>[role=listitem i]:nth-child(24n+12){--row:12}.hours>[role=listitem i]:nth-child(24n+13){--row:13}.hours>[role=listitem i]:nth-child(24n+14){--row:14}.hours>[role=listitem i]:nth-child(24n+15){--row:15}.hours>[role=listitem i]:nth-child(24n+16){--row:16}.hours>[role=listitem i]:nth-child(24n+17){--row:17}.hours>[role=listitem i]:nth-child(24n+18){--row:18}.hours>[role=listitem i]:nth-child(24n+19){--row:19}.hours>[role=listitem i]:nth-child(24n+20){--row:20}.hours>[role=listitem i]:nth-child(24n+21){--row:21}.hours>[role=listitem i]:nth-child(24n+22){--row:22}.hours>[role=listitem i]:nth-child(24n+23){--row:23}.hours>[role=listitem i]:nth-child(24n+24){--row:24}[role=gridcell i]{grid-auto-flow:column;gap:1px;display:grid}[role=gridcell i],[role=columnheader i],[role=columnheader i] [role=button i]{position:relative}[role=gridcell i]:before,[role=columnheader i]:before,[role=columnheader i] [role=button i]:before{z-index:-1;background-color:var(--vvd-color-information-400);content:"";position:absolute;inset:0}[role=gridcell i]:focus,[role=columnheader i]:focus,[role=columnheader i] [role=button i]:focus{outline:none}[role=gridcell i]:not(:focus-visible):before,[role=columnheader i]:not(:focus-visible):before,[role=columnheader i] [role=button i]:not(:focus-visible):before{display:none}.columns{display:contents}.columns>[role=gridcell i]{grid-column:var(--column);grid-row:1/25;position:relative}.columns>[role=gridcell i]:first-child{--column:1}.columns>[role=gridcell i]:nth-child(2){--column:2}.columns>[role=gridcell i]:nth-child(3){--column:3}.columns>[role=gridcell i]:nth-child(4){--column:4}.columns>[role=gridcell i]:nth-child(5){--column:5}.columns>[role=gridcell i]:nth-child(6){--column:6}.columns>[role=gridcell i]:nth-child(7){--column:7}.columns>[role=gridcell i]:not(:first-child):after{border-inline-end:var(--vvd-color-neutral-100) 1px solid;content:"";block-size:100%;margin-inline-start:-1px;position:absolute}.column-headers{grid-area:column-headers;grid-template-columns:repeat(7,1fr);display:grid}.column-headers [role=columnheader i] h2{font:var(--vvd-typography-heading-4);grid-template-columns:1fr auto 1fr;align-items:baseline;margin:0;display:grid}.column-headers [role=columnheader i] h2>em{font:inherit;inline-size:min-content;inset-inline-start:0}.column-headers [role=columnheader i] h2>small{font:var(--vvd-typography-base-condensed);text-transform:uppercase}.sticky-header .column-headers,.sticky-all .column-headers{z-index:1;background-color:var(--calendar-header-background-color,var(--vvd-color-canvas));margin-block-end:3px;position:sticky;inset-block-start:0}.filler{background-color:#0000;grid-area:filler}.sticky-header .filler,.sticky-all .filler,.sticky-column .filler{z-index:2;background-color:var(--calendar-header-background-color,var(--vvd-color-canvas));margin-block-end:3px;position:sticky}.sticky-column .filler{inset-inline-start:0}.sticky-header .filler{inset-block-start:0}.sticky-all .filler{inset-block-start:0;inset-inline-start:0}`,s=`ArrowUp`,c=`ArrowRight`,l=`ArrowDown`,u=`ArrowLeft`;function d(e){return e instanceof HTMLElement&&(e.matches(`[role="gridcell"i]`)||e.matches(`[role="columnheader"i]`))}var f=e=>e.matches(`[role="columnheader"i]`)?`[role="gridcell"i]`:`[role="columnheader"i]`;function p(e,t){if(t.parentNode instanceof HTMLElement)switch(e){case c:return t.nextElementSibling||t.parentNode.firstElementChild;case u:return t.previousElementSibling||t.parentNode.lastElementChild;case s:case l:{let{children:e}=t.parentNode,n=Array.from(e).indexOf(t);return this.shadowRoot.querySelector(`${f(t)}:nth-child(${n+1})`)}}}function m(e,t){if(e!==`ArrowDown`)return;let n=t.closest(`[role="columnheader"i]`),r=this.shadowRoot.querySelectorAll(`[role="columnheader"i]`),i=Array.from(r).indexOf(n);return this.shadowRoot.querySelector(`[role="gridcell"i]:nth-child(${i+1})`)}function h(e){let t=e.closest(`[role="gridcell"i], [role="columnheader"i]`);if(t){let{parentElement:e}=t;if(e)return e.children&&Array.from(e.children).indexOf(t)}}function g(e,t,n){let r=t.closest(`[role="rowheader"], [role="gridcell"i]`);if(r){let t=r.getBoundingClientRect(),i=(e.clientY-t.y)/(t.height/n);return Math.round((i+2**-52)*100)/100}}var _=function(e){if(!(e instanceof KeyboardEvent||e instanceof MouseEvent))throw Error(`Invalid event. Event must be instance of KeyboardEvent or MouseEvent`);let[t]=e.composedPath();if(!(t&&t instanceof HTMLElement&&this.shadowRoot.contains(t)))throw Error(`Invalid event. Event must contain a target object which is a direct descendant of calendar`);let n=h(t),r;e instanceof MouseEvent&&(r=g(e,t,this._hours));let i={...n!=null&&{day:n},...r!=null&&{hour:r}};return Object.keys(i).length>0?i:null},v=e=>{let t=window.getComputedStyle(e).overflowY,n=window.getComputedStyle(e).overflowX;return{vertical:(t===`auto`||t===`scroll`)&&e.scrollHeight>e.clientHeight,horizontal:(n===`auto`||n===`scroll`)&&e.scrollWidth>e.clientWidth}},y=class extends e.t{constructor(...e){super(...e),this.hour12=!1,this.stickyMode=n.o.All,this._hours=24,this._days=7,this.hoursAsDatetime=Array.from({length:this._hours-1}).fill(new Date(new Date().setHours(0,0,0))).map((e,t)=>new Date(e.setHours(++t))),this._generateDaysArr=e=>{if(e.length==this._days)return e;let t=new Date(e[e.length-1]);return t.setDate(t.getDate()+1),this._generateDaysArr([...e,t])},this.getEventContext=_}get#e(){let{activeElement:e}=document;return e instanceof a.t?e:null}getCalendarEventContainingCell(e){let t=e.getAttribute(`slot`);return this.shadowRoot.querySelector(`slot[name="${t}"i]`).parentElement}arrowKeysInteractions(e){let{activeElement:t}=this.shadowRoot,n;n=d(t)?p.call(this,e,t):this.#e?this.getCalendarEventContainingCell(this.#e):t?.matches(`em[role="button"i]`)?m.call(this,e,t):this.shadowRoot.querySelector(`[role="columnheader"i]`),this.activateElement(n)}activateElement(e){e?.addEventListener(`blur`,({target:e})=>e.setAttribute(`tabindex`,`-1`),{once:!0}),e?.setAttribute(`tabindex`,`0`),e?.focus()}onKeydown({key:e}){let t=[s,c,l,u].some(t=>t==e);return t&&this.arrowKeysInteractions(e),!t}connectedCallback(){super.connectedCallback(),this.initializeScrollPosition()}initializeScrollPosition(){if(!v(this).vertical)return;let t=this.scrollHeight/this._hours*7;e.O.enqueue(()=>{this.scrollTo({top:t})})}};r.t([e.l],y.prototype,`datetime`,void 0),r.t([e.l({attribute:`start-day`})],y.prototype,`startDay`,void 0),r.t([e.l],y.prototype,`locales`,void 0),r.t([e.l({mode:`boolean`})],y.prototype,`hour12`,void 0),r.t([e.l({attribute:`sticky-mode`,mode:`fromView`})],y.prototype,`stickyMode`,void 0);function b(e){let t=e=>`0${e}`.slice(-2);return`${e.getFullYear()}-${t(e.getMonth()+1)}-${t(e.getDate())}`}var x=new Map([[`sunday`,0],[`monday`,1]]);function S(e=new Date,t){e=new Date(e);let n=x.get(t);n??=1;let r=e.getDate()-(e.getDay()+7-n)%7;return new Date(e.setDate(r))}var C=({stickyMode:e})=>i.t([`sticky-${e}`,!!e]),w=()=>e.d` <div class="row-headers" role="row">
-		${t.n(e=>e.hoursAsDatetime,e.d`<span role="rowheader">
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/repeat.cjs`),n=require(`../bundled/enums.cjs`),r=require(`../bundled/decorate.cjs`),i=require(`../bundled/class-names.cjs`),a=require(`../bundled/calendar-event.cjs`);var o=`:host{block-size:inherit;max-block-size:inherit;display:block;overflow:auto}ol{margin:0;padding:0;list-style:none}[role=grid i]{z-index:0;grid-template-columns:min-content auto;grid-template-areas:"filler column-headers""row-headers calendar";inline-size:max(100%,500px);min-inline-size:880px;margin:auto;display:grid;position:relative}.row-headers{grid-area:row-headers;grid-template-rows:repeat(24,1fr);margin-inline-end:2px;display:grid}.row-headers>[role=rowheader i]{justify-content:flex-end;align-items:flex-end;display:flex}.row-headers>[role=rowheader i]>time{font:var(--vvd-typography-base-condensed);text-transform:uppercase;white-space:nowrap;font-size:small;line-height:1}.sticky-column .row-headers,.sticky-all .row-headers{z-index:1;background-color:var(--calendar-column-background-color,var(--vvd-color-canvas));margin-inline-end:3px;position:sticky;inset-inline-start:0}.calendar-row{display:contents}.calendar-grid-presentation{background:var(--vvd-color-surface-2dp);counter-reset:listing;filter:var(--vvd-shadow-surface-2dp);border-radius:8px;grid-template:repeat(24,1fr)/repeat(7,1fr);grid-area:calendar;grid-auto-flow:column;gap:1px;display:grid;overflow:hidden}.hours{display:contents}.hours>[role=listitem i]{grid-column:1/8;grid-row:var(--row);min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));pointer-events:none;position:relative}.hours>[role=listitem i]:not(:first-child):after{border-block-end:var(--vvd-color-neutral-100) 1px solid;content:"";inline-size:100%;margin-block-start:-1px;position:absolute}.hours>[role=listitem i]:nth-child(24n+1){--row:1}.hours>[role=listitem i]:nth-child(24n+2){--row:2}.hours>[role=listitem i]:nth-child(24n+3){--row:3}.hours>[role=listitem i]:nth-child(24n+4){--row:4}.hours>[role=listitem i]:nth-child(24n+5){--row:5}.hours>[role=listitem i]:nth-child(24n+6){--row:6}.hours>[role=listitem i]:nth-child(24n+7){--row:7}.hours>[role=listitem i]:nth-child(24n+8){--row:8}.hours>[role=listitem i]:nth-child(24n+9){--row:9}.hours>[role=listitem i]:nth-child(24n+10){--row:10}.hours>[role=listitem i]:nth-child(24n+11){--row:11}.hours>[role=listitem i]:nth-child(24n+12){--row:12}.hours>[role=listitem i]:nth-child(24n+13){--row:13}.hours>[role=listitem i]:nth-child(24n+14){--row:14}.hours>[role=listitem i]:nth-child(24n+15){--row:15}.hours>[role=listitem i]:nth-child(24n+16){--row:16}.hours>[role=listitem i]:nth-child(24n+17){--row:17}.hours>[role=listitem i]:nth-child(24n+18){--row:18}.hours>[role=listitem i]:nth-child(24n+19){--row:19}.hours>[role=listitem i]:nth-child(24n+20){--row:20}.hours>[role=listitem i]:nth-child(24n+21){--row:21}.hours>[role=listitem i]:nth-child(24n+22){--row:22}.hours>[role=listitem i]:nth-child(24n+23){--row:23}.hours>[role=listitem i]:nth-child(24n+24){--row:24}[role=gridcell i]{grid-auto-flow:column;gap:1px;display:grid}[role=gridcell i],[role=columnheader i],[role=columnheader i] [role=button i]{position:relative}[role=gridcell i]:before,[role=columnheader i]:before,[role=columnheader i] [role=button i]:before{z-index:-1;background-color:var(--vvd-color-information-400);content:"";position:absolute;inset:0}[role=gridcell i]:focus,[role=columnheader i]:focus,[role=columnheader i] [role=button i]:focus{outline:none}[role=gridcell i]:not(:focus-visible):before,[role=columnheader i]:not(:focus-visible):before,[role=columnheader i] [role=button i]:not(:focus-visible):before{display:none}.columns{display:contents}.columns>[role=gridcell i]{grid-column:var(--column);grid-row:1/25;position:relative}.columns>[role=gridcell i]:first-child{--column:1}.columns>[role=gridcell i]:nth-child(2){--column:2}.columns>[role=gridcell i]:nth-child(3){--column:3}.columns>[role=gridcell i]:nth-child(4){--column:4}.columns>[role=gridcell i]:nth-child(5){--column:5}.columns>[role=gridcell i]:nth-child(6){--column:6}.columns>[role=gridcell i]:nth-child(7){--column:7}.columns>[role=gridcell i]:not(:first-child):after{border-inline-end:var(--vvd-color-neutral-100) 1px solid;content:"";block-size:100%;margin-inline-start:-1px;position:absolute}.column-headers{grid-area:column-headers;grid-template-columns:repeat(7,1fr);display:grid}.column-headers [role=columnheader i] h2{font:var(--vvd-typography-heading-4);grid-template-columns:1fr auto 1fr;align-items:baseline;margin:0;display:grid}.column-headers [role=columnheader i] h2>em{font:inherit;inline-size:min-content;inset-inline-start:0}.column-headers [role=columnheader i] h2>small{font:var(--vvd-typography-base-condensed);text-transform:uppercase}.sticky-header .column-headers,.sticky-all .column-headers{z-index:1;background-color:var(--calendar-header-background-color,var(--vvd-color-canvas));margin-block-end:3px;position:sticky;inset-block-start:0}.filler{background-color:#0000;grid-area:filler}.sticky-header .filler,.sticky-all .filler,.sticky-column .filler{z-index:2;background-color:var(--calendar-header-background-color,var(--vvd-color-canvas));margin-block-end:3px;position:sticky}.sticky-column .filler{inset-inline-start:0}.sticky-header .filler{inset-block-start:0}.sticky-all .filler{inset-block-start:0;inset-inline-start:0}`,s=`ArrowUp`,c=`ArrowRight`,l=`ArrowDown`,u=`ArrowLeft`;function d(e){return e instanceof HTMLElement&&(e.matches(`[role="gridcell"i]`)||e.matches(`[role="columnheader"i]`))}var f=e=>e.matches(`[role="columnheader"i]`)?`[role="gridcell"i]`:`[role="columnheader"i]`;function p(e,t){if(t.parentNode instanceof HTMLElement)switch(e){case c:return t.nextElementSibling||t.parentNode.firstElementChild;case u:return t.previousElementSibling||t.parentNode.lastElementChild;case s:case l:{let{children:e}=t.parentNode,n=Array.from(e).indexOf(t);return this.shadowRoot.querySelector(`${f(t)}:nth-child(${n+1})`)}}}function m(e,t){if(e!==`ArrowDown`)return;let n=t.closest(`[role="columnheader"i]`),r=this.shadowRoot.querySelectorAll(`[role="columnheader"i]`),i=Array.from(r).indexOf(n);return this.shadowRoot.querySelector(`[role="gridcell"i]:nth-child(${i+1})`)}function h(e){let t=e.closest(`[role="gridcell"i], [role="columnheader"i]`);if(t){let{parentElement:e}=t;if(e)return e.children&&Array.from(e.children).indexOf(t)}}function g(e,t,n){let r=t.closest(`[role="rowheader"], [role="gridcell"i]`);if(r){let t=r.getBoundingClientRect(),i=(e.clientY-t.y)/(t.height/n);return Math.round((i+2**-52)*100)/100}}var _=function(e){if(!(e instanceof KeyboardEvent||e instanceof MouseEvent))throw Error(`Invalid event. Event must be instance of KeyboardEvent or MouseEvent`);let[t]=e.composedPath();if(!(t&&t instanceof HTMLElement&&this.shadowRoot.contains(t)))throw Error(`Invalid event. Event must contain a target object which is a direct descendant of calendar`);let n=h(t),r;e instanceof MouseEvent&&(r=g(e,t,this._hours));let i={...n!=null&&{day:n},...r!=null&&{hour:r}};return Object.keys(i).length>0?i:null},v=e=>{let t=window.getComputedStyle(e).overflowY,n=window.getComputedStyle(e).overflowX;return{vertical:(t===`auto`||t===`scroll`)&&e.scrollHeight>e.clientHeight,horizontal:(n===`auto`||n===`scroll`)&&e.scrollWidth>e.clientWidth}},y=class extends e.t{constructor(...e){super(...e),this.hour12=!1,this.stickyMode=n.o.All,this._hours=24,this._days=7,this.hoursAsDatetime=Array.from({length:this._hours-1}).fill(new Date(new Date().setHours(0,0,0))).map((e,t)=>new Date(e.setHours(++t))),this._generateDaysArr=e=>{if(e.length==this._days)return e;let t=new Date(e[e.length-1]);return t.setDate(t.getDate()+1),this._generateDaysArr([...e,t])},this.getEventContext=_}get#e(){let{activeElement:e}=document;return e instanceof a.t?e:null}getCalendarEventContainingCell(e){let t=e.getAttribute(`slot`);return this.shadowRoot.querySelector(`slot[name="${t}"i]`).parentElement}arrowKeysInteractions(e){let{activeElement:t}=this.shadowRoot,n;n=d(t)?p.call(this,e,t):this.#e?this.getCalendarEventContainingCell(this.#e):t?.matches(`em[role="button"i]`)?m.call(this,e,t):this.shadowRoot.querySelector(`[role="columnheader"i]`),this.activateElement(n)}activateElement(e){e?.addEventListener(`blur`,({target:e})=>e.setAttribute(`tabindex`,`-1`),{once:!0}),e?.setAttribute(`tabindex`,`0`),e?.focus()}onKeydown({key:e}){let t=[s,c,l,u].some(t=>t==e);return t&&this.arrowKeysInteractions(e),!t}connectedCallback(){super.connectedCallback(),this.initializeScrollPosition()}initializeScrollPosition(){if(!v(this).vertical)return;let t=this.scrollHeight/this._hours*7;e.A.enqueue(()=>{this.scrollTo({top:t})})}};r.t([e.u],y.prototype,`datetime`,void 0),r.t([e.u({attribute:`start-day`})],y.prototype,`startDay`,void 0),r.t([e.u],y.prototype,`locales`,void 0),r.t([e.u({mode:`boolean`})],y.prototype,`hour12`,void 0),r.t([e.u({attribute:`sticky-mode`,mode:`fromView`})],y.prototype,`stickyMode`,void 0);function b(e){let t=e=>`0${e}`.slice(-2);return`${e.getFullYear()}-${t(e.getMonth()+1)}-${t(e.getDate())}`}var x=new Map([[`sunday`,0],[`monday`,1]]);function S(e=new Date,t){e=new Date(e);let n=x.get(t);n??=1;let r=e.getDate()-(e.getDay()+7-n)%7;return new Date(e.setDate(r))}var C=({stickyMode:e})=>i.t([`sticky-${e}`,!!e]),w=()=>e.f` <div class="row-headers" role="row">
+		${t.n(e=>e.hoursAsDatetime,e.f`<span role="rowheader">
 				<time
 					datetime="${(e,t)=>new Intl.DateTimeFormat(t.parent.locales,{hour:`numeric`,minute:`numeric`,hour12:!1}).format(e)}"
 				>
 					${(e,t)=>new Intl.DateTimeFormat(t.parent.locales,{hour:`numeric`,hour12:t.parent.hour12}).format(e)}
 				</time>
 			</span>`)}
-	</div>`,T=()=>e.d` <div class="column-headers" role="row">
-		${t.n(e=>e._generateDaysArr([S(e.datetime,e.startDay)]),e.d` <div role="columnheader" tabindex="-1">
+	</div>`,T=()=>e.f` <div class="column-headers" role="row">
+		${t.n(e=>e._generateDaysArr([S(e.datetime,e.startDay)]),e.f` <div role="columnheader" tabindex="-1">
 				<time datetime=${e=>b(e)}>
 					<h2>
 						<!-- TODO add to column aria-labelledby or describedby to count
@@ -25,11 +25,11 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/repeat.cjs
 					</h2>
 				</time>
 			</div>`)}
-	</div>`,E=e.d`
+	</div>`,E=e.f`
 	<div role="gridcell" tabindex="-1">
 		<slot name="day-${(e,t)=>t.index}"></slot>
 	</div>
-`,D=e.d`
+`,D=e.f`
 	<div
 		role="grid"
 		class="${C}"
@@ -41,7 +41,7 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/repeat.cjs
 			${w}
 			<div class="calendar-grid-presentation" role="presentation">
 				<div class="hours" role="list">
-					${t.n(e=>Array.from({length:e.hoursAsDatetime.length+1}),e.d` <div role="listitem"></div>`)}
+					${t.n(e=>Array.from({length:e.hoursAsDatetime.length+1}),e.f` <div role="listitem"></div>`)}
 				</div>
 				<div class="columns" role="row">
 					${t.n(e=>Array.from(Array(e._days)),E,{positioning:!0})}
@@ -50,4 +50,4 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/repeat.cjs
 			</div>
 		</div>
 	</div>
-`,O=e.o(`calendar`,y,D,[],{styles:o,shadowOptions:{delegatesFocus:!0}});e.s(O)();
+`,O=e.s(`calendar`,y,D,[],{styles:o,shadowOptions:{delegatesFocus:!0}});e.c(O)();

package/calendar/index.js

@@ -1,4 +1,4 @@
-import { O as e, d as t, l as n, o as r, s as i, t as a } from "../bundled/vivid-element.js";
+import { A as e, c as t, f as n, s as r, t as i, u as a } from "../bundled/vivid-element.js";
 import { n as o } from "../bundled/repeat.js";
 import { o as s } from "../bundled/enums.js";
 import { t as c } from "../bundled/decorate.js";
@@ -61,7 +61,7 @@ var S = function(e) {
 		vertical: (t === "auto" || t === "scroll") && e.scrollHeight > e.clientHeight,
 		horizontal: (n === "auto" || n === "scroll") && e.scrollWidth > e.clientWidth
 	};
-}, w = class extends a {
+}, w = class extends i {
 	constructor(...e) {
 		super(...e), this.hour12 = !1, this.stickyMode = s.All, this._hours = 24, this._days = 7, this.hoursAsDatetime = Array.from({ length: this._hours - 1 }).fill(new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0))).map((e, t) => new Date(e.setHours(++t))), this._generateDaysArr = (e) => {
 			if (e.length == this._days) return e;
@@ -104,7 +104,7 @@ var S = function(e) {
 		});
 	}
 };
-c([n], w.prototype, "datetime", void 0), c([n({ attribute: "start-day" })], w.prototype, "startDay", void 0), c([n], w.prototype, "locales", void 0), c([n({ mode: "boolean" })], w.prototype, "hour12", void 0), c([n({
+c([a], w.prototype, "datetime", void 0), c([a({ attribute: "start-day" })], w.prototype, "startDay", void 0), c([a], w.prototype, "locales", void 0), c([a({ mode: "boolean" })], w.prototype, "hour12", void 0), c([a({
 	attribute: "sticky-mode",
 	mode: "fromView"
 })], w.prototype, "stickyMode", void 0);
@@ -124,8 +124,8 @@ function D(e = /* @__PURE__ */ new Date(), t) {
 }
 //#endregion
 //#region src/lib/calendar/calendar.template.ts
-var O = ({ stickyMode: e }) => l([`sticky-${e}`, !!e]), k = () => t` <div class="row-headers" role="row">
-		${o((e) => e.hoursAsDatetime, t`<span role="rowheader">
+var O = ({ stickyMode: e }) => l([`sticky-${e}`, !!e]), k = () => n` <div class="row-headers" role="row">
+		${o((e) => e.hoursAsDatetime, n`<span role="rowheader">
 				<time
 					datetime="${(e, t) => new Intl.DateTimeFormat(t.parent.locales, {
 	hour: "numeric",
@@ -139,8 +139,8 @@ var O = ({ stickyMode: e }) => l([`sticky-${e}`, !!e]), k = () => t` <div class=
 }).format(e)}
 				</time>
 			</span>`)}
-	</div>`, A = () => t` <div class="column-headers" role="row">
-		${o((e) => e._generateDaysArr([D(e.datetime, e.startDay)]), t` <div role="columnheader" tabindex="-1">
+	</div>`, A = () => n` <div class="column-headers" role="row">
+		${o((e) => e._generateDaysArr([D(e.datetime, e.startDay)]), n` <div role="columnheader" tabindex="-1">
 				<time datetime=${(e) => T(e)}>
 					<h2>
 						<!-- TODO add to column aria-labelledby or describedby to count
@@ -162,14 +162,14 @@ var O = ({ stickyMode: e }) => l([`sticky-${e}`, !!e]), k = () => t` <div class=
 					</h2>
 				</time>
 			</div>`)}
-	</div>`, j = t`
+	</div>`, j = n`
 	<div role="gridcell" tabindex="-1">
 		<slot name="day-${(e, t) => t.index}"></slot>
 	</div>
 `;
 //#endregion
 //#region src/lib/calendar/index.ts
-i(r("calendar", w, t`
+t(r("calendar", w, n`
 	<div
 		role="grid"
 		class="${O}"
@@ -181,7 +181,7 @@ i(r("calendar", w, t`
 			${k}
 			<div class="calendar-grid-presentation" role="presentation">
 				<div class="hours" role="list">
-					${o((e) => Array.from({ length: e.hoursAsDatetime.length + 1 }), t` <div role="listitem"></div>`)}
+					${o((e) => Array.from({ length: e.hoursAsDatetime.length + 1 }), n` <div role="listitem"></div>`)}
 				</div>
 				<div class="columns" role="row">
 					${o((e) => Array.from(Array(e._days)), j, { positioning: !0 })}

package/calendar-event/index.cjs

@@ -1,9 +1,9 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/delegates-aria.cjs`),r=require(`../bundled/class-names.cjs`),i=require(`../bundled/calendar-event.cjs`);var a=`:host{display:contents}.base.connotation-accent{--_connotation-color-primary:var(--vvd-calendar-event-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-calendar-event-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-contrast:var(--vvd-calendar-event-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-soft:var(--vvd-calendar-event-accent-soft,var(--vvd-color-neutral-100))}.base.connotation-cta{--_connotation-color-primary:var(--vvd-calendar-event-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-calendar-event-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-contrast:var(--vvd-calendar-event-cta-contrast,var(--vvd-color-cta-800));--_connotation-color-soft:var(--vvd-calendar-event-cta-soft,var(--vvd-color-cta-100))}.base.connotation-success{--_connotation-color-primary:var(--vvd-calendar-event-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-calendar-event-success-primary-text,var(--vvd-color-canvas));--_connotation-color-contrast:var(--vvd-calendar-event-success-contrast,var(--vvd-color-success-800));--_connotation-color-soft:var(--vvd-calendar-event-success-soft,var(--vvd-color-success-100))}.base.connotation-alert{--_connotation-color-primary:var(--vvd-calendar-event-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-calendar-event-alert-primary-text,var(--vvd-color-canvas));--_connotation-color-contrast:var(--vvd-calendar-event-alert-contrast,var(--vvd-color-alert-800));--_connotation-color-soft:var(--vvd-calendar-event-alert-soft,var(--vvd-color-alert-100))}.base.connotation-warning{--_connotation-color-primary:var(--vvd-calendar-event-warning-primary,var(--vvd-color-warning-300));--_connotation-color-primary-text:var(--vvd-calendar-event-warning-primary-text,var(--vvd-color-canvas-text));--_connotation-color-contrast:var(--vvd-calendar-event-warning-contrast,var(--vvd-color-warning-800));--_connotation-color-soft:var(--vvd-calendar-event-warning-soft,var(--vvd-color-warning-100))}.base.connotation-announcement{--_connotation-color-primary:var(--vvd-calendar-event-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-calendar-event-announcement-primary-text,var(--vvd-color-canvas));--_connotation-color-contrast:var(--vvd-calendar-event-announcement-contrast,var(--vvd-color-announcement-800));--_connotation-color-soft:var(--vvd-calendar-event-announcement-soft,var(--vvd-color-announcement-100))}.base:not(.connotation-accent,.connotation-cta,.connotation-success,.connotation-alert,.connotation-warning,.connotation-announcement){--_connotation-color-primary:var(--vvd-calendar-event-information-primary,var(--vvd-color-information-500));--_connotation-color-primary-text:var(--vvd-calendar-event-information-primary-text,var(--vvd-color-canvas));--_connotation-color-contrast:var(--vvd-calendar-event-information-contrast,var(--vvd-color-information-800));--_connotation-color-soft:var(--vvd-calendar-event-information-soft,var(--vvd-color-information-100))}.base{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}.base.appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base{--vvd-calendar-event--indent:calc(0px + var(--vvd-calendar-event--overlap-count,0) * 8px);--focus-stroke-gap-color:transparent;z-index:var(--vvd-calendar-event--overlap-count);top:calc(var(--vvd-calendar-event--start,0) * (100% - 23px) / 24 + calc(1px * var(--vvd-calendar-event--start,0)));box-sizing:border-box;background-color:var(--_appearance-color-fill);block-size:calc(var(--vvd-calendar-event--duration,1) * calc((100% - 23px) / 24) + calc(1px * (var(--vvd-calendar-event--duration,1) - 1)) - 4px);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);inline-size:calc(100% - 8px - min(var(--vvd-calendar-event--indent), 32px));margin-block-start:2px;margin-inline:min(var(--vvd-calendar-event--indent), 32px) 8px;max-block-size:calc(100% - calc(var(--vvd-calendar-event--start,0) * (100% - 23px) / 24 + calc(1px * var(--vvd-calendar-event--start,0))) - 4px);border-radius:8px;padding:4px 8px;position:absolute;overflow:hidden}@supports (contain:content){.base{contain:strict}}@supports not (contain:content){.base{overflow:hidden}}.base:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));z-index:2000}:host([overlap-count]) .base{--focus-stroke-gap-color:var(--vvd-color-canvas)}:host([overlap-count]) .base:not(:focus){box-shadow:inset 0 0 0 1px var(--vvd-color-canvas)}h2{font:var(--vvd-typography-base-condensed-bold);margin:0}h2>strong{font:inherit}p{font:var(--vvd-typography-base-condensed);margin:0}`,o=e.d` <div
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/class-names.cjs`),r=require(`../bundled/delegates-aria.cjs`),i=require(`../bundled/calendar-event.cjs`);var a=`:host{display:contents}.base.connotation-accent{--_connotation-color-primary:var(--vvd-calendar-event-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-calendar-event-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-contrast:var(--vvd-calendar-event-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-soft:var(--vvd-calendar-event-accent-soft,var(--vvd-color-neutral-100))}.base.connotation-cta{--_connotation-color-primary:var(--vvd-calendar-event-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-calendar-event-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-contrast:var(--vvd-calendar-event-cta-contrast,var(--vvd-color-cta-800));--_connotation-color-soft:var(--vvd-calendar-event-cta-soft,var(--vvd-color-cta-100))}.base.connotation-success{--_connotation-color-primary:var(--vvd-calendar-event-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-calendar-event-success-primary-text,var(--vvd-color-canvas));--_connotation-color-contrast:var(--vvd-calendar-event-success-contrast,var(--vvd-color-success-800));--_connotation-color-soft:var(--vvd-calendar-event-success-soft,var(--vvd-color-success-100))}.base.connotation-alert{--_connotation-color-primary:var(--vvd-calendar-event-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-calendar-event-alert-primary-text,var(--vvd-color-canvas));--_connotation-color-contrast:var(--vvd-calendar-event-alert-contrast,var(--vvd-color-alert-800));--_connotation-color-soft:var(--vvd-calendar-event-alert-soft,var(--vvd-color-alert-100))}.base.connotation-warning{--_connotation-color-primary:var(--vvd-calendar-event-warning-primary,var(--vvd-color-warning-300));--_connotation-color-primary-text:var(--vvd-calendar-event-warning-primary-text,var(--vvd-color-canvas-text));--_connotation-color-contrast:var(--vvd-calendar-event-warning-contrast,var(--vvd-color-warning-800));--_connotation-color-soft:var(--vvd-calendar-event-warning-soft,var(--vvd-color-warning-100))}.base.connotation-announcement{--_connotation-color-primary:var(--vvd-calendar-event-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-calendar-event-announcement-primary-text,var(--vvd-color-canvas));--_connotation-color-contrast:var(--vvd-calendar-event-announcement-contrast,var(--vvd-color-announcement-800));--_connotation-color-soft:var(--vvd-calendar-event-announcement-soft,var(--vvd-color-announcement-100))}.base:not(.connotation-accent,.connotation-cta,.connotation-success,.connotation-alert,.connotation-warning,.connotation-announcement){--_connotation-color-primary:var(--vvd-calendar-event-information-primary,var(--vvd-color-information-500));--_connotation-color-primary-text:var(--vvd-calendar-event-information-primary-text,var(--vvd-color-canvas));--_connotation-color-contrast:var(--vvd-calendar-event-information-contrast,var(--vvd-color-information-800));--_connotation-color-soft:var(--vvd-calendar-event-information-soft,var(--vvd-color-information-100))}.base{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}.base.appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base{--vvd-calendar-event--indent:calc(0px + var(--vvd-calendar-event--overlap-count,0) * 8px);--focus-stroke-gap-color:transparent;z-index:var(--vvd-calendar-event--overlap-count);top:calc(var(--vvd-calendar-event--start,0) * (100% - 23px) / 24 + calc(1px * var(--vvd-calendar-event--start,0)));box-sizing:border-box;background-color:var(--_appearance-color-fill);block-size:calc(var(--vvd-calendar-event--duration,1) * calc((100% - 23px) / 24) + calc(1px * (var(--vvd-calendar-event--duration,1) - 1)) - 4px);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);inline-size:calc(100% - 8px - min(var(--vvd-calendar-event--indent), 32px));margin-block-start:2px;margin-inline:min(var(--vvd-calendar-event--indent), 32px) 8px;max-block-size:calc(100% - calc(var(--vvd-calendar-event--start,0) * (100% - 23px) / 24 + calc(1px * var(--vvd-calendar-event--start,0))) - 4px);border-radius:8px;padding:4px 8px;position:absolute;overflow:hidden}@supports (contain:content){.base{contain:strict}}@supports not (contain:content){.base{overflow:hidden}}.base:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));z-index:2000}:host([overlap-count]) .base{--focus-stroke-gap-color:var(--vvd-color-canvas)}:host([overlap-count]) .base:not(:focus){box-shadow:inset 0 0 0 1px var(--vvd-color-canvas)}h2{font:var(--vvd-typography-base-condensed-bold);margin:0}h2>strong{font:inherit}p{font:var(--vvd-typography-base-condensed);margin:0}`,o=e.f` <div
 	style="${({start:e,duration:t,overlapCount:n})=>{let r={...n&&{"--vvd-calendar-event--overlap-count":n},...e&&{"--vvd-calendar-event--start":e},...t&&{"--vvd-calendar-event--duration":t}};return Object.entries(r).map(e=>e.join(`:`)).join(`;`)}}"
-	class="${({connotation:e,appearance:t})=>r.t(`base`,[`connotation-${e}`,!!e],[`appearance-${t}`,!!t])}"
+	class="${({connotation:e,appearance:t})=>n.t(`base`,[`connotation-${e}`,!!e],[`appearance-${t}`,!!t])}"
 	tabindex="0"
-	${n.n({role:`button`})}
+	${r.n({role:`button`})}
 >
-	${t.t(e=>e.heading,e.d`<h2><strong>${e=>e.heading}</strong></h2>`)}
-	${t.t(e=>e.description,e.d`<p>${e=>e.description}</p>`)}
-</div>`,s=e.o(`calendar-event`,i.t,o,[],{styles:a,shadowOptions:{delegatesFocus:!0}});e.s(s)();
+	${t.t(e=>e.heading,e.f`<h2><strong>${e=>e.heading}</strong></h2>`)}
+	${t.t(e=>e.description,e.f`<p>${e=>e.description}</p>`)}
+</div>`,s=e.s(`calendar-event`,i.t,o,[],{styles:a,shadowOptions:{delegatesFocus:!0}});e.c(s)();

package/calendar-event/index.js

@@ -1,11 +1,11 @@
-import { d as e, o as t, s as n } from "../bundled/vivid-element.js";
+import { c as e, f as t, s as n } from "../bundled/vivid-element.js";
 import { t as r } from "../bundled/when.js";
-import { n as i } from "../bundled/delegates-aria.js";
-import { t as a } from "../bundled/class-names.js";
+import { t as i } from "../bundled/class-names.js";
+import { n as a } from "../bundled/delegates-aria.js";
 import { t as o } from "../bundled/calendar-event.js";
 //#endregion
 //#region src/lib/calendar-event/index.ts
-n(t("calendar-event", o, e` <div
+e(n("calendar-event", o, t` <div
 	style="${({ start: e, duration: t, overlapCount: n }) => {
 	let r = {
 		...n && { "--vvd-calendar-event--overlap-count": n },
@@ -14,12 +14,12 @@ n(t("calendar-event", o, e` <div
 	};
 	return Object.entries(r).map((e) => e.join(":")).join(";");
 }}"
-	class="${({ connotation: e, appearance: t }) => a("base", [`connotation-${e}`, !!e], [`appearance-${t}`, !!t])}"
+	class="${({ connotation: e, appearance: t }) => i("base", [`connotation-${e}`, !!e], [`appearance-${t}`, !!t])}"
 	tabindex="0"
-	${i({ role: "button" })}
+	${a({ role: "button" })}
 >
-	${r((e) => e.heading, e`<h2><strong>${(e) => e.heading}</strong></h2>`)}
-	${r((e) => e.description, e`<p>${(e) => e.description}</p>`)}
+	${r((e) => e.heading, t`<h2><strong>${(e) => e.heading}</strong></h2>`)}
+	${r((e) => e.description, t`<p>${(e) => e.description}</p>`)}
 </div>`, [], {
 	styles: ":host{display:contents}.base.connotation-accent{--_connotation-color-primary:var(--vvd-calendar-event-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-calendar-event-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-contrast:var(--vvd-calendar-event-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-soft:var(--vvd-calendar-event-accent-soft,var(--vvd-color-neutral-100))}.base.connotation-cta{--_connotation-color-primary:var(--vvd-calendar-event-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-calendar-event-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-contrast:var(--vvd-calendar-event-cta-contrast,var(--vvd-color-cta-800));--_connotation-color-soft:var(--vvd-calendar-event-cta-soft,var(--vvd-color-cta-100))}.base.connotation-success{--_connotation-color-primary:var(--vvd-calendar-event-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-calendar-event-success-primary-text,var(--vvd-color-canvas));--_connotation-color-contrast:var(--vvd-calendar-event-success-contrast,var(--vvd-color-success-800));--_connotation-color-soft:var(--vvd-calendar-event-success-soft,var(--vvd-color-success-100))}.base.connotation-alert{--_connotation-color-primary:var(--vvd-calendar-event-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-calendar-event-alert-primary-text,var(--vvd-color-canvas));--_connotation-color-contrast:var(--vvd-calendar-event-alert-contrast,var(--vvd-color-alert-800));--_connotation-color-soft:var(--vvd-calendar-event-alert-soft,var(--vvd-color-alert-100))}.base.connotation-warning{--_connotation-color-primary:var(--vvd-calendar-event-warning-primary,var(--vvd-color-warning-300));--_connotation-color-primary-text:var(--vvd-calendar-event-warning-primary-text,var(--vvd-color-canvas-text));--_connotation-color-contrast:var(--vvd-calendar-event-warning-contrast,var(--vvd-color-warning-800));--_connotation-color-soft:var(--vvd-calendar-event-warning-soft,var(--vvd-color-warning-100))}.base.connotation-announcement{--_connotation-color-primary:var(--vvd-calendar-event-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-calendar-event-announcement-primary-text,var(--vvd-color-canvas));--_connotation-color-contrast:var(--vvd-calendar-event-announcement-contrast,var(--vvd-color-announcement-800));--_connotation-color-soft:var(--vvd-calendar-event-announcement-soft,var(--vvd-color-announcement-100))}.base:not(.connotation-accent,.connotation-cta,.connotation-success,.connotation-alert,.connotation-warning,.connotation-announcement){--_connotation-color-primary:var(--vvd-calendar-event-information-primary,var(--vvd-color-information-500));--_connotation-color-primary-text:var(--vvd-calendar-event-information-primary-text,var(--vvd-color-canvas));--_connotation-color-contrast:var(--vvd-calendar-event-information-contrast,var(--vvd-color-information-800));--_connotation-color-soft:var(--vvd-calendar-event-information-soft,var(--vvd-color-information-100))}.base{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}.base.appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base{--vvd-calendar-event--indent:calc(0px + var(--vvd-calendar-event--overlap-count,0) * 8px);--focus-stroke-gap-color:transparent;z-index:var(--vvd-calendar-event--overlap-count);top:calc(var(--vvd-calendar-event--start,0) * (100% - 23px) / 24 + calc(1px * var(--vvd-calendar-event--start,0)));box-sizing:border-box;background-color:var(--_appearance-color-fill);block-size:calc(var(--vvd-calendar-event--duration,1) * calc((100% - 23px) / 24) + calc(1px * (var(--vvd-calendar-event--duration,1) - 1)) - 4px);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);inline-size:calc(100% - 8px - min(var(--vvd-calendar-event--indent), 32px));margin-block-start:2px;margin-inline:min(var(--vvd-calendar-event--indent), 32px) 8px;max-block-size:calc(100% - calc(var(--vvd-calendar-event--start,0) * (100% - 23px) / 24 + calc(1px * var(--vvd-calendar-event--start,0))) - 4px);border-radius:8px;padding:4px 8px;position:absolute;overflow:hidden}@supports (contain:content){.base{contain:strict}}@supports not (contain:content){.base{overflow:hidden}}.base:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));z-index:2000}:host([overlap-count]) .base{--focus-stroke-gap-color:var(--vvd-color-canvas)}:host([overlap-count]) .base:not(:focus){box-shadow:inset 0 0 0 1px var(--vvd-color-canvas)}h2{font:var(--vvd-typography-base-condensed-bold);margin:0}h2>strong{font:inherit}p{font:var(--vvd-typography-base-condensed);margin:0}",
 	shadowOptions: { delegatesFocus: !0 }

package/card/definition.cjs

@@ -1,5 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/numberConverter.cjs");
 const require_definition = require("../unbundled/definition22.cjs");
 exports.VwcCardElement = require_definition.Card;
 exports.cardDefinition = require_definition.cardDefinition;

package/card/definition.js

@@ -1,3 +1,2 @@
-import "../unbundled/numberConverter.js";
 import { n as registerCard, r as Card, t as cardDefinition } from "../unbundled/definition22.js";
 export { Card as VwcCardElement, cardDefinition, registerCard };

package/card/index.cjs

@@ -1,30 +1,30 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/slotted.cjs`),r=require(`../bundled/enums.cjs`);require(`../bundled/numberConverter.cjs`);const i=require(`../bundled/decorate.cjs`),a=require(`../bundled/definition2.cjs`),o=require(`../bundled/delegates-aria.cjs`),s=require(`../bundled/linkable.cjs`),c=require(`../bundled/class-names.cjs`),l=require(`../bundled/definition7.cjs`);var u=`:host{--_vvd-tinted-shadow-surface-0dp:drop-shadow(1px 0px 0px var(--card-border-color)) drop-shadow(0px 1px 0px var(--card-border-color)) drop-shadow(0px -1px 0px var(--card-border-color)) drop-shadow(-1px 0px 0px var(--card-border-color));display:flex}.base{text-align:start;border:0;border-radius:8px;outline:none;inline-size:100%;padding:0;text-decoration:none}.base:is(button,a):not(:disabled){cursor:pointer}.base:is(button,a):disabled{cursor:not-allowed}.base:is(button,a):focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}.wrapper{border-radius:inherit;block-size:100%;color:var(--vvd-color-canvas-text);--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent;flex-flow:column;display:flex;overflow:hidden}@media (hover:hover){.wrapper:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.wrapper.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.wrapper:active:where(:not(.disabled,:disabled)),.wrapper.active:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.wrapper{--_connotation-color-primary:var(--vvd-card-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-card-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-card-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-faint:var(--vvd-card-cta-faint,var(--vvd-color-cta-50));--_connotation-color-soft:var(--vvd-card-cta-soft,var(--vvd-color-cta-100))}@media (hover:hover){.base:is(button,a):hover>.wrapper{background-color:var(--_appearance-color-fill)}}.main-content{flex-flow:column;padding:24px;display:flex}.body-wrapper{padding-top:16px}.hide-header .body-wrapper{padding-top:0}.hide-body .body-wrapper{display:none}.header{flex:1;align-items:flex-start;gap:8px;display:flex}.header-content{flex:1}.header-wrapper{gap:8px;display:flex}.header-headline,.header-subtitle{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.header-headline{font:var(--vvd-typography-heading-4);-webkit-line-clamp:var(--headline-line-clamp)}.header-subtitle{font:var(--vvd-typography-base);-webkit-line-clamp:var(--subtitle-line-clamp)}.hide-header .header{display:none}.header-subtitle,.text{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base)}.text{margin-top:12px;padding-right:8px}.footer{padding-bottom:24px;flex-direction:column;align-items:flex-end;margin-top:auto;padding-inline:24px;display:inline-flex}.hide-footer .footer{display:none}::slotted([slot=graphic i]),.icon{flex-shrink:0;align-self:baseline;margin-block-start:4px}.icon{font-size:20px}::slotted([slot=meta i]){flex-shrink:0;align-self:flex-start;margin-block-start:-8px;margin-inline:auto -8px}`,d=class extends s.t(e.t){constructor(...e){super(...e),this.clickableCard=!1}};i.t([e.l],d.prototype,`appearance`,void 0),i.t([e.l],d.prototype,`headline`,void 0),i.t([e.l],d.prototype,`subtitle`,void 0),i.t([e.l],d.prototype,`text`,void 0),i.t([e.l],d.prototype,`icon`,void 0),i.t([e.l],d.prototype,`elevation`,void 0),i.t([e.l({mode:`boolean`,attribute:`clickable-card`})],d.prototype,`clickableCard`,void 0),i.t([e.T],d.prototype,`bodySlottedContent`,void 0),i.t([e.T],d.prototype,`footerSlottedContent`,void 0),i.t([e.T],d.prototype,`graphicSlottedContent`,void 0),i.t([e.T],d.prototype,`hasMetaSlottedContent`,void 0);var f=e=>c.t(`base`,[`hide-footer`,!e.footerSlottedContent||!e.footerSlottedContent.length],[`hide-header`,v(e)],[`hide-body`,!e.bodySlottedContent||!e.bodySlottedContent.length]);function p(t){return e.d`
-		<${t} class="icon" inline name="${e=>e.icon}"></${t}>`}function m(){return e.d`
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/slotted.cjs`),r=require(`../bundled/enums.cjs`),i=require(`../bundled/decorate.cjs`),a=require(`../bundled/definition2.cjs`),o=require(`../bundled/class-names.cjs`),s=require(`../bundled/delegates-aria.cjs`),c=require(`../bundled/linkable.cjs`),l=require(`../bundled/definition7.cjs`);var u=`:host{--_vvd-tinted-shadow-surface-0dp:drop-shadow(1px 0px 0px var(--card-border-color)) drop-shadow(0px 1px 0px var(--card-border-color)) drop-shadow(0px -1px 0px var(--card-border-color)) drop-shadow(-1px 0px 0px var(--card-border-color));display:flex}.base{text-align:start;border:0;border-radius:8px;outline:none;inline-size:100%;padding:0;text-decoration:none}.base:is(button,a):not(:disabled){cursor:pointer}.base:is(button,a):disabled{cursor:not-allowed}.base:is(button,a):focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}.wrapper{border-radius:inherit;block-size:100%;color:var(--vvd-color-canvas-text);--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent;flex-flow:column;display:flex;overflow:hidden}@media (hover:hover){.wrapper:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.wrapper.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.wrapper:active:where(:not(.disabled,:disabled)),.wrapper.active:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.wrapper{--_connotation-color-primary:var(--vvd-card-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-card-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-card-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-faint:var(--vvd-card-cta-faint,var(--vvd-color-cta-50));--_connotation-color-soft:var(--vvd-card-cta-soft,var(--vvd-color-cta-100))}@media (hover:hover){.base:is(button,a):hover>.wrapper{background-color:var(--_appearance-color-fill)}}.main-content{flex-flow:column;padding:24px;display:flex}.body-wrapper{padding-top:16px}.hide-header .body-wrapper{padding-top:0}.hide-body .body-wrapper{display:none}.header{flex:1;align-items:flex-start;gap:8px;display:flex}.header-content{flex:1}.header-wrapper{gap:8px;display:flex}.header-headline,.header-subtitle{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.header-headline{font:var(--vvd-typography-heading-4);-webkit-line-clamp:var(--headline-line-clamp)}.header-subtitle{font:var(--vvd-typography-base);-webkit-line-clamp:var(--subtitle-line-clamp)}.hide-header .header{display:none}.header-subtitle,.text{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base)}.text{margin-top:12px;padding-right:8px}.footer{padding-bottom:24px;flex-direction:column;align-items:flex-end;margin-top:auto;padding-inline:24px;display:inline-flex}.hide-footer .footer{display:none}::slotted([slot=graphic i]),.icon{flex-shrink:0;align-self:baseline;margin-block-start:4px}.icon{font-size:20px}::slotted([slot=meta i]){flex-shrink:0;align-self:flex-start;margin-block-start:-8px;margin-inline:auto -8px}`,d=class extends c.t(e.t){constructor(...e){super(...e),this.clickableCard=!1}};i.t([e.u],d.prototype,`appearance`,void 0),i.t([e.u],d.prototype,`headline`,void 0),i.t([e.u],d.prototype,`subtitle`,void 0),i.t([e.u],d.prototype,`text`,void 0),i.t([e.u],d.prototype,`icon`,void 0),i.t([e.u],d.prototype,`elevation`,void 0),i.t([e.u({mode:`boolean`,attribute:`clickable-card`})],d.prototype,`clickableCard`,void 0),i.t([e.D],d.prototype,`bodySlottedContent`,void 0),i.t([e.D],d.prototype,`footerSlottedContent`,void 0),i.t([e.D],d.prototype,`graphicSlottedContent`,void 0),i.t([e.D],d.prototype,`hasMetaSlottedContent`,void 0);var f=e=>o.t(`base`,[`hide-footer`,!e.footerSlottedContent||!e.footerSlottedContent.length],[`hide-header`,v(e)],[`hide-body`,!e.bodySlottedContent||!e.bodySlottedContent.length]);function p(t){return e.f`
+		<${t} class="icon" inline name="${e=>e.icon}"></${t}>`}function m(){return e.f`
 		<div class="header-headline" id="card-headline">${e=>e.headline}</div>
-	`}function h(){return e.d` <div class="header-subtitle">${e=>e.subtitle}</div> `}function g(){return e.d`
+	`}function h(){return e.f` <div class="header-subtitle">${e=>e.subtitle}</div> `}function g(){return e.f`
 		<div class="header-content">
 			${t.t(e=>e.headline,m())}
 			${t.t(e=>e.subtitle,h())}
 		</div>
-	`}function _(r){return e.d` <div class="header">
+	`}function _(r){return e.f` <div class="header">
 		<slot name="graphic" ${n.t(`graphicSlottedContent`)}
 			>${t.t(e=>e.icon,p(r))}</slot
 		>
 		${t.t(e=>e.headline||e.subtitle,g())}
-	</div>`}function v(e){return!e.headline&&!e.subtitle&&!e.icon&&(!e.graphicSlottedContent||!e.graphicSlottedContent.length)}function y(){return e.d` <slot name="meta" ${n.t(`metaSlottedContent`)}></slot> `}function b(){return e.d` <div class="text">${e=>e.text}</div> `}function x(t){return e.d`<button
+	</div>`}function v(e){return!e.headline&&!e.subtitle&&!e.icon&&(!e.graphicSlottedContent||!e.graphicSlottedContent.length)}function y(){return e.f` <slot name="meta" ${n.t(`metaSlottedContent`)}></slot> `}function b(){return e.f` <div class="text">${e=>e.text}</div> `}function x(t){return e.f`<button
 		class="${f}"
 		type="button"
-		${o.n()}
+		${s.n()}
 		aria-labelledby="${e=>e.headline?`card-headline`:null}"
 	>
 		${t}
-	</button>`}function S(t,n){return t.href?t._renderLinkElement(n,f):t.clickableCard?x(n):e.d`<div
+	</button>`}function S(t,n){return t.href?t._renderLinkElement(n,f):t.clickableCard?x(n):e.f`<div
 			class="${f}"
 			aria-labelledby="${e=>e.headline?`card-headline`:null}"
 		>
 			${n}
-		</div>`}function C(r){let i=r.tagFor(a.r);return e.d`
-		${r=>S(r,e.d`<div class="wrapper">
+		</div>`}function C(r){let i=r.tagFor(a.r);return e.f`
+		${r=>S(r,e.f`<div class="wrapper">
 					<div class="vwc-card-media">
 						<slot name="media"></slot>
 					</div>
@@ -43,16 +43,16 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`)
 						<slot name="footer" ${n.t(`footerSlottedContent`)}></slot>
 					</div>
 				</div> `)}
-	`}var w=e.o(`card`,d,n=>{let i=n.tagFor(l.r);return e.d`
-		${t.t(e=>e.appearance!==r.t.Ghost&&e.appearance!==r.t.Outlined,e.d`
+	`}var w=e.s(`card`,d,n=>{let i=n.tagFor(l.r);return e.f`
+		${t.t(e=>e.appearance!==r.t.Ghost&&e.appearance!==r.t.Outlined,e.f`
 			<${i} dp=${e=>e.elevation??`4`}>
 			  ${C(n)}
 			</${i}>
 		`)}
-		${t.t(e=>e.appearance===r.t.Outlined,e.d`
+		${t.t(e=>e.appearance===r.t.Outlined,e.f`
 			<${i} dp='0')}>
 			  ${C(n)}
 			</${i}>
 		`)}
-		${t.t(e=>e.appearance===r.t.Ghost,e.d` ${C(n)} `)}
-	`},[a.t,l.t],{styles:u});e.s(w)();
+		${t.t(e=>e.appearance===r.t.Ghost,e.f` ${C(n)} `)}
+	`},[a.t,l.t],{styles:u});e.c(w)();