@vonage/vivid 5.25.0 → 5.27.0

package/accordion/index.cjs

@@ -1,4 +1,4 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/slotted.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/class-names.cjs`),i=require(`../bundled/key-codes.cjs`),a=require(`../bundled/numbers.cjs`),o=require(`../bundled/definition25.cjs`);var s=`.base{box-sizing:border-box;flex-direction:column;display:flex}::slotted(:not(:only-of-type)){border-bottom:1px solid var(--vvd-color-neutral-200)}`,c={single:`single`,multi:`multi`},l=class extends e.t{constructor(...e){super(...e),this.expandmode=c.single,this.activeItemIndex=0,this.change=()=>{this.$emit(`change`,this.activeid)},this.setItems=()=>{this.accordionItems.length!==0&&(this.accordionIds=this.getItemIds(),this.activeid=this.accordionIds[this.activeItemIndex],this.accordionItems.forEach((e,t)=>{e instanceof o.r&&(e.addEventListener(`change`,this.activeItemChange),this.isSingleExpandMode()&&(this.findExpandedItem()===null&&t===0?e.expanded=!0:e.expanded=e===this.findExpandedItem()));let n=this.accordionIds[t];e.setAttribute(`id`,typeof n==`string`?n:`accordion-${t+1}`),e.addEventListener(`keydown`,this.handleItemKeyDown)}),this.isSingleExpandMode()&&(this.findExpandedItem()??this.accordionItems[0]).setAttribute(`aria-disabled`,`true`))},this.removeItemListeners=e=>{e.forEach(e=>{e.removeEventListener(`change`,this.activeItemChange),e.removeEventListener(`keydown`,this.handleItemKeyDown)})},this.activeItemChange=e=>{if(e.defaultPrevented||e.target!==e.currentTarget)return;e.preventDefault();let t=e.target;this.activeid=t.getAttribute(`id`),this.isSingleExpandMode()&&(this.resetItems(),t.expanded=!0,t.setAttribute(`aria-disabled`,`true`),this.accordionItems.forEach(e=>{!e.hasAttribute(`disabled`)&&e.id!==this.activeid&&e.removeAttribute(`aria-disabled`)})),this.activeItemIndex=Array.from(this.accordionItems).indexOf(t),this.change()},this.handleItemKeyDown=e=>{if(e.target===e.currentTarget)switch(this.accordionIds=this.getItemIds(),e.key){case i.i:e.preventDefault(),this.adjust(e.target,-1);break;case i.t:e.preventDefault(),this.adjust(e.target,1);break;case i.s:this.focusItem(0);break;case`End`:this.focusItem(this.accordionItems.length-1);break}}}accordionItemsChanged(e){this.$fastController.isConnected&&(this.removeItemListeners(e),this.setItems())}findExpandedItem(){for(let e=0;e<this.accordionItems.length;e++)if(this.accordionItems[e].hasAttribute(`expanded`))return this.accordionItems[e];return null}resetItems(){this.accordionItems.forEach(e=>{e.expanded=!1})}getItemIds(){return this.accordionItems.map(e=>e.getAttribute(`id`))}isSingleExpandMode(){return this.expandmode!==c.multi}adjust(e,t){this.focusItem(a.r(0,this.accordionItems.length-1,this.accordionItems.indexOf(e)+t))}focusItem(e){let t=this.accordionItems[e];t instanceof o.r&&t.expandbutton.focus()}closeAll(){this.expandmode===c.multi&&this.accordionItems.forEach(e=>{e.expanded=!1})}};n.t([e.m({attribute:`expand-mode`})],l.prototype,`expandmode`,void 0),n.t([e.A],l.prototype,`accordionItems`,void 0);var u=e.p`
+const e=require("../bundled/vivid-element.cjs"),t=require("../bundled/slotted.cjs"),n=require("../bundled/decorate.cjs"),r=require("../bundled/class-names.cjs"),i=require("../bundled/key-codes.cjs"),a=require("../bundled/numbers.cjs"),o=require("../bundled/definition25.cjs");var s=`.base{box-sizing:border-box;flex-direction:column;display:flex}::slotted(:not(:only-of-type)){border-bottom:1px solid var(--vvd-color-neutral-200)}`,c={single:`single`,multi:`multi`},l=class extends e.t{constructor(...e){super(...e),this.expandmode=c.single,this.activeItemIndex=0,this.change=()=>{this.$emit(`change`,this.activeid)},this.setItems=()=>{this.accordionItems.length!==0&&(this.accordionIds=this.getItemIds(),this.activeid=this.accordionIds[this.activeItemIndex],this.accordionItems.forEach((e,t)=>{e instanceof o.r&&(e.addEventListener(`change`,this.activeItemChange),this.isSingleExpandMode()&&(e.expanded=this.findExpandedItem()===null&&t===0||e===this.findExpandedItem()));let n=this.accordionIds[t];e.setAttribute(`id`,typeof n==`string`?n:`accordion-${t+1}`),e.addEventListener(`keydown`,this.handleItemKeyDown)}),this.isSingleExpandMode()&&(this.findExpandedItem()??this.accordionItems[0]).setAttribute(`aria-disabled`,`true`))},this.removeItemListeners=e=>{e.forEach(e=>{e.removeEventListener(`change`,this.activeItemChange),e.removeEventListener(`keydown`,this.handleItemKeyDown)})},this.activeItemChange=e=>{if(e.defaultPrevented||e.target!==e.currentTarget)return;e.preventDefault();let t=e.target;this.activeid=t.getAttribute(`id`),this.isSingleExpandMode()&&(this.resetItems(),t.expanded=!0,t.setAttribute(`aria-disabled`,`true`),this.accordionItems.forEach(e=>{!e.hasAttribute(`disabled`)&&e.id!==this.activeid&&e.removeAttribute(`aria-disabled`)})),this.activeItemIndex=Array.from(this.accordionItems).indexOf(t),this.change()},this.handleItemKeyDown=e=>{if(e.target===e.currentTarget)switch(this.accordionIds=this.getItemIds(),e.key){case i.i:e.preventDefault(),this.adjust(e.target,-1);break;case i.t:e.preventDefault(),this.adjust(e.target,1);break;case i.s:this.focusItem(0);break;case`End`:this.focusItem(this.accordionItems.length-1)}}}accordionItemsChanged(e){this.$fastController.isConnected&&(this.removeItemListeners(e),this.setItems())}findExpandedItem(){for(let e=0;e<this.accordionItems.length;e++)if(this.accordionItems[e].hasAttribute(`expanded`))return this.accordionItems[e];return null}resetItems(){this.accordionItems.forEach(e=>{e.expanded=!1})}getItemIds(){return this.accordionItems.map(e=>e.getAttribute(`id`))}isSingleExpandMode(){return this.expandmode!==c.multi}adjust(e,t){this.focusItem(a.r(0,this.accordionItems.length-1,this.accordionItems.indexOf(e)+t))}focusItem(e){let t=this.accordionItems[e];t instanceof o.r&&t.expandbutton.focus()}closeAll(){this.expandmode===c.multi&&this.accordionItems.forEach(e=>{e.expanded=!1})}};n.t([e.m({attribute:`expand-mode`})],l.prototype,`expandmode`,void 0),n.t([e.A],l.prototype,`accordionItems`,void 0);var u=e.p`
 	<div class="${e=>r.t(`base`)}">
 		<slot ${t.t({property:`accordionItems`,filter:t.r()})}></slot>
 	</div>

package/accordion/index.js

@@ -16,7 +16,7 @@ var g = ".base{box-sizing:border-box;flex-direction:column;display:flex}::slotte
 		}, this.setItems = () => {
 			this.accordionItems.length !== 0 && (this.accordionIds = this.getItemIds(), this.activeid = this.accordionIds[this.activeItemIndex], this.accordionItems.forEach((e, t) => {
 				/* v8 ignore else -- @preserve */
-				e instanceof m && (e.addEventListener("change", this.activeItemChange), this.isSingleExpandMode() && (this.findExpandedItem() === null && t === 0 ? e.expanded = !0 : e.expanded = e === this.findExpandedItem()));
+				e instanceof m && (e.addEventListener("change", this.activeItemChange), this.isSingleExpandMode() && (e.expanded = this.findExpandedItem() === null && t === 0 || e === this.findExpandedItem()));
 				let n = this.accordionIds[t];
 				e.setAttribute("id", typeof n == "string" ? n : `accordion-${t + 1}`), e.addEventListener("keydown", this.handleItemKeyDown);
 			}), this.isSingleExpandMode() && (this.findExpandedItem() ?? this.accordionItems[0]).setAttribute("aria-disabled", "true"));
@@ -42,9 +42,7 @@ var g = ".base{box-sizing:border-box;flex-direction:column;display:flex}::slotte
 				case d:
 					this.focusItem(0);
 					break;
-				case "End":
-					this.focusItem(this.accordionItems.length - 1);
-					break;
+				case "End": this.focusItem(this.accordionItems.length - 1);
 			}
 		};
 	}
@@ -81,14 +79,16 @@ var g = ".base{box-sizing:border-box;flex-direction:column;display:flex}::slotte
 		});
 	}
 };
-//#endregion
-//#region src/lib/accordion/index.ts
-c([n({ attribute: "expand-mode" })], v.prototype, "expandmode", void 0), c([e], v.prototype, "accordionItems", void 0), t(a("accordion", v, r`
+c([n({ attribute: "expand-mode" })], v.prototype, "expandmode", void 0), c([e], v.prototype, "accordionItems", void 0);
+var y = r`
 	<div class="${(e) => l("base")}">
 		<slot ${s({
 	property: "accordionItems",
 	filter: o()
 })}></slot>
 	</div>
-`, [h], { styles: g }))();
+`, b = a("accordion", v, y, [h], { styles: g });
+//#endregion
+//#region src/lib/accordion/index.ts
+t(b)();
 //#endregion

package/accordion-item/index.cjs

@@ -1 +1 @@
-require(`../bundled/definition25.cjs`).n();
+require("../bundled/definition25.cjs").n();

package/action-group/index.cjs

@@ -1,6 +1,6 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/decorate.cjs`),n=require(`../bundled/class-names.cjs`),r=require(`../bundled/delegates-aria.cjs`);var i=`:host{display:inline-block}.base{--_connotation-color-primary:var(--vvd-action-group-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-intermediate:var(--vvd-action-group-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-faint:var(--vvd-action-group-accent-faint,var(--vvd-color-neutral-50));--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}.base.appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base{box-sizing:border-box;background-color:var(--_appearance-color-fill);inline-size:inherit;vertical-align:middle;align-items:center;display:flex;position:relative}.base:before{z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);content:"";pointer-events:none;position:absolute;inset:0}.base:not(.tight){column-gap:4px;padding:4px}.base:not(.shape-pill){border-radius:8px}.base.shape-pill{border-radius:24px}::slotted([data-vvd-component=divider]){align-self:stretch;margin-block:4px}`,a=class extends r.t(e.t){constructor(...e){super(...e),this.tight=!1}};t.t([e.m],a.prototype,`shape`,void 0),t.t([e.m],a.prototype,`appearance`,void 0),t.t([e.m({mode:`boolean`})],a.prototype,`tight`,void 0);var o=e.p`<div
-	class="${e=>n.t(`base`,[`appearance-${e.appearance}`,!!e.appearance],[`shape-${e.shape}`,!!e.shape],[`tight`,e.tight])}"
+const e=require("../bundled/vivid-element.cjs"),t=require("../bundled/decorate.cjs"),n=require("../bundled/class-names.cjs"),r=require("../bundled/delegates-aria.cjs"),i=require("../bundled/component-enum.cjs");var a=`:host{display:inline-block}.base{box-sizing:border-box;background-color:var(--_appearance-color-fill);inline-size:inherit;vertical-align:middle;align-items:center;display:flex;position:relative}.base:before{z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);content:"";pointer-events:none;position:absolute;inset:0}.base:not(.tight){column-gap:4px;padding:4px}.base:not(.shape-pill){border-radius:8px}.base.shape-pill{border-radius:24px}::slotted([data-vvd-component=divider]){align-self:stretch;margin-block:4px}`,o=i.t([`fieldset`,`ghost`],`fieldset`),s=class extends r.t(e.t){constructor(...e){super(...e),this.tight=!1}};t.t([e.m],s.prototype,`shape`,void 0),t.t([e.m],s.prototype,`appearance`,void 0),t.t([e.m({mode:`boolean`})],s.prototype,`tight`,void 0);var c=e.p`<div
+	class="${e=>n.t(`base`,`connotation-accent`,`appearance-${o.parse(e.appearance)}`,`with-idle`,[`shape-${e.shape}`,!!e.shape],[`tight`,e.tight])}"
 	${r.n({role:e=>e.role?e.role:`group`})}
 >
 	<slot></slot>
-</div>`,s=e.u(`action-group`,a,o,[],{styles:i});e.d(s)();
+</div>`,l=e.u(`action-group`,s,c,[],{styles:a});e.d(l)();

package/action-group/index.js

@@ -2,18 +2,23 @@ import { d as e, m as t, p as n, t as r, u as i } from "../bundled/vivid-element
 import { t as a } from "../bundled/decorate.js";
 import { t as o } from "../bundled/class-names.js";
 import { n as s, t as c } from "../bundled/delegates-aria.js";
+import { t as l } from "../bundled/component-enum.js";
 //#region src/lib/action-group/action-group.scss?inline
-var l = ":host{display:inline-block}.base{--_connotation-color-primary:var(--vvd-action-group-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-intermediate:var(--vvd-action-group-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-faint:var(--vvd-action-group-accent-faint,var(--vvd-color-neutral-50));--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}.base.appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base{box-sizing:border-box;background-color:var(--_appearance-color-fill);inline-size:inherit;vertical-align:middle;align-items:center;display:flex;position:relative}.base:before{z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);content:\"\";pointer-events:none;position:absolute;inset:0}.base:not(.tight){column-gap:4px;padding:4px}.base:not(.shape-pill){border-radius:8px}.base.shape-pill{border-radius:24px}::slotted([data-vvd-component=divider]){align-self:stretch;margin-block:4px}", u = class extends c(r) {
+var u = ":host{display:inline-block}.base{box-sizing:border-box;background-color:var(--_appearance-color-fill);inline-size:inherit;vertical-align:middle;align-items:center;display:flex;position:relative}.base:before{z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);content:\"\";pointer-events:none;position:absolute;inset:0}.base:not(.tight){column-gap:4px;padding:4px}.base:not(.shape-pill){border-radius:8px}.base.shape-pill{border-radius:24px}::slotted([data-vvd-component=divider]){align-self:stretch;margin-block:4px}", d = l(["fieldset", "ghost"], "fieldset"), f = class extends c(r) {
 	constructor(...e) {
 		super(...e), this.tight = !1;
 	}
 };
+a([t], f.prototype, "shape", void 0), a([t], f.prototype, "appearance", void 0), a([t({ mode: "boolean" })], f.prototype, "tight", void 0);
 //#endregion
-//#region src/lib/action-group/index.ts
-a([t], u.prototype, "shape", void 0), a([t], u.prototype, "appearance", void 0), a([t({ mode: "boolean" })], u.prototype, "tight", void 0), e(i("action-group", u, n`<div
-	class="${(e) => o("base", [`appearance-${e.appearance}`, !!e.appearance], [`shape-${e.shape}`, !!e.shape], ["tight", e.tight])}"
+//#region src/lib/action-group/action-group.template.ts
+var p = n`<div
+	class="${(e) => o("base", "connotation-accent", `appearance-${d.parse(e.appearance)}`, "with-idle", [`shape-${e.shape}`, !!e.shape], ["tight", e.tight])}"
 	${s({ role: (e) => e.role ? e.role : "group" })}
 >
 	<slot></slot>
-</div>`, [], { styles: l }))();
+</div>`, m = i("action-group", f, p, [], { styles: u });
+//#endregion
+//#region src/lib/action-group/index.ts
+e(m)();
 //#endregion

package/alert/index.cjs

@@ -1,4 +1,4 @@
-const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/ref.cjs`),r=require(`../bundled/when.cjs`),i=require(`../bundled/enums.cjs`),a=require(`../bundled/decorate.cjs`),o=require(`../bundled/class-names.cjs`),s=require(`../bundled/definition3.cjs`),c=require(`../bundled/affix.cjs`),l=require(`../bundled/definition6.cjs`),u=require(`../bundled/definition7.cjs`),d=require(`../bundled/dialog.cjs`);var f=`.control{z-index:10;inline-size:max-content;max-inline-size:var(--alert-max-inline-size,fit-content);min-inline-size:var(--alert-min-inline-size,420px);border-radius:8px;margin-block:16px;margin-inline:auto;transition:opacity .15s cubic-bezier(0,0,.2,1),transform .15s cubic-bezier(0,0,.2,1);position:fixed;inset-block-end:0;inset-inline:0}@media (prefers-reduced-motion:reduce){.control{transition-duration:.01ms}}.control.placement-top,.control.placement-top-start,.control.placement-top-end{inset-block:0 auto}.control.placement-top-start,.control.placement-bottom-start{right:auto;margin-inline:16px;inset-inline-end:auto}.control.placement-top-end,.control.placement-bottom-end{margin-inline:16px;inset-inline-start:auto}.control:where(.strategy-static){inline-size:auto;margin:0;position:static}.control:not(.open){opacity:0;transform:scale(.8)}.control.open{opacity:1;transform:scale(1)}@media (width<=768px){.control{min-inline-size:var(--alert-min-inline-size,auto)}}.base.connotation-success{--_connotation-color-primary:var(--vvd-alert-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-alert-success-primary-text,var(--vvd-color-canvas))}.base.connotation-information{--_connotation-color-primary:var(--vvd-alert-information-primary,var(--vvd-color-information-500));--_connotation-color-primary-text:var(--vvd-alert-information-primary-text,var(--vvd-color-canvas))}.base.connotation-alert{--_connotation-color-primary:var(--vvd-alert-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-alert-alert-primary-text,var(--vvd-color-canvas))}.base.connotation-warning{--_connotation-color-primary:var(--vvd-alert-warning-primary,var(--vvd-color-warning-300));--_connotation-color-primary-text:var(--vvd-alert-warning-primary-text,var(--vvd-color-canvas-text))}.base.connotation-announcement{--_connotation-color-primary:var(--vvd-alert-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-alert-announcement-primary-text,var(--vvd-color-canvas))}.base:not(.connotation-success,.connotation-information,.connotation-alert,.connotation-warning,.connotation-announcement){--_connotation-color-primary:var(--vvd-alert-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-alert-accent-primary-text,var(--vvd-color-canvas))}.base{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent;background-color:var(--vvd-color-neutral-50);color:var(--vvd-color-canvas-text);border-radius:8px;align-items:center;column-gap:16px;padding:16px;display:flex}.base .alert-text{margin-inline-end:auto}.base .alert-text .headline{font:var(--vvd-typography-base-bold);margin-block:0 4px}.base .alert-text .main-text{font:var(--vvd-typography-base)}.base .alert-text .headline+::slotted([slot=main i]:first-child):before,.base .alert-text .main-text+::slotted([slot=main i]:first-child):before{content:"";margin-top:8px;display:block}.base slot[name=icon]{color:var(--_appearance-color-fill);flex-shrink:0;font-size:24px;line-height:1}.base .dismiss-button{border-left:1px solid var(--vvd-color-neutral-200);padding-inline-start:16px}`,p={[i.n.Accent]:`megaphone-line`,[i.n.Information]:`info-line`,[i.n.Success]:`check-circle-line`,[i.n.Warning]:`warning-line`,[i.n.Announcement]:`sparkles-line`,[i.n.Alert]:`error-line`},m=class extends c.t(e.t(t.t)){constructor(...e){super(...e),this.dismissButtonAriaLabel=null,this.removable=!1,this.placement=`bottom`,this.timeoutms=0,this.open=!1,this.#n=e=>{this.open&&this.removable&&d.t(e)&&(this.open=!1)},this.#r=()=>{this.open?this.style.display=`contents`:this.style.display=`none`}}#e;openChanged(e,t){if(e!==void 0)if(this.$emit(t?`open`:`close`),this.#t(),t){this.style.display=`contents`;let e=this.shadowRoot.querySelector(`.dismiss-button`);this.removable&&e?.focus()}else this.style.display=`none`}connectedCallback(){super.connectedCallback(),this.addEventListener(`keydown`,this.#n),this._controlEl.addEventListener(`transitionend`,this.#r),this.#t()}disconnectedCallback(){super.disconnectedCallback(),this.#e&&clearTimeout(this.#e),this.removeEventListener(`keydown`,this.#n),this._controlEl.removeEventListener(`transitionend`,this.#r)}get conditionedIcon(){return this.icon||this.connotation&&p[this.connotation]}#t(){this.#e&&clearTimeout(this.#e),this.open&&this.timeoutms>0&&(this.#e=setTimeout(()=>this.open=!1,this.timeoutms))}#n;#r};a.t([t.m({attribute:`dismiss-button-aria-label`})],m.prototype,`dismissButtonAriaLabel`,void 0),a.t([t.m({mode:`boolean`})],m.prototype,`removable`,void 0),a.t([t.m({mode:`fromView`})],m.prototype,`placement`,void 0),a.t([t.m],m.prototype,`headline`,void 0),a.t([t.m],m.prototype,`text`,void 0),a.t([t.m({mode:`fromView`,converter:t.h})],m.prototype,`timeoutms`,void 0),a.t([t.m],m.prototype,`connotation`,void 0),a.t([t.m],m.prototype,`strategy`,void 0),a.t([t.m({mode:`boolean`})],m.prototype,`open`,void 0);function h(e,t){let n=c.a(e),r=t.conditionedIcon,i=!t.icon&&t.connotation?{label:t.locale.connotationAnnoncement[`${t.connotation}Icon`],announceOnUpdate:!0}:void 0;return n(r,c.i.Slot,c.r.Hidden,i)}function g(e){return t.p`
+const e=require("../bundled/localized.cjs"),t=require("../bundled/vivid-element.cjs"),n=require("../bundled/ref.cjs"),r=require("../bundled/when.cjs"),i=require("../bundled/decorate.cjs"),a=require("../bundled/class-names.cjs"),o=require("../bundled/definition2.cjs"),s=require("../bundled/affix.cjs"),c=require("../bundled/component-enum.cjs"),l=require("../bundled/definition5.cjs"),u=require("../bundled/definition6.cjs"),d=require("../bundled/dialog.cjs");var f=`.control{z-index:10;inline-size:max-content;max-inline-size:var(--alert-max-inline-size,fit-content);min-inline-size:var(--alert-min-inline-size,420px);border-radius:8px;margin-block:16px;margin-inline:auto;transition:opacity .15s cubic-bezier(0,0,.2,1),transform .15s cubic-bezier(0,0,.2,1);position:fixed;inset-block-end:0;inset-inline:0}@media (prefers-reduced-motion:reduce){.control{transition-duration:.01ms}}.control.placement-top,.control.placement-top-start,.control.placement-top-end{inset-block:0 auto}.control.placement-top-start,.control.placement-bottom-start{right:auto;margin-inline:16px;inset-inline-end:auto}.control.placement-top-end,.control.placement-bottom-end{margin-inline:16px;inset-inline-start:auto}.control:where(.strategy-static){inline-size:auto;margin:0;position:static}.control:not(.open){opacity:0;transform:scale(.8)}.control.open{opacity:1;transform:scale(1)}@media (width<=768px){.control{min-inline-size:var(--alert-min-inline-size,auto)}}.base{background-color:var(--vvd-color-neutral-50);color:var(--vvd-color-canvas-text);border-radius:8px;align-items:center;column-gap:16px;padding:16px;display:flex}.base .alert-text{margin-inline-end:auto}.base .alert-text .headline{font:var(--vvd-typography-base-bold);margin-block:0 4px}.base .alert-text .main-text{font:var(--vvd-typography-base)}.base .alert-text .headline+::slotted([slot=main i]:first-child):before,.base .alert-text .main-text+::slotted([slot=main i]:first-child):before{content:"";margin-top:8px;display:block}.base slot[name=icon]{color:var(--_appearance-color-fill);flex-shrink:0;font-size:24px;line-height:1}.base .dismiss-button{border-left:1px solid var(--vvd-color-neutral-200);padding-inline-start:16px}`,p=c.t([`accent`,`information`,`success`,`warning`,`announcement`,`alert`],`accent`),m={accent:`megaphone-line`,information:`info-line`,success:`check-circle-line`,warning:`warning-line`,announcement:`sparkles-line`,alert:`error-line`},h=class extends s.t(e.t(t.t)){constructor(...e){super(...e),this.dismissButtonAriaLabel=null,this.removable=!1,this.placement=`bottom`,this.timeoutms=0,this.open=!1,this.#n=e=>{this.open&&this.removable&&d.t(e)&&(this.open=!1)},this.#r=()=>{this.open?this.style.display=`contents`:this.style.display=`none`}}#e;openChanged(e,t){if(e!==void 0){if(this.$emit(t?`open`:`close`),this.#t(),t){this.style.display=`contents`;let e=this.shadowRoot.querySelector(`.dismiss-button`);this.removable&&e?.focus()}else this.style.display=`none`}}connectedCallback(){super.connectedCallback(),this.addEventListener(`keydown`,this.#n),this._controlEl.addEventListener(`transitionend`,this.#r),this.#t()}disconnectedCallback(){super.disconnectedCallback(),this.#e&&clearTimeout(this.#e),this.removeEventListener(`keydown`,this.#n),this._controlEl.removeEventListener(`transitionend`,this.#r)}get conditionedIcon(){return this.icon||this.connotation&&m[this.connotation]}#t(){this.#e&&clearTimeout(this.#e),this.open&&this.timeoutms>0&&(this.#e=setTimeout(()=>this.open=!1,this.timeoutms))}#n;#r};i.t([t.m({attribute:`dismiss-button-aria-label`})],h.prototype,`dismissButtonAriaLabel`,void 0),i.t([t.m({mode:`boolean`})],h.prototype,`removable`,void 0),i.t([t.m({mode:`fromView`})],h.prototype,`placement`,void 0),i.t([t.m],h.prototype,`headline`,void 0),i.t([t.m],h.prototype,`text`,void 0),i.t([t.m({mode:`fromView`,converter:t.h})],h.prototype,`timeoutms`,void 0),i.t([t.m],h.prototype,`connotation`,void 0),i.t([t.m],h.prototype,`strategy`,void 0),i.t([t.m({mode:`boolean`})],h.prototype,`open`,void 0);function g(e,t){let n=s.a(e),r=t.conditionedIcon,i=!t.icon&&t.connotation?{label:t.locale.connotationAnnoncement[`${t.connotation}Icon`],announceOnUpdate:!0}:void 0;return n(r,s.i.Slot,s.r.Hidden,i)}function _(e){return t.p`
 		<${e}
 			aria-label="${e=>e.dismissButtonAriaLabel||e.locale.alert.dismissButtonLabel}"
 			size="condensed"
@@ -6,25 +6,25 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 			class="dismiss-button"
 			icon="close-line"
 			@click="${e=>e.open=!1}">
-		</${e}>`}var _=t.u(`alert`,m,e=>{let i=e.tagFor(u.r),a=e.tagFor(l.i);return t.p`
+		</${e}>`}var v=t.u(`alert`,h,e=>{let i=e.tagFor(u.r),o=e.tagFor(l.i);return t.p`
 	<${i} class="elevation" dp='8' exportparts="vvd-theme-alternate">
-		<div class="${e=>o.t(`control`,[`open`,e.open],[`placement-${e.placement}`,!!e.placement],[`strategy-${e.strategy}`,!!e.strategy])}" ${n.t(`_controlEl`)}>
+		<div class="${e=>a.t(`control`,[`open`,e.open],[`placement-${e.placement}`,!!e.placement],[`strategy-${e.strategy}`,!!e.strategy])}" ${n.t(`_controlEl`)}>
 			<div
 				part="vvd-theme-alternate"
-				class="${e=>o.t(`base`,[`connotation-${e.connotation}`,!!e.connotation])}"
+				class="${e=>a.t(`base`,`connotation-${p.parse(e.connotation)}`,`appearance-filled`,`with-idle`)}"
 				role="alert"
 				aria-hidden="${e=>e.open?`false`:`true`}"
 				?hidden="${e=>!e.open}"
 			>
-				${t=>h(e,t)}
+				${t=>g(e,t)}
 				<div class="alert-text">
 					${r.t(e=>e.headline,t.p`<h2 class="headline">${e=>e.headline}</h2>`)}
 					${r.t(e=>e.text,t.p`<div class="main-text">${e=>e.text}</div>`)}
 					<slot name="main"></slot>
 				</div>
 				<slot class="action-items" name="action-items"></slot>
-				${r.t(e=>e.removable,g(a))}
+				${r.t(e=>e.removable,_(o))}
 			</div>
 		</div>
 	</${i}>
-	`},[s.t,l.t,u.t],{styles:f});t.d(_)();
+	`},[o.t,l.t,u.t],{styles:f});t.d(v)();

package/alert/index.js

@@ -2,23 +2,30 @@ import { t as e } from "../bundled/localized.js";
 import { d as t, h as n, m as r, p as i, t as a, u as o } from "../bundled/vivid-element.js";
 import { t as s } from "../bundled/ref.js";
 import { t as c } from "../bundled/when.js";
-import { n as l } from "../bundled/enums.js";
-import { t as u } from "../bundled/decorate.js";
-import { t as d } from "../bundled/class-names.js";
-import { t as f } from "../bundled/definition3.js";
-import { a as p, i as m, r as h, t as g } from "../bundled/affix.js";
-import { i as _, t as v } from "../bundled/definition6.js";
-import { r as y, t as b } from "../bundled/definition7.js";
+import { t as l } from "../bundled/decorate.js";
+import { t as u } from "../bundled/class-names.js";
+import { t as d } from "../bundled/definition2.js";
+import { a as f, i as p, r as m, t as h } from "../bundled/affix.js";
+import { t as g } from "../bundled/component-enum.js";
+import { i as _, t as v } from "../bundled/definition5.js";
+import { r as y, t as b } from "../bundled/definition6.js";
 import { t as x } from "../bundled/dialog.js";
 //#region src/lib/alert/alert.scss?inline
-var S = ".control{z-index:10;inline-size:max-content;max-inline-size:var(--alert-max-inline-size,fit-content);min-inline-size:var(--alert-min-inline-size,420px);border-radius:8px;margin-block:16px;margin-inline:auto;transition:opacity .15s cubic-bezier(0,0,.2,1),transform .15s cubic-bezier(0,0,.2,1);position:fixed;inset-block-end:0;inset-inline:0}@media (prefers-reduced-motion:reduce){.control{transition-duration:.01ms}}.control.placement-top,.control.placement-top-start,.control.placement-top-end{inset-block:0 auto}.control.placement-top-start,.control.placement-bottom-start{right:auto;margin-inline:16px;inset-inline-end:auto}.control.placement-top-end,.control.placement-bottom-end{margin-inline:16px;inset-inline-start:auto}.control:where(.strategy-static){inline-size:auto;margin:0;position:static}.control:not(.open){opacity:0;transform:scale(.8)}.control.open{opacity:1;transform:scale(1)}@media (width<=768px){.control{min-inline-size:var(--alert-min-inline-size,auto)}}.base.connotation-success{--_connotation-color-primary:var(--vvd-alert-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-alert-success-primary-text,var(--vvd-color-canvas))}.base.connotation-information{--_connotation-color-primary:var(--vvd-alert-information-primary,var(--vvd-color-information-500));--_connotation-color-primary-text:var(--vvd-alert-information-primary-text,var(--vvd-color-canvas))}.base.connotation-alert{--_connotation-color-primary:var(--vvd-alert-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-alert-alert-primary-text,var(--vvd-color-canvas))}.base.connotation-warning{--_connotation-color-primary:var(--vvd-alert-warning-primary,var(--vvd-color-warning-300));--_connotation-color-primary-text:var(--vvd-alert-warning-primary-text,var(--vvd-color-canvas-text))}.base.connotation-announcement{--_connotation-color-primary:var(--vvd-alert-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-alert-announcement-primary-text,var(--vvd-color-canvas))}.base:not(.connotation-success,.connotation-information,.connotation-alert,.connotation-warning,.connotation-announcement){--_connotation-color-primary:var(--vvd-alert-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-alert-accent-primary-text,var(--vvd-color-canvas))}.base{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent;background-color:var(--vvd-color-neutral-50);color:var(--vvd-color-canvas-text);border-radius:8px;align-items:center;column-gap:16px;padding:16px;display:flex}.base .alert-text{margin-inline-end:auto}.base .alert-text .headline{font:var(--vvd-typography-base-bold);margin-block:0 4px}.base .alert-text .main-text{font:var(--vvd-typography-base)}.base .alert-text .headline+::slotted([slot=main i]:first-child):before,.base .alert-text .main-text+::slotted([slot=main i]:first-child):before{content:\"\";margin-top:8px;display:block}.base slot[name=icon]{color:var(--_appearance-color-fill);flex-shrink:0;font-size:24px;line-height:1}.base .dismiss-button{border-left:1px solid var(--vvd-color-neutral-200);padding-inline-start:16px}", C = {
-	[l.Accent]: "megaphone-line",
-	[l.Information]: "info-line",
-	[l.Success]: "check-circle-line",
-	[l.Warning]: "warning-line",
-	[l.Announcement]: "sparkles-line",
-	[l.Alert]: "error-line"
-}, w = class extends g(e(a)) {
+var S = ".control{z-index:10;inline-size:max-content;max-inline-size:var(--alert-max-inline-size,fit-content);min-inline-size:var(--alert-min-inline-size,420px);border-radius:8px;margin-block:16px;margin-inline:auto;transition:opacity .15s cubic-bezier(0,0,.2,1),transform .15s cubic-bezier(0,0,.2,1);position:fixed;inset-block-end:0;inset-inline:0}@media (prefers-reduced-motion:reduce){.control{transition-duration:.01ms}}.control.placement-top,.control.placement-top-start,.control.placement-top-end{inset-block:0 auto}.control.placement-top-start,.control.placement-bottom-start{right:auto;margin-inline:16px;inset-inline-end:auto}.control.placement-top-end,.control.placement-bottom-end{margin-inline:16px;inset-inline-start:auto}.control:where(.strategy-static){inline-size:auto;margin:0;position:static}.control:not(.open){opacity:0;transform:scale(.8)}.control.open{opacity:1;transform:scale(1)}@media (width<=768px){.control{min-inline-size:var(--alert-min-inline-size,auto)}}.base{background-color:var(--vvd-color-neutral-50);color:var(--vvd-color-canvas-text);border-radius:8px;align-items:center;column-gap:16px;padding:16px;display:flex}.base .alert-text{margin-inline-end:auto}.base .alert-text .headline{font:var(--vvd-typography-base-bold);margin-block:0 4px}.base .alert-text .main-text{font:var(--vvd-typography-base)}.base .alert-text .headline+::slotted([slot=main i]:first-child):before,.base .alert-text .main-text+::slotted([slot=main i]:first-child):before{content:\"\";margin-top:8px;display:block}.base slot[name=icon]{color:var(--_appearance-color-fill);flex-shrink:0;font-size:24px;line-height:1}.base .dismiss-button{border-left:1px solid var(--vvd-color-neutral-200);padding-inline-start:16px}", C = g([
+	"accent",
+	"information",
+	"success",
+	"warning",
+	"announcement",
+	"alert"
+], "accent"), w = {
+	accent: "megaphone-line",
+	information: "info-line",
+	success: "check-circle-line",
+	warning: "warning-line",
+	announcement: "sparkles-line",
+	alert: "error-line"
+}, T = class extends h(e(a)) {
 	constructor(...e) {
 		super(...e), this.dismissButtonAriaLabel = null, this.removable = !1, this.placement = "bottom", this.timeoutms = 0, this.open = !1, this.#n = (e) => {
 			this.open && this.removable && x(e) && (this.open = !1);
@@ -28,11 +35,13 @@ var S = ".control{z-index:10;inline-size:max-content;max-inline-size:var(--alert
 	}
 	#e;
 	openChanged(e, t) {
-		if (e !== void 0) if (this.$emit(t ? "open" : "close"), this.#t(), t) {
-			this.style.display = "contents";
-			let e = this.shadowRoot.querySelector(".dismiss-button");
-			this.removable && e?.focus();
-		} else this.style.display = "none";
+		if (e !== void 0) {
+			if (this.$emit(t ? "open" : "close"), this.#t(), t) {
+				this.style.display = "contents";
+				let e = this.shadowRoot.querySelector(".dismiss-button");
+				this.removable && e?.focus();
+			} else this.style.display = "none";
+		}
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.addEventListener("keydown", this.#n), this._controlEl.addEventListener("transitionend", this.#r), this.#t();
@@ -41,7 +50,7 @@ var S = ".control{z-index:10;inline-size:max-content;max-inline-size:var(--alert
 		super.disconnectedCallback(), this.#e && clearTimeout(this.#e), this.removeEventListener("keydown", this.#n), this._controlEl.removeEventListener("transitionend", this.#r);
 	}
 	get conditionedIcon() {
-		return this.icon || this.connotation && C[this.connotation];
+		return this.icon || this.connotation && w[this.connotation];
 	}
 	#t() {
 		this.#e && clearTimeout(this.#e), this.open && this.timeoutms > 0 && (this.#e = setTimeout(() => this.open = !1, this.timeoutms));
@@ -49,20 +58,20 @@ var S = ".control{z-index:10;inline-size:max-content;max-inline-size:var(--alert
 	#n;
 	#r;
 };
-u([r({ attribute: "dismiss-button-aria-label" })], w.prototype, "dismissButtonAriaLabel", void 0), u([r({ mode: "boolean" })], w.prototype, "removable", void 0), u([r({ mode: "fromView" })], w.prototype, "placement", void 0), u([r], w.prototype, "headline", void 0), u([r], w.prototype, "text", void 0), u([r({
+l([r({ attribute: "dismiss-button-aria-label" })], T.prototype, "dismissButtonAriaLabel", void 0), l([r({ mode: "boolean" })], T.prototype, "removable", void 0), l([r({ mode: "fromView" })], T.prototype, "placement", void 0), l([r], T.prototype, "headline", void 0), l([r], T.prototype, "text", void 0), l([r({
 	mode: "fromView",
 	converter: n
-})], w.prototype, "timeoutms", void 0), u([r], w.prototype, "connotation", void 0), u([r], w.prototype, "strategy", void 0), u([r({ mode: "boolean" })], w.prototype, "open", void 0);
+})], T.prototype, "timeoutms", void 0), l([r], T.prototype, "connotation", void 0), l([r], T.prototype, "strategy", void 0), l([r({ mode: "boolean" })], T.prototype, "open", void 0);
 //#endregion
 //#region src/lib/alert/alert.template.ts
-function T(e, t) {
-	let n = p(e), r = t.conditionedIcon, i = !t.icon && t.connotation ? {
+function E(e, t) {
+	let n = f(e), r = t.conditionedIcon, i = !t.icon && t.connotation ? {
 		label: t.locale.connotationAnnoncement[`${t.connotation}Icon`],
 		announceOnUpdate: !0
 	} : void 0;
-	return n(r, m.Slot, h.Hidden, i);
+	return n(r, p.Slot, m.Hidden, i);
 }
-function E(e) {
+function D(e) {
 	return i`
 		<${e}
 			aria-label="${(e) => e.dismissButtonAriaLabel || e.locale.alert.dismissButtonLabel}"
@@ -74,34 +83,37 @@ function E(e) {
 		</${e}>`;
 }
 //#endregion
-//#region src/lib/alert/index.ts
-t(o("alert", w, (e) => {
+//#region src/lib/alert/definition.ts
+var O = o("alert", T, (e) => {
 	let t = e.tagFor(y), n = e.tagFor(_);
 	return i`
 	<${t} class="elevation" dp='8' exportparts="vvd-theme-alternate">
-		<div class="${(e) => d("control", ["open", e.open], [`placement-${e.placement}`, !!e.placement], [`strategy-${e.strategy}`, !!e.strategy])}" ${s("_controlEl")}>
+		<div class="${(e) => u("control", ["open", e.open], [`placement-${e.placement}`, !!e.placement], [`strategy-${e.strategy}`, !!e.strategy])}" ${s("_controlEl")}>
 			<div
 				part="vvd-theme-alternate"
-				class="${(e) => d("base", [`connotation-${e.connotation}`, !!e.connotation])}"
+				class="${(e) => u("base", `connotation-${C.parse(e.connotation)}`, "appearance-filled", "with-idle")}"
 				role="alert"
 				aria-hidden="${(e) => e.open ? "false" : "true"}"
 				?hidden="${(e) => !e.open}"
 			>
-				${(t) => T(e, t)}
+				${(t) => E(e, t)}
 				<div class="alert-text">
 					${c((e) => e.headline, i`<h2 class="headline">${(e) => e.headline}</h2>`)}
 					${c((e) => e.text, i`<div class="main-text">${(e) => e.text}</div>`)}
 					<slot name="main"></slot>
 				</div>
 				<slot class="action-items" name="action-items"></slot>
-				${c((e) => e.removable, E(n))}
+				${c((e) => e.removable, D(n))}
 			</div>
 		</div>
 	</${t}>
 	`;
 }, [
-	f,
+	d,
 	v,
 	b
-], { styles: S }))();
+], { styles: S });
+//#endregion
+//#region src/lib/alert/index.ts
+t(O)();
 //#endregion

package/audio-player/index.cjs

@@ -1,53 +1,53 @@
-const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/repeat.cjs`),r=require(`../bundled/when.cjs`),i=require(`../bundled/enums.cjs`),a=require(`../bundled/decorate.cjs`),o=require(`../bundled/playbackRates.cjs`),s=require(`../bundled/class-names.cjs`),c=require(`../bundled/definition2.cjs`),l=require(`../bundled/definition6.cjs`),u=require(`../bundled/definition21.cjs`),d=require(`../bundled/definition22.cjs`);var f=`:host{display:block}.wrapper{container-type:inline-size}.base{box-sizing:border-box;color:var(--vvd-color-canvas-text);user-select:none;align-items:center;gap:8px;inline-size:100%;padding:8px;display:inline-flex}.base.disabled{color:var(--vvd-color-neutral-300)}.base .slider{flex:1;grid-area:slider}.base .controls{grid-area:controls;justify-content:center;align-items:center;gap:8px;display:flex}.base .time-stamp{display:inline-flex}.base .time-stamp .current-time,.base .time-stamp .total-time{min-inline-size:32px;margin-inline:6px}.base .playback-button{grid-area:playback}@container (width<=500px){.base.two-lines{grid-template:"slider""controls"/1fr;row-gap:4px;inline-size:100%;display:inline-grid}.base.two-lines .time-stamp{margin-inline:auto 2px}.base.two-lines.playback{grid-template-columns:1fr auto;grid-template-areas:"slider slider""controls playback"}.base.two-lines.playback .time-stamp{margin-inline:auto}.base .slider{box-sizing:border-box;min-inline-size:auto;padding-inline:2px}}`,p={FORWARD:1,BACKWARD:-1};function m(e){if(!e||Number.isNaN(e))return`0:00`;let t=Math.floor(e/60),n=Math.floor(e%60);return`${t}:${n<10?`0${n}`:n}`}var h=!0,g=!1,_={toView(e){return e},fromView(e){return Object.values(i.r).includes(e)?e:void 0}},v=class extends e.t(t.t){constructor(...e){super(...e),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.k.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.k.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(()=>{(!this.#r.isDragging||!this.isConnected)&&(clearInterval(this.#f),this.isConnected&&this.play())},0)),!this.#a&&(this.currentTime=this.duration*Number(this.#r.value)/100)},this.#m=()=>{t.k.notify(this,`paused`)}}srcChanged(){this.src===void 0?this.setSrc(``):this.setSrc(this.src)}revokeSrc(){let e=this.getCurrentSrc();e&&e.startsWith(`blob:`)&&URL.revokeObjectURL(e)}getCurrentSrc(){return this.#i.currentSrc||this.#i.src||``}canPlayType(e){return this.#i.canPlayType(e)!==``}setSrc(e,t){let n=this.getCurrentSrc();this.revokeSrc(),this.#e=void 0,this.#t&&=(this.#t.abort(),void 0);let r=t&&(this.canPlayType(t.type)||!e)?URL.createObjectURL(t):e;if(n&&this.#i.removeAttribute(`src`),r||e)try{this.#i.src=r}catch(t){console.log(`Falling back to original URL due to error:`,t),this.#i.src=e}}get playbackRate(){return t.k.track(this,`playbackRate`),this.#i.playbackRate}set playbackRate(e){this.#i.playbackRate=e,t.k.notify(this,`playbackRate`)}get paused(){return t.k.track(this,`paused`),this.#i.paused}set paused(e){}#e;#t;async#n(){if(this.#e||!this.src)return;this.#t=new AbortController;let e=this.#t.signal;try{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.k.notify(this,`duration`)}catch(e){e instanceof Error&&e.name!==`AbortError`&&console.error(`Error loading audio:`,e)}finally{this.#t=void 0}}get duration(){t.k.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 t.k.track(this,`currentTime`),this.#i.currentTime}set currentTime(e){this.#i.currentTime=e}get#r(){return this.shadowRoot.querySelector(`.slider`)}#i;#a;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()}disconnectedCallback(){super.disconnectedCallback(),this.#c(!1),this.pause(),this.#i.removeEventListener(`timeupdate`,this.#u),this.#i.removeEventListener(`loadedmetadata`,this.#d),this.#i.removeEventListener(`durationchange`,this.#d),this.#i.removeEventListener(`play`,this.#o),this.#i.removeEventListener(`pause`,this.#s)}play(){this.#l(g)}pause(){this.#l(h)}#o;#s;#c(e=!0){let t=e?`addEventListener`:`removeEventListener`;this.#r&&this.#r[t](`change`,this.#p)}#l;#u;#d;#f;#p;#m;skip(e){let t=this.currentTime+parseInt(this.skipBy)*e;this.currentTime=Math.max(0,Math.min(this.duration,t))}};a.t([t.m({attribute:`play-button-aria-label`})],v.prototype,`playButtonAriaLabel`,void 0),a.t([t.m({attribute:`pause-button-aria-label`})],v.prototype,`pauseButtonAriaLabel`,void 0),a.t([t.m({attribute:`slider-aria-label`})],v.prototype,`sliderAriaLabel`,void 0),a.t([t.m({attribute:`skip-forward-aria-label`})],v.prototype,`skipForwardButtonAriaLabel`,void 0),a.t([t.m({attribute:`skip-backward-aria-label`})],v.prototype,`skipBackwardButtonAriaLabel`,void 0),a.t([t.m],v.prototype,`connotation`,void 0),a.t([t.m],v.prototype,`src`,void 0),a.t([t.m({mode:`boolean`})],v.prototype,`disabled`,void 0),a.t([t.m({mode:`boolean`})],v.prototype,`notime`,void 0),a.t([t.m({attribute:`skip-by`,converter:_})],v.prototype,`skipBy`,void 0),a.t([t.m({attribute:`playback-rates`})],v.prototype,`playbackRates`,void 0),a.t([t.m({mode:`boolean`,attribute:`duration-fallback`})],v.prototype,`durationFallback`,void 0);var y=(e,{parent:t})=>e===t.playbackRate;function b(e){let n=e.tagFor(l.i);return t.p`<${n} class="pause" @click="${e=>e.paused?e.play():e.pause()}"
+const e=require("../bundled/localized.cjs"),t=require("../bundled/vivid-element.cjs"),n=require("../bundled/repeat.cjs"),r=require("../bundled/when.cjs"),i=require("../bundled/enums.cjs"),a=require("../bundled/decorate.cjs"),o=require("../bundled/playbackRates.cjs"),s=require("../bundled/class-names.cjs"),c=require("../bundled/slider.template.cjs"),l=require("../bundled/definition5.cjs"),u=require("../bundled/definition14.cjs"),d=require("../bundled/definition21.cjs"),f=require("../bundled/definition22.cjs");var p=`:host{display:block}.wrapper{container-type:inline-size}.base{box-sizing:border-box;color:var(--vvd-color-canvas-text);user-select:none;align-items:center;gap:8px;inline-size:100%;padding:8px;display:inline-flex}.base.disabled{color:var(--vvd-color-neutral-300)}.base .slider{flex:1;grid-area:slider}.base .controls{grid-area:controls;justify-content:center;align-items:center;gap:8px;display:flex}.base .time-stamp{display:inline-flex}.base .time-stamp .current-time,.base .time-stamp .total-time{min-inline-size:32px;margin-inline:6px}.base .playback-button{grid-area:playback}@container (width<=500px){.base.two-lines{grid-template:"slider""controls"/1fr;row-gap:4px;inline-size:100%;display:inline-grid}.base.two-lines .time-stamp{margin-inline:auto 2px}.base.two-lines.playback{grid-template-columns:1fr auto;grid-template-areas:"slider slider""controls playback"}.base.two-lines.playback .time-stamp{margin-inline:auto}.base .slider{box-sizing:border-box;min-inline-size:auto;padding-inline:2px}}`,m={FORWARD:1,BACKWARD:-1};function h(e){if(!e||Number.isNaN(e))return`0:00`;let t=Math.floor(e/60),n=Math.floor(e%60);return`${t}:${n<10?`0${n}`:n}`}var g=!0,_=!1,v={toView(e){return e},fromView(e){return Object.values(i.r).includes(e)?e:void 0}},y=class extends e.t(t.t){constructor(...e){super(...e),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.k.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.k.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(()=>{(!this.#r.isDragging||!this.isConnected)&&(clearInterval(this.#f),this.isConnected&&this.play())},0)),!this.#a&&(this.currentTime=this.duration*Number(this.#r.value)/100)},this.#m=()=>{t.k.notify(this,`paused`)}}srcChanged(){this.src===void 0?this.setSrc(``):this.setSrc(this.src)}revokeSrc(){let e=this.getCurrentSrc();e&&e.startsWith(`blob:`)&&URL.revokeObjectURL(e)}getCurrentSrc(){return this.#i.currentSrc||this.#i.src||``}canPlayType(e){return this.#i.canPlayType(e)!==``}setSrc(e,t){let n=this.getCurrentSrc();this.revokeSrc(),this.#e=void 0,this.#t&&=(this.#t.abort(),void 0);let r=t&&(this.canPlayType(t.type)||!e)?URL.createObjectURL(t):e;if(n&&this.#i.removeAttribute(`src`),r||e)try{this.#i.src=r}catch(t){console.log(`Falling back to original URL due to error:`,t),this.#i.src=e}}get playbackRate(){return t.k.track(this,`playbackRate`),this.#i.playbackRate}set playbackRate(e){this.#i.playbackRate=e,t.k.notify(this,`playbackRate`)}get paused(){return t.k.track(this,`paused`),this.#i.paused}set paused(e){}#e;#t;async#n(){if(this.#e||!this.src)return;this.#t=new AbortController;let e=this.#t.signal;try{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.k.notify(this,`duration`)}catch(e){e instanceof Error&&e.name!==`AbortError`&&console.error(`Error loading audio:`,e)}finally{this.#t=void 0}}get duration(){t.k.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 t.k.track(this,`currentTime`),this.#i.currentTime}set currentTime(e){this.#i.currentTime=e}get#r(){return this.shadowRoot.querySelector(`.slider`)}#i;#a;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()}disconnectedCallback(){super.disconnectedCallback(),this.#c(!1),this.pause(),this.#i.removeEventListener(`timeupdate`,this.#u),this.#i.removeEventListener(`loadedmetadata`,this.#d),this.#i.removeEventListener(`durationchange`,this.#d),this.#i.removeEventListener(`play`,this.#o),this.#i.removeEventListener(`pause`,this.#s)}play(){this.#l(_)}pause(){this.#l(g)}#o;#s;#c(e=!0){let t=e?`addEventListener`:`removeEventListener`;this.#r&&this.#r[t](`change`,this.#p)}#l;#u;#d;#f;#p;#m;skip(e){let t=this.currentTime+parseInt(this.skipBy)*e;this.currentTime=Math.max(0,Math.min(this.duration,t))}};a.t([t.m({attribute:`play-button-aria-label`})],y.prototype,`playButtonAriaLabel`,void 0),a.t([t.m({attribute:`pause-button-aria-label`})],y.prototype,`pauseButtonAriaLabel`,void 0),a.t([t.m({attribute:`slider-aria-label`})],y.prototype,`sliderAriaLabel`,void 0),a.t([t.m({attribute:`skip-forward-aria-label`})],y.prototype,`skipForwardButtonAriaLabel`,void 0),a.t([t.m({attribute:`skip-backward-aria-label`})],y.prototype,`skipBackwardButtonAriaLabel`,void 0),a.t([t.m],y.prototype,`connotation`,void 0),a.t([t.m],y.prototype,`src`,void 0),a.t([t.m({mode:`boolean`})],y.prototype,`disabled`,void 0),a.t([t.m({mode:`boolean`})],y.prototype,`notime`,void 0),a.t([t.m({attribute:`skip-by`,converter:v})],y.prototype,`skipBy`,void 0),a.t([t.m({attribute:`playback-rates`})],y.prototype,`playbackRates`,void 0),a.t([t.m({mode:`boolean`,attribute:`duration-fallback`})],y.prototype,`durationFallback`,void 0);var b=(e,{parent:t})=>e===t.playbackRate;function x(e){let n=e.tagFor(l.i);return t.p`<${n} 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}>`}function x(e){let n=e.tagFor(l.i);return t.p`
+  ></${n}>`}function S(e){let n=e.tagFor(l.i);return t.p`
 		<${n} class="skip backward"
-			@click="${e=>e.skip(p.BACKWARD)}"
+			@click="${e=>e.skip(m.BACKWARD)}"
 		icon="${e=>e.skipBy==i.r.Five?`5-sec-backward-line`:e.skipBy==i.r.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}>
-	`}function S(e){let n=e.tagFor(l.i);return t.p`
+	`}function C(e){let n=e.tagFor(l.i);return t.p`
 		<${n} class="skip forward"
-		@click="${e=>e.skip(p.FORWARD)}"
+		@click="${e=>e.skip(m.FORWARD)}"
 		icon="${e=>e.skipBy==i.r.Five?`5-sec-forward-line`:e.skipBy==i.r.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}>
-	`}function C(e){let n=e.tagFor(c.r);return t.p`
+	`}function w(e){let n=e.tagFor(c.r);return t.p`
 	<${n}
 		class="slider"
 		aria-label="${e=>e.sliderAriaLabel||e.locale.audioPlayer.sliderLabel}"
 		max="100"
-		aria-valuetext="${e=>m(e.currentTime)}"
+		aria-valuetext="${e=>h(e.currentTime)}"
 		connotation="${e=>e.connotation}"
 		?disabled="${e=>e.disabled||!e.duration}"
 		internal-part>
-	</${n}>`}function w(){return t.p` <div class="time-stamp">
-		<span class="current-time">${e=>m(e.currentTime||0)}</span>
+	</${n}>`}function T(){return t.p` <div class="time-stamp">
+		<span class="current-time">${e=>h(e.currentTime||0)}</span>
 		${r.t(e=>e.duration&&e.duration!==1/0,t.p`
 				<span>/</span>
-				<span class="total-time">${e=>m(e.duration)}</span>
+				<span class="total-time">${e=>h(e.duration)}</span>
 			`)}
-	</div>`}function T(e,t){return t.parent.playbackRate=e,!0}var E=t.u(`audio-player`,v,e=>{let a=e.tagFor(d.r),c=e.tagFor(l.i),f=e.tagFor(u.i);return t.p` <div class="wrapper">
+	</div>`}function E(e,t){return t.parent.playbackRate=e,!0}var D=t.u(`audio-player`,y,e=>{let a=e.tagFor(f.r),c=e.tagFor(l.i),u=e.tagFor(d.i);return t.p` <div class="wrapper">
 		<div
 			class="base ${e=>s.t([`disabled`,e.disabled||!e.duration],[`two-lines`,!e.notime&&(!!Number(e.skipBy)||!!e.playbackRates)],[`playback`,!!e.playbackRates])}"
 		>
 			<div class="controls">
-				${r.t(e=>e.skipBy&&e.skipBy!=i.r.Zero,x(e))}
-				${b(e)}
 				${r.t(e=>e.skipBy&&e.skipBy!=i.r.Zero,S(e))}
-				${r.t(e=>!e.notime,w())}
+				${x(e)}
+				${r.t(e=>e.skipBy&&e.skipBy!=i.r.Zero,C(e))}
+				${r.t(e=>!e.notime,T())}
 			</div>
-			${C(e)}
+			${w(e)}
 			${r.t(e=>!!e.playbackRates,t.p`
 			<${a} class="playback-rates" placement="top-start" auto-dismiss id="playback-menu">
 				<${c} id="playback-open-button"
@@ -60,12 +60,12 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 							  ?disabled="${e=>e.disabled||!e.duration}"
 				></${c}>
 
-				${n.n(e=>o.t(e.playbackRates),t.p`<${f} @click="${T}"
+				${n.n(e=>o.t(e.playbackRates),t.p`<${u} @click="${E}"
 																			 control-type="radio"
 																			 class="playback-rate"
 																			 text="${e=>e}"
 																			 check-appearance="tick-only"
-																			 ?checked="${y}"></${f}>`)}
+																			 ?checked="${b}"></${u}>`)}
 			</${a}>`)}
 		</div>
-	</div>`},[l.t,c.n,d.t,u.t],{styles:f});t.d(E)();
+	</div>`},[l.t,u.n,f.t,d.t],{styles:p});t.d(D)();

package/audio-player/index.js

@@ -6,8 +6,9 @@ import { r as l } from "../bundled/enums.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/definition2.js";
-import { i as h, t as g } from "../bundled/definition6.js";
+import { r as p } from "../bundled/slider.template.js";
+import { i as m, t as h } from "../bundled/definition5.js";
+import { n as g } from "../bundled/definition14.js";
 import { i as _, t as v } from "../bundled/definition21.js";
 import { r as y, t as b } from "../bundled/definition22.js";
 //#region src/lib/audio-player/audio-player.scss?inline
@@ -163,7 +164,7 @@ u([r({ attribute: "play-button-aria-label" })], D.prototype, "playButtonAriaLabe
 //#region src/lib/audio-player/audio-player.template.ts
 var O = (e, { parent: t }) => e === t.playbackRate;
 function k(e) {
-	let t = e.tagFor(h);
+	let t = e.tagFor(m);
 	return i`<${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}"
@@ -173,7 +174,7 @@ function k(e) {
   ></${t}>`;
 }
 function A(e) {
-	let t = e.tagFor(h);
+	let t = e.tagFor(m);
 	return i`
 		<${t} class="skip backward"
 			@click="${(e) => e.skip(S.BACKWARD)}"
@@ -186,7 +187,7 @@ function A(e) {
 	`;
 }
 function j(e) {
-	let t = e.tagFor(h);
+	let t = e.tagFor(m);
 	return i`
 		<${t} class="skip forward"
 		@click="${(e) => e.skip(S.FORWARD)}"
@@ -199,7 +200,7 @@ function j(e) {
 	`;
 }
 function M(e) {
-	let t = e.tagFor(m);
+	let t = e.tagFor(p);
 	return i`
 	<${t}
 		class="slider"
@@ -224,9 +225,9 @@ function P(e, t) {
 	return t.parent.playbackRate = e, !0;
 }
 //#endregion
-//#region src/lib/audio-player/index.ts
-t(o("audio-player", D, (e) => {
-	let t = e.tagFor(y), n = e.tagFor(h), r = e.tagFor(_);
+//#region src/lib/audio-player/definition.ts
+var F = o("audio-player", D, (e) => {
+	let t = e.tagFor(y), n = e.tagFor(m), r = e.tagFor(_);
 	return i` <div class="wrapper">
 		<div
 			class="base ${(e) => f(["disabled", e.disabled || !e.duration], ["two-lines", !e.notime && (!!Number(e.skipBy) || !!e.playbackRates)], ["playback", !!e.playbackRates])}"
@@ -260,9 +261,12 @@ t(o("audio-player", D, (e) => {
 		</div>
 	</div>`;
 }, [
+	h,
 	g,
-	p,
 	b,
 	v
-], { styles: x }))();
+], { styles: x });
+//#endregion
+//#region src/lib/audio-player/index.ts
+t(F)();
 //#endregion

package/avatar/index.cjs

@@ -1,18 +1,18 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/class-names.cjs`),i=require(`../bundled/definition3.cjs`),a=require(`../bundled/icon.cjs`),o=require(`../bundled/delegates-aria.cjs`),s=require(`../bundled/linkable.cjs`);var c=`: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%}`,l=class extends s.t(e.t){constructor(...e){super(...e),this.clickable=!1}};n.t([e.m],l.prototype,`connotation`,void 0),n.t([e.m],l.prototype,`shape`,void 0),n.t([e.m],l.prototype,`appearance`,void 0),n.t([e.m],l.prototype,`size`,void 0),n.t([e.m],l.prototype,`icon`,void 0),n.t([e.m],l.prototype,`initials`,void 0),n.t([e.m({mode:`boolean`,attribute:`clickable`})],l.prototype,`clickable`,void 0);var u=e=>r.t(`base`,[`connotation-${e.connotation}`,!!e.connotation],[`appearance-${e.appearance}`,!!e.appearance],[`shape-${e.shape}`,!!e.shape],[`size-${e.size}`,!!e.size]);function d(t){return e.p`
+const e=require("../bundled/vivid-element.cjs"),t=require("../bundled/when.cjs"),n=require("../bundled/decorate.cjs"),r=require("../bundled/class-names.cjs"),i=require("../bundled/definition2.cjs"),a=require("../bundled/icon.cjs"),o=require("../bundled/delegates-aria.cjs"),s=require("../bundled/component-enum.cjs"),c=require("../bundled/linkable.cjs");var l=`:host{display:inline-block}.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%}`,u=s.t([`accent`,`cta`],`accent`),d=s.t([`filled`,`outlined`,`duotone`,`subtle`],`filled`),f=class extends c.t(e.t){constructor(...e){super(...e),this.clickable=!1}};n.t([e.m],f.prototype,`connotation`,void 0),n.t([e.m],f.prototype,`shape`,void 0),n.t([e.m],f.prototype,`appearance`,void 0),n.t([e.m],f.prototype,`size`,void 0),n.t([e.m],f.prototype,`icon`,void 0),n.t([e.m],f.prototype,`initials`,void 0),n.t([e.m({mode:`boolean`,attribute:`clickable`})],f.prototype,`clickable`,void 0);var p=e=>!!(e.clickable||e.href),m=e=>r.t(`base`,`connotation-${u.parse(e.connotation)}`,`appearance-${d.parse(e.appearance)}`,`with-idle`,[`with-hover`,p(e)],[`with-active`,p(e)],[`active`,p(e)&&e.ariaExpanded===`true`],[`shape-${e.shape}`,!!e.shape],[`size-${e.size}`,!!e.size]);function h(t){return e.p`
 		<${t} name="${e=>e.icon?e.icon:`user-line`}"></${t}>
-	`}function f(){return e.p`
+	`}function g(){return e.p`
 		<span class="initials">${({initials:e})=>e.substring(0,2)}</span>
-	`}function p(t,n){return t.href?t._renderLinkElement(n,u):t.clickable?e.p`<button
+	`}function _(t,n){return t.href?t._renderLinkElement(n,m):t.clickable?e.p`<button
 			type="button"
-			class="${u}"
+			class="${m}"
 			${o.n()}
 		>
 			${n}
-		</button>`:e.p`<span class="${u}">${n}</span>`}var m=e.u(`avatar`,l,n=>{let r=n.tagFor(a.t);return e.p`
-		${n=>p(n,e.p`<slot name="graphic">
-					${t.t(e=>e.initials,f())}
+		</button>`:e.p`<span class="${m}">${n}</span>`}var v=e.u(`avatar`,f,n=>{let r=n.tagFor(a.t);return e.p`
+		${n=>_(n,e.p`<slot name="graphic">
+					${t.t(e=>e.initials,g())}
 					${t.t(e=>!e.initials,e.p`<span class="icon"
-							><slot name="icon">${d(r)}</slot></span
+							><slot name="icon">${h(r)}</slot></span
 						>`)}</slot
 				>`)}
-	`},[i.t],{styles:c});e.d(m)();
+	`},[i.t],{styles:l});e.d(v)();