@vonage/vivid 5.18.0 → 5.19.0

package/popover/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/slotted.cjs`);require(`../bundled/numberConverter.cjs`);const a=require(`../bundled/decorate.cjs`),o=require(`../bundled/definition2.cjs`),s=require(`../bundled/delegates-aria.cjs`),c=require(`../bundled/class-names.cjs`),l=require(`../bundled/definition6.cjs`),u=require(`../bundled/definition7.cjs`),d=require(`../bundled/floating-ui.dom.cjs`);var f=`:host{display:inline-block}.base{white-space:initial;--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.base ::-webkit-scrollbar{width:4px}.base ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.base ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.base{border:none;border-radius:8px;inline-size:max-content;min-inline-size:fit-content;margin:0;padding:0;position:fixed;overflow:visible}.base:focus-visible{outline:none}.base::backdrop{background-color:var(--popover-backdrop-bg,transparent)}.control{padding:var(--popover-padding,24px);border-radius:inherit;background:var(--vvd-color-surface-4dp);color:var(--vvd-color-canvas-text);gap:var(--popover-gap,24px);flex-direction:column;display:flex}.control:not(.open){display:none}.control.condensed{--popover-padding:12px;--popover-gap:12px}.control.manual{padding-block-start:40px}.arrow{z-index:-1;background:var(--vvd-color-surface-4dp);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.dismiss-button{position:absolute;inset-block-start:4px;inset-inline-end:4px}`,p=class extends e.t(s.t(t.t)){constructor(...e){super(...e),this.placement=`bottom`,this.manual=!1,this.layout=`default`,this.offset=8,this.alternate=!1,this.dismissButtonAriaLabel=null,this.arrow=!1,this.open=!1}placementChanged(){this.#s()}arrowChanged(){this.#s()}openChanged(e,t){if(!this._popoverEl)return;let n=this._popoverEl.matches(`:popover-open`);t&&!n?this._popoverEl.showPopover():!t&&n&&this._popoverEl.hidePopover(),this.#s()}anchorChanged(){this.#t()}_slottedAnchorChanged(){this.#t()}#e=null;#t(){if(!this._popoverEl)return;let e=this.anchor||this._slottedAnchor?.[0]||null;this.#e!==e&&(this.#e&&this.#r(this.#e),this.#e=e,this.#e&&this._popoverEl&&(this.#n(this.#e),this.#s()))}#n(e){e.setAttribute(`aria-haspopup`,`dialog`),e instanceof HTMLButtonElement||e instanceof HTMLInputElement?e.popoverTargetElement=this._popoverEl:e.addEventListener(`click`,this.#i)}#r(e){e.removeAttribute(`aria-haspopup`),e instanceof HTMLButtonElement||e instanceof HTMLInputElement?e.popoverTargetElement=null:e.removeEventListener(`click`,this.#i)}#i=()=>{this._popoverEl.togglePopover()};get#a(){let e=[d.s(),d.a(),d.l(),d.o()],t=this.offset??0;return this.arrow&&this._arrowEl&&(t=12,e=[...e,d.t({element:this._arrowEl,padding:10})]),t>0&&e.unshift(d.c(t)),e}#o;#s(){this.#o?.(),this.open&&this.#e&&this._popoverEl&&(this.#o=d.r(this.#e,this._popoverEl,this.#l))}#c;#l=()=>{this.#c=this.updatePosition()};async updatePosition(){if(!this.open||!this.#e||!this._popoverEl)return;let e=await d.i(this.#e,this._popoverEl,{placement:this.placement,strategy:`fixed`,middleware:this.#a});this.open&&(this.#u(e),this.arrow&&this._arrowEl&&this.#d(e))}#u(e){let{x:t,y:n}=e;Object.assign(this._popoverEl.style,{left:`${t}px`,top:`${n}px`,visibility:e.middlewareData.hide?.referenceHidden?`hidden`:`visible`})}#d(e){if(!this._arrowEl)return;let{x:t,y:n}=e.middlewareData.arrow,r={left:`calc(100% - 4px)`,right:`-4px`,top:`calc(100% - 4px)`,bottom:`-4px`},i=e.placement.split(`-`)[0];Object.assign(this._arrowEl.style,{left:t?`${t}px`:r[i],top:n?`${n}px`:r[i]})}#f=e=>{let t=e.newState?e.newState===`open`:this._popoverEl.matches(`:popover-open`);this.open!==t&&(this.open=t),this.$emit(t?`open`:`close`,void 0,{bubbles:!1})};connectedCallback(){super.connectedCallback(),this.#t(),this._popoverEl&&(this._popoverEl.addEventListener(`toggle`,this.#f),this.open&&!this._popoverEl.matches(`:popover-open`)&&(this._popoverEl.showPopover(),this.#s()))}disconnectedCallback(){super.disconnectedCallback(),this.#o?.(),this.#e&&=(this.#r(this.#e),null),this._popoverEl&&this._popoverEl.removeEventListener(`toggle`,this.#f)}show(){return this.open=!0,this.#c??Promise.resolve()}hide(){this.open=!1}toggle(){this.open=!this.open}};a.t([t.l({mode:`fromView`})],p.prototype,`placement`,void 0),a.t([t.l({mode:`boolean`})],p.prototype,`manual`,void 0),a.t([t.l({mode:`fromView`})],p.prototype,`layout`,void 0),a.t([t.l({attribute:`offset`,mode:`fromView`,converter:t.u})],p.prototype,`offset`,void 0),a.t([t.l({mode:`boolean`})],p.prototype,`alternate`,void 0),a.t([t.l({attribute:`dismiss-button-aria-label`})],p.prototype,`dismissButtonAriaLabel`,void 0),a.t([t.l({mode:`boolean`})],p.prototype,`arrow`,void 0),a.t([t.l({mode:`boolean`})],p.prototype,`open`,void 0),a.t([t.T],p.prototype,`anchor`,void 0),a.t([t.T],p.prototype,`_slottedAnchor`,void 0);var m=({open:e,manual:t,layout:n})=>c.t(`control`,[`open`,!!e],[`manual`,!!t],[`condensed`,n===`condensed`]),h=t.o(`popover`,p,e=>{let a=e.tagFor(u.r),c=e.tagFor(l.i),d=e.tagFor(o.r);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/slotted.cjs`),a=require(`../bundled/decorate.cjs`),o=require(`../bundled/definition2.cjs`),s=require(`../bundled/class-names.cjs`),c=require(`../bundled/delegates-aria.cjs`),l=require(`../bundled/definition6.cjs`),u=require(`../bundled/definition7.cjs`),d=require(`../bundled/floating-ui.dom.cjs`);var f=`:host{display:inline-block}.base{white-space:initial;--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.base ::-webkit-scrollbar{width:4px}.base ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.base ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.base{border:none;border-radius:8px;inline-size:max-content;min-inline-size:fit-content;margin:0;padding:0;position:fixed;overflow:visible}.base:focus-visible{outline:none}.base::backdrop{background-color:var(--popover-backdrop-bg,transparent)}.control{padding:var(--popover-padding,24px);border-radius:inherit;background:var(--vvd-color-surface-4dp);color:var(--vvd-color-canvas-text);gap:var(--popover-gap,24px);flex-direction:column;display:flex}.control:not(.open){display:none}.control.condensed{--popover-padding:12px;--popover-gap:12px}.control.manual{padding-block-start:40px}.arrow{z-index:-1;background:var(--vvd-color-surface-4dp);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.dismiss-button{position:absolute;inset-block-start:4px;inset-inline-end:4px}`,p=class extends e.t(c.t(t.t)){constructor(...e){super(...e),this.placement=`bottom`,this.manual=!1,this.layout=`default`,this.offset=8,this.alternate=!1,this.dismissButtonAriaLabel=null,this.arrow=!1,this.open=!1,this.#e=null,this.#i=()=>{this._popoverEl.togglePopover()},this.#l=()=>{this.#c=this.updatePosition()},this.#f=e=>{let t=e.newState?e.newState===`open`:this._popoverEl.matches(`:popover-open`);this.open!==t&&(this.open=t),this.$emit(t?`open`:`close`,void 0,{bubbles:!1})}}placementChanged(){this.#s()}arrowChanged(){this.#s()}openChanged(e,t){if(!this._popoverEl)return;let n=this._popoverEl.matches(`:popover-open`);t&&!n?this._popoverEl.showPopover():!t&&n&&this._popoverEl.hidePopover(),this.#s()}anchorChanged(){this.#t()}_slottedAnchorChanged(){this.#t()}#e;#t(){if(!this._popoverEl)return;let e=this.anchor||this._slottedAnchor?.[0]||null;this.#e!==e&&(this.#e&&this.#r(this.#e),this.#e=e,this.#e&&this._popoverEl&&(this.#n(this.#e),this.#s()))}#n(e){e.setAttribute(`aria-haspopup`,`dialog`),e instanceof HTMLButtonElement||e instanceof HTMLInputElement?e.popoverTargetElement=this._popoverEl:e.addEventListener(`click`,this.#i)}#r(e){e.removeAttribute(`aria-haspopup`),e instanceof HTMLButtonElement||e instanceof HTMLInputElement?e.popoverTargetElement=null:e.removeEventListener(`click`,this.#i)}#i;get#a(){let e=[d.s(),d.a(),d.l(),d.o()],t=this.offset??0;return this.arrow&&this._arrowEl&&(t=12,e=[...e,d.t({element:this._arrowEl,padding:10})]),t>0&&e.unshift(d.c(t)),e}#o;#s(){this.#o?.(),this.open&&this.#e&&this._popoverEl&&(this.#o=d.r(this.#e,this._popoverEl,this.#l))}#c;#l;async updatePosition(){if(!this.open||!this.#e||!this._popoverEl)return;let e=await d.i(this.#e,this._popoverEl,{placement:this.placement,strategy:`fixed`,middleware:this.#a});this.open&&(this.#u(e),this.arrow&&this._arrowEl&&this.#d(e))}#u(e){let{x:t,y:n}=e;Object.assign(this._popoverEl.style,{left:`${t}px`,top:`${n}px`,visibility:e.middlewareData.hide?.referenceHidden?`hidden`:`visible`})}#d(e){if(!this._arrowEl)return;let{x:t,y:n}=e.middlewareData.arrow,r={left:`calc(100% - 4px)`,right:`-4px`,top:`calc(100% - 4px)`,bottom:`-4px`},i=e.placement.split(`-`)[0];Object.assign(this._arrowEl.style,{left:t?`${t}px`:r[i],top:n?`${n}px`:r[i]})}#f;connectedCallback(){super.connectedCallback(),this.#t(),this._popoverEl&&(this._popoverEl.addEventListener(`toggle`,this.#f),this.open&&!this._popoverEl.matches(`:popover-open`)&&(this._popoverEl.showPopover(),this.#s()))}disconnectedCallback(){super.disconnectedCallback(),this.#o?.(),this.#e&&=(this.#r(this.#e),null),this._popoverEl&&this._popoverEl.removeEventListener(`toggle`,this.#f)}show(){return this.open=!0,this.#c??Promise.resolve()}hide(){this.open=!1}toggle(){this.open=!this.open}};a.t([t.u({mode:`fromView`})],p.prototype,`placement`,void 0),a.t([t.u({mode:`boolean`})],p.prototype,`manual`,void 0),a.t([t.u({mode:`fromView`})],p.prototype,`layout`,void 0),a.t([t.u({attribute:`offset`,mode:`fromView`,converter:t.d})],p.prototype,`offset`,void 0),a.t([t.u({mode:`boolean`})],p.prototype,`alternate`,void 0),a.t([t.u({attribute:`dismiss-button-aria-label`})],p.prototype,`dismissButtonAriaLabel`,void 0),a.t([t.u({mode:`boolean`})],p.prototype,`arrow`,void 0),a.t([t.u({mode:`boolean`})],p.prototype,`open`,void 0),a.t([t.D],p.prototype,`anchor`,void 0),a.t([t.D],p.prototype,`_slottedAnchor`,void 0);var m=({open:e,manual:t,layout:n})=>s.t(`control`,[`open`,!!e],[`manual`,!!t],[`condensed`,n===`condensed`]),h=t.s(`popover`,p,e=>{let a=e.tagFor(u.r),s=e.tagFor(l.i),d=e.tagFor(o.r);return t.f`
 		<slot name="anchor" ${i.t(`_slottedAnchor`)}></slot>
 		<${a}>
 			<div class="base" 
@@ -6,22 +6,22 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 				popover="${e=>e.manual?`manual`:`auto`}"
 				tabindex="-1"
 				autofocus
-				${s.n({role:`dialog`,ariaModal:`false`})}
+				${c.n({role:`dialog`,ariaModal:`false`})}
 			>
 				<div class="${m}" 
 					part="${e=>e.alternate?`vvd-theme-alternate`:``}">
 					<slot></slot>
 					<slot name="footer"></slot>
-					${r.t(e=>e.manual,t.d`<${c}
+					${r.t(e=>e.manual,t.f`<${s}
 							aria-label="${e=>e.dismissButtonAriaLabel||e.locale.popover.dismissButtonLabel}"
 							type="button"
 							size="condensed"
 							class="dismiss-button"
 							@click="${e=>e.hide()}">
 							<${d} name="close-line" slot="icon"></${d}>
-						</${c}>`)}
-					${r.t(e=>e.arrow,t.d`<div class="arrow" ${n.t(`_arrowEl`)}></div>`)}
+						</${s}>`)}
+					${r.t(e=>e.arrow,t.f`<div class="arrow" ${n.t(`_arrowEl`)}></div>`)}
 				</div>
 			</div>
 		</${a}>
-	`},[l.t,o.t,u.t],{styles:f,shadowOptions:{delegatesFocus:!0}});t.s(h)();
+	`},[l.t,o.t,u.t],{styles:f,shadowOptions:{delegatesFocus:!0}});t.c(h)();

package/popover/index.js

@@ -1,20 +1,26 @@
 import { t as e } from "../bundled/localized.js";
-import { T as t, d as n, l as r, o as i, s as a, t as o, u as s } from "../bundled/vivid-element.js";
+import { D as t, c as n, d as r, f as i, s as a, t as o, u as s } from "../bundled/vivid-element.js";
 import { t as c } from "../bundled/ref.js";
 import { t as l } from "../bundled/when.js";
 import { t as u } from "../bundled/slotted.js";
-import "../bundled/numberConverter.js";
 import { t as d } from "../bundled/decorate.js";
 import { r as f, t as p } from "../bundled/definition2.js";
-import { n as m, t as h } from "../bundled/delegates-aria.js";
-import { t as g } from "../bundled/class-names.js";
+import { t as m } from "../bundled/class-names.js";
+import { n as h, t as g } from "../bundled/delegates-aria.js";
 import { i as _, t as v } from "../bundled/definition6.js";
 import { r as y, t as b } from "../bundled/definition7.js";
 import { a as x, c as S, i as C, l as w, o as T, r as E, s as D, t as O } from "../bundled/floating-ui.dom.js";
 //#region src/lib/popover/popover.scss?inline
-var k = ":host{display:inline-block}.base{white-space:initial;--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.base ::-webkit-scrollbar{width:4px}.base ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.base ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.base{border:none;border-radius:8px;inline-size:max-content;min-inline-size:fit-content;margin:0;padding:0;position:fixed;overflow:visible}.base:focus-visible{outline:none}.base::backdrop{background-color:var(--popover-backdrop-bg,transparent)}.control{padding:var(--popover-padding,24px);border-radius:inherit;background:var(--vvd-color-surface-4dp);color:var(--vvd-color-canvas-text);gap:var(--popover-gap,24px);flex-direction:column;display:flex}.control:not(.open){display:none}.control.condensed{--popover-padding:12px;--popover-gap:12px}.control.manual{padding-block-start:40px}.arrow{z-index:-1;background:var(--vvd-color-surface-4dp);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.dismiss-button{position:absolute;inset-block-start:4px;inset-inline-end:4px}", A = class extends e(h(o)) {
+var k = ":host{display:inline-block}.base{white-space:initial;--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.base ::-webkit-scrollbar{width:4px}.base ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.base ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.base{border:none;border-radius:8px;inline-size:max-content;min-inline-size:fit-content;margin:0;padding:0;position:fixed;overflow:visible}.base:focus-visible{outline:none}.base::backdrop{background-color:var(--popover-backdrop-bg,transparent)}.control{padding:var(--popover-padding,24px);border-radius:inherit;background:var(--vvd-color-surface-4dp);color:var(--vvd-color-canvas-text);gap:var(--popover-gap,24px);flex-direction:column;display:flex}.control:not(.open){display:none}.control.condensed{--popover-padding:12px;--popover-gap:12px}.control.manual{padding-block-start:40px}.arrow{z-index:-1;background:var(--vvd-color-surface-4dp);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.dismiss-button{position:absolute;inset-block-start:4px;inset-inline-end:4px}", A = class extends e(g(o)) {
 	constructor(...e) {
-		super(...e), this.placement = "bottom", this.manual = !1, this.layout = "default", this.offset = 8, this.alternate = !1, this.dismissButtonAriaLabel = null, this.arrow = !1, this.open = !1;
+		super(...e), this.placement = "bottom", this.manual = !1, this.layout = "default", this.offset = 8, this.alternate = !1, this.dismissButtonAriaLabel = null, this.arrow = !1, this.open = !1, this.#e = null, this.#i = () => {
+			this._popoverEl.togglePopover();
+		}, this.#l = () => {
+			this.#c = this.updatePosition();
+		}, this.#f = (e) => {
+			let t = e.newState ? e.newState === "open" : this._popoverEl.matches(":popover-open");
+			this.open !== t && (this.open = t), this.$emit(t ? "open" : "close", void 0, { bubbles: !1 });
+		};
 	}
 	placementChanged() {
 		this.#s();
@@ -33,7 +39,7 @@ var k = ":host{display:inline-block}.base{white-space:initial;--scrollbar-track-
 	_slottedAnchorChanged() {
 		this.#t();
 	}
-	#e = null;
+	#e;
 	#t() {
 		if (!this._popoverEl) return;
 		let e = this.anchor || this._slottedAnchor?.[0] || null;
@@ -45,9 +51,7 @@ var k = ":host{display:inline-block}.base{white-space:initial;--scrollbar-track-
 	#r(e) {
 		e.removeAttribute("aria-haspopup"), e instanceof HTMLButtonElement || e instanceof HTMLInputElement ? e.popoverTargetElement = null : e.removeEventListener("click", this.#i);
 	}
-	#i = () => {
-		this._popoverEl.togglePopover();
-	};
+	#i;
 	get #a() {
 		let e = [
 			D(),
@@ -65,9 +69,7 @@ var k = ":host{display:inline-block}.base{white-space:initial;--scrollbar-track-
 		this.#o?.(), this.open && this.#e && this._popoverEl && (this.#o = E(this.#e, this._popoverEl, this.#l));
 	}
 	#c;
-	#l = () => {
-		this.#c = this.updatePosition();
-	};
+	#l;
 	async updatePosition() {
 		/* v8 ignore if -- @preserve */
 		if (!this.open || !this.#e || !this._popoverEl) return;
@@ -100,10 +102,7 @@ var k = ":host{display:inline-block}.base{white-space:initial;--scrollbar-track-
 			top: n ? `${n}px` : r[i]
 		});
 	}
-	#f = (e) => {
-		let t = e.newState ? e.newState === "open" : this._popoverEl.matches(":popover-open");
-		this.open !== t && (this.open = t), this.$emit(t ? "open" : "close", void 0, { bubbles: !1 });
-	};
+	#f;
 	connectedCallback() {
 		/* v8 ignore else -- @preserve */
 		super.connectedCallback(), this.#t(), this._popoverEl && (this._popoverEl.addEventListener("toggle", this.#f), this.open && !this._popoverEl.matches(":popover-open") && (this._popoverEl.showPopover(), this.#s()));
@@ -122,19 +121,19 @@ var k = ":host{display:inline-block}.base{white-space:initial;--scrollbar-track-
 		this.open = !this.open;
 	}
 };
-d([r({ mode: "fromView" })], A.prototype, "placement", void 0), d([r({ mode: "boolean" })], A.prototype, "manual", void 0), d([r({ mode: "fromView" })], A.prototype, "layout", void 0), d([r({
+d([s({ mode: "fromView" })], A.prototype, "placement", void 0), d([s({ mode: "boolean" })], A.prototype, "manual", void 0), d([s({ mode: "fromView" })], A.prototype, "layout", void 0), d([s({
 	attribute: "offset",
 	mode: "fromView",
-	converter: s
-})], A.prototype, "offset", void 0), d([r({ mode: "boolean" })], A.prototype, "alternate", void 0), d([r({ attribute: "dismiss-button-aria-label" })], A.prototype, "dismissButtonAriaLabel", void 0), d([r({ mode: "boolean" })], A.prototype, "arrow", void 0), d([r({ mode: "boolean" })], A.prototype, "open", void 0), d([t], A.prototype, "anchor", void 0), d([t], A.prototype, "_slottedAnchor", void 0);
+	converter: r
+})], A.prototype, "offset", void 0), d([s({ mode: "boolean" })], A.prototype, "alternate", void 0), d([s({ attribute: "dismiss-button-aria-label" })], A.prototype, "dismissButtonAriaLabel", void 0), d([s({ mode: "boolean" })], A.prototype, "arrow", void 0), d([s({ mode: "boolean" })], A.prototype, "open", void 0), d([t], A.prototype, "anchor", void 0), d([t], A.prototype, "_slottedAnchor", void 0);
 //#endregion
 //#region src/lib/popover/popover.template.ts
-var j = ({ open: e, manual: t, layout: n }) => g("control", ["open", !!e], ["manual", !!t], ["condensed", n === "condensed"]);
+var j = ({ open: e, manual: t, layout: n }) => m("control", ["open", !!e], ["manual", !!t], ["condensed", n === "condensed"]);
 //#endregion
 //#region src/lib/popover/index.ts
-a(i("popover", A, (e) => {
-	let t = e.tagFor(y), r = e.tagFor(_), i = e.tagFor(f);
-	return n`
+n(a("popover", A, (e) => {
+	let t = e.tagFor(y), n = e.tagFor(_), r = e.tagFor(f);
+	return i`
 		<slot name="anchor" ${u("_slottedAnchor")}></slot>
 		<${t}>
 			<div class="base" 
@@ -142,7 +141,7 @@ a(i("popover", A, (e) => {
 				popover="${(e) => e.manual ? "manual" : "auto"}"
 				tabindex="-1"
 				autofocus
-				${m({
+				${h({
 		role: "dialog",
 		ariaModal: "false"
 	})}
@@ -151,15 +150,15 @@ a(i("popover", A, (e) => {
 					part="${(e) => e.alternate ? "vvd-theme-alternate" : ""}">
 					<slot></slot>
 					<slot name="footer"></slot>
-					${l((e) => e.manual, n`<${r}
+					${l((e) => e.manual, i`<${n}
 							aria-label="${(e) => e.dismissButtonAriaLabel || e.locale.popover.dismissButtonLabel}"
 							type="button"
 							size="condensed"
 							class="dismiss-button"
 							@click="${(e) => e.hide()}">
-							<${i} name="close-line" slot="icon"></${i}>
-						</${r}>`)}
-					${l((e) => e.arrow, n`<div class="arrow" ${c("_arrowEl")}></div>`)}
+							<${r} name="close-line" slot="icon"></${r}>
+						</${n}>`)}
+					${l((e) => e.arrow, i`<div class="arrow" ${c("_arrowEl")}></div>`)}
 				</div>
 			</div>
 		</${t}>

package/popup/definition.cjs

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

package/popup/definition.js

@@ -1,3 +1,2 @@
-import "../unbundled/numberConverter.js";
 import { n as registerPopup, t as popupDefinition } from "../unbundled/definition10.js";
 export { popupDefinition, registerPopup };

package/popup/index.cjs

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

package/popup/index.js

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

package/progress/index.cjs

@@ -1,17 +1,17 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/delegates-aria.cjs`),i=require(`../bundled/class-names.cjs`),a=require(`../bundled/base-progress.cjs`);var o=`.base{outline:none;align-items:center;height:6px;margin:0}.base:not(.connotation-pacific).connotation-cta{--_connotation-color-primary:var(--vvd-progress-cta-primary,var(--vvd-color-cta-500));--_connotation-color-soft:var(--vvd-progress-cta-soft,var(--vvd-color-cta-100))}.base:not(.connotation-pacific).connotation-alert{--_connotation-color-primary:var(--vvd-progress-alert-primary,var(--vvd-color-alert-500));--_connotation-color-soft:var(--vvd-progress-alert-soft,var(--vvd-color-alert-100))}.base:not(.connotation-pacific).connotation-success{--_connotation-color-primary:var(--vvd-progress-success-primary,var(--vvd-color-success-500));--_connotation-color-soft:var(--vvd-progress-success-soft,var(--vvd-color-success-100))}.base:not(.connotation-pacific):not(.connotation-cta,.connotation-alert,.connotation-success){--_connotation-color-primary:var(--vvd-progress-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-soft:var(--vvd-progress-accent-soft,var(--vvd-color-neutral-100))}.base:not(.connotation-pacific){--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base.connotation-pacific{--_connotation-color-primary:linear-gradient(to right, var(--vvd-color-information-200), var(--vvd-color-cta-600))}.progress{align-items:center;block-size:100%;inline-size:100%;display:flex;position:relative;overflow:hidden}.base:not(.connotation-pacific) .progress{background-color:var(--_appearance-color-fill)}.base.connotation-pacific .progress{background-color:var(--vvd-color-neutral-100)}.base:not(.shape-sharp) .progress{border-radius:4px}.indeterminate{border-radius:inherit;background-color:var(--_connotation-color-primary);block-size:100%;inline-size:100%;display:flex}.determinate{border-radius:inherit;background-color:var(--_connotation-color-primary);block-size:100%;transition:all .2s ease-in-out}.connotation-pacific .determinate{background-image:var(--_connotation-color-primary)}.reverse .determinate{position:absolute;right:0}.paused .determinate{background:var(--vvd-color-neutral-300)}.indicator-1{inline-size:30%;animation:2s infinite indeterminate-1}.indicator-2{inline-size:60%;animation:2s infinite indeterminate-2}.indicator-1,.indicator-2{background-color:var(--vvd-color-neutral-100);opacity:0;block-size:100%;animation-timing-function:cubic-bezier(.4,0,.6,1);position:absolute}.connotation-pacific .indicator-1,.connotation-pacific .indicator-2{background-image:var(--_connotation-color-primary)}.paused .indicator-1,.paused .indicator-2{background-color:var(--_connotation-color-primary);animation-play-state:paused}.reverse .indicator-1,.reverse .indicator-2{animation-direction:reverse}@keyframes indeterminate-1{0%{opacity:1;transform:translate(-100%)}70%{opacity:1;transform:translate(300%)}70.01%{opacity:0}to{opacity:0;transform:translate(300%)}}@keyframes indeterminate-2{0%{opacity:0;transform:translate(-150%)}29.99%{opacity:0}30%{opacity:1;transform:translate(-150%)}to{opacity:1;transform:translate(166.66%)}}`,s=class extends r.t(a.t){constructor(...e){super(...e),this.reverse=!1}};n.t([e.l()],s.prototype,`shape`,void 0),n.t([e.l()],s.prototype,`connotation`,void 0),n.t([e.l({mode:`boolean`})],s.prototype,`reverse`,void 0);var c=({connotation:e,shape:t,reverse:n,paused:r})=>i.t(`base`,[`connotation-${e}`,!!e],[`shape-${t}`,!!t],[`reverse`,!!n],[`paused`,!!r]);function l(){return e.d` <span
+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/delegates-aria.cjs`),a=require(`../bundled/base-progress.cjs`);var o=`.base{outline:none;align-items:center;height:6px;margin:0}.base:not(.connotation-pacific).connotation-cta{--_connotation-color-primary:var(--vvd-progress-cta-primary,var(--vvd-color-cta-500));--_connotation-color-soft:var(--vvd-progress-cta-soft,var(--vvd-color-cta-100))}.base:not(.connotation-pacific).connotation-alert{--_connotation-color-primary:var(--vvd-progress-alert-primary,var(--vvd-color-alert-500));--_connotation-color-soft:var(--vvd-progress-alert-soft,var(--vvd-color-alert-100))}.base:not(.connotation-pacific).connotation-success{--_connotation-color-primary:var(--vvd-progress-success-primary,var(--vvd-color-success-500));--_connotation-color-soft:var(--vvd-progress-success-soft,var(--vvd-color-success-100))}.base:not(.connotation-pacific):not(.connotation-cta,.connotation-alert,.connotation-success){--_connotation-color-primary:var(--vvd-progress-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-soft:var(--vvd-progress-accent-soft,var(--vvd-color-neutral-100))}.base:not(.connotation-pacific){--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base.connotation-pacific{--_connotation-color-primary:linear-gradient(to right, var(--vvd-color-information-200), var(--vvd-color-cta-600))}.progress{align-items:center;block-size:100%;inline-size:100%;display:flex;position:relative;overflow:hidden}.base:not(.connotation-pacific) .progress{background-color:var(--_appearance-color-fill)}.base.connotation-pacific .progress{background-color:var(--vvd-color-neutral-100)}.base:not(.shape-sharp) .progress{border-radius:4px}.indeterminate{border-radius:inherit;background-color:var(--_connotation-color-primary);block-size:100%;inline-size:100%;display:flex}.determinate{border-radius:inherit;background-color:var(--_connotation-color-primary);block-size:100%;transition:all .2s ease-in-out}.connotation-pacific .determinate{background-image:var(--_connotation-color-primary)}.reverse .determinate{position:absolute;right:0}.paused .determinate{background:var(--vvd-color-neutral-300)}.indicator-1{inline-size:30%;animation:2s infinite indeterminate-1}.indicator-2{inline-size:60%;animation:2s infinite indeterminate-2}.indicator-1,.indicator-2{background-color:var(--vvd-color-neutral-100);opacity:0;block-size:100%;animation-timing-function:cubic-bezier(.4,0,.6,1);position:absolute}.connotation-pacific .indicator-1,.connotation-pacific .indicator-2{background-image:var(--_connotation-color-primary)}.paused .indicator-1,.paused .indicator-2{background-color:var(--_connotation-color-primary);animation-play-state:paused}.reverse .indicator-1,.reverse .indicator-2{animation-direction:reverse}@keyframes indeterminate-1{0%{opacity:1;transform:translate(-100%)}70%{opacity:1;transform:translate(300%)}70.01%{opacity:0}to{opacity:0;transform:translate(300%)}}@keyframes indeterminate-2{0%{opacity:0;transform:translate(-150%)}29.99%{opacity:0}30%{opacity:1;transform:translate(-150%)}to{opacity:1;transform:translate(166.66%)}}`,s=class extends i.t(a.t){constructor(...e){super(...e),this.reverse=!1}};n.t([e.u()],s.prototype,`shape`,void 0),n.t([e.u()],s.prototype,`connotation`,void 0),n.t([e.u({mode:`boolean`})],s.prototype,`reverse`,void 0);var c=({connotation:e,shape:t,reverse:n,paused:i})=>r.t(`base`,[`connotation-${e}`,!!e],[`shape-${t}`,!!t],[`reverse`,!!n],[`paused`,!!i]);function l(){return e.f` <span
 		class="determinate"
 		style="width: ${e=>e.percentComplete}%"
-	></span>`}function u(){return e.d` <span class="indeterminate" name="indeterminate">
+	></span>`}function u(){return e.f` <span class="indeterminate" name="indeterminate">
 		<span class="indicator-1"></span>
 		<span class="indicator-2"></span>
-	</span>`}var d=e.d`<template>
+	</span>`}var d=e.f`<template>
 	<div
 		class="${c}"
-		${r.n({role:`progressbar`,ariaValueNow:e=>e.value,ariaValueMin:e=>e.min,ariaValueMax:e=>e.max})}
+		${i.n({role:`progressbar`,ariaValueNow:e=>e.value,ariaValueMin:e=>e.min,ariaValueMax:e=>e.max})}
 	>
 		<div class="progress">
 			${t.t(e=>typeof e.value==`number`,l())}
 			${t.t(e=>typeof e.value!=`number`,u())}
 		</div>
 	</div>
-</template>`,f=e.o(`progress`,s,d,[],{styles:o});e.s(f)();
+</template>`,f=e.s(`progress`,s,d,[],{styles:o});e.c(f)();

package/progress/index.js

@@ -1,37 +1,37 @@
-import { d as e, l as t, o as n, s as r } from "../bundled/vivid-element.js";
+import { c as e, f as t, s as n, u as r } from "../bundled/vivid-element.js";
 import { t as i } from "../bundled/when.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";
 import { t as l } from "../bundled/base-progress.js";
 //#region src/lib/progress/progress.scss?inline
-var u = ".base{outline:none;align-items:center;height:6px;margin:0}.base:not(.connotation-pacific).connotation-cta{--_connotation-color-primary:var(--vvd-progress-cta-primary,var(--vvd-color-cta-500));--_connotation-color-soft:var(--vvd-progress-cta-soft,var(--vvd-color-cta-100))}.base:not(.connotation-pacific).connotation-alert{--_connotation-color-primary:var(--vvd-progress-alert-primary,var(--vvd-color-alert-500));--_connotation-color-soft:var(--vvd-progress-alert-soft,var(--vvd-color-alert-100))}.base:not(.connotation-pacific).connotation-success{--_connotation-color-primary:var(--vvd-progress-success-primary,var(--vvd-color-success-500));--_connotation-color-soft:var(--vvd-progress-success-soft,var(--vvd-color-success-100))}.base:not(.connotation-pacific):not(.connotation-cta,.connotation-alert,.connotation-success){--_connotation-color-primary:var(--vvd-progress-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-soft:var(--vvd-progress-accent-soft,var(--vvd-color-neutral-100))}.base:not(.connotation-pacific){--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base.connotation-pacific{--_connotation-color-primary:linear-gradient(to right, var(--vvd-color-information-200), var(--vvd-color-cta-600))}.progress{align-items:center;block-size:100%;inline-size:100%;display:flex;position:relative;overflow:hidden}.base:not(.connotation-pacific) .progress{background-color:var(--_appearance-color-fill)}.base.connotation-pacific .progress{background-color:var(--vvd-color-neutral-100)}.base:not(.shape-sharp) .progress{border-radius:4px}.indeterminate{border-radius:inherit;background-color:var(--_connotation-color-primary);block-size:100%;inline-size:100%;display:flex}.determinate{border-radius:inherit;background-color:var(--_connotation-color-primary);block-size:100%;transition:all .2s ease-in-out}.connotation-pacific .determinate{background-image:var(--_connotation-color-primary)}.reverse .determinate{position:absolute;right:0}.paused .determinate{background:var(--vvd-color-neutral-300)}.indicator-1{inline-size:30%;animation:2s infinite indeterminate-1}.indicator-2{inline-size:60%;animation:2s infinite indeterminate-2}.indicator-1,.indicator-2{background-color:var(--vvd-color-neutral-100);opacity:0;block-size:100%;animation-timing-function:cubic-bezier(.4,0,.6,1);position:absolute}.connotation-pacific .indicator-1,.connotation-pacific .indicator-2{background-image:var(--_connotation-color-primary)}.paused .indicator-1,.paused .indicator-2{background-color:var(--_connotation-color-primary);animation-play-state:paused}.reverse .indicator-1,.reverse .indicator-2{animation-direction:reverse}@keyframes indeterminate-1{0%{opacity:1;transform:translate(-100%)}70%{opacity:1;transform:translate(300%)}70.01%{opacity:0}to{opacity:0;transform:translate(300%)}}@keyframes indeterminate-2{0%{opacity:0;transform:translate(-150%)}29.99%{opacity:0}30%{opacity:1;transform:translate(-150%)}to{opacity:1;transform:translate(166.66%)}}", d = class extends s(l) {
+var u = ".base{outline:none;align-items:center;height:6px;margin:0}.base:not(.connotation-pacific).connotation-cta{--_connotation-color-primary:var(--vvd-progress-cta-primary,var(--vvd-color-cta-500));--_connotation-color-soft:var(--vvd-progress-cta-soft,var(--vvd-color-cta-100))}.base:not(.connotation-pacific).connotation-alert{--_connotation-color-primary:var(--vvd-progress-alert-primary,var(--vvd-color-alert-500));--_connotation-color-soft:var(--vvd-progress-alert-soft,var(--vvd-color-alert-100))}.base:not(.connotation-pacific).connotation-success{--_connotation-color-primary:var(--vvd-progress-success-primary,var(--vvd-color-success-500));--_connotation-color-soft:var(--vvd-progress-success-soft,var(--vvd-color-success-100))}.base:not(.connotation-pacific):not(.connotation-cta,.connotation-alert,.connotation-success){--_connotation-color-primary:var(--vvd-progress-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-soft:var(--vvd-progress-accent-soft,var(--vvd-color-neutral-100))}.base:not(.connotation-pacific){--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base.connotation-pacific{--_connotation-color-primary:linear-gradient(to right, var(--vvd-color-information-200), var(--vvd-color-cta-600))}.progress{align-items:center;block-size:100%;inline-size:100%;display:flex;position:relative;overflow:hidden}.base:not(.connotation-pacific) .progress{background-color:var(--_appearance-color-fill)}.base.connotation-pacific .progress{background-color:var(--vvd-color-neutral-100)}.base:not(.shape-sharp) .progress{border-radius:4px}.indeterminate{border-radius:inherit;background-color:var(--_connotation-color-primary);block-size:100%;inline-size:100%;display:flex}.determinate{border-radius:inherit;background-color:var(--_connotation-color-primary);block-size:100%;transition:all .2s ease-in-out}.connotation-pacific .determinate{background-image:var(--_connotation-color-primary)}.reverse .determinate{position:absolute;right:0}.paused .determinate{background:var(--vvd-color-neutral-300)}.indicator-1{inline-size:30%;animation:2s infinite indeterminate-1}.indicator-2{inline-size:60%;animation:2s infinite indeterminate-2}.indicator-1,.indicator-2{background-color:var(--vvd-color-neutral-100);opacity:0;block-size:100%;animation-timing-function:cubic-bezier(.4,0,.6,1);position:absolute}.connotation-pacific .indicator-1,.connotation-pacific .indicator-2{background-image:var(--_connotation-color-primary)}.paused .indicator-1,.paused .indicator-2{background-color:var(--_connotation-color-primary);animation-play-state:paused}.reverse .indicator-1,.reverse .indicator-2{animation-direction:reverse}@keyframes indeterminate-1{0%{opacity:1;transform:translate(-100%)}70%{opacity:1;transform:translate(300%)}70.01%{opacity:0}to{opacity:0;transform:translate(300%)}}@keyframes indeterminate-2{0%{opacity:0;transform:translate(-150%)}29.99%{opacity:0}30%{opacity:1;transform:translate(-150%)}to{opacity:1;transform:translate(166.66%)}}", d = class extends c(l) {
 	constructor(...e) {
 		super(...e), this.reverse = !1;
 	}
 };
-a([t()], d.prototype, "shape", void 0), a([t()], d.prototype, "connotation", void 0), a([t({ mode: "boolean" })], d.prototype, "reverse", void 0);
+a([r()], d.prototype, "shape", void 0), a([r()], d.prototype, "connotation", void 0), a([r({ mode: "boolean" })], d.prototype, "reverse", void 0);
 //#endregion
 //#region src/lib/progress/progress.template.ts
-var f = ({ connotation: e, shape: t, reverse: n, paused: r }) => c("base", [`connotation-${e}`, !!e], [`shape-${t}`, !!t], ["reverse", !!n], ["paused", !!r]);
+var f = ({ connotation: e, shape: t, reverse: n, paused: r }) => o("base", [`connotation-${e}`, !!e], [`shape-${t}`, !!t], ["reverse", !!n], ["paused", !!r]);
 function p() {
-	return e` <span
+	return t` <span
 		class="determinate"
 		style="width: ${(e) => e.percentComplete}%"
 	></span>`;
 }
 function m() {
-	return e` <span class="indeterminate" name="indeterminate">
+	return t` <span class="indeterminate" name="indeterminate">
 		<span class="indicator-1"></span>
 		<span class="indicator-2"></span>
 	</span>`;
 }
 //#endregion
 //#region src/lib/progress/index.ts
-r(n("progress", d, e`<template>
+e(n("progress", d, t`<template>
 	<div
 		class="${f}"
-		${o({
+		${s({
 	role: "progressbar",
 	ariaValueNow: (e) => e.value,
 	ariaValueMin: (e) => e.min,

package/progress-ring/index.cjs

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

package/progress-ring/index.js

@@ -1,4 +1,3 @@
-import "../bundled/vivid-element.js";
 import { n as e } from "../bundled/definition5.js";
 //#region src/lib/progress-ring/index.ts
 e();

package/radio/index.cjs

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

package/radio/index.js

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

package/radio-group/definition.cjs

@@ -1,5 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/numberConverter.cjs");
 const require_definition = require("../unbundled/definition56.cjs");
 exports.VwcRadioGroupElement = require_definition.RadioGroup;
 exports.radioGroupDefinition = require_definition.radioGroupDefinition;

package/radio-group/definition.js

@@ -1,3 +1,2 @@
-import "../unbundled/numberConverter.js";
 import { n as registerRadioGroup, r as RadioGroup, t as radioGroupDefinition } from "../unbundled/definition56.js";
 export { RadioGroup as VwcRadioGroupElement, radioGroupDefinition, registerRadioGroup };

package/radio-group/index.cjs

@@ -1,23 +1,23 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/slotted.cjs`);require(`../bundled/numberConverter.cjs`);const r=require(`../bundled/decorate.cjs`),i=require(`../bundled/delegates-aria.cjs`),a=require(`../bundled/aria.cjs`),o=require(`../bundled/key-codes.cjs`),s=require(`../bundled/mixins.cjs`),c=require(`../bundled/definition16.cjs`);var l=`.base{--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:column;gap:8px;display:flex}.positioning-region{flex-wrap:wrap;gap:8px;display:flex}.positioning-region.vertical{flex-direction:column}fieldset{border:none;margin:0;padding:0;display:block}legend{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);margin-block-end:8px;padding:0}`,u=class extends s.t(e.t){constructor(...e){super(...e),this.errorValidationMessage=``,this.orientation=a.t.horizontal,this.slottedRadioButtons=[],this.radioErrorHandler=e=>{this.errorValidationMessage=e.target.errorValidationMessage||``},this.radioChangeHandler=e=>{let t=e.target;t.checked&&(this.slottedRadioButtons?.forEach(e=>{e!==t&&(e.checked=!1)}),this.value=t.value,this.#t(t)),e.stopPropagation()},this.moveToRadioByIndex=(e,t)=>{let n=e[t];!this.isInsideToolbar&&!n.readOnly&&(n.checked=!0),n.focus()},this.moveRightOffGroup=()=>{this.nextElementSibling?.focus()},this.moveLeftOffGroup=()=>{this.previousElementSibling?.focus()},this.moveRight=e=>{let t=e.target,n=this.#e,r=0;if(r=n.indexOf(t)+1,r===n.length&&this.isInsideToolbar&&e.key===`ArrowRight`){this.moveRightOffGroup();return}r===n.length&&(r=0),this.moveToRadioByIndex(n,r)},this.moveLeft=e=>{let t=e.target,n=this.#e,r=n.indexOf(t)-1;if(this.isInsideToolbar&&e.key===`ArrowLeft`&&r<0){this.moveLeftOffGroup();return}r=r<0?n.length-1:r,this.moveToRadioByIndex(n,r)},this.keydownHandler=e=>{switch(e.key){case o.a:this.checkFocusedRadio(e.target);break;case o.r:case o.t:this.moveRight(e);break;case o.n:case o.i:this.moveLeft(e);break;default:return!0}}}requiredChanged(){this.slottedRadioButtons?.forEach(e=>{this.required?e.required=!0:e.required=!1})}readOnlyChanged(){this.slottedRadioButtons?.forEach(e=>{this.readOnly?e.readOnly=!0:e.readOnly=!1})}disabledChanged(){this.slottedRadioButtons?.forEach(e=>{this.disabled?e.disabled=!0:e.disabled=!1})}nameChanged(){this.slottedRadioButtons?.forEach(e=>{e.setAttribute(`name`,this.name)})}valueChanged(){this.slottedRadioButtons?.forEach(e=>{e.value===this.value&&(e.checked=!0)}),this.$emit(`change`)}handleSlotChange(){this.errorText&&this.slottedRadioButtons?.forEach(e=>{e.errorText=this.errorText})}errorTextChanged(e,t){t?this.errorValidationMessage=t:this.errorValidationMessage=``}get#e(){return this.slottedRadioButtons?.filter(e=>!e.disabled)}slottedRadioButtonsChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.length>0&&this.setupRadioButtons()}get isInsideToolbar(){return!!this.closest(`[role="toolbar"]`)}connectedCallback(){super.connectedCallback(),this.setupRadioButtons()}disconnectedCallback(){this.slottedRadioButtons?.forEach(e=>{e.removeEventListener(`change`,this.radioChangeHandler),e.removeEventListener(`invalid`,this.radioErrorHandler)})}setupRadioButtons(){let e=!1;for(let t of this.slottedRadioButtons)this.name!==void 0&&t.setAttribute(`name`,this.name),this.disabled&&(t.disabled=!0),this.readOnly&&(t.readOnly=!0),this.required&&(t.required=!0),this.value&&this.value===t.value?(t.checked=!0,this.#t(t),e=!0):t.checked=!1,t.addEventListener(`change`,this.radioChangeHandler),t.addEventListener(`invalid`,this.radioErrorHandler);if(this.value===void 0&&this.slottedRadioButtons?.length>0){let t=this.slottedRadioButtons?.filter(e=>e.hasAttribute(`checked`));if(t.length>0&&!e){let e=t[t.length-1];e.checked=!0,this.#t(e)}else this.#t(this.slottedRadioButtons[0])}}focusInHandler(e){this.#t(e.target)}#t(e){e.setAttribute(`tabindex`,`0`);for(let t of this.slottedRadioButtons)t!==e&&t.setAttribute(`tabindex`,`-1`)}checkFocusedRadio(e){e.readOnly||(e.checked=!0)}};r.t([e.l],u.prototype,`label`,void 0),r.t([e.l({attribute:`required`,mode:`boolean`})],u.prototype,`required`,void 0),r.t([e.l({attribute:`readonly`,mode:`boolean`})],u.prototype,`readOnly`,void 0),r.t([e.l({attribute:`disabled`,mode:`boolean`})],u.prototype,`disabled`,void 0),r.t([e.l],u.prototype,`name`,void 0),r.t([e.l],u.prototype,`value`,void 0),r.t([e.T],u.prototype,`errorValidationMessage`,void 0),r.t([e.l({attribute:`error-text`})],u.prototype,`errorText`,void 0),r.t([e.l],u.prototype,`orientation`,void 0),r.t([e.T],u.prototype,`slottedRadioButtons`,void 0);var d=e.o(`radio-group`,u,r=>{let o=r.tagFor(c.r,!0);return e.d`
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/slotted.cjs`),r=require(`../bundled/decorate.cjs`),i=require(`../bundled/aria.cjs`),a=require(`../bundled/key-codes.cjs`),o=require(`../bundled/delegates-aria.cjs`),s=require(`../bundled/mixins.cjs`),c=require(`../bundled/definition16.cjs`);var l=`.base{--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:column;gap:8px;display:flex}.positioning-region{flex-wrap:wrap;gap:8px;display:flex}.positioning-region.vertical{flex-direction:column}fieldset{border:none;margin:0;padding:0;display:block}legend{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);margin-block-end:8px;padding:0}`,u=class extends s.t(e.t){constructor(...e){super(...e),this.errorValidationMessage=``,this.orientation=i.t.horizontal,this.slottedRadioButtons=[],this.radioErrorHandler=e=>{let t=e.target;this.errorValidationMessage=t.errorValidationMessage||``},this.radioChangeHandler=e=>{let t=e.target;t.checked&&(this.slottedRadioButtons?.forEach(e=>{e!==t&&(e.checked=!1)}),this.value=t.value,this.#t(t)),e.stopPropagation()},this.moveToRadioByIndex=(e,t)=>{let n=e[t];!this.isInsideToolbar&&!n.readOnly&&(n.checked=!0),n.focus()},this.moveRightOffGroup=()=>{this.nextElementSibling?.focus()},this.moveLeftOffGroup=()=>{this.previousElementSibling?.focus()},this.moveRight=e=>{let t=e.target,n=this.#e,r=0;if(r=n.indexOf(t)+1,r===n.length&&this.isInsideToolbar&&e.key===`ArrowRight`){this.moveRightOffGroup();return}r===n.length&&(r=0),this.moveToRadioByIndex(n,r)},this.moveLeft=e=>{let t=e.target,n=this.#e,r=n.indexOf(t)-1;if(this.isInsideToolbar&&e.key===`ArrowLeft`&&r<0){this.moveLeftOffGroup();return}r=r<0?n.length-1:r,this.moveToRadioByIndex(n,r)},this.keydownHandler=e=>{switch(e.key){case a.a:this.checkFocusedRadio(e.target);break;case a.r:case a.t:this.moveRight(e);break;case a.n:case a.i:this.moveLeft(e);break;default:return!0}}}requiredChanged(){this.slottedRadioButtons?.forEach(e=>{this.required?e.required=!0:e.required=!1})}readOnlyChanged(){this.slottedRadioButtons?.forEach(e=>{this.readOnly?e.readOnly=!0:e.readOnly=!1})}disabledChanged(){this.slottedRadioButtons?.forEach(e=>{this.disabled?e.disabled=!0:e.disabled=!1})}nameChanged(){this.slottedRadioButtons?.forEach(e=>{e.setAttribute(`name`,this.name)})}valueChanged(){this.slottedRadioButtons?.forEach(e=>{e.value===this.value&&(e.checked=!0)}),this.$emit(`change`)}handleSlotChange(){this.errorText&&this.slottedRadioButtons?.forEach(e=>{e.errorText=this.errorText})}errorTextChanged(e,t){t?this.errorValidationMessage=t:this.errorValidationMessage=``}get#e(){return this.slottedRadioButtons?.filter(e=>!e.disabled)}slottedRadioButtonsChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.length>0&&this.setupRadioButtons()}get isInsideToolbar(){return!!this.closest(`[role="toolbar"]`)}connectedCallback(){super.connectedCallback(),this.setupRadioButtons()}disconnectedCallback(){this.slottedRadioButtons?.forEach(e=>{e.removeEventListener(`change`,this.radioChangeHandler),e.removeEventListener(`invalid`,this.radioErrorHandler)})}setupRadioButtons(){let e=!1;for(let t of this.slottedRadioButtons)this.name!==void 0&&t.setAttribute(`name`,this.name),this.disabled&&(t.disabled=!0),this.readOnly&&(t.readOnly=!0),this.required&&(t.required=!0),this.value&&this.value===t.value?(t.checked=!0,this.#t(t),e=!0):t.checked=!1,t.addEventListener(`change`,this.radioChangeHandler),t.addEventListener(`invalid`,this.radioErrorHandler);if(this.value===void 0&&this.slottedRadioButtons?.length>0){let t=this.slottedRadioButtons?.filter(e=>e.hasAttribute(`checked`));if(t.length>0&&!e){let e=t[t.length-1];e.checked=!0,this.#t(e)}else this.#t(this.slottedRadioButtons[0])}}focusInHandler(e){this.#t(e.target)}#t(e){e.setAttribute(`tabindex`,`0`);for(let t of this.slottedRadioButtons)t!==e&&t.setAttribute(`tabindex`,`-1`)}checkFocusedRadio(e){e.readOnly||(e.checked=!0)}};r.t([e.u],u.prototype,`label`,void 0),r.t([e.u({attribute:`required`,mode:`boolean`})],u.prototype,`required`,void 0),r.t([e.u({attribute:`readonly`,mode:`boolean`})],u.prototype,`readOnly`,void 0),r.t([e.u({attribute:`disabled`,mode:`boolean`})],u.prototype,`disabled`,void 0),r.t([e.u],u.prototype,`name`,void 0),r.t([e.u],u.prototype,`value`,void 0),r.t([e.D],u.prototype,`errorValidationMessage`,void 0),r.t([e.u({attribute:`error-text`})],u.prototype,`errorText`,void 0),r.t([e.u],u.prototype,`orientation`,void 0),r.t([e.D],u.prototype,`slottedRadioButtons`,void 0);var d=e.s(`radio-group`,u,r=>{let a=r.tagFor(c.r,!0);return e.f`
 		<template
 			@keydown="${(e,t)=>e.keydownHandler(t.event)}"
 			@focusin="${(e,t)=>e.focusInHandler(t.event)}"
 		>
 			<div class="base">
 				<fieldset
-					${i.n({role:`radiogroup`,ariaDisabled:e=>e.disabled,ariaReadOnly:e=>e.readOnly,ariaOrientation:e=>e.orientation})}
+					${o.n({role:`radiogroup`,ariaDisabled:e=>e.disabled,ariaReadOnly:e=>e.readOnly,ariaOrientation:e=>e.orientation})}
 					aria-labelledby="label"
 					aria-describedby="${e=>e._feedbackDescribedBy}"
 					aria-invalid="${e=>e.errorText?`true`:`false`}"
-					class="control positioning-region ${e=>e.orientation===a.t.horizontal?`horizontal`:`vertical`}"
+					class="control positioning-region ${e=>e.orientation===i.t.horizontal?`horizontal`:`vertical`}"
 				>
-					${t.t(e=>e.label,e.d`<legend id="label">${e=>e.label}</legend>`)}
+					${t.t(e=>e.label,e.f`<legend id="label">${e=>e.label}</legend>`)}
 					<slot
-						${n.t({property:`slottedRadioButtons`,filter:n.r(o)})}
+						${n.t({property:`slottedRadioButtons`,filter:n.r(a)})}
 						@slotchange="${e=>e.handleSlotChange()}"
 					></slot>
 				</fieldset>
 				${e=>e._getFeedbackTemplate(r)}
 			</div>
 		</template>
-	`},[c.t,s.a],{styles:l});e.s(d)();
+	`},[c.t,s.a],{styles:l});e.c(d)();

package/radio-group/index.js

@@ -1,18 +1,18 @@
-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 { t as o } from "../bundled/when.js";
 import { r as s, t as c } from "../bundled/slotted.js";
-import "../bundled/numberConverter.js";
 import { t as l } from "../bundled/decorate.js";
-import { n as u } from "../bundled/delegates-aria.js";
-import { t as d } from "../bundled/aria.js";
-import { a as f, i as p, n as m, r as h, t as g } from "../bundled/key-codes.js";
+import { t as u } from "../bundled/aria.js";
+import { a as d, i as f, n as p, r as m, t as h } from "../bundled/key-codes.js";
+import { n as g } from "../bundled/delegates-aria.js";
 import { a as _, t as v } from "../bundled/mixins.js";
 import { r as y, t as b } from "../bundled/definition16.js";
 //#region src/lib/radio-group/radio-group.scss?inline
-var x = ".base{--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:column;gap:8px;display:flex}.positioning-region{flex-wrap:wrap;gap:8px;display:flex}.positioning-region.vertical{flex-direction:column}fieldset{border:none;margin:0;padding:0;display:block}legend{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);margin-block-end:8px;padding:0}", S = class extends v(a) {
+var x = ".base{--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:column;gap:8px;display:flex}.positioning-region{flex-wrap:wrap;gap:8px;display:flex}.positioning-region.vertical{flex-direction:column}fieldset{border:none;margin:0;padding:0;display:block}legend{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);margin-block-end:8px;padding:0}", S = class extends v(i) {
 	constructor(...e) {
-		super(...e), this.errorValidationMessage = "", this.orientation = d.horizontal, this.slottedRadioButtons = [], this.radioErrorHandler = (e) => {
-			this.errorValidationMessage = e.target.errorValidationMessage || "";
+		super(...e), this.errorValidationMessage = "", this.orientation = u.horizontal, this.slottedRadioButtons = [], this.radioErrorHandler = (e) => {
+			let t = e.target;
+			this.errorValidationMessage = t.errorValidationMessage || "";
 		}, this.radioChangeHandler = (e) => {
 			let t = e.target;
 			t.checked && (this.slottedRadioButtons?.forEach((e) => {
@@ -41,15 +41,15 @@ var x = ".base{--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:colu
 			r = r < 0 ? n.length - 1 : r, this.moveToRadioByIndex(n, r);
 		}, this.keydownHandler = (e) => {
 			switch (e.key) {
-				case f:
+				case d:
 					this.checkFocusedRadio(e.target);
 					break;
+				case m:
 				case h:
-				case g:
 					this.moveRight(e);
 					break;
-				case m:
 				case p:
+				case f:
 					this.moveLeft(e);
 					break;
 				default: return !0;
@@ -130,25 +130,25 @@ var x = ".base{--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:colu
 };
 //#endregion
 //#region src/lib/radio-group/index.ts
-l([n], S.prototype, "label", void 0), l([n({
+l([a], S.prototype, "label", void 0), l([a({
 	attribute: "required",
 	mode: "boolean"
-})], S.prototype, "required", void 0), l([n({
+})], S.prototype, "required", void 0), l([a({
 	attribute: "readonly",
 	mode: "boolean"
-})], S.prototype, "readOnly", void 0), l([n({
+})], S.prototype, "readOnly", void 0), l([a({
 	attribute: "disabled",
 	mode: "boolean"
-})], S.prototype, "disabled", void 0), l([n], S.prototype, "name", void 0), l([n], S.prototype, "value", void 0), l([e], S.prototype, "errorValidationMessage", void 0), l([n({ attribute: "error-text" })], S.prototype, "errorText", void 0), l([n], S.prototype, "orientation", void 0), l([e], S.prototype, "slottedRadioButtons", void 0), i(r("radio-group", S, (e) => {
-	let n = e.tagFor(y, !0);
-	return t`
+})], S.prototype, "disabled", void 0), l([a], S.prototype, "name", void 0), l([a], S.prototype, "value", void 0), l([e], S.prototype, "errorValidationMessage", void 0), l([a({ attribute: "error-text" })], S.prototype, "errorText", void 0), l([a], S.prototype, "orientation", void 0), l([e], S.prototype, "slottedRadioButtons", void 0), t(r("radio-group", S, (e) => {
+	let t = e.tagFor(y, !0);
+	return n`
 		<template
 			@keydown="${(e, t) => e.keydownHandler(t.event)}"
 			@focusin="${(e, t) => e.focusInHandler(t.event)}"
 		>
 			<div class="base">
 				<fieldset
-					${u({
+					${g({
 		role: "radiogroup",
 		ariaDisabled: (e) => e.disabled,
 		ariaReadOnly: (e) => e.readOnly,
@@ -157,13 +157,13 @@ l([n], S.prototype, "label", void 0), l([n({
 					aria-labelledby="label"
 					aria-describedby="${(e) => e._feedbackDescribedBy}"
 					aria-invalid="${(e) => e.errorText ? "true" : "false"}"
-					class="control positioning-region ${(e) => e.orientation === d.horizontal ? "horizontal" : "vertical"}"
+					class="control positioning-region ${(e) => e.orientation === u.horizontal ? "horizontal" : "vertical"}"
 				>
-					${o((e) => e.label, t`<legend id="label">${(e) => e.label}</legend>`)}
+					${o((e) => e.label, n`<legend id="label">${(e) => e.label}</legend>`)}
 					<slot
 						${c({
 		property: "slottedRadioButtons",
-		filter: s(n)
+		filter: s(t)
 	})}
 						@slotchange="${(e) => e.handleSlotChange()}"
 					></slot>

package/range-slider/definition.cjs

@@ -1,5 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/numberConverter.cjs");
 const require_definition = require("../unbundled/definition57.cjs");
 exports.VwcRangeSliderElement = require_definition.RangeSlider;
 exports.rangeSliderDefinition = require_definition.rangeSliderDefinition;

package/range-slider/definition.js

@@ -1,3 +1,2 @@
-import "../unbundled/numberConverter.js";
 import { n as registerRangeSlider, r as RangeSlider, t as rangeSliderDefinition } from "../unbundled/definition57.js";
 export { RangeSlider as VwcRangeSliderElement, rangeSliderDefinition, registerRangeSlider };