@vonage/vivid 5.17.0 → 5.19.0

package/accordion/definition.cjs

@@ -1,7 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition4.cjs");
-exports.AccordionExpandMode = require_definition$1.AccordionExpandMode;
-exports.VwcAccordionElement = require_definition$1.Accordion;
-exports.accordionDefinition = require_definition$1.accordionDefinition;
-exports.registerAccordion = require_definition$1.registerAccordion;
+const require_definition = require("../unbundled/definition4.cjs");
+exports.AccordionExpandMode = require_definition.AccordionExpandMode;
+exports.VwcAccordionElement = require_definition.Accordion;
+exports.accordionDefinition = require_definition.accordionDefinition;
+exports.registerAccordion = require_definition.registerAccordion;

package/accordion/definition.js

@@ -1,3 +1,2 @@
-import "../unbundled/definition2.js";
 import { i as Accordion, n as accordionDefinition, r as registerAccordion, t as AccordionExpandMode } from "../unbundled/definition4.js";
 export { AccordionExpandMode, Accordion as VwcAccordionElement, accordionDefinition, registerAccordion };

package/accordion/index.cjs

@@ -1,5 +1,5 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/slotted.cjs`);require(`../bundled/definition2.cjs`);const 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/definition22.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===this.findExpandedItem()?e.expanded=!0:e.expanded=!1));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`)===!0)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.l({attribute:`expand-mode`})],l.prototype,`expandmode`,void 0),n.t([e.T],l.prototype,`accordionItems`,void 0);var u=e.d`
+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/definition24.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===this.findExpandedItem()?e.expanded=!0:e.expanded=!1));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`)===!0)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.u({attribute:`expand-mode`})],l.prototype,`expandmode`,void 0),n.t([e.D],l.prototype,`accordionItems`,void 0);var u=e.f`
 	<div class="${e=>r.t(`base`)}">
 		<slot ${t.t({property:`accordionItems`,filter:t.r()})}></slot>
 	</div>
-`,d=e.o(`accordion`,l,u,[o.t],{styles:s});e.s(d)();
+`,d=e.s(`accordion`,l,u,[o.t],{styles:s});e.c(d)();

package/accordion/index.js

@@ -1,16 +1,15 @@
-import { T as e, d as t, l as n, o as r, s as i, t as a } from "../bundled/vivid-element.js";
+import { D as e, c as t, f as n, s as r, t as i, u as a } from "../bundled/vivid-element.js";
 import { r as o, t as s } from "../bundled/slotted.js";
-import "../bundled/definition2.js";
 import { t as c } from "../bundled/decorate.js";
 import { t as l } from "../bundled/class-names.js";
 import { i as u, s as d, t as f } from "../bundled/key-codes.js";
 import { r as p } from "../bundled/numbers.js";
-import { r as m, t as h } from "../bundled/definition22.js";
+import { r as m, t as h } from "../bundled/definition24.js";
 //#region src/lib/accordion/accordion.scss?inline
 var g = ".base{box-sizing:border-box;flex-direction:column;display:flex}::slotted(:not(:only-of-type)){border-bottom:1px solid var(--vvd-color-neutral-200)}", _ = {
 	single: "single",
 	multi: "multi"
-}, v = class extends a {
+}, v = class extends i {
 	constructor(...e) {
 		super(...e), this.expandmode = _.single, this.activeItemIndex = 0, this.change = () => {
 			this.$emit("change", this.activeid);
@@ -84,7 +83,7 @@ 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), i(r("accordion", v, t`
+c([a({ attribute: "expand-mode" })], v.prototype, "expandmode", void 0), c([e], v.prototype, "accordionItems", void 0), t(r("accordion", v, n`
 	<div class="${(e) => l("base")}">
 		<slot ${s({
 	property: "accordionItems",

package/accordion-item/definition.cjs

@@ -1,6 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition3.cjs");
-exports.VwcAccordionItemElement = require_definition$1.AccordionItem;
-exports.accordionItemDefinition = require_definition$1.accordionItemDefinition;
-exports.registerAccordionItem = require_definition$1.registerAccordionItem;
+const require_definition = require("../unbundled/definition3.cjs");
+exports.VwcAccordionItemElement = require_definition.AccordionItem;
+exports.accordionItemDefinition = require_definition.accordionItemDefinition;
+exports.registerAccordionItem = require_definition.registerAccordionItem;

package/accordion-item/definition.js

@@ -1,3 +1,2 @@
-import "../unbundled/definition2.js";
 import { n as registerAccordionItem, r as AccordionItem, t as accordionItemDefinition } from "../unbundled/definition3.js";
 export { AccordionItem as VwcAccordionItemElement, accordionItemDefinition, registerAccordionItem };

package/accordion-item/index.cjs

@@ -1 +1 @@
-require(`../bundled/vivid-element.cjs`),require(`../bundled/definition2.cjs`),require(`../bundled/definition22.cjs`).n();
+require(`../bundled/definition24.cjs`).n();

package/accordion-item/index.js

@@ -1,6 +1,4 @@
-import "../bundled/vivid-element.js";
-import "../bundled/definition2.js";
-import { n as e } from "../bundled/definition22.js";
+import { n as e } from "../bundled/definition24.js";
 //#region src/lib/accordion-item/index.ts
 e();
 //#endregion

package/action-group/index.cjs

@@ -1,6 +1,6 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/decorate.cjs`),n=require(`../bundled/delegates-aria.cjs`),r=require(`../bundled/class-names.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 n.t(e.t){constructor(...e){super(...e),this.tight=!1}};t.t([e.l],a.prototype,`shape`,void 0),t.t([e.l],a.prototype,`appearance`,void 0),t.t([e.l({mode:`boolean`})],a.prototype,`tight`,void 0);var o=e.d`<div
-	class="${({appearance:e,shape:t,tight:n})=>r.t(`base`,[`appearance-${e}`,!!e],[`shape-${t}`,!!t],[`tight`,n])}"
-	${n.n({role:e=>e.role?e.role:`group`})}
+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.u],a.prototype,`shape`,void 0),t.t([e.u],a.prototype,`appearance`,void 0),t.t([e.u({mode:`boolean`})],a.prototype,`tight`,void 0);var o=e.f`<div
+	class="${({appearance:e,shape:t,tight:r})=>n.t(`base`,[`appearance-${e}`,!!e],[`shape-${t}`,!!t],[`tight`,r])}"
+	${r.n({role:e=>e.role?e.role:`group`})}
 >
 	<slot></slot>
-</div>`,s=e.o(`action-group`,a,o,[],{styles:i});e.s(s)();
+</div>`,s=e.s(`action-group`,a,o,[],{styles:i});e.c(s)();

package/action-group/index.js

@@ -1,18 +1,18 @@
-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/decorate.js";
-import { n as o, t as s } from "../bundled/delegates-aria.js";
-import { t as c } from "../bundled/class-names.js";
+import { t as o } from "../bundled/class-names.js";
+import { n as s, t as c } from "../bundled/delegates-aria.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 s(i) {
+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) {
 	constructor(...e) {
 		super(...e), this.tight = !1;
 	}
 };
 //#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), r(n("action-group", u, e`<div
-	class="${({ appearance: e, shape: t, tight: n }) => c("base", [`appearance-${e}`, !!e], [`shape-${t}`, !!t], ["tight", n])}"
-	${o({ role: (e) => e.role ? e.role : "group" })}
+a([i], u.prototype, "shape", void 0), a([i], u.prototype, "appearance", void 0), a([i({ mode: "boolean" })], u.prototype, "tight", void 0), e(n("action-group", u, t`<div
+	class="${({ appearance: e, shape: t, tight: n }) => o("base", [`appearance-${e}`, !!e], [`shape-${t}`, !!t], ["tight", n])}"
+	${s({ role: (e) => e.role ? e.role : "group" })}
 >
 	<slot></slot>
 </div>`, [], { styles: l }))();

package/alert/definition.cjs

@@ -1,6 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition9.cjs");
-exports.VwcAlertElement = require_definition$1.Alert;
-exports.alertDefinition = require_definition$1.alertDefinition;
-exports.registerAlert = require_definition$1.registerAlert;
+const require_definition = require("../unbundled/definition9.cjs");
+exports.VwcAlertElement = require_definition.Alert;
+exports.alertDefinition = require_definition.alertDefinition;
+exports.registerAlert = require_definition.registerAlert;

package/alert/definition.js

@@ -1,3 +1,2 @@
-import "../unbundled/definition2.js";
 import { n as registerAlert, r as Alert, t as alertDefinition } from "../unbundled/definition9.js";
 export { Alert as VwcAlertElement, alertDefinition, registerAlert };

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/definition2.cjs`),o=require(`../bundled/decorate.cjs`),s=require(`../bundled/affix.cjs`),c=require(`../bundled/class-names.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}.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 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}#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&&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=e=>{this.open&&this.removable&&d.t(e)&&(this.open=!1)};#r=()=>{this.open?this.style.display=`contents`:this.style.display=`none`}};o.t([t.l({attribute:`dismiss-button-aria-label`})],m.prototype,`dismissButtonAriaLabel`,void 0),o.t([t.l({mode:`boolean`})],m.prototype,`removable`,void 0),o.t([t.l({mode:`fromView`})],m.prototype,`placement`,void 0),o.t([t.l],m.prototype,`headline`,void 0),o.t([t.l],m.prototype,`text`,void 0),o.t([t.l({mode:`fromView`,converter:t.u})],m.prototype,`timeoutms`,void 0),o.t([t.l],m.prototype,`connotation`,void 0),o.t([t.l],m.prototype,`strategy`,void 0),o.t([t.l({mode:`boolean`})],m.prototype,`open`,void 0);var h=({connotation:e})=>c.t(`base`,[`connotation-${e}`,!!e]),g=({open:e,placement:t,strategy:n})=>c.t(`control`,[`open`,e],[`placement-${t}`,!!t],[`strategy-${n}`,!!n]);function _(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 v(e){return t.d`
+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/definition2.cjs`),s=require(`../bundled/affix.cjs`),c=require(`../bundled/class-names.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}.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 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&&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.u({attribute:`dismiss-button-aria-label`})],m.prototype,`dismissButtonAriaLabel`,void 0),a.t([t.u({mode:`boolean`})],m.prototype,`removable`,void 0),a.t([t.u({mode:`fromView`})],m.prototype,`placement`,void 0),a.t([t.u],m.prototype,`headline`,void 0),a.t([t.u],m.prototype,`text`,void 0),a.t([t.u({mode:`fromView`,converter:t.d})],m.prototype,`timeoutms`,void 0),a.t([t.u],m.prototype,`connotation`,void 0),a.t([t.u],m.prototype,`strategy`,void 0),a.t([t.u({mode:`boolean`})],m.prototype,`open`,void 0);var h=({connotation:e})=>c.t(`base`,[`connotation-${e}`,!!e]),g=({open:e,placement:t,strategy:n})=>c.t(`control`,[`open`,e],[`placement-${t}`,!!t],[`strategy-${n}`,!!n]);function _(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 v(e){return t.f`
 		<${e}
 			aria-label="${e=>e.dismissButtonAriaLabel||e.locale.alert.dismissButtonLabel}"
 			size="condensed"
@@ -6,7 +6,7 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 			class="dismiss-button"
 			icon="close-line"
 			@click="${e=>e.open=!1}">
-		</${e}>`}var y=t.o(`alert`,m,e=>{let i=e.tagFor(u.r),a=e.tagFor(l.i);return t.d`
+		</${e}>`}var y=t.s(`alert`,m,e=>{let i=e.tagFor(u.r),a=e.tagFor(l.i);return t.f`
 	<${i} class="elevation" dp='8' exportparts="vvd-theme-alternate">
 		<div class="${g}" ${n.t(`_controlEl`)}>
 			<div
@@ -18,8 +18,8 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 			>
 				${t=>_(e,t)}
 				<div class="alert-text">
-					${r.t(e=>e.headline,t.d`<h2 class="headline">${e=>e.headline}</h2>`)}
-					${r.t(e=>e.text,t.d`<div class="main-text">${e=>e.text}</div>`)}
+					${r.t(e=>e.headline,t.f`<h2 class="headline">${e=>e.headline}</h2>`)}
+					${r.t(e=>e.text,t.f`<div class="main-text">${e=>e.text}</div>`)}
 					<slot name="main"></slot>
 				</div>
 				<slot class="action-items" name="action-items"></slot>
@@ -27,4 +27,4 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 			</div>
 		</div>
 	</${i}>
-	`},[a.t,l.t,u.t],{styles:f});t.s(y)();
+	`},[o.t,l.t,u.t],{styles:f});t.c(y)();

package/alert/index.js

@@ -1,10 +1,10 @@
 import { t as e } from "../bundled/localized.js";
-import { d as t, l as n, o as r, s as i, t as a, u as o } from "../bundled/vivid-element.js";
+import { c as t, d as n, f as r, s 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/definition2.js";
-import { t as d } from "../bundled/decorate.js";
+import { t as u } from "../bundled/decorate.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/class-names.js";
 import { i as _, t as v } from "../bundled/definition6.js";
@@ -20,7 +20,11 @@ var S = ".control{z-index:10;inline-size:max-content;max-inline-size:var(--alert
 	[l.Alert]: "error-line"
 }, w = class extends h(e(a)) {
 	constructor(...e) {
-		super(...e), this.dismissButtonAriaLabel = null, this.removable = !1, this.placement = "bottom", this.timeoutms = 0, this.open = !1;
+		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);
+		}, this.#r = () => {
+			this.open ? this.style.display = "contents" : this.style.display = "none";
+		};
 	}
 	#e;
 	openChanged(e, t) {
@@ -42,17 +46,13 @@ var S = ".control{z-index:10;inline-size:max-content;max-inline-size:var(--alert
 	#t() {
 		this.#e && clearTimeout(this.#e), this.open && this.timeoutms > 0 && (this.#e = setTimeout(() => this.open = !1, this.timeoutms));
 	}
-	#n = (e) => {
-		this.open && this.removable && x(e) && (this.open = !1);
-	};
-	#r = () => {
-		this.open ? this.style.display = "contents" : this.style.display = "none";
-	};
+	#n;
+	#r;
 };
-d([n({ attribute: "dismiss-button-aria-label" })], w.prototype, "dismissButtonAriaLabel", void 0), d([n({ mode: "boolean" })], w.prototype, "removable", void 0), d([n({ mode: "fromView" })], w.prototype, "placement", void 0), d([n], w.prototype, "headline", void 0), d([n], w.prototype, "text", void 0), d([n({
+u([o({ attribute: "dismiss-button-aria-label" })], w.prototype, "dismissButtonAriaLabel", void 0), u([o({ mode: "boolean" })], w.prototype, "removable", void 0), u([o({ mode: "fromView" })], w.prototype, "placement", void 0), u([o], w.prototype, "headline", void 0), u([o], w.prototype, "text", void 0), u([o({
 	mode: "fromView",
-	converter: o
-})], w.prototype, "timeoutms", void 0), d([n], w.prototype, "connotation", void 0), d([n], w.prototype, "strategy", void 0), d([n({ mode: "boolean" })], w.prototype, "open", void 0);
+	converter: n
+})], w.prototype, "timeoutms", void 0), u([o], w.prototype, "connotation", void 0), u([o], w.prototype, "strategy", void 0), u([o({ mode: "boolean" })], w.prototype, "open", void 0);
 //#endregion
 //#region src/lib/alert/alert.template.ts
 var T = ({ connotation: e }) => g("base", [`connotation-${e}`, !!e]), E = ({ open: e, placement: t, strategy: n }) => g("control", ["open", e], [`placement-${t}`, !!t], [`strategy-${n}`, !!n]);
@@ -64,7 +64,7 @@ function D(e, t) {
 	return n(r, p.Slot, m.Hidden, i);
 }
 function O(e) {
-	return t`
+	return r`
 		<${e}
 			aria-label="${(e) => e.dismissButtonAriaLabel || e.locale.alert.dismissButtonLabel}"
 			size="condensed"
@@ -76,10 +76,10 @@ function O(e) {
 }
 //#endregion
 //#region src/lib/alert/index.ts
-i(r("alert", w, (e) => {
-	let n = e.tagFor(y), r = e.tagFor(_);
-	return t`
-	<${n} class="elevation" dp='8' exportparts="vvd-theme-alternate">
+t(i("alert", w, (e) => {
+	let t = e.tagFor(y), n = e.tagFor(_);
+	return r`
+	<${t} class="elevation" dp='8' exportparts="vvd-theme-alternate">
 		<div class="${E}" ${s("_controlEl")}>
 			<div
 				part="vvd-theme-alternate"
@@ -90,18 +90,18 @@ i(r("alert", w, (e) => {
 			>
 				${(t) => D(e, t)}
 				<div class="alert-text">
-					${c((e) => e.headline, t`<h2 class="headline">${(e) => e.headline}</h2>`)}
-					${c((e) => e.text, t`<div class="main-text">${(e) => e.text}</div>`)}
+					${c((e) => e.headline, r`<h2 class="headline">${(e) => e.headline}</h2>`)}
+					${c((e) => e.text, r`<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, O(r))}
+				${c((e) => e.removable, O(n))}
 			</div>
 		</div>
-	</${n}>
+	</${t}>
 	`;
 }, [
-	u,
+	d,
 	v,
 	b
 ], { styles: S }))();

package/audio-player/definition.cjs

@@ -1,6 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition14.cjs");
-exports.VwcAudioPlayerElement = require_definition$1.AudioPlayer;
-exports.audioPlayerDefinition = require_definition$1.audioPlayerDefinition;
-exports.registerAudioPlayer = require_definition$1.registerAudioPlayer;
+const require_definition = require("../unbundled/definition14.cjs");
+exports.VwcAudioPlayerElement = require_definition.AudioPlayer;
+exports.audioPlayerDefinition = require_definition.audioPlayerDefinition;
+exports.registerAudioPlayer = require_definition.registerAudioPlayer;

package/audio-player/definition.js

@@ -1,3 +1,2 @@
-import "../unbundled/definition2.js";
 import { n as registerAudioPlayer, r as AudioPlayer, t as audioPlayerDefinition } from "../unbundled/definition14.js";
 export { AudioPlayer as VwcAudioPlayerElement, audioPlayerDefinition, registerAudioPlayer };

package/audio-player/index.cjs

@@ -1,10 +1,10 @@
-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`);require(`../bundled/definition2.cjs`);const a=require(`../bundled/decorate.cjs`),o=require(`../bundled/playbackRates.cjs`),s=require(`../bundled/class-names.cjs`),c=require(`../bundled/definition3.cjs`),l=require(`../bundled/definition6.cjs`),u=require(`../bundled/definition20.cjs`),d=require(`../bundled/definition21.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){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.w.track(this,`playbackRate`),this.#i.playbackRate}set playbackRate(e){this.#i.playbackRate=e,t.w.notify(this,`playbackRate`)}get paused(){return t.w.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.w.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.w.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.w.track(this,`currentTime`),this.#i.currentTime}set currentTime(e){this.#i.currentTime=e}get#r(){return this.shadowRoot.querySelector(`.slider`)}#i=new Audio;#a=!1;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}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=()=>{this.#r?.isDragging||this.$emit(`play`,void 0,{bubbles:!1})};#s=()=>{this.#r?.isDragging||this.$emit(`pause`,void 0,{bubbles:!1})};#c(e=!0){let t=e?`addEventListener`:`removeEventListener`;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=()=>{t.w.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()};#d=()=>{t.w.notify(this,`duration`),(!Number.isFinite(this.#i.duration)||this.#i.duration<=0)&&this.durationFallback&&this.#n()};#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=()=>{t.w.notify(this,`paused`)};skip(e){let t=this.currentTime+parseInt(this.skipBy)*e;this.currentTime=Math.max(0,Math.min(this.duration,t))}};a.t([t.l({attribute:`play-button-aria-label`})],v.prototype,`playButtonAriaLabel`,void 0),a.t([t.l({attribute:`pause-button-aria-label`})],v.prototype,`pauseButtonAriaLabel`,void 0),a.t([t.l({attribute:`slider-aria-label`})],v.prototype,`sliderAriaLabel`,void 0),a.t([t.l({attribute:`skip-forward-aria-label`})],v.prototype,`skipForwardButtonAriaLabel`,void 0),a.t([t.l({attribute:`skip-backward-aria-label`})],v.prototype,`skipBackwardButtonAriaLabel`,void 0),a.t([t.l],v.prototype,`connotation`,void 0),a.t([t.l],v.prototype,`src`,void 0),a.t([t.l({mode:`boolean`})],v.prototype,`disabled`,void 0),a.t([t.l({mode:`boolean`})],v.prototype,`notime`,void 0),a.t([t.l({attribute:`skip-by`,converter:_})],v.prototype,`skipBy`,void 0),a.t([t.l({attribute:`playback-rates`})],v.prototype,`playbackRates`,void 0),a.t([t.l({mode:`boolean`,attribute:`duration-fallback`})],v.prototype,`durationFallback`,void 0);var y=({notime:e,disabled:t,duration:n,skipBy:r,playbackRates:i})=>s.t([`disabled`,!!t||!n],[`two-lines`,!e&&(!!Number(r)||!!i)],[`playback`,!!i]),b=(e,{parent:t})=>e===t.playbackRate;function x(e){let n=e.tagFor(l.i);return t.d`<${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/class-names.cjs`),s=require(`../bundled/definition3.cjs`),c=require(`../bundled/playbackRates.cjs`),l=require(`../bundled/definition6.cjs`),u=require(`../bundled/definition20.cjs`),d=require(`../bundled/definition21.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){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.E.track(this,`playbackRate`),this.#i.playbackRate}set playbackRate(e){this.#i.playbackRate=e,t.E.notify(this,`playbackRate`)}get paused(){return t.E.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.E.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.E.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.E.track(this,`currentTime`),this.#i.currentTime}set currentTime(e){this.#i.currentTime=e}get#r(){return this.shadowRoot.querySelector(`.slider`)}#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.#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.E.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.E.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.#i&&(this.currentTime=this.duration*Number(this.#r.value)/100)},this.#m=()=>{t.E.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()}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.u({attribute:`play-button-aria-label`})],v.prototype,`playButtonAriaLabel`,void 0),a.t([t.u({attribute:`pause-button-aria-label`})],v.prototype,`pauseButtonAriaLabel`,void 0),a.t([t.u({attribute:`slider-aria-label`})],v.prototype,`sliderAriaLabel`,void 0),a.t([t.u({attribute:`skip-forward-aria-label`})],v.prototype,`skipForwardButtonAriaLabel`,void 0),a.t([t.u({attribute:`skip-backward-aria-label`})],v.prototype,`skipBackwardButtonAriaLabel`,void 0),a.t([t.u],v.prototype,`connotation`,void 0),a.t([t.u],v.prototype,`src`,void 0),a.t([t.u({mode:`boolean`})],v.prototype,`disabled`,void 0),a.t([t.u({mode:`boolean`})],v.prototype,`notime`,void 0),a.t([t.u({attribute:`skip-by`,converter:_})],v.prototype,`skipBy`,void 0),a.t([t.u({attribute:`playback-rates`})],v.prototype,`playbackRates`,void 0),a.t([t.u({mode:`boolean`,attribute:`duration-fallback`})],v.prototype,`durationFallback`,void 0);var y=({notime:e,disabled:t,duration:n,skipBy:r,playbackRates:i})=>o.t([`disabled`,!!t||!n],[`two-lines`,!e&&(!!Number(r)||!!i)],[`playback`,!!i]),b=(e,{parent:t})=>e===t.playbackRate;function x(e){let n=e.tagFor(l.i);return t.f`<${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 S(e){let n=e.tagFor(l.i);return t.d`
+  ></${n}>`}function S(e){let n=e.tagFor(l.i);return t.f`
 		<${n} class="skip backward"
 			@click="${e=>e.skip(p.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`}"
@@ -13,7 +13,7 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 		connotation="${e=>e.connotation}"
 		?disabled="${e=>e.disabled||!e.duration}"
 		></${n}>
-	`}function C(e){let n=e.tagFor(l.i);return t.d`
+	`}function C(e){let n=e.tagFor(l.i);return t.f`
 		<${n} class="skip forward"
 		@click="${e=>e.skip(p.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`}"
@@ -22,7 +22,7 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 		connotation="${e=>e.connotation}"
 		?disabled="${e=>e.disabled||!e.duration}"
 		></${n}>
-	`}function w(e){let n=e.tagFor(c.r);return t.d`
+	`}function w(e){let n=e.tagFor(s.r);return t.f`
 	<${n}
 		class="slider"
 		aria-label="${e=>e.sliderAriaLabel||e.locale.audioPlayer.sliderLabel}"
@@ -31,15 +31,15 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 		connotation="${e=>e.connotation}"
 		?disabled="${e=>e.disabled||!e.duration}"
 		internal-part>
-	</${n}>`}function T(){return t.d` <div class="time-stamp">
+	</${n}>`}function T(){return t.f` <div class="time-stamp">
 		<span class="current-time"
 			>${e=>m(e.currentTime||0)}</span
 		>
-		${r.t(e=>e.duration&&e.duration!==1/0,t.d`
+		${r.t(e=>e.duration&&e.duration!==1/0,t.f`
 				<span>/</span>
 				<span class="total-time">${e=>m(e?.duration)}</span>
 			`)}
-	</div>`}function E(e,t){return t.parent.playbackRate=e,!0}var D=t.o(`audio-player`,v,e=>{let a=e.tagFor(d.r),s=e.tagFor(l.i),c=e.tagFor(u.i);return t.d` <div class="wrapper">
+	</div>`}function E(e,t){return t.parent.playbackRate=e,!0}var D=t.s(`audio-player`,v,e=>{let a=e.tagFor(d.r),o=e.tagFor(l.i),s=e.tagFor(u.i);return t.f` <div class="wrapper">
 		<div class="base ${y}">
 			<div class="controls">
 				${r.t(e=>e.skipBy&&e.skipBy!=i.r.Zero,S(e))}
@@ -48,9 +48,9 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 				${r.t(e=>!e.notime,T())}
 			</div>
 			${w(e)}
-			${r.t(e=>!!e.playbackRates,t.d`
+			${r.t(e=>!!e.playbackRates,t.f`
 			<${a} class="playback-rates" placement="top-start" auto-dismiss id="playback-menu" position-strategy="absolute">
-				<${s} id="playback-open-button"
+				<${o} id="playback-open-button"
 							  class="playback-button"
 							  slot="anchor"
 							  icon="playback-speed-line"
@@ -58,14 +58,14 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 							  size='condensed'
 							  connotation="${e=>e.connotation}"
 							  ?disabled="${e=>e.disabled||!e.duration}"
-				></${s}>
+				></${o}>
 
-				${n.n(e=>o.t(e.playbackRates),t.d`<${c} @click="${E}"
+				${n.n(e=>c.t(e.playbackRates),t.f`<${s} @click="${E}"
 																			 control-type="radio"
 																			 class="playback-rate"
 																			 text="${e=>e}"
 																			 check-appearance="tick-only"
-																			 ?checked="${b}"></${c}>`)}
+																			 ?checked="${b}"></${s}>`)}
 			</${a}>`)}
 		</div>
-	</div>`},[l.t,c.n,d.t,u.t],{styles:f});t.s(D)();
+	</div>`},[l.t,s.n,d.t,u.t],{styles:f});t.c(D)();