@vonage/vivid 5.17.0 → 5.19.0

package/audio-player/index.js

@@ -1,13 +1,12 @@
 import { t as e } from "../bundled/localized.js";
-import { d as t, l as n, o as r, s as i, t as a, w as o } from "../bundled/vivid-element.js";
+import { E as t, c as n, f as r, s as i, t as a, u as o } from "../bundled/vivid-element.js";
 import { n as s } from "../bundled/repeat.js";
 import { t as c } from "../bundled/when.js";
 import { r as l } from "../bundled/enums.js";
-import "../bundled/definition2.js";
 import { t as u } from "../bundled/decorate.js";
-import { t as d } from "../bundled/playbackRates.js";
-import { t as f } from "../bundled/class-names.js";
-import { n as p, r as m } from "../bundled/definition3.js";
+import { t as d } from "../bundled/class-names.js";
+import { n as f, r as p } from "../bundled/definition3.js";
+import { t as m } from "../bundled/playbackRates.js";
 import { i as h, t as g } from "../bundled/definition6.js";
 import { i as _, t as v } from "../bundled/definition20.js";
 import { r as y, t as b } from "../bundled/definition21.js";
@@ -53,13 +52,13 @@ var w = !0, T = !1, E = {
 		}
 	}
 	get playbackRate() {
-		return o.track(this, "playbackRate"), this.#i.playbackRate;
+		return t.track(this, "playbackRate"), this.#i.playbackRate;
 	}
 	set playbackRate(e) {
-		this.#i.playbackRate = e, o.notify(this, "playbackRate");
+		this.#i.playbackRate = e, t.notify(this, "playbackRate");
 	}
 	get paused() {
-		return o.track(this, "paused"), this.#i.paused;
+		return t.track(this, "paused"), this.#i.paused;
 	}
 	set paused(e) {}
 	#e;
@@ -69,10 +68,10 @@ var w = !0, T = !1, E = {
 		this.#t = new AbortController();
 		let e = this.#t.signal;
 		try {
-			let t = await (await fetch(this.src, { signal: e })).blob();
-			this.setSrc(this.src, t);
-			let n = await t.arrayBuffer(), r = new window.AudioContext(), i = await r.decodeAudioData(n);
-			r.close(), this.#e = i, o.notify(this, "duration");
+			let n = await (await fetch(this.src, { signal: e })).blob();
+			this.setSrc(this.src, n);
+			let r = await n.arrayBuffer(), i = new window.AudioContext(), a = await i.decodeAudioData(r);
+			i.close(), this.#e = a, t.notify(this, "duration");
 		} catch (e) {
 			/* v8 ignore else -- @preserve */
 			e instanceof Error && e.name !== "AbortError" && console.error("Error loading audio:", e);
@@ -81,13 +80,13 @@ var w = !0, T = !1, E = {
 		}
 	}
 	get duration() {
-		o.track(this, "duration");
+		t.track(this, "duration");
 		let e = this.#i.duration;
 		return Number.isFinite(e) && e > 0 ? e : this.#e && this.#e.duration > 0 ? this.#e.duration : e;
 	}
 	set duration(e) {}
 	get currentTime() {
-		return o.track(this, "currentTime"), this.#i.currentTime;
+		return t.track(this, "currentTime"), this.#i.currentTime;
 	}
 	set currentTime(e) {
 		this.#i.currentTime = e;
@@ -95,10 +94,33 @@ var w = !0, T = !1, E = {
 	get #r() {
 		return this.shadowRoot.querySelector(".slider");
 	}
-	#i = new Audio();
-	#a = !1;
+	#i;
+	#a;
 	constructor() {
-		super(), this.playButtonAriaLabel = null, this.pauseButtonAriaLabel = null, this.sliderAriaLabel = null, this.skipForwardButtonAriaLabel = null, this.skipBackwardButtonAriaLabel = null, this.disabled = !1, this.notime = !1, this.playbackRates = null, this.durationFallback = !1;
+		super(), this.playButtonAriaLabel = null, this.pauseButtonAriaLabel = null, this.sliderAriaLabel = null, this.skipForwardButtonAriaLabel = null, this.skipBackwardButtonAriaLabel = null, this.disabled = !1, this.notime = !1, this.playbackRates = null, this.#i = new Audio(), this.#a = !1, this.durationFallback = !1, this.#o = () => {
+			this.#r?.isDragging || this.$emit("play", void 0, { bubbles: !1 });
+		}, this.#s = () => {
+			this.#r?.isDragging || this.$emit("pause", void 0, { bubbles: !1 });
+		}, this.#l = (e) => {
+			if (e === this.paused) {
+				this.#m();
+				return;
+			}
+			this.paused ? (this.#u(), this.#i.play()) : this.#i.pause(), this.#m();
+		}, this.#u = () => {
+			t.notify(this, "currentTime");
+			let e = this.duration, n = this.currentTime, r = Number.isFinite(e) && e > 0 && Number.isFinite(n) && n >= 0, i = r ? n / e * 100 : 0;
+			this.#r && (this.#a = !0, this.#r.value = i.toString(), this.#a = !1), r && i === 100 && this.pause();
+		}, this.#d = () => {
+			t.notify(this, "duration"), (!Number.isFinite(this.#i.duration) || this.#i.duration <= 0) && this.durationFallback && this.#n();
+		}, this.#p = () => {
+			!this.paused && this.#r.isDragging && (this.pause(), this.#f = window.setInterval(() => {
+				/* v8 ignore else -- @preserve */
+				(!this.#r.isDragging || !this.isConnected) && (clearInterval(this.#f), this.isConnected && this.play());
+			}, 0)), !this.#a && this.#i && (this.currentTime = this.duration * Number(this.#r.value) / 100);
+		}, this.#m = () => {
+			t.notify(this, "paused");
+		};
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.#i.addEventListener("timeupdate", this.#u), this.#i.addEventListener("loadedmetadata", this.#d), this.#i.addEventListener("durationchange", this.#d), this.#i.addEventListener("play", this.#o), this.#i.addEventListener("pause", this.#s), this.#c(), this.#m(), this.#u();
@@ -112,96 +134,74 @@ var w = !0, T = !1, E = {
 	pause() {
 		this.#l(w);
 	}
-	#o = () => {
-		this.#r?.isDragging || this.$emit("play", void 0, { bubbles: !1 });
-	};
-	#s = () => {
-		this.#r?.isDragging || this.$emit("pause", void 0, { bubbles: !1 });
-	};
+	#o;
+	#s;
 	#c(e = !0) {
 		let t = e ? "addEventListener" : "removeEventListener";
 		/* v8 ignore else -- @preserve */
 		this.#r && this.#r[t]("change", this.#p);
 	}
-	#l = (e) => {
-		if (e === this.paused) {
-			this.#m();
-			return;
-		}
-		this.paused ? (this.#u(), this.#i.play()) : this.#i.pause(), this.#m();
-	};
-	#u = () => {
-		o.notify(this, "currentTime");
-		let e = this.duration, t = this.currentTime, n = Number.isFinite(e) && e > 0 && Number.isFinite(t) && t >= 0, r = n ? t / e * 100 : 0;
-		this.#r && (this.#a = !0, this.#r.value = r.toString(), this.#a = !1), n && r === 100 && this.pause();
-	};
-	#d = () => {
-		o.notify(this, "duration"), (!Number.isFinite(this.#i.duration) || this.#i.duration <= 0) && this.durationFallback && this.#n();
-	};
+	#l;
+	#u;
+	#d;
 	#f;
-	#p = () => {
-		!this.paused && this.#r.isDragging && (this.pause(), this.#f = window.setInterval(() => {
-			(!this.#r.isDragging || !this.isConnected) && (clearInterval(this.#f), this.isConnected && this.play());
-		}, 0)), !this.#a && this.#i && (this.currentTime = this.duration * Number(this.#r.value) / 100);
-	};
-	#m = () => {
-		o.notify(this, "paused");
-	};
+	#p;
+	#m;
 	skip(e) {
 		let t = this.currentTime + parseInt(this.skipBy) * e;
 		this.currentTime = Math.max(0, Math.min(this.duration, t));
 	}
 };
-u([n({ attribute: "play-button-aria-label" })], D.prototype, "playButtonAriaLabel", void 0), u([n({ attribute: "pause-button-aria-label" })], D.prototype, "pauseButtonAriaLabel", void 0), u([n({ attribute: "slider-aria-label" })], D.prototype, "sliderAriaLabel", void 0), u([n({ attribute: "skip-forward-aria-label" })], D.prototype, "skipForwardButtonAriaLabel", void 0), u([n({ attribute: "skip-backward-aria-label" })], D.prototype, "skipBackwardButtonAriaLabel", void 0), u([n], D.prototype, "connotation", void 0), u([n], D.prototype, "src", void 0), u([n({ mode: "boolean" })], D.prototype, "disabled", void 0), u([n({ mode: "boolean" })], D.prototype, "notime", void 0), u([n({
+u([o({ attribute: "play-button-aria-label" })], D.prototype, "playButtonAriaLabel", void 0), u([o({ attribute: "pause-button-aria-label" })], D.prototype, "pauseButtonAriaLabel", void 0), u([o({ attribute: "slider-aria-label" })], D.prototype, "sliderAriaLabel", void 0), u([o({ attribute: "skip-forward-aria-label" })], D.prototype, "skipForwardButtonAriaLabel", void 0), u([o({ attribute: "skip-backward-aria-label" })], D.prototype, "skipBackwardButtonAriaLabel", void 0), u([o], D.prototype, "connotation", void 0), u([o], D.prototype, "src", void 0), u([o({ mode: "boolean" })], D.prototype, "disabled", void 0), u([o({ mode: "boolean" })], D.prototype, "notime", void 0), u([o({
 	attribute: "skip-by",
 	converter: E
-})], D.prototype, "skipBy", void 0), u([n({ attribute: "playback-rates" })], D.prototype, "playbackRates", void 0), u([n({
+})], D.prototype, "skipBy", void 0), u([o({ attribute: "playback-rates" })], D.prototype, "playbackRates", void 0), u([o({
 	mode: "boolean",
 	attribute: "duration-fallback"
 })], D.prototype, "durationFallback", void 0);
 //#endregion
 //#region src/lib/audio-player/audio-player.template.ts
-var O = ({ notime: e, disabled: t, duration: n, skipBy: r, playbackRates: i }) => f(["disabled", !!t || !n], ["two-lines", !e && (!!Number(r) || !!i)], ["playback", !!i]), k = (e, { parent: t }) => e === t.playbackRate;
+var O = ({ notime: e, disabled: t, duration: n, skipBy: r, playbackRates: i }) => d(["disabled", !!t || !n], ["two-lines", !e && (!!Number(r) || !!i)], ["playback", !!i]), k = (e, { parent: t }) => e === t.playbackRate;
 function A(e) {
-	let n = e.tagFor(h);
-	return t`<${n} class="pause" @click="${(e) => e.paused ? e.play() : e.pause()}"
+	let t = e.tagFor(h);
+	return r`<${t} class="pause" @click="${(e) => e.paused ? e.play() : e.pause()}"
 	icon="${(e) => e.paused ? "play-solid" : "pause-solid"}"
 	aria-label="${(e) => e.paused ? e.playButtonAriaLabel || e.locale.audioPlayer.playButtonLabel : e.pauseButtonAriaLabel || e.locale.audioPlayer.pauseButtonLabel}"
 	size='condensed'
 	connotation="${(e) => e.connotation}"
 	?disabled="${(e) => e.disabled || !e.duration}"
-  ></${n}>`;
+  ></${t}>`;
 }
 function j(e) {
-	let n = e.tagFor(h);
-	return t`
-		<${n} class="skip backward"
+	let t = e.tagFor(h);
+	return r`
+		<${t} class="skip backward"
 			@click="${(e) => e.skip(S.BACKWARD)}"
 		icon="${(e) => e.skipBy == l.Five ? "5-sec-backward-line" : e.skipBy == l.Thirty ? "30-sec-backward-line" : "10-sec-backward-line"}"
 		size='condensed'
 		aria-label="${(e) => e.skipBackwardButtonAriaLabel || e.locale.audioPlayer.skipBackwardButton}"
 		connotation="${(e) => e.connotation}"
 		?disabled="${(e) => e.disabled || !e.duration}"
-		></${n}>
+		></${t}>
 	`;
 }
 function M(e) {
-	let n = e.tagFor(h);
-	return t`
-		<${n} class="skip forward"
+	let t = e.tagFor(h);
+	return r`
+		<${t} class="skip forward"
 		@click="${(e) => e.skip(S.FORWARD)}"
 		icon="${(e) => e.skipBy == l.Five ? "5-sec-forward-line" : e.skipBy == l.Thirty ? "30-sec-forward-line" : "10-sec-forward-line"}"
 		size='condensed'
 		aria-label="${(e) => e.skipForwardButtonAriaLabel || e.locale.audioPlayer.skipForwardButton}"
 		connotation="${(e) => e.connotation}"
 		?disabled="${(e) => e.disabled || !e.duration}"
-		></${n}>
+		></${t}>
 	`;
 }
 function N(e) {
-	let n = e.tagFor(m);
-	return t`
-	<${n}
+	let t = e.tagFor(p);
+	return r`
+	<${t}
 		class="slider"
 		aria-label="${(e) => e.sliderAriaLabel || e.locale.audioPlayer.sliderLabel}"
 		max="100"
@@ -209,14 +209,14 @@ function N(e) {
 		connotation="${(e) => e.connotation}"
 		?disabled="${(e) => e.disabled || !e.duration}"
 		internal-part>
-	</${n}>`;
+	</${t}>`;
 }
 function P() {
-	return t` <div class="time-stamp">
+	return r` <div class="time-stamp">
 		<span class="current-time"
 			>${(e) => C(e.currentTime || 0)}</span
 		>
-		${c((e) => e.duration && e.duration !== Infinity, t`
+		${c((e) => e.duration && e.duration !== Infinity, r`
 				<span>/</span>
 				<span class="total-time">${(e) => C(e?.duration)}</span>
 			`)}
@@ -227,9 +227,9 @@ function F(e, t) {
 }
 //#endregion
 //#region src/lib/audio-player/index.ts
-i(r("audio-player", D, (e) => {
-	let n = e.tagFor(y), r = e.tagFor(h), i = e.tagFor(_);
-	return t` <div class="wrapper">
+n(i("audio-player", D, (e) => {
+	let t = e.tagFor(y), n = e.tagFor(h), i = e.tagFor(_);
+	return r` <div class="wrapper">
 		<div class="base ${O}">
 			<div class="controls">
 				${c((e) => e.skipBy && e.skipBy != l.Zero, j(e))}
@@ -238,9 +238,9 @@ i(r("audio-player", D, (e) => {
 				${c((e) => !e.notime, P())}
 			</div>
 			${N(e)}
-			${c((e) => !!e.playbackRates, t`
-			<${n} class="playback-rates" placement="top-start" auto-dismiss id="playback-menu" position-strategy="absolute">
-				<${r} id="playback-open-button"
+			${c((e) => !!e.playbackRates, r`
+			<${t} class="playback-rates" placement="top-start" auto-dismiss id="playback-menu" position-strategy="absolute">
+				<${n} id="playback-open-button"
 							  class="playback-button"
 							  slot="anchor"
 							  icon="playback-speed-line"
@@ -248,20 +248,20 @@ i(r("audio-player", D, (e) => {
 							  size='condensed'
 							  connotation="${(e) => e.connotation}"
 							  ?disabled="${(e) => e.disabled || !e.duration}"
-				></${r}>
+				></${n}>
 
-				${s((e) => d(e.playbackRates), t`<${i} @click="${F}"
+				${s((e) => m(e.playbackRates), r`<${i} @click="${F}"
 																			 control-type="radio"
 																			 class="playback-rate"
 																			 text="${(e) => e}"
 																			 check-appearance="tick-only"
 																			 ?checked="${k}"></${i}>`)}
-			</${n}>`)}
+			</${t}>`)}
 		</div>
 	</div>`;
 }, [
 	g,
-	p,
+	f,
 	b,
 	v
 ], { styles: x }))();

package/avatar/definition.cjs

@@ -1,6 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition15.cjs");
-exports.VwcAvatarElement = require_definition$1.Avatar;
-exports.avatarDefinition = require_definition$1.avatarDefinition;
-exports.registerAvatar = require_definition$1.registerAvatar;
+const require_definition = require("../unbundled/definition15.cjs");
+exports.VwcAvatarElement = require_definition.Avatar;
+exports.avatarDefinition = require_definition.avatarDefinition;
+exports.registerAvatar = require_definition.registerAvatar;

package/avatar/definition.js

@@ -1,3 +1,2 @@
-import "../unbundled/definition2.js";
 import { n as registerAvatar, r as Avatar, t as avatarDefinition } from "../unbundled/definition15.js";
 export { Avatar as VwcAvatarElement, avatarDefinition, registerAvatar };

package/avatar/index.cjs

@@ -1,18 +1,18 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/definition2.cjs`),r=require(`../bundled/decorate.cjs`),i=require(`../bundled/delegates-aria.cjs`),a=require(`../bundled/linkable.cjs`),o=require(`../bundled/class-names.cjs`);var s=`:host{display:inline-block}.base.connotation-cta{--_connotation-color-primary:var(--vvd-avatar-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-avatar-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-firm:var(--vvd-avatar-cta-firm,var(--vvd-color-cta-600));--_connotation-color-firm-all:var(--vvd-avatar-cta-firm-all,var(--vvd-color-cta-600));--_connotation-color-fierce:var(--vvd-avatar-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-pale:var(--vvd-avatar-cta-pale,var(--vvd-color-cta-300));--_connotation-color-soft:var(--vvd-avatar-cta-soft,var(--vvd-color-cta-100));--_connotation-color-contrast:var(--vvd-avatar-cta-contrast,var(--vvd-color-cta-800))}.base:not(.connotation-cta){--_connotation-color-primary:var(--vvd-avatar-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-avatar-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-firm:var(--vvd-avatar-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-firm-all:var(--vvd-avatar-accent-firm-all,var(--vvd-color-neutral-600));--_connotation-color-fierce:var(--vvd-avatar-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-pale:var(--vvd-avatar-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-soft:var(--vvd-avatar-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-contrast:var(--vvd-avatar-accent-contrast,var(--vvd-color-neutral-800))}.base{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}.base.appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.appearance-duotone{--_appearance-color-text:var(--_connotation-color-firm-all);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--_connotation-color-pale)}.base.appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base{border-radius:var(--_avatar-border-radius);background-color:var(--_appearance-color-fill);block-size:var(--_size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);inline-size:var(--_size);vertical-align:middle;border:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.base.size-condensed{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.base.size-condensed .initials{font:var(--vvd-typography-base-condensed-bold)}.base.size-condensed .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);line-height:1}.base.size-expanded{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8))}.base.size-expanded .initials{font:var(--vvd-typography-heading-4)}.base.size-expanded .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8)) / 2);line-height:1}.base:is(a,button){cursor:pointer;--focus-stroke-gap-color:transparent}.base:not(.shape-pill){--_avatar-border-radius:8px}.base:not(.shape-pill).size-condensed{--_avatar-border-radius:4px}.base:not(.size-condensed,.size-expanded){--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)))}.base:not(.size-condensed,.size-expanded) .initials{font:var(--vvd-typography-base-extended-bold)}.base:not(.size-condensed,.size-expanded) .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2);line-height:1}.base:is(a,button):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))}.base.shape-pill{--_avatar-border-radius:50%}.base .initials{text-transform:uppercase}.base ::slotted([slot=graphic]){object-fit:cover;block-size:100%;inline-size:100%}`,c=class extends a.t(e.t){constructor(...e){super(...e),this.clickable=!1}};r.t([e.l],c.prototype,`connotation`,void 0),r.t([e.l],c.prototype,`shape`,void 0),r.t([e.l],c.prototype,`appearance`,void 0),r.t([e.l],c.prototype,`size`,void 0),r.t([e.l],c.prototype,`icon`,void 0),r.t([e.l],c.prototype,`initials`,void 0),r.t([e.l({mode:`boolean`,attribute:`clickable`})],c.prototype,`clickable`,void 0);var l=({appearance:e,connotation:t,shape:n,size:r})=>o.t(`base`,[`connotation-${t}`,!!t],[`appearance-${e}`,!!e],[`shape-${n}`,!!n],[`size-${r}`,!!r]);function u(t){return e.d`
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/definition2.cjs`),i=require(`../bundled/class-names.cjs`),a=require(`../bundled/delegates-aria.cjs`),o=require(`../bundled/linkable.cjs`);var s=`:host{display:inline-block}.base.connotation-cta{--_connotation-color-primary:var(--vvd-avatar-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-avatar-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-firm:var(--vvd-avatar-cta-firm,var(--vvd-color-cta-600));--_connotation-color-firm-all:var(--vvd-avatar-cta-firm-all,var(--vvd-color-cta-600));--_connotation-color-fierce:var(--vvd-avatar-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-pale:var(--vvd-avatar-cta-pale,var(--vvd-color-cta-300));--_connotation-color-soft:var(--vvd-avatar-cta-soft,var(--vvd-color-cta-100));--_connotation-color-contrast:var(--vvd-avatar-cta-contrast,var(--vvd-color-cta-800))}.base:not(.connotation-cta){--_connotation-color-primary:var(--vvd-avatar-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-avatar-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-firm:var(--vvd-avatar-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-firm-all:var(--vvd-avatar-accent-firm-all,var(--vvd-color-neutral-600));--_connotation-color-fierce:var(--vvd-avatar-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-pale:var(--vvd-avatar-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-soft:var(--vvd-avatar-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-contrast:var(--vvd-avatar-accent-contrast,var(--vvd-color-neutral-800))}.base{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}.base.appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.appearance-duotone{--_appearance-color-text:var(--_connotation-color-firm-all);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--_connotation-color-pale)}.base.appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base{border-radius:var(--_avatar-border-radius);background-color:var(--_appearance-color-fill);block-size:var(--_size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);inline-size:var(--_size);vertical-align:middle;border:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.base.size-condensed{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.base.size-condensed .initials{font:var(--vvd-typography-base-condensed-bold)}.base.size-condensed .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);line-height:1}.base.size-expanded{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8))}.base.size-expanded .initials{font:var(--vvd-typography-heading-4)}.base.size-expanded .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8)) / 2);line-height:1}.base:is(a,button){cursor:pointer;--focus-stroke-gap-color:transparent}.base:not(.shape-pill){--_avatar-border-radius:8px}.base:not(.shape-pill).size-condensed{--_avatar-border-radius:4px}.base:not(.size-condensed,.size-expanded){--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)))}.base:not(.size-condensed,.size-expanded) .initials{font:var(--vvd-typography-base-extended-bold)}.base:not(.size-condensed,.size-expanded) .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2);line-height:1}.base:is(a,button):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))}.base.shape-pill{--_avatar-border-radius:50%}.base .initials{text-transform:uppercase}.base ::slotted([slot=graphic]){object-fit:cover;block-size:100%;inline-size:100%}`,c=class extends o.t(e.t){constructor(...e){super(...e),this.clickable=!1}};n.t([e.u],c.prototype,`connotation`,void 0),n.t([e.u],c.prototype,`shape`,void 0),n.t([e.u],c.prototype,`appearance`,void 0),n.t([e.u],c.prototype,`size`,void 0),n.t([e.u],c.prototype,`icon`,void 0),n.t([e.u],c.prototype,`initials`,void 0),n.t([e.u({mode:`boolean`,attribute:`clickable`})],c.prototype,`clickable`,void 0);var l=({appearance:e,connotation:t,shape:n,size:r})=>i.t(`base`,[`connotation-${t}`,!!t],[`appearance-${e}`,!!e],[`shape-${n}`,!!n],[`size-${r}`,!!r]);function u(t){return e.f`
 		<${t} name="${e=>e.icon?`${e.icon}`:`user-line`}"></${t}>
-	`}function d(){return e.d`
+	`}function d(){return e.f`
 		<span class="initials">${({initials:e})=>e.substring(0,2)}</span>
-	`}function f(t,n){return t.href?t._renderLinkElement(n,l):t.clickable?e.d`<button
+	`}function f(t,n){return t.href?t._renderLinkElement(n,l):t.clickable?e.f`<button
 			type="button"
 			class="${l}"
-			${i.n()}
+			${a.n()}
 		>
 			${n}
-		</button>`:e.d`<span class="${l}">${n}</span>`}var p=e.o(`avatar`,c,r=>{let i=r.tagFor(n.r);return e.d`
-		${n=>f(n,e.d`<slot name="graphic">
+		</button>`:e.f`<span class="${l}">${n}</span>`}var p=e.s(`avatar`,c,n=>{let i=n.tagFor(r.r);return e.f`
+		${n=>f(n,e.f`<slot name="graphic">
 					${t.t(e=>e.initials,d())}
-					${t.t(e=>!e.initials,e.d`<span class="icon"
+					${t.t(e=>!e.initials,e.f`<span class="icon"
 							><slot name="icon">${u(i)}</slot></span
 						>`)}</slot
 				>`)}
-	`},[n.t],{styles:s});e.s(p)();
+	`},[r.t],{styles:s});e.c(p)();

package/avatar/index.js

@@ -1,53 +1,53 @@
-import { d as e, l as t, o as n, s as r, t as i } from "../bundled/vivid-element.js";
+import { c as e, f as t, s as n, t as r, u as i } from "../bundled/vivid-element.js";
 import { t as a } from "../bundled/when.js";
-import { r as o, t as s } from "../bundled/definition2.js";
-import { t as c } from "../bundled/decorate.js";
-import { n as l } from "../bundled/delegates-aria.js";
-import { t as u } from "../bundled/linkable.js";
-import { t as d } from "../bundled/class-names.js";
+import { t as o } from "../bundled/decorate.js";
+import { r as s, t as c } from "../bundled/definition2.js";
+import { t as l } from "../bundled/class-names.js";
+import { n as u } from "../bundled/delegates-aria.js";
+import { t as d } from "../bundled/linkable.js";
 //#region src/lib/avatar/avatar.scss?inline
-var f = ":host{display:inline-block}.base.connotation-cta{--_connotation-color-primary:var(--vvd-avatar-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-avatar-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-firm:var(--vvd-avatar-cta-firm,var(--vvd-color-cta-600));--_connotation-color-firm-all:var(--vvd-avatar-cta-firm-all,var(--vvd-color-cta-600));--_connotation-color-fierce:var(--vvd-avatar-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-pale:var(--vvd-avatar-cta-pale,var(--vvd-color-cta-300));--_connotation-color-soft:var(--vvd-avatar-cta-soft,var(--vvd-color-cta-100));--_connotation-color-contrast:var(--vvd-avatar-cta-contrast,var(--vvd-color-cta-800))}.base:not(.connotation-cta){--_connotation-color-primary:var(--vvd-avatar-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-avatar-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-firm:var(--vvd-avatar-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-firm-all:var(--vvd-avatar-accent-firm-all,var(--vvd-color-neutral-600));--_connotation-color-fierce:var(--vvd-avatar-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-pale:var(--vvd-avatar-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-soft:var(--vvd-avatar-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-contrast:var(--vvd-avatar-accent-contrast,var(--vvd-color-neutral-800))}.base{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}.base.appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.appearance-duotone{--_appearance-color-text:var(--_connotation-color-firm-all);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--_connotation-color-pale)}.base.appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base{border-radius:var(--_avatar-border-radius);background-color:var(--_appearance-color-fill);block-size:var(--_size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);inline-size:var(--_size);vertical-align:middle;border:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.base.size-condensed{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.base.size-condensed .initials{font:var(--vvd-typography-base-condensed-bold)}.base.size-condensed .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);line-height:1}.base.size-expanded{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8))}.base.size-expanded .initials{font:var(--vvd-typography-heading-4)}.base.size-expanded .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8)) / 2);line-height:1}.base:is(a,button){cursor:pointer;--focus-stroke-gap-color:transparent}.base:not(.shape-pill){--_avatar-border-radius:8px}.base:not(.shape-pill).size-condensed{--_avatar-border-radius:4px}.base:not(.size-condensed,.size-expanded){--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)))}.base:not(.size-condensed,.size-expanded) .initials{font:var(--vvd-typography-base-extended-bold)}.base:not(.size-condensed,.size-expanded) .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2);line-height:1}.base:is(a,button):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))}.base.shape-pill{--_avatar-border-radius:50%}.base .initials{text-transform:uppercase}.base ::slotted([slot=graphic]){object-fit:cover;block-size:100%;inline-size:100%}", p = class extends u(i) {
+var f = ":host{display:inline-block}.base.connotation-cta{--_connotation-color-primary:var(--vvd-avatar-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-avatar-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-firm:var(--vvd-avatar-cta-firm,var(--vvd-color-cta-600));--_connotation-color-firm-all:var(--vvd-avatar-cta-firm-all,var(--vvd-color-cta-600));--_connotation-color-fierce:var(--vvd-avatar-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-pale:var(--vvd-avatar-cta-pale,var(--vvd-color-cta-300));--_connotation-color-soft:var(--vvd-avatar-cta-soft,var(--vvd-color-cta-100));--_connotation-color-contrast:var(--vvd-avatar-cta-contrast,var(--vvd-color-cta-800))}.base:not(.connotation-cta){--_connotation-color-primary:var(--vvd-avatar-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-avatar-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-firm:var(--vvd-avatar-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-firm-all:var(--vvd-avatar-accent-firm-all,var(--vvd-color-neutral-600));--_connotation-color-fierce:var(--vvd-avatar-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-pale:var(--vvd-avatar-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-soft:var(--vvd-avatar-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-contrast:var(--vvd-avatar-accent-contrast,var(--vvd-color-neutral-800))}.base{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}.base.appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.appearance-duotone{--_appearance-color-text:var(--_connotation-color-firm-all);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--_connotation-color-pale)}.base.appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base{border-radius:var(--_avatar-border-radius);background-color:var(--_appearance-color-fill);block-size:var(--_size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);inline-size:var(--_size);vertical-align:middle;border:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.base.size-condensed{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.base.size-condensed .initials{font:var(--vvd-typography-base-condensed-bold)}.base.size-condensed .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);line-height:1}.base.size-expanded{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8))}.base.size-expanded .initials{font:var(--vvd-typography-heading-4)}.base.size-expanded .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8)) / 2);line-height:1}.base:is(a,button){cursor:pointer;--focus-stroke-gap-color:transparent}.base:not(.shape-pill){--_avatar-border-radius:8px}.base:not(.shape-pill).size-condensed{--_avatar-border-radius:4px}.base:not(.size-condensed,.size-expanded){--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)))}.base:not(.size-condensed,.size-expanded) .initials{font:var(--vvd-typography-base-extended-bold)}.base:not(.size-condensed,.size-expanded) .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2);line-height:1}.base:is(a,button):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))}.base.shape-pill{--_avatar-border-radius:50%}.base .initials{text-transform:uppercase}.base ::slotted([slot=graphic]){object-fit:cover;block-size:100%;inline-size:100%}", p = class extends d(r) {
 	constructor(...e) {
 		super(...e), this.clickable = !1;
 	}
 };
-c([t], p.prototype, "connotation", void 0), c([t], p.prototype, "shape", void 0), c([t], p.prototype, "appearance", void 0), c([t], p.prototype, "size", void 0), c([t], p.prototype, "icon", void 0), c([t], p.prototype, "initials", void 0), c([t({
+o([i], p.prototype, "connotation", void 0), o([i], p.prototype, "shape", void 0), o([i], p.prototype, "appearance", void 0), o([i], p.prototype, "size", void 0), o([i], p.prototype, "icon", void 0), o([i], p.prototype, "initials", void 0), o([i({
 	mode: "boolean",
 	attribute: "clickable"
 })], p.prototype, "clickable", void 0);
 //#endregion
 //#region src/lib/avatar/avatar.template.ts
-var m = ({ appearance: e, connotation: t, shape: n, size: r }) => d("base", [`connotation-${t}`, !!t], [`appearance-${e}`, !!e], [`shape-${n}`, !!n], [`size-${r}`, !!r]);
-function h(t) {
-	return e`
-		<${t} name="${(e) => e.icon ? `${e.icon}` : "user-line"}"></${t}>
+var m = ({ appearance: e, connotation: t, shape: n, size: r }) => l("base", [`connotation-${t}`, !!t], [`appearance-${e}`, !!e], [`shape-${n}`, !!n], [`size-${r}`, !!r]);
+function h(e) {
+	return t`
+		<${e} name="${(e) => e.icon ? `${e.icon}` : "user-line"}"></${e}>
 	`;
 }
 function g() {
-	return e`
+	return t`
 		<span class="initials">${({ initials: e }) => e.substring(0, 2)}</span>
 	`;
 }
-function _(t, n) {
-	return t.href ? t._renderLinkElement(n, m) : t.clickable ? e`<button
+function _(e, n) {
+	return e.href ? e._renderLinkElement(n, m) : e.clickable ? t`<button
 			type="button"
 			class="${m}"
-			${l()}
+			${u()}
 		>
 			${n}
-		</button>` : e`<span class="${m}">${n}</span>`;
+		</button>` : t`<span class="${m}">${n}</span>`;
 }
 //#endregion
 //#region src/lib/avatar/index.ts
-r(n("avatar", p, (t) => {
-	let n = t.tagFor(o);
-	return e`
-		${(t) => _(t, e`<slot name="graphic">
+e(n("avatar", p, (e) => {
+	let n = e.tagFor(s);
+	return t`
+		${(e) => _(e, t`<slot name="graphic">
 					${a((e) => e.initials, g())}
-					${a((e) => !e.initials, e`<span class="icon"
+					${a((e) => !e.initials, t`<span class="icon"
 							><slot name="icon">${h(n)}</slot></span
 						>`)}</slot
 				>`)}
 	`;
-}, [s], { styles: f }))();
+}, [c], { styles: f }))();
 //#endregion

package/badge/definition.cjs

@@ -1,6 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition16.cjs");
-exports.VwcBadgeElement = require_definition$1.Badge;
-exports.badgeDefinition = require_definition$1.badgeDefinition;
-exports.registerBadge = require_definition$1.registerBadge;
+const require_definition = require("../unbundled/definition16.cjs");
+exports.VwcBadgeElement = require_definition.Badge;
+exports.badgeDefinition = require_definition.badgeDefinition;
+exports.registerBadge = require_definition.registerBadge;

package/badge/definition.js

@@ -1,3 +1,2 @@
-import "../unbundled/definition2.js";
 import { n as registerBadge, r as Badge, t as badgeDefinition } from "../unbundled/definition16.js";
 export { Badge as VwcBadgeElement, badgeDefinition, registerBadge };

package/badge/index.cjs

@@ -1,4 +1 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/definition2.cjs`),r=require(`../bundled/decorate.cjs`),i=require(`../bundled/affix.cjs`),a=require(`../bundled/class-names.cjs`);var o=class extends i.n(e.t){};r.t([e.l],o.prototype,`connotation`,void 0),r.t([e.l],o.prototype,`shape`,void 0),r.t([e.l],o.prototype,`size`,void 0),r.t([e.l],o.prototype,`appearance`,void 0),r.t([e.l],o.prototype,`text`,void 0);var s=`:host{display:inline-block}.base.connotation-cta{--_connotation-color-primary:var(--vvd-badge-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-badge-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-cta-intermediate,var(--vvd-color-cta-500));--_connotation-color-soft:var(--vvd-badge-cta-soft,var(--vvd-color-cta-100));--_connotation-color-contrast:var(--vvd-badge-cta-contrast,var(--vvd-color-cta-800));--_connotation-color-pale:var(--vvd-badge-cta-pale,var(--vvd-color-cta-300));--_connotation-color-fierce:var(--vvd-badge-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-fierce-primary:var(--vvd-badge-cta-fierce-primary,var(--vvd-color-cta-700));--_connotation-color-firm:var(--vvd-badge-cta-firm,var(--vvd-color-cta-600));--_connotation-color-firm-all:var(--vvd-badge-cta-firm-all,var(--vvd-color-cta-600))}.base.connotation-success{--_connotation-color-primary:var(--vvd-badge-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-badge-success-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-success-intermediate,var(--vvd-color-success-500));--_connotation-color-soft:var(--vvd-badge-success-soft,var(--vvd-color-success-100));--_connotation-color-contrast:var(--vvd-badge-success-contrast,var(--vvd-color-success-800));--_connotation-color-pale:var(--vvd-badge-success-pale,var(--vvd-color-success-300));--_connotation-color-fierce:var(--vvd-badge-success-fierce,var(--vvd-color-success-700));--_connotation-color-fierce-primary:var(--vvd-badge-success-fierce-primary,var(--vvd-color-success-700));--_connotation-color-firm:var(--vvd-badge-success-firm,var(--vvd-color-success-600));--_connotation-color-firm-all:var(--vvd-badge-success-firm-all,var(--vvd-color-success-600))}.base.connotation-alert{--_connotation-color-primary:var(--vvd-badge-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-badge-alert-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-alert-intermediate,var(--vvd-color-alert-500));--_connotation-color-soft:var(--vvd-badge-alert-soft,var(--vvd-color-alert-100));--_connotation-color-contrast:var(--vvd-badge-alert-contrast,var(--vvd-color-alert-800));--_connotation-color-pale:var(--vvd-badge-alert-pale,var(--vvd-color-alert-300));--_connotation-color-fierce:var(--vvd-badge-alert-fierce,var(--vvd-color-alert-700));--_connotation-color-fierce-primary:var(--vvd-badge-alert-fierce-primary,var(--vvd-color-alert-700));--_connotation-color-firm:var(--vvd-badge-alert-firm,var(--vvd-color-alert-600));--_connotation-color-firm-all:var(--vvd-badge-alert-firm-all,var(--vvd-color-alert-600))}.base.connotation-warning{--_connotation-color-primary:var(--vvd-badge-warning-primary,var(--vvd-color-warning-300));--_connotation-color-primary-text:var(--vvd-badge-warning-primary-text,var(--vvd-color-canvas-text));--_connotation-color-intermediate:var(--vvd-badge-warning-intermediate,var(--vvd-color-warning-300));--_connotation-color-soft:var(--vvd-badge-warning-soft,var(--vvd-color-warning-100));--_connotation-color-contrast:var(--vvd-badge-warning-contrast,var(--vvd-color-warning-800));--_connotation-color-pale:var(--vvd-badge-warning-pale,var(--vvd-color-warning-300));--_connotation-color-fierce:var(--vvd-badge-warning-fierce,var(--vvd-color-warning-700));--_connotation-color-fierce-primary:var(--vvd-badge-warning-fierce-primary,var(--vvd-color-warning-300));--_connotation-color-firm:var(--vvd-badge-warning-firm,var(--vvd-color-warning-600));--_connotation-color-firm-all:var(--vvd-badge-warning-firm-all,var(--vvd-color-warning-600))}.base.connotation-information{--_connotation-color-primary:var(--vvd-badge-information-primary,var(--vvd-color-information-500));--_connotation-color-primary-text:var(--vvd-badge-information-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-information-intermediate,var(--vvd-color-information-500));--_connotation-color-soft:var(--vvd-badge-information-soft,var(--vvd-color-information-100));--_connotation-color-contrast:var(--vvd-badge-information-contrast,var(--vvd-color-information-800));--_connotation-color-pale:var(--vvd-badge-information-pale,var(--vvd-color-information-300));--_connotation-color-fierce:var(--vvd-badge-information-fierce,var(--vvd-color-information-700));--_connotation-color-fierce-primary:var(--vvd-badge-information-fierce-primary,var(--vvd-color-information-700));--_connotation-color-firm:var(--vvd-badge-information-firm,var(--vvd-color-information-600));--_connotation-color-firm-all:var(--vvd-badge-information-firm-all,var(--vvd-color-information-600))}.base.connotation-announcement{--_connotation-color-primary:var(--vvd-badge-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-badge-announcement-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-announcement-intermediate,var(--vvd-color-announcement-500));--_connotation-color-soft:var(--vvd-badge-announcement-soft,var(--vvd-color-announcement-100));--_connotation-color-contrast:var(--vvd-badge-announcement-contrast,var(--vvd-color-announcement-800));--_connotation-color-pale:var(--vvd-badge-announcement-pale,var(--vvd-color-announcement-300));--_connotation-color-fierce:var(--vvd-badge-announcement-fierce,var(--vvd-color-announcement-700));--_connotation-color-fierce-primary:var(--vvd-badge-announcement-fierce-primary,var(--vvd-color-announcement-700));--_connotation-color-firm:var(--vvd-badge-announcement-firm,var(--vvd-color-announcement-600));--_connotation-color-firm-all:var(--vvd-badge-announcement-firm-all,var(--vvd-color-announcement-600))}.base:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-warning,.connotation-information,.connotation-announcement){--_connotation-color-primary:var(--vvd-badge-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-badge-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-soft:var(--vvd-badge-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-contrast:var(--vvd-badge-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-pale:var(--vvd-badge-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-fierce:var(--vvd-badge-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-fierce-primary:var(--vvd-badge-accent-fierce-primary,var(--vvd-color-canvas-text));--_connotation-color-firm:var(--vvd-badge-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-firm-all:var(--vvd-badge-accent-firm-all,var(--vvd-color-neutral-600))}.base{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}.base.appearance-duotone{--_appearance-color-text:var(--_connotation-color-firm-all);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--_connotation-color-pale)}.base.appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base.appearance-subtle-light{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 85%);--_appearance-color-outline:transparent}.base{box-sizing:border-box;background-color:var(--_appearance-color-fill);block-size:var(--_badge-block-size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base-condensed-bold);vertical-align:middle;justify-content:center;align-items:center;column-gap:8px;inline-size:100%;padding-inline:8px;display:inline-flex}.base:not(.size-expanded){--_badge-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20))}.base.size-expanded{--_badge-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.base:not(.icon-only){max-inline-size:100%}.base.icon-only{contain:size;place-content:center;padding-inline:0}@supports (aspect-ratio:1){.base.icon-only{aspect-ratio:1}}@supports not (aspect-ratio:1){.base.icon-only{inline-size:var(--_badge-block-size)}}.base:not(.shape-pill){border-radius:4px}.base.shape-pill{border-radius:16px}.text{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}slot[name=icon]{font-size:calc(var(--_badge-block-size) / 1.6667);flex-shrink:0;line-height:1}.icon-trailing slot[name=icon]{order:1;display:flex}`,c=({iconSlottedContent:e,connotation:t,appearance:n,shape:r,size:i,iconTrailing:o,text:s,icon:c})=>a.t(`base`,[`connotation-${t}`,!!t],[`appearance-${n}`,!!n],[`shape-${r}`,!!r],[`size-${i}`,!!i],[`icon-trailing`,o],[`icon-only`,!s&&(!!c||!!e?.length)]),l=e.o(`badge`,o,n=>{let r=i.a(n);return e.d` <span class="${c}">
-		${e=>r(e.icon,i.i.Slot)}
-		${t.t(e=>e.text,t=>e.d`<span class="text">${t.text}</span>`)}
-	</span>`},[n.t],{styles:s});e.s(l)();
+require(`../bundled/definition22.cjs`).n();

package/badge/index.js

@@ -1,22 +1,4 @@
-import { d as e, l as t, o as n, s as r, t as i } from "../bundled/vivid-element.js";
-import { t as a } from "../bundled/when.js";
-import { t as o } from "../bundled/definition2.js";
-import { t as s } from "../bundled/decorate.js";
-import { a as c, i as l, n as u } from "../bundled/affix.js";
-import { t as d } from "../bundled/class-names.js";
-//#region src/lib/badge/badge.ts
-var f = class extends u(i) {};
-s([t], f.prototype, "connotation", void 0), s([t], f.prototype, "shape", void 0), s([t], f.prototype, "size", void 0), s([t], f.prototype, "appearance", void 0), s([t], f.prototype, "text", void 0);
-//#endregion
-//#region src/lib/badge/badge.scss?inline
-var p = ":host{display:inline-block}.base.connotation-cta{--_connotation-color-primary:var(--vvd-badge-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-badge-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-cta-intermediate,var(--vvd-color-cta-500));--_connotation-color-soft:var(--vvd-badge-cta-soft,var(--vvd-color-cta-100));--_connotation-color-contrast:var(--vvd-badge-cta-contrast,var(--vvd-color-cta-800));--_connotation-color-pale:var(--vvd-badge-cta-pale,var(--vvd-color-cta-300));--_connotation-color-fierce:var(--vvd-badge-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-fierce-primary:var(--vvd-badge-cta-fierce-primary,var(--vvd-color-cta-700));--_connotation-color-firm:var(--vvd-badge-cta-firm,var(--vvd-color-cta-600));--_connotation-color-firm-all:var(--vvd-badge-cta-firm-all,var(--vvd-color-cta-600))}.base.connotation-success{--_connotation-color-primary:var(--vvd-badge-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-badge-success-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-success-intermediate,var(--vvd-color-success-500));--_connotation-color-soft:var(--vvd-badge-success-soft,var(--vvd-color-success-100));--_connotation-color-contrast:var(--vvd-badge-success-contrast,var(--vvd-color-success-800));--_connotation-color-pale:var(--vvd-badge-success-pale,var(--vvd-color-success-300));--_connotation-color-fierce:var(--vvd-badge-success-fierce,var(--vvd-color-success-700));--_connotation-color-fierce-primary:var(--vvd-badge-success-fierce-primary,var(--vvd-color-success-700));--_connotation-color-firm:var(--vvd-badge-success-firm,var(--vvd-color-success-600));--_connotation-color-firm-all:var(--vvd-badge-success-firm-all,var(--vvd-color-success-600))}.base.connotation-alert{--_connotation-color-primary:var(--vvd-badge-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-badge-alert-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-alert-intermediate,var(--vvd-color-alert-500));--_connotation-color-soft:var(--vvd-badge-alert-soft,var(--vvd-color-alert-100));--_connotation-color-contrast:var(--vvd-badge-alert-contrast,var(--vvd-color-alert-800));--_connotation-color-pale:var(--vvd-badge-alert-pale,var(--vvd-color-alert-300));--_connotation-color-fierce:var(--vvd-badge-alert-fierce,var(--vvd-color-alert-700));--_connotation-color-fierce-primary:var(--vvd-badge-alert-fierce-primary,var(--vvd-color-alert-700));--_connotation-color-firm:var(--vvd-badge-alert-firm,var(--vvd-color-alert-600));--_connotation-color-firm-all:var(--vvd-badge-alert-firm-all,var(--vvd-color-alert-600))}.base.connotation-warning{--_connotation-color-primary:var(--vvd-badge-warning-primary,var(--vvd-color-warning-300));--_connotation-color-primary-text:var(--vvd-badge-warning-primary-text,var(--vvd-color-canvas-text));--_connotation-color-intermediate:var(--vvd-badge-warning-intermediate,var(--vvd-color-warning-300));--_connotation-color-soft:var(--vvd-badge-warning-soft,var(--vvd-color-warning-100));--_connotation-color-contrast:var(--vvd-badge-warning-contrast,var(--vvd-color-warning-800));--_connotation-color-pale:var(--vvd-badge-warning-pale,var(--vvd-color-warning-300));--_connotation-color-fierce:var(--vvd-badge-warning-fierce,var(--vvd-color-warning-700));--_connotation-color-fierce-primary:var(--vvd-badge-warning-fierce-primary,var(--vvd-color-warning-300));--_connotation-color-firm:var(--vvd-badge-warning-firm,var(--vvd-color-warning-600));--_connotation-color-firm-all:var(--vvd-badge-warning-firm-all,var(--vvd-color-warning-600))}.base.connotation-information{--_connotation-color-primary:var(--vvd-badge-information-primary,var(--vvd-color-information-500));--_connotation-color-primary-text:var(--vvd-badge-information-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-information-intermediate,var(--vvd-color-information-500));--_connotation-color-soft:var(--vvd-badge-information-soft,var(--vvd-color-information-100));--_connotation-color-contrast:var(--vvd-badge-information-contrast,var(--vvd-color-information-800));--_connotation-color-pale:var(--vvd-badge-information-pale,var(--vvd-color-information-300));--_connotation-color-fierce:var(--vvd-badge-information-fierce,var(--vvd-color-information-700));--_connotation-color-fierce-primary:var(--vvd-badge-information-fierce-primary,var(--vvd-color-information-700));--_connotation-color-firm:var(--vvd-badge-information-firm,var(--vvd-color-information-600));--_connotation-color-firm-all:var(--vvd-badge-information-firm-all,var(--vvd-color-information-600))}.base.connotation-announcement{--_connotation-color-primary:var(--vvd-badge-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-badge-announcement-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-announcement-intermediate,var(--vvd-color-announcement-500));--_connotation-color-soft:var(--vvd-badge-announcement-soft,var(--vvd-color-announcement-100));--_connotation-color-contrast:var(--vvd-badge-announcement-contrast,var(--vvd-color-announcement-800));--_connotation-color-pale:var(--vvd-badge-announcement-pale,var(--vvd-color-announcement-300));--_connotation-color-fierce:var(--vvd-badge-announcement-fierce,var(--vvd-color-announcement-700));--_connotation-color-fierce-primary:var(--vvd-badge-announcement-fierce-primary,var(--vvd-color-announcement-700));--_connotation-color-firm:var(--vvd-badge-announcement-firm,var(--vvd-color-announcement-600));--_connotation-color-firm-all:var(--vvd-badge-announcement-firm-all,var(--vvd-color-announcement-600))}.base:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-warning,.connotation-information,.connotation-announcement){--_connotation-color-primary:var(--vvd-badge-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-badge-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-soft:var(--vvd-badge-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-contrast:var(--vvd-badge-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-pale:var(--vvd-badge-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-fierce:var(--vvd-badge-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-fierce-primary:var(--vvd-badge-accent-fierce-primary,var(--vvd-color-canvas-text));--_connotation-color-firm:var(--vvd-badge-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-firm-all:var(--vvd-badge-accent-firm-all,var(--vvd-color-neutral-600))}.base{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}.base.appearance-duotone{--_appearance-color-text:var(--_connotation-color-firm-all);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--_connotation-color-pale)}.base.appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base.appearance-subtle-light{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 85%);--_appearance-color-outline:transparent}.base{box-sizing:border-box;background-color:var(--_appearance-color-fill);block-size:var(--_badge-block-size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base-condensed-bold);vertical-align:middle;justify-content:center;align-items:center;column-gap:8px;inline-size:100%;padding-inline:8px;display:inline-flex}.base:not(.size-expanded){--_badge-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20))}.base.size-expanded{--_badge-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.base:not(.icon-only){max-inline-size:100%}.base.icon-only{contain:size;place-content:center;padding-inline:0}@supports (aspect-ratio:1){.base.icon-only{aspect-ratio:1}}@supports not (aspect-ratio:1){.base.icon-only{inline-size:var(--_badge-block-size)}}.base:not(.shape-pill){border-radius:4px}.base.shape-pill{border-radius:16px}.text{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}slot[name=icon]{font-size:calc(var(--_badge-block-size) / 1.6667);flex-shrink:0;line-height:1}.icon-trailing slot[name=icon]{order:1;display:flex}", m = ({ iconSlottedContent: e, connotation: t, appearance: n, shape: r, size: i, iconTrailing: a, text: o, icon: s }) => d("base", [`connotation-${t}`, !!t], [`appearance-${n}`, !!n], [`shape-${r}`, !!r], [`size-${i}`, !!i], ["icon-trailing", a], ["icon-only", !o && (!!s || !!e?.length)]);
-//#endregion
+import { n as e } from "../bundled/definition22.js";
 //#region src/lib/badge/index.ts
-r(n("badge", f, (t) => {
-	let n = c(t);
-	return e` <span class="${m}">
-		${(e) => n(e.icon, l.Slot)}
-		${a((e) => e.text, (t) => e`<span class="text">${t.text}</span>`)}
-	</span>`;
-}, [o], { styles: p }))();
+e();
 //#endregion

package/banner/definition.cjs

@@ -1,6 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition17.cjs");
-exports.VwcBannerElement = require_definition$1.Banner;
-exports.bannerDefinition = require_definition$1.bannerDefinition;
-exports.registerBanner = require_definition$1.registerBanner;
+const require_definition = require("../unbundled/definition17.cjs");
+exports.VwcBannerElement = require_definition.Banner;
+exports.bannerDefinition = require_definition.bannerDefinition;
+exports.registerBanner = require_definition.registerBanner;

package/banner/definition.js

@@ -1,3 +1,2 @@
-import "../unbundled/definition2.js";
 import { n as registerBanner, r as Banner, t as bannerDefinition } from "../unbundled/definition17.js";
 export { Banner as VwcBannerElement, bannerDefinition, registerBanner };

package/banner/index.cjs

@@ -1,4 +1,4 @@
-const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/when.cjs`),r=require(`../bundled/slotted.cjs`),i=require(`../bundled/enums.cjs`),a=require(`../bundled/definition2.cjs`),o=require(`../bundled/decorate.cjs`),s=require(`../bundled/affix.cjs`),c=require(`../bundled/delegates-aria.cjs`),l=require(`../bundled/class-names.cjs`),u=require(`../bundled/definition6.cjs`);var d=`:host{display:block}.control.connotation-success{--_connotation-color-primary:var(--vvd-banner-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-banner-success-primary-text,var(--vvd-color-canvas))}.control.connotation-alert{--_connotation-color-primary:var(--vvd-banner-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-banner-alert-primary-text,var(--vvd-color-canvas))}.control.connotation-announcement{--_connotation-color-primary:var(--vvd-banner-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-banner-announcement-primary-text,var(--vvd-color-canvas))}.control.connotation-warning{--_connotation-color-primary:var(--vvd-banner-warning-primary,var(--vvd-color-warning-300));--_connotation-color-primary-text:var(--vvd-banner-warning-primary-text,var(--vvd-color-canvas-text))}.control:not(.connotation-success,.connotation-alert,.connotation-announcement,.connotation-warning){--_connotation-color-primary:var(--vvd-banner-information-primary,var(--vvd-color-information-500));--_connotation-color-primary-text:var(--vvd-banner-information-primary-text,var(--vvd-color-canvas))}.control{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent;background-color:var(--_appearance-color-fill);max-height:160px;color:var(--_appearance-color-text);transition:max-height var(--transition-delay,.2s);overflow:hidden}.control.removing{max-height:0}.header{box-sizing:border-box;font:var(--vvd-typography-base-bold);inline-size:100%;min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 20));align-items:center;display:flex}.header .content{flex-grow:1;justify-content:center;align-items:center;column-gap:16px;inline-size:100%;padding:10px 16px;display:flex}.header .content slot[name=icon]{flex-shrink:0;font-size:20px;line-height:1}.header .content .action-items{flex-shrink:0}.header .dismiss-button{flex-shrink:0;margin-inline-end:8px}`,f={[i.n.Information]:`info-solid`,[i.n.Announcement]:`megaphone-solid`,[i.n.Success]:`check-circle-solid`,[i.n.Warning]:`warning-solid`,[i.n.Alert]:`error-solid`},p=(e=i.n.Information)=>f[e],m=class extends s.t(e.t(c.t(t.t))){constructor(...e){super(...e),this.dismissButtonAriaLabel=null,this.removable=!1}get conditionedIcon(){return this.icon??p(this.connotation)}connectedCallback(){super.connectedCallback(),this.addEventListener(`keydown`,this.#t)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`keydown`,this.#t)}remove(){this.$emit(`removing`);let e=this.shadowRoot&&this.shadowRoot.querySelector(`.control`);e?.classList.add(`removing`),e?.addEventListener(`transitionend`,this.#e)}#e=()=>{this.$emit(`removed`),this.parentElement&&this.parentElement.removeChild(this)};#t=e=>{e.key!==`Escape`||!this.removable||this.remove()}};o.t([t.l({attribute:`dismiss-aria-label`})],m.prototype,`dismissButtonAriaLabel`,void 0),o.t([t.l({mode:`boolean`})],m.prototype,`removable`,void 0),o.t([t.l()],m.prototype,`text`,void 0),o.t([t.l()],m.prototype,`connotation`,void 0),o.t([t.T],m.prototype,`actionItemsSlottedContent`,void 0);var h=e=>l.t(`control`,[`connotation-${e.connotation}`,!!e.connotation]);function g(e){return t.d`
+const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/when.cjs`),r=require(`../bundled/slotted.cjs`),i=require(`../bundled/enums.cjs`),a=require(`../bundled/decorate.cjs`),o=require(`../bundled/definition2.cjs`),s=require(`../bundled/affix.cjs`),c=require(`../bundled/class-names.cjs`),l=require(`../bundled/delegates-aria.cjs`),u=require(`../bundled/definition6.cjs`);var d=`:host{display:block}.control.connotation-success{--_connotation-color-primary:var(--vvd-banner-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-banner-success-primary-text,var(--vvd-color-canvas))}.control.connotation-alert{--_connotation-color-primary:var(--vvd-banner-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-banner-alert-primary-text,var(--vvd-color-canvas))}.control.connotation-announcement{--_connotation-color-primary:var(--vvd-banner-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-banner-announcement-primary-text,var(--vvd-color-canvas))}.control.connotation-warning{--_connotation-color-primary:var(--vvd-banner-warning-primary,var(--vvd-color-warning-300));--_connotation-color-primary-text:var(--vvd-banner-warning-primary-text,var(--vvd-color-canvas-text))}.control:not(.connotation-success,.connotation-alert,.connotation-announcement,.connotation-warning){--_connotation-color-primary:var(--vvd-banner-information-primary,var(--vvd-color-information-500));--_connotation-color-primary-text:var(--vvd-banner-information-primary-text,var(--vvd-color-canvas))}.control{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent;background-color:var(--_appearance-color-fill);max-height:160px;color:var(--_appearance-color-text);transition:max-height var(--transition-delay,.2s);overflow:hidden}.control.removing{max-height:0}.header{box-sizing:border-box;font:var(--vvd-typography-base-bold);inline-size:100%;min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 20));align-items:center;display:flex}.header .content{flex-grow:1;justify-content:center;align-items:center;column-gap:16px;inline-size:100%;padding:10px 16px;display:flex}.header .content slot[name=icon]{flex-shrink:0;font-size:20px;line-height:1}.header .content .action-items{flex-shrink:0}.header .dismiss-button{flex-shrink:0;margin-inline-end:8px}`,f={[i.n.Information]:`info-solid`,[i.n.Announcement]:`megaphone-solid`,[i.n.Success]:`check-circle-solid`,[i.n.Warning]:`warning-solid`,[i.n.Alert]:`error-solid`},p=(e=i.n.Information)=>f[e],m=class extends s.t(e.t(l.t(t.t))){constructor(...e){super(...e),this.dismissButtonAriaLabel=null,this.removable=!1,this.#e=()=>{this.$emit(`removed`),this.parentElement&&this.parentElement.removeChild(this)},this.#t=e=>{e.key!==`Escape`||!this.removable||this.remove()}}get conditionedIcon(){return this.icon??p(this.connotation)}connectedCallback(){super.connectedCallback(),this.addEventListener(`keydown`,this.#t)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`keydown`,this.#t)}remove(){this.$emit(`removing`);let e=this.shadowRoot&&this.shadowRoot.querySelector(`.control`);e?.classList.add(`removing`),e?.addEventListener(`transitionend`,this.#e)}#e;#t};a.t([t.u({attribute:`dismiss-aria-label`})],m.prototype,`dismissButtonAriaLabel`,void 0),a.t([t.u({mode:`boolean`})],m.prototype,`removable`,void 0),a.t([t.u()],m.prototype,`text`,void 0),a.t([t.u()],m.prototype,`connotation`,void 0),a.t([t.D],m.prototype,`actionItemsSlottedContent`,void 0);var h=e=>c.t(`control`,[`connotation-${e.connotation}`,!!e.connotation]);function g(e){return t.f`
 	  <${e}
 	  		aria-label="${e=>e.dismissButtonAriaLabel||e.locale.banner.dismissButtonLabel}"
 			part="${e=>e.connotation===`warning`?``:`vvd-theme-alternate`}"
@@ -6,14 +6,14 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 			class="dismiss-button"
 			icon="close-line"
 			@click="${e=>e.remove()}">
-	  </${e}>`}var _=(e,t)=>{let n=s.a(e),r=t.conditionedIcon,i=!t.icon&&t.connotation?{label:t.locale.connotationAnnoncement[`${t.connotation}Icon`],announceOnUpdate:!1}:void 0;return n(r,s.i.Slot,s.r.Hidden,i)},v=t.o(`banner`,m,e=>{let i=e.tagFor(u.i);return t.d`
+	  </${e}>`}var _=(e,t)=>{let n=s.a(e),r=t.conditionedIcon,i=!t.icon&&t.connotation?{label:t.locale.connotationAnnoncement[`${t.connotation}Icon`],announceOnUpdate:!1}:void 0;return n(r,s.i.Slot,s.r.Hidden,i)},v=t.s(`banner`,m,e=>{let i=e.tagFor(u.i);return t.f`
 		<div class="${h}">
 			<header class="header">
 				<div class="content">
 					${t=>_(e,t)}
 					<div
 						class="banner-message"
-						${c.n({role:e=>e.role?e.role:`status`,ariaLive:e=>e.ariaLive?e.ariaLive:`polite`})}
+						${l.n({role:e=>e.role?e.role:`status`,ariaLive:e=>e.ariaLive?e.ariaLive:`polite`})}
 					>
 						${e=>e.text}
 					</div>
@@ -27,4 +27,4 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 				${n.t(e=>e.removable,g(i))}
 			</header>
 		</div>
-	`},[a.t,u.t],{styles:d});t.s(v)();
+	`},[o.t,u.t],{styles:d});t.c(v)();