@vonage/vivid 5.17.0 → 5.18.0

package/color-picker/index.js

@@ -3,41 +3,42 @@ import { n as s } from "../bundled/repeat.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 { r as ee, t as te } from "../bundled/definition2.js";
+import "../bundled/numberConverter.js";
 import { t as d } from "../bundled/decorate.js";
-import { t as f } from "../bundled/with-success-text.js";
-import { t as ne } from "../bundled/with-error-text.js";
-import { t as re } from "../bundled/with-contextual-help.js";
-import { t as ie } from "../bundled/trapped-focus.js";
-import { n as ae, t as oe } from "../bundled/delegates-aria.js";
-import { t as p } from "../bundled/class-names.js";
-import { i as m, t as se } from "../bundled/definition6.js";
-import { i as ce, t as le } from "../bundled/definition8.js";
-import { n as ue, r as de } from "../bundled/definition9.js";
-import { t as fe } from "../bundled/dialog.js";
-import { a as pe, t as me } from "../bundled/mixins.js";
-import { n as he, r as ge } from "../bundled/definition12.js";
-import { n as h, t as _e } from "../bundled/base-color-picker.js";
+import { r as ee, t as te } from "../bundled/definition2.js";
+import { t as ne } from "../bundled/with-success-text.js";
+import { t as re } from "../bundled/with-error-text.js";
+import { t as ie } from "../bundled/with-contextual-help.js";
+import { t as ae } from "../bundled/trapped-focus.js";
+import { n as oe, t as se } from "../bundled/delegates-aria.js";
+import { t as f } from "../bundled/class-names.js";
+import { i as p, t as ce } from "../bundled/definition6.js";
+import { i as le, t as ue } from "../bundled/definition8.js";
+import { n as de, r as fe } from "../bundled/definition9.js";
+import { t as pe } from "../bundled/dialog.js";
+import { a as me, t as he } from "../bundled/mixins.js";
+import { n as ge, r as _e } from "../bundled/definition12.js";
+import { n as m, t as ve } from "../bundled/base-color-picker.js";
 //#region src/lib/color-picker/color-picker.scss?inline
-var ve = ".palette{grid-template-columns:repeat(var(--swatches-per-row,7), var(--_color-swatch-size,24px));display:grid}.swatch{background-color:var(--swatch-color);block-size:var(--_color-swatch-size,24px);color:var(--vvd-color-canvas);cursor:pointer;inline-size:var(--_color-swatch-size,24px);border-radius:4px;padding:0;position:relative}.swatch:not(.contrast){border:none}.swatch.contrast{border:1px solid var(--vvd-color-neutral-400);color:var(--vvd-color-canvas-text)}.swatch:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:none;outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent;--focus-inset:-3px}:host{--_low-ink-color:var(--vvd-color-neutral-600);display:inline-block}.base{min-inline-size:var(--_color-picker-min-inline-size,280px);display:inline-block}.control{inline-size:100%}.button{box-sizing:border-box;background-color:var(--button-color,var(--vvd-color-canvas-text));block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));color:var(--vvd-color-canvas);inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));padding-inline:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 4);vertical-align:middle;border:0;border-radius:4px;align-items:center;margin:0;text-decoration:none;display:inline-flex}.button.contrast{color:var(--vvd-color-canvas-text)}.button:not(.disabled){cursor:pointer}.button.disabled{background-color:var(--vvd-color-neutral-300);color:var(--vvd-color-neutral-500);cursor:not-allowed}.button:focus-visible{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}.button [data-vvd-component=icon]{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);line-height:1}.dialog{min-inline-size:var(--_color-picker-popup-min-inline-size,264px);flex-direction:column;display:flex}.dialog .header{justify-content:space-between;align-items:center;padding-block:8px;padding-inline:16px;display:inline-flex}.dialog .header-title{font:var(--vvd-typography-base-extended-bold);margin-block:0}.dialog .body{flex-direction:column;gap:16px;margin-block-end:16px;padding-inline:16px;display:flex}.dialog .hex-input-wrapper{align-items:stretch;gap:8px;display:flex}.dialog .hex-input-wrapper [data-vvd-component=button]{flex:none}.dialog .footer{border-top:1px solid var(--vvd-color-neutral-200);padding:16px}.dialog .footer-header{margin-block-end:8px}.dialog .swatches-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.dialog .palette{gap:var(--_color-swatches-gap,8px)}vvd-hex-input{flex:auto;min-width:0}vvd-hex-input::part(input),vvd-hex-input>input{box-sizing:border-box;background-color:var(--vvd-color-canvas);width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--vvd-color-neutral-500);font:var(--vvd-typography-base);padding-inline:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);border:0;border-radius:8px;outline:#0000}vvd-hex-input::part(input):focus-visible,vvd-hex-input>input:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent}vvd-hex-picker{width:auto;height:auto;gap:16px;inline-size:100%}vvd-hex-picker::part(saturation){border-radius:8px;block-size:120px}vvd-hex-picker::part(hue){border-radius:8px;flex:0 0 8px}vvd-hex-picker::part(hue-pointer){width:10px;height:10px}vvd-hex-picker::part(saturation-pointer){width:18px;height:18px}::part(popup-base){inline-size:max-content;min-block-size:var(--_color-picker-popup-min-inline-size,264px);min-inline-size:var(--_color-picker-popup-min-inline-size,264px)}.visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}", g = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, _ = (e, t = 0, n = 10 ** t) => Math.round(n * e) / n;
+var ye = ".palette{grid-template-columns:repeat(var(--swatches-per-row,7), var(--_color-swatch-size,24px));display:grid}.swatch{background-color:var(--swatch-color);block-size:var(--_color-swatch-size,24px);color:var(--vvd-color-canvas);cursor:pointer;inline-size:var(--_color-swatch-size,24px);border-radius:4px;padding:0;position:relative}.swatch:not(.contrast){border:none}.swatch.contrast{border:1px solid var(--vvd-color-neutral-400);color:var(--vvd-color-canvas-text)}.swatch:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:none;outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent;--focus-inset:-3px}:host{--_low-ink-color:var(--vvd-color-neutral-600);display:inline-block}.base{min-inline-size:var(--_color-picker-min-inline-size,280px);display:inline-block}.control{inline-size:100%}.button{box-sizing:border-box;background-color:var(--button-color,var(--vvd-color-canvas-text));block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));color:var(--vvd-color-canvas);inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));padding-inline:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 4);vertical-align:middle;border:0;border-radius:4px;align-items:center;margin:0;text-decoration:none;display:inline-flex}.button.contrast{color:var(--vvd-color-canvas-text)}.button:not(.disabled){cursor:pointer}.button.disabled{background-color:var(--vvd-color-neutral-300);color:var(--vvd-color-neutral-500);cursor:not-allowed}.button:focus-visible{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}.button [data-vvd-component=icon]{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);line-height:1}.dialog{min-inline-size:var(--_color-picker-popup-min-inline-size,264px);flex-direction:column;display:flex}.dialog .header{justify-content:space-between;align-items:center;padding-block:8px;padding-inline:16px;display:inline-flex}.dialog .header-title{font:var(--vvd-typography-base-extended-bold);margin-block:0}.dialog .body{flex-direction:column;gap:16px;margin-block-end:16px;padding-inline:16px;display:flex}.dialog .hex-input-wrapper{align-items:stretch;gap:8px;display:flex}.dialog .hex-input-wrapper [data-vvd-component=button]{flex:none}.dialog .footer{border-top:1px solid var(--vvd-color-neutral-200);padding:16px}.dialog .footer-header{margin-block-end:8px}.dialog .swatches-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.dialog .palette{gap:var(--_color-swatches-gap,8px)}vvd-hex-input{flex:auto;min-width:0}vvd-hex-input::part(input),vvd-hex-input>input{box-sizing:border-box;background-color:var(--vvd-color-canvas);width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--vvd-color-neutral-500);font:var(--vvd-typography-base);padding-inline:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);border:0;border-radius:8px;outline:#0000}vvd-hex-input::part(input):focus-visible,vvd-hex-input>input:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent}vvd-hex-picker{width:auto;height:auto;gap:16px;inline-size:100%}vvd-hex-picker::part(saturation){border-radius:8px;block-size:120px}vvd-hex-picker::part(hue){border-radius:8px;flex:0 0 8px}vvd-hex-picker::part(hue-pointer){width:10px;height:10px}vvd-hex-picker::part(saturation-pointer){width:18px;height:18px}::part(popup-base){inline-size:max-content;min-block-size:var(--_color-picker-popup-min-inline-size,264px);min-inline-size:var(--_color-picker-popup-min-inline-size,264px)}.visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}", h = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, g = (e, t = 0, n = 10 ** t) => Math.round(n * e) / n;
 360 / (Math.PI * 2);
-var ye = (e) => we(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
+var _ = (e) => we(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
 	r: parseInt(e[0] + e[0], 16),
 	g: parseInt(e[1] + e[1], 16),
 	b: parseInt(e[2] + e[2], 16),
-	a: e.length === 4 ? _(parseInt(e[3] + e[3], 16) / 255, 2) : 1
+	a: e.length === 4 ? g(parseInt(e[3] + e[3], 16) / 255, 2) : 1
 } : {
 	r: parseInt(e.substring(0, 2), 16),
 	g: parseInt(e.substring(2, 4), 16),
 	b: parseInt(e.substring(4, 6), 16),
-	a: e.length === 8 ? _(parseInt(e.substring(6, 8), 16) / 255, 2) : 1
+	a: e.length === 8 ? g(parseInt(e.substring(6, 8), 16) / 255, 2) : 1
 }), be = (e) => Ce(Se(e)), xe = ({ h: e, s: t, v: n, a: r }) => {
 	let i = (200 - t) * n / 100;
 	return {
-		h: _(e),
-		s: _(i > 0 && i < 200 ? t * n / 100 / (i <= 100 ? i : 200 - i) * 100 : 0),
-		l: _(i / 2),
-		a: _(r, 2)
+		h: g(e),
+		s: g(i > 0 && i < 200 ? t * n / 100 / (i <= 100 ? i : 200 - i) * 100 : 0),
+		l: g(i / 2),
+		a: g(r, 2)
 	};
 }, y = (e) => {
 	let { h: t, s: n, l: r } = xe(e);
@@ -46,7 +47,7 @@ var ye = (e) => we(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.le
 	e = e / 360 * 6, t /= 100, n /= 100;
 	let i = Math.floor(e), a = n * (1 - t), o = n * (1 - (e - i) * t), s = n * (1 - (1 - e + i) * t), c = i % 6;
 	return {
-		r: _([
+		r: g([
 			n,
 			o,
 			a,
@@ -54,7 +55,7 @@ var ye = (e) => we(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.le
 			s,
 			n
 		][c] * 255),
-		g: _([
+		g: g([
 			s,
 			n,
 			n,
@@ -62,7 +63,7 @@ var ye = (e) => we(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.le
 			a,
 			a
 		][c] * 255),
-		b: _([
+		b: g([
 			a,
 			a,
 			s,
@@ -70,20 +71,20 @@ var ye = (e) => we(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.le
 			n,
 			o
 		][c] * 255),
-		a: _(r, 2)
+		a: g(r, 2)
 	};
 }, b = (e) => {
 	let t = e.toString(16);
 	return t.length < 2 ? "0" + t : t;
 }, Ce = ({ r: e, g: t, b: n, a: r }) => {
-	let i = r < 1 ? b(_(r * 255)) : "";
+	let i = r < 1 ? b(g(r * 255)) : "";
 	return "#" + b(e) + b(t) + b(n) + i;
 }, we = ({ r: e, g: t, b: n, a: r }) => {
 	let i = Math.max(e, t, n), a = i - Math.min(e, t, n), o = a ? i === e ? (t - n) / a : i === t ? 2 + (n - e) / a : 4 + (e - t) / a : 0;
 	return {
-		h: _(60 * (o < 0 ? o + 6 : o)),
-		s: _(i ? a / i * 100 : 0),
-		v: _(i / 255 * 100),
+		h: g(60 * (o < 0 ? o + 6 : o)),
+		s: g(i ? a / i * 100 : 0),
+		v: g(i / 255 * 100),
 		a: r
 	};
 }, x = (e, t) => {
@@ -101,8 +102,8 @@ var ye = (e) => we(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.le
 }, T = !1, E = (e) => "touches" in e, D = (e) => T && !E(e) ? !1 : (T ||= E(e), !0), O = (e, t) => {
 	let n = E(t) ? t.touches[0] : t, r = e.el.getBoundingClientRect();
 	w(e.el, "move", e.getMove({
-		x: g((n.pageX - (r.left + window.pageXOffset)) / r.width),
-		y: g((n.pageY - (r.top + window.pageYOffset)) / r.height)
+		x: h((n.pageX - (r.left + window.pageXOffset)) / r.width),
+		y: h((n.pageY - (r.top + window.pageYOffset)) / r.height)
 	}));
 }, Ee = (e, t) => {
 	let n = t.keyCode;
@@ -159,10 +160,10 @@ var ye = (e) => we(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.le
 				v: 100,
 				a: 1
 			})
-		}]), this.el.setAttribute("aria-valuenow", `${_(e)}`);
+		}]), this.el.setAttribute("aria-valuenow", `${g(e)}`);
 	}
 	getMove(e, t) {
-		return { h: t ? g(this.h + e.x * 360, 0, 360) : 360 * e.x };
+		return { h: t ? h(this.h + e.x * 360, 0, 360) : 360 * e.x };
 	}
 }, Oe = class extends k {
 	constructor(e) {
@@ -178,12 +179,12 @@ var ye = (e) => we(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.le
 			s: 100,
 			v: 100,
 			a: 1
-		}) }]), this.el.setAttribute("aria-valuetext", `Saturation ${_(e.s)}%, Brightness ${_(e.v)}%`);
+		}) }]), this.el.setAttribute("aria-valuetext", `Saturation ${g(e.s)}%, Brightness ${g(e.v)}%`);
 	}
 	getMove(e, t) {
 		return {
-			s: t ? g(this.hsva.s + e.x * 100, 0, 100) : e.x * 100,
-			v: t ? g(this.hsva.v - e.y * 100, 0, 100) : Math.round(100 - e.y * 100)
+			s: t ? h(this.hsva.s + e.x * 100, 0, 100) : e.x * 100,
+			v: t ? h(this.hsva.v - e.y * 100, 0, 100) : Math.round(100 - e.y * 100)
 		};
 	}
 }, ke = ":host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:\"\";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}", Ae = "[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}", je = "[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}", A = Symbol("same"), j = Symbol("color"), M = Symbol("hsva"), N = Symbol("update"), P = Symbol("parts"), F = Symbol("css"), I = Symbol("sliders"), L = class extends HTMLElement {
@@ -241,7 +242,7 @@ var ye = (e) => we(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.le
 	}
 }, Me = {
 	defaultColor: "#000",
-	toHsva: ye,
+	toHsva: _,
 	fromHsva: ({ h: e, s: t, v: n }) => be({
 		h: e,
 		s: t,
@@ -353,7 +354,7 @@ var Y = "vvd-hex-picker", X = "vvd-hex-input", Le = class extends R {
 };
 /* v8 ignore if -- @preserve */
 customElements.get(Y) || customElements.define(Y, Le), customElements.get(X) || customElements.define(X, Re);
-var Z = Y, Q = X, $ = class extends re(me(ne(f(oe(ie(_e(a))))))) {
+var Z = Y, Q = X, $ = class extends ie(he(re(ne(se(ae(ve(a))))))) {
 	constructor(...e) {
 		super(...e), this.disableSavedColors = !1, this.savedColors = [], this.maxSwatches = 6, this.copyIconName = "copy-2-line", this._copyValueToClipboard = async (e) => {
 			try {
@@ -389,7 +390,7 @@ var Z = Y, Q = X, $ = class extends re(me(ne(f(oe(ie(_e(a))))))) {
 	}
 	_saveCurrentColor() {
 		let e = this.value;
-		if (typeof e != "string" || !h(e)) return;
+		if (typeof e != "string" || !m(e)) return;
 		let t = Array.isArray(this.savedColors) ? [...this.savedColors] : [], n = t.findIndex((t) => t?.value === e);
 		n !== -1 && t.splice(n, 1), t.unshift({ value: e }), this.savedColors = t.slice(0, this._maxSwatchesNormalized), this._setSavedColors(this.savedColors);
 	}
@@ -398,7 +399,7 @@ var Z = Y, Q = X, $ = class extends re(me(ne(f(oe(ie(_e(a))))))) {
 			let e = localStorage.getItem(this._savedColorsStorageKey);
 			if (!e) return [];
 			let t = JSON.parse(e);
-			return Array.isArray(t) ? t.filter((e) => e && typeof e.value == "string" && h(e.value)).map((e) => ({
+			return Array.isArray(t) ? t.filter((e) => e && typeof e.value == "string" && m(e.value)).map((e) => ({
 				value: e.value,
 				label: typeof e.label == "string" ? e.label : void 0
 			})) : [];
@@ -413,7 +414,7 @@ var Z = Y, Q = X, $ = class extends re(me(ne(f(oe(ie(_e(a))))))) {
 	}
 	get allSwatches() {
 		let e = Array.isArray(this.swatches) ? this.swatches : [], t = Array.isArray(this.savedColors) ? this.savedColors : [], n = /* @__PURE__ */ new Set(), r = [], i = (e) => {
-			!e || typeof e.value != "string" || !h(e.value) || n.has(e.value) || (n.add(e.value), r.push(e));
+			!e || typeof e.value != "string" || !m(e.value) || n.has(e.value) || (n.add(e.value), r.push(e));
 		};
 		return this.disableSavedColors || t.forEach(i), e.forEach(i), r.slice(0, this._maxSwatchesNormalized);
 	}
@@ -434,7 +435,7 @@ var Z = Y, Q = X, $ = class extends re(me(ne(f(oe(ie(_e(a))))))) {
 		this.value = e.currentTarget.value;
 	}
 	get _buttonColor() {
-		return this._canvasColor || this._refreshCanvasColor(), this.value && h(this.value) ? this.value : "var(--vvd-color-canvas-text)";
+		return this._canvasColor || this._refreshCanvasColor(), this.value && m(this.value) ? this.value : "var(--vvd-color-canvas-text)";
 	}
 	_onButtonClick() {
 		this.open = !this.open;
@@ -463,7 +464,7 @@ var Z = Y, Q = X, $ = class extends re(me(ne(f(oe(ie(_e(a))))))) {
 		}, t);
 	}
 	_onBaseKeydown(e) {
-		return this.open && fe(e) ? (this.open = !1, !1) : !this._trappedFocus(e, () => this._focusableElsWithinDialog());
+		return this.open && pe(e) ? (this.open = !1, !1) : !this._trappedFocus(e, () => this._focusableElsWithinDialog());
 	}
 	_focusableElsWithinDialog() {
 		return this._popupEl.querySelectorAll("button:not([role=\"gridcell\"]), [data-vvd-component=\"button\"], vwc-button:not([role=\"gridcell\"])");
@@ -494,7 +495,7 @@ function ze(e, n) {
 	return t`
 		<${e} 
 			id="text-field"
-			class="${(e) => p("control")}"
+			class="${(e) => f("control")}"
 			pattern="${$.HEX_COLOR_PATTERN.source}"
 			maxlength="7"
 			label="${(e) => e.label}"
@@ -513,14 +514,14 @@ function ze(e, n) {
 			@focus="${(e) => {
 		e.$emit("focus", void 0, { bubbles: !1 });
 	}}"
-			${ae()}
+			${oe()}
 			${c("_textFieldEl")}
 		>
 			<button 
 				aria-label="${(e) => e.locale.colorPicker.pickerButtonLabel}"
 				aria-expanded="${(e) => e.open}"
   			aria-haspopup="dialog"
-				class="button ${(e) => p(e._applyContrastClass(e._buttonColor) ? "contrast" : "", e.disabled ? "disabled" : "")}" 
+				class="button ${(e) => f(e._applyContrastClass(e._buttonColor) ? "contrast" : "", e.disabled ? "disabled" : "")}" 
 				style="--button-color: ${(e) => e._buttonColor};" 
 				?disabled="${(e) => e.disabled}"
 				@click="${(e) => e._onButtonClick()}"
@@ -645,7 +646,7 @@ function Ue() {
 //#endregion
 //#region src/lib/color-picker/index.ts
 i(r("color-picker", $, (e) => {
-	let n = e.tagFor(ge), r = e.tagFor(ee), i = e.tagFor(ce), a = e.tagFor(m), o = e.tagFor(de);
+	let n = e.tagFor(_e), r = e.tagFor(ee), i = e.tagFor(le), a = e.tagFor(p), o = e.tagFor(fe);
 	return t`
 		<div class="base" @keydown="${(e, { event: t }) => e._onBaseKeydown(t)}">
 			<span aria-live="assertive" aria-relevant="text" class="visually-hidden">
@@ -670,11 +671,11 @@ i(r("color-picker", $, (e) => {
 		</div>
 	`;
 }, [
-	le,
-	te,
-	he,
-	se,
 	ue,
-	pe
-], { styles: ve }))();
+	te,
+	ge,
+	ce,
+	de,
+	me
+], { styles: ye }))();
 //#endregion

package/combobox/definition.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition30.cjs");
-exports.VwcComboboxElement = require_definition$1.Combobox;
-exports.comboboxDefinition = require_definition$1.comboboxDefinition;
-exports.registerCombobox = require_definition$1.registerCombobox;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition30.cjs");
+exports.VwcComboboxElement = require_definition.Combobox;
+exports.comboboxDefinition = require_definition.comboboxDefinition;
+exports.registerCombobox = require_definition.registerCombobox;

package/combobox/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
+import "../unbundled/numberConverter.js";
 import { n as registerCombobox, r as Combobox, t as comboboxDefinition } from "../unbundled/definition30.js";
 export { Combobox as VwcComboboxElement, comboboxDefinition, registerCombobox };

package/combobox/index.cjs

@@ -1,4 +1,4 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/ref.cjs`),n=require(`../bundled/when.cjs`),r=require(`../bundled/slotted.cjs`),i=require(`../bundled/definition2.cjs`),a=require(`../bundled/decorate.cjs`),o=require(`../bundled/affix.cjs`),s=require(`../bundled/form-element.cjs`),c=require(`../bundled/with-success-text.cjs`),l=require(`../bundled/with-error-text.cjs`),u=require(`../bundled/with-contextual-help.cjs`),d=require(`../bundled/listbox.cjs`),f=require(`../bundled/class-names.cjs`),p=require(`../bundled/numbers.cjs`),m=require(`../bundled/strings.cjs`),h=require(`../bundled/form-associated.cjs`),g=require(`../bundled/definition6.cjs`),_=require(`../bundled/definition8.cjs`),v=require(`../bundled/dialog.cjs`),y=require(`../bundled/mixins.cjs`),b=require(`../bundled/text-field.cjs`),x=require(`../bundled/definition17.cjs`);var S=`.label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}.chevron{font:var(--vvd-typography-base-extended);flex-shrink:0;transition:transform .2s;display:flex;transform:rotate(0)}:host([data-expanded=true]) .chevron,:host([open]) .chevron{transform:rotate(180deg)}:not(.disabled) .chevron{cursor:pointer}.disabled .chevron{color:var(--_low-ink-color);cursor:not-allowed}:host{--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:column;gap:4px;display:inline-flex;position:relative}:host([disabled]){--_low-ink-color:var(--vvd-color-neutral-400);cursor:not-allowed}.base{--_text-field-gutter-end:8px;--_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}@media (hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.base:disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base:disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:var(--vvd-color-neutral-400)}.base.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.error:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:var(--vvd-color-alert-500)}.base.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:transparent}.base.success:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:var(--vvd-color-success-500)}.base.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:transparent}.base:not(.shape-pill) .base{border-radius:var(--_text-field-border-radius)}.base.shape-pill .base{border-radius:var(--_text-field-pill-border-radius)}.base slot[name=icon]{z-index:1;color:var(--_low-ink-color);font-size:var(--_text-field-icon-size);pointer-events:none;line-height:1;display:inline-block;position:absolute;inset-block-start:50%;inset-inline-start:var(--_text-field-gutter-start);transform:translateY(-50%)}.base.has-meta{padding-inline-end:16px}.control{text-overflow:ellipsis;white-space:nowrap}.fieldset .leading-items-wrapper{flex-shrink:0;align-items:center;gap:8px;padding-inline-end:16px;display:flex;position:relative}.listbox{max-height:var(--combobox-height,408px);contain:paint;border-radius:8px;flex-direction:column;gap:2px;padding:4px;display:flex;overflow-y:auto}::part(popup-base){inline-size:max-content;min-inline-size:var(--_combobox-fixed-width,100%)}@supports selector(:has(*)){.base:not(.has-activedescendant) .fieldset:has(.control:focus-within):after{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}}@supports not selector(:has(*)){.base:not(.has-activedescendant) .fieldset:focus-within:after{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent;z-index:1;border-radius:inherit;content:"";pointer-events:none;display:block;position:absolute;inset:0}}::slotted([data-vvd-component=option][current-selected]){border-radius:8px}:host(.has-activedescendant) ::slotted([data-vvd-component=option][current-selected]){box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent}`,C={inline:`inline`,list:`list`,both:`both`,none:`none`},w=class extends u.t(y.t(l.t(c.t(s.t(o.t(h.n(d.t))))))){constructor(...e){super(...e),this.filteredOptions=[],this.filter=``,this._isNavigatingWithKeyboard=!1,this.fixedDropdown=!1,this.listboxId=m.t(`listbox-`),this.maxHeight=0,this.open=!1,this.proxy=document.createElement(`input`)}formResetCallback(){super.formResetCallback(),this.selectedIndex=this._newDefaultSelectedIndex([],this.options,-1)??-1,this.value=this.firstSelectedOption?.text||``}validate(){super.validate(this.control)}get isAutocompleteInline(){return this.autocomplete===C.inline||this.isAutocompleteBoth}get isAutocompleteList(){return this.autocomplete===C.list||this.isAutocompleteBoth}get isAutocompleteBoth(){return this.autocomplete===C.both}openChanged(){this.open&&this.enqueueScrollSelectedOptionIntoViewIfNeeded()}get options(){return e.w.track(this,`options`),this.filteredOptions.length?this.filteredOptions:this._options}set options(e){super.options=e}placeholderChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.placeholder=this.placeholder)}valueChanged(e,t){if(this.$fastController.isConnected&&this.options){let e=this.options.findIndex(e=>e.text.toLowerCase()===t.toLowerCase());this.selectedIndex=this.options[this.selectedIndex]?.text===this.options[e]?.text?this.selectedIndex:e}super.valueChanged(e,t)}clickHandler(e){if(!(this.disabled||this._isFromContextualHelp(e))){if(this.open){let t=e.target.closest(`option,[role=option],[data-vvd-component=option]`);if(!t||t.disabled)return;this.selectedOptions=[t],this.control.value=t.text,this.clearSelectionRange(),this.updateValue(!0)}return this.open=!this.open,this.open&&this.control.focus(),!0}}_chevronIconClickHandler(e){this.open&&=(e.stopPropagation(),!1)}connectedCallback(){super.connectedCallback(),this.value&&(this.initialValue=this.value),this._popup.anchor=this._anchor}filterOptions(){(!this.autocomplete||this.autocomplete===C.none)&&(this.filter=``),this.filteredOptions=this._options.filter(e=>e.text.toLowerCase().startsWith(this.filter.toLowerCase())),this.isAutocompleteList&&this._options.forEach(e=>{e.hidden=!this.filteredOptions.includes(e)})}focusAndScrollOptionIntoView(){this.contains(document.activeElement)&&(this.control.focus(),this.enqueueScrollSelectedOptionIntoViewIfNeeded())}enqueueScrollSelectedOptionIntoViewIfNeeded(){let e=this.firstSelectedOption;e&&requestAnimationFrame(()=>{e.scrollIntoView({block:`nearest`})})}focusoutHandler(e){if(this.syncValue(),!this.open)return!0;let t=e.relatedTarget;if(this.isSameNode(t)){this.focus();return}this.open=!1}inputHandler(e){if(this.filter=this.control.value,this.filterOptions(),this.isAutocompleteInline||(this.selectedIndex=this.options.map(e=>e.text).indexOf(this.control.value)),e.inputType.includes(`deleteContent`)||!this.filter.length)return!0;this.isAutocompleteList&&!this.open&&(this.open=!0),this.isAutocompleteInline&&(this.filteredOptions.length?(this.selectedOptions=[this.filteredOptions[0]],this.selectedIndex=this.options.indexOf(this.firstSelectedOption),this.setInlineSelection()):this.selectedIndex=-1)}keydownHandler(e){let t=e.key;if(e.ctrlKey||e.shiftKey)return!0;switch(t){case`Enter`:this.syncValue(),this.isAutocompleteInline&&(this.filter=this.value),this.open=!1,this.clearSelectionRange();break;case`Escape`:if(this.isAutocompleteInline||(this.selectedIndex=-1),this.open){this.open=!1;break}this.value=``,this.control.value=``,this.filter=``,this.filterOptions();break;case`Tab`:if(this.setInputToSelection(),!this.open)return!0;e.preventDefault(),this.open=!1;break;case`ArrowUp`:case`ArrowDown`:if(this.filterOptions(),!this.open){this.open=!0;break}this.filteredOptions.length>0&&(this._isNavigatingWithKeyboard=!0,super.keydownHandler(e),this._isNavigatingWithKeyboard=!1),this.isAutocompleteInline&&this.setInlineSelection();break;default:return!0}}setSelectedOptions(){super.setSelectedOptions(),this._isNavigatingWithKeyboard||(this._activeDescendant=``)}selectedIndexChanged(e,t){if(this.$fastController.isConnected){if(t=p.n(-1,this.options.length-1,t),t!==this.selectedIndex){this.selectedIndex=t;return}super.selectedIndexChanged(e,t)}}selectPreviousOption(){!this.disabled&&this.selectedIndex>=0&&--this.selectedIndex}_isDefaultSelected(e){return super._isDefaultSelected(e)||e.text!==``&&e.text===this.initialValue}setInputToSelection(){this.firstSelectedOption&&(this.control.value=this.firstSelectedOption.text,this.control.focus())}setInlineSelection(){this.firstSelectedOption&&(this.setInputToSelection(),this.control.setSelectionRange(this.filter.length,this.control.value.length,`backward`))}syncValue(){let e=this.firstSelectedOption?.text??this.control.value;this.updateValue(this.value!==e)}selectedOptionsChanged(e,t){this.$fastController.isConnected&&this._options.forEach(e=>{e.selected=t.includes(e)})}slottedOptionsChanged(e,t){super.slottedOptionsChanged(e,t),this.updateValue();let n=this.getAttribute(`scale`)||this.scale;t.forEach(e=>{n&&(e.setAttribute(`scale`,n),e.scale=n)})}updateValue(e){this.$fastController.isConnected&&(this.value=this.firstSelectedOption?.text||this.control.value),e&&this.$emit(`change`)}clearSelectionRange(){let e=this.control.value.length;this.control.setSelectionRange(e,e)}};a.t([e.l({attribute:`autocomplete`,mode:`fromView`})],w.prototype,`autocomplete`,void 0),a.t([e.l],w.prototype,`appearance`,void 0),a.t([e.l],w.prototype,`shape`,void 0),a.t([e.l()],w.prototype,`scale`,void 0),a.t([e.l],w.prototype,`placement`,void 0),a.t([e.l({mode:`boolean`,attribute:`fixed-dropdown`})],w.prototype,`fixedDropdown`,void 0),a.t([e.T],w.prototype,`metaSlottedContent`,void 0),a.t([e.T],w.prototype,`maxHeight`,void 0),a.t([e.l({attribute:`open`,mode:`boolean`})],w.prototype,`open`,void 0),a.t([e.l],w.prototype,`placeholder`,void 0);var T=({icon:e,iconSlottedContent:t,metaSlottedContent:n,errorValidationMessage:r,successText:i,shape:a,scale:o,disabled:s,placeholder:c,label:l,appearance:u,open:d,_activeDescendant:p})=>f.t(`base`,[`disabled`,s],[`shape-${a}`,!!a],[`size-${o}`,!!o],[`placeholder`,!!c],[`appearance-${u}`,!!u],[`no-label`,!l],[`has-icon`,!!e||!!t?.length],[`has-meta`,!!n?.length],[`has-activedescendant`,!!p&&d],[`error`,!!r],[`success`,!!i]);function E(){return e.d` <label for="control" class="label">
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/ref.cjs`),n=require(`../bundled/when.cjs`),r=require(`../bundled/slotted.cjs`);require(`../bundled/numberConverter.cjs`);const i=require(`../bundled/decorate.cjs`),a=require(`../bundled/definition2.cjs`),o=require(`../bundled/affix.cjs`),s=require(`../bundled/form-element.cjs`),c=require(`../bundled/with-success-text.cjs`),l=require(`../bundled/with-error-text.cjs`),u=require(`../bundled/with-contextual-help.cjs`),d=require(`../bundled/listbox.cjs`),f=require(`../bundled/class-names.cjs`),p=require(`../bundled/numbers.cjs`),m=require(`../bundled/strings.cjs`),h=require(`../bundled/form-associated.cjs`),g=require(`../bundled/definition6.cjs`),_=require(`../bundled/definition8.cjs`),v=require(`../bundled/dialog.cjs`),y=require(`../bundled/mixins.cjs`),b=require(`../bundled/text-field.cjs`),x=require(`../bundled/definition17.cjs`);var S=`.label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}.chevron{font:var(--vvd-typography-base-extended);flex-shrink:0;transition:transform .2s;display:flex;transform:rotate(0)}:host([data-expanded=true]) .chevron,:host([open]) .chevron{transform:rotate(180deg)}:not(.disabled) .chevron{cursor:pointer}.disabled .chevron{color:var(--_low-ink-color);cursor:not-allowed}:host{--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:column;gap:4px;display:inline-flex;position:relative}:host([disabled]){--_low-ink-color:var(--vvd-color-neutral-400);cursor:not-allowed}.base{--_text-field-gutter-end:8px;--_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}@media (hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.base:disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base:disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:var(--vvd-color-neutral-400)}.base.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.error:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:var(--vvd-color-alert-500)}.base.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:transparent}.base.success:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:var(--vvd-color-success-500)}.base.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:transparent}.base:not(.shape-pill) .base{border-radius:var(--_text-field-border-radius)}.base.shape-pill .base{border-radius:var(--_text-field-pill-border-radius)}.base slot[name=icon]{z-index:1;color:var(--_low-ink-color);font-size:var(--_text-field-icon-size);pointer-events:none;line-height:1;display:inline-block;position:absolute;inset-block-start:50%;inset-inline-start:var(--_text-field-gutter-start);transform:translateY(-50%)}.base.has-meta{padding-inline-end:16px}.control{text-overflow:ellipsis;white-space:nowrap}.fieldset .leading-items-wrapper{flex-shrink:0;align-items:center;gap:8px;padding-inline-end:16px;display:flex;position:relative}.listbox{max-height:var(--combobox-height,408px);contain:paint;border-radius:8px;flex-direction:column;gap:2px;padding:4px;display:flex;overflow-y:auto}::part(popup-base){inline-size:max-content;min-inline-size:var(--_combobox-fixed-width,100%)}@supports selector(:has(*)){.base:not(.has-activedescendant) .fieldset:has(.control:focus-within):after{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}}@supports not selector(:has(*)){.base:not(.has-activedescendant) .fieldset:focus-within:after{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent;z-index:1;border-radius:inherit;content:"";pointer-events:none;display:block;position:absolute;inset:0}}::slotted([data-vvd-component=option][current-selected]){border-radius:8px}:host(.has-activedescendant) ::slotted([data-vvd-component=option][current-selected]){box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent}`,C={inline:`inline`,list:`list`,both:`both`,none:`none`},w=class extends u.t(y.t(l.t(c.t(s.t(o.t(h.n(d.t))))))){constructor(...e){super(...e),this.filteredOptions=[],this.filter=``,this._isNavigatingWithKeyboard=!1,this.fixedDropdown=!1,this.listboxId=m.t(`listbox-`),this.maxHeight=0,this.open=!1,this.proxy=document.createElement(`input`)}formResetCallback(){super.formResetCallback(),this.selectedIndex=this._newDefaultSelectedIndex([],this.options,-1)??-1,this.value=this.firstSelectedOption?.text||``}validate(){super.validate(this.control)}get isAutocompleteInline(){return this.autocomplete===C.inline||this.isAutocompleteBoth}get isAutocompleteList(){return this.autocomplete===C.list||this.isAutocompleteBoth}get isAutocompleteBoth(){return this.autocomplete===C.both}openChanged(){this.open&&this.enqueueScrollSelectedOptionIntoViewIfNeeded()}get options(){return e.w.track(this,`options`),this.filteredOptions.length?this.filteredOptions:this._options}set options(e){super.options=e}placeholderChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.placeholder=this.placeholder)}valueChanged(e,t){if(this.$fastController.isConnected&&this.options){let e=this.options.findIndex(e=>e.text.toLowerCase()===t.toLowerCase());this.selectedIndex=this.options[this.selectedIndex]?.text===this.options[e]?.text?this.selectedIndex:e}super.valueChanged(e,t)}clickHandler(e){if(!(this.disabled||this._isFromContextualHelp(e))){if(this.open){let t=e.target.closest(`option,[role=option],[data-vvd-component=option]`);if(!t||t.disabled)return;this.selectedOptions=[t],this.control.value=t.text,this.clearSelectionRange(),this.updateValue(!0)}return this.open=!this.open,this.open&&this.control.focus(),!0}}_chevronIconClickHandler(e){this.open&&=(e.stopPropagation(),!1)}connectedCallback(){super.connectedCallback(),this.value&&(this.initialValue=this.value),this._popup.anchor=this._anchor}filterOptions(){(!this.autocomplete||this.autocomplete===C.none)&&(this.filter=``),this.filteredOptions=this._options.filter(e=>e.text.toLowerCase().startsWith(this.filter.toLowerCase())),this.isAutocompleteList&&this._options.forEach(e=>{e.hidden=!this.filteredOptions.includes(e)})}focusAndScrollOptionIntoView(){this.contains(document.activeElement)&&(this.control.focus(),this.enqueueScrollSelectedOptionIntoViewIfNeeded())}enqueueScrollSelectedOptionIntoViewIfNeeded(){let e=this.firstSelectedOption;e&&requestAnimationFrame(()=>{e.scrollIntoView({block:`nearest`})})}focusoutHandler(e){if(this.syncValue(),!this.open)return!0;let t=e.relatedTarget;if(this.isSameNode(t)){this.focus();return}this.open=!1}inputHandler(e){if(this.filter=this.control.value,this.filterOptions(),this.isAutocompleteInline||(this.selectedIndex=this.options.map(e=>e.text).indexOf(this.control.value)),e.inputType.includes(`deleteContent`)||!this.filter.length)return!0;this.isAutocompleteList&&!this.open&&(this.open=!0),this.isAutocompleteInline&&(this.filteredOptions.length?(this.selectedOptions=[this.filteredOptions[0]],this.selectedIndex=this.options.indexOf(this.firstSelectedOption),this.setInlineSelection()):this.selectedIndex=-1)}keydownHandler(e){let t=e.key;if(e.ctrlKey||e.shiftKey)return!0;switch(t){case`Enter`:this.syncValue(),this.isAutocompleteInline&&(this.filter=this.value),this.open=!1,this.clearSelectionRange();break;case`Escape`:if(this.isAutocompleteInline||(this.selectedIndex=-1),this.open){this.open=!1;break}this.value=``,this.control.value=``,this.filter=``,this.filterOptions();break;case`Tab`:if(this.setInputToSelection(),!this.open)return!0;e.preventDefault(),this.open=!1;break;case`ArrowUp`:case`ArrowDown`:if(this.filterOptions(),!this.open){this.open=!0;break}this.filteredOptions.length>0&&(this._isNavigatingWithKeyboard=!0,super.keydownHandler(e),this._isNavigatingWithKeyboard=!1),this.isAutocompleteInline&&this.setInlineSelection();break;default:return!0}}setSelectedOptions(){super.setSelectedOptions(),this._isNavigatingWithKeyboard||(this._activeDescendant=``)}selectedIndexChanged(e,t){if(this.$fastController.isConnected){if(t=p.n(-1,this.options.length-1,t),t!==this.selectedIndex){this.selectedIndex=t;return}super.selectedIndexChanged(e,t)}}selectPreviousOption(){!this.disabled&&this.selectedIndex>=0&&--this.selectedIndex}_isDefaultSelected(e){return super._isDefaultSelected(e)||e.text!==``&&e.text===this.initialValue}setInputToSelection(){this.firstSelectedOption&&(this.control.value=this.firstSelectedOption.text,this.control.focus())}setInlineSelection(){this.firstSelectedOption&&(this.setInputToSelection(),this.control.setSelectionRange(this.filter.length,this.control.value.length,`backward`))}syncValue(){let e=this.firstSelectedOption?.text??this.control.value;this.updateValue(this.value!==e)}selectedOptionsChanged(e,t){this.$fastController.isConnected&&this._options.forEach(e=>{e.selected=t.includes(e)})}slottedOptionsChanged(e,t){super.slottedOptionsChanged(e,t),this.updateValue();let n=this.getAttribute(`scale`)||this.scale;t.forEach(e=>{n&&(e.setAttribute(`scale`,n),e.scale=n)})}updateValue(e){this.$fastController.isConnected&&(this.value=this.firstSelectedOption?.text||this.control.value),e&&this.$emit(`change`)}clearSelectionRange(){let e=this.control.value.length;this.control.setSelectionRange(e,e)}};i.t([e.l({attribute:`autocomplete`,mode:`fromView`})],w.prototype,`autocomplete`,void 0),i.t([e.l],w.prototype,`appearance`,void 0),i.t([e.l],w.prototype,`shape`,void 0),i.t([e.l()],w.prototype,`scale`,void 0),i.t([e.l],w.prototype,`placement`,void 0),i.t([e.l({mode:`boolean`,attribute:`fixed-dropdown`})],w.prototype,`fixedDropdown`,void 0),i.t([e.T],w.prototype,`metaSlottedContent`,void 0),i.t([e.T],w.prototype,`maxHeight`,void 0),i.t([e.l({attribute:`open`,mode:`boolean`})],w.prototype,`open`,void 0),i.t([e.l],w.prototype,`placeholder`,void 0);var T=({icon:e,iconSlottedContent:t,metaSlottedContent:n,errorValidationMessage:r,successText:i,shape:a,scale:o,disabled:s,placeholder:c,label:l,appearance:u,open:d,_activeDescendant:p})=>f.t(`base`,[`disabled`,s],[`shape-${a}`,!!a],[`size-${o}`,!!o],[`placeholder`,!!c],[`appearance-${u}`,!!u],[`no-label`,!l],[`has-icon`,!!e||!!t?.length],[`has-meta`,!!n?.length],[`has-activedescendant`,!!p&&d],[`error`,!!r],[`success`,!!i]);function E(){return e.d` <label for="control" class="label">
 		${e=>e.label}
 	</label>`}function D(e){return e.open&&e.fixedDropdown?`--_combobox-fixed-width: ${Math.round(e.getBoundingClientRect().width)}px`:null}function O(i){let a=o.a(i),s=g.r(i);return e.d` <div class="${T}" ${t.t(`_anchor`)}>
 		<div
@@ -72,4 +72,4 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/ref.cjs`),
 				${e=>e._getFeedbackTemplate(n)}
 			</div>
     </template>
-	`},[i.t,_.t,x.t,y.a],{styles:[b.t,S],shadowOptions:{delegatesFocus:!0}});e.s(k)();
+	`},[a.t,_.t,x.t,y.a],{styles:[b.t,S],shadowOptions:{delegatesFocus:!0}});e.s(k)();

package/combobox/index.js

@@ -2,8 +2,9 @@ import { T as e, d as t, l as n, o as r, s as i, w as a } from "../bundled/vivid
 import { t as o } from "../bundled/ref.js";
 import { t as s } from "../bundled/when.js";
 import { t as c } from "../bundled/slotted.js";
-import { t as l } from "../bundled/definition2.js";
-import { t as u } from "../bundled/decorate.js";
+import "../bundled/numberConverter.js";
+import { t as l } from "../bundled/decorate.js";
+import { t as u } from "../bundled/definition2.js";
 import { a as d, i as f, t as p } from "../bundled/affix.js";
 import { t as m } from "../bundled/form-element.js";
 import { t as h } from "../bundled/with-success-text.js";
@@ -187,16 +188,16 @@ var j = ".label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex
 		this.control.setSelectionRange(e, e);
 	}
 };
-u([n({
+l([n({
 	attribute: "autocomplete",
 	mode: "fromView"
-})], N.prototype, "autocomplete", void 0), u([n], N.prototype, "appearance", void 0), u([n], N.prototype, "shape", void 0), u([n()], N.prototype, "scale", void 0), u([n], N.prototype, "placement", void 0), u([n({
+})], N.prototype, "autocomplete", void 0), l([n], N.prototype, "appearance", void 0), l([n], N.prototype, "shape", void 0), l([n()], N.prototype, "scale", void 0), l([n], N.prototype, "placement", void 0), l([n({
 	mode: "boolean",
 	attribute: "fixed-dropdown"
-})], N.prototype, "fixedDropdown", void 0), u([e], N.prototype, "metaSlottedContent", void 0), u([e], N.prototype, "maxHeight", void 0), u([n({
+})], N.prototype, "fixedDropdown", void 0), l([e], N.prototype, "metaSlottedContent", void 0), l([e], N.prototype, "maxHeight", void 0), l([n({
 	attribute: "open",
 	mode: "boolean"
-})], N.prototype, "open", void 0), u([n], N.prototype, "placeholder", void 0);
+})], N.prototype, "open", void 0), l([n], N.prototype, "placeholder", void 0);
 //#endregion
 //#region src/lib/combobox/combobox.template.ts
 var P = ({ icon: e, iconSlottedContent: t, metaSlottedContent: n, errorValidationMessage: r, successText: i, shape: a, scale: o, disabled: s, placeholder: c, label: l, appearance: u, open: d, _activeDescendant: f }) => y("base", ["disabled", s], [`shape-${a}`, !!a], [`size-${o}`, !!o], ["placeholder", !!c], [`appearance-${u}`, !!u], ["no-label", !l], ["has-icon", !!e || !!t?.length], ["has-meta", !!n?.length], ["has-activedescendant", !!f && d], ["error", !!r], ["success", !!i]);
@@ -294,7 +295,7 @@ i(r("combobox", N, (e) => {
     </template>
 	`;
 }, [
-	l,
+	u,
 	T,
 	A,
 	D

package/contextual-help/definition.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition25.cjs");
-exports.VwcContextualHelpElement = require_definition$1.ContextualHelp;
-exports.contextualHelpDefinition = require_definition$1.contextualHelpDefinition;
-exports.registerContextualHelp = require_definition$1.registerContextualHelp;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition25.cjs");
+exports.VwcContextualHelpElement = require_definition.ContextualHelp;
+exports.contextualHelpDefinition = require_definition.contextualHelpDefinition;
+exports.registerContextualHelp = require_definition.registerContextualHelp;

package/contextual-help/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
+import "../unbundled/numberConverter.js";
 import { n as registerContextualHelp, r as ContextualHelp, t as contextualHelpDefinition } from "../unbundled/definition25.js";
 export { ContextualHelp as VwcContextualHelpElement, contextualHelpDefinition, registerContextualHelp };

package/contextual-help/index.cjs

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

package/contextual-help/index.js

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

package/country/definition.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition31.cjs");
-exports.VwcCountryElement = require_definition$1.Country;
-exports.countryDefinition = require_definition$1.countryDefinition;
-exports.registerCountry = require_definition$1.registerCountry;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition31.cjs");
+exports.VwcCountryElement = require_definition.Country;
+exports.countryDefinition = require_definition.countryDefinition;
+exports.registerCountry = require_definition.registerCountry;

package/country/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
+import "../unbundled/numberConverter.js";
 import { n as registerCountry, r as Country, t as countryDefinition } from "../unbundled/definition31.js";
 export { Country as VwcCountryElement, countryDefinition, registerCountry };

package/country/index.cjs

@@ -1,12 +1 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/definition2.cjs`),r=require(`../bundled/decorate.cjs`);var i=`:host{display:inline-flex}.base{align-items:center;column-gap:8px;display:inline-flex}.icon{align-items:center;display:inline-flex}.icon vwc-icon{block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16));flex-shrink:0;inline-size:auto}.icon ::slotted(*){block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16));object-fit:contain;border-radius:2px;inline-size:auto;display:block}.text{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base)}`,a=new Map([{code:`AF`,countryCode:`+93`,iconFlagName:`flag-afghanistan`},{code:`AL`,countryCode:`+355`,iconFlagName:`flag-albania`},{code:`DZ`,countryCode:`+213`,iconFlagName:`flag-algeria`},{code:`AS`,countryCode:`+1`,iconFlagName:``},{code:`AD`,countryCode:`+376`,iconFlagName:``},{code:`AO`,countryCode:`+244`,iconFlagName:``},{code:`AI`,countryCode:`+43`,iconFlagName:``},{code:`AG`,countryCode:`+1`,iconFlagName:``},{code:`AR`,countryCode:`+54`,iconFlagName:`flag-argentina`},{code:`AM`,countryCode:`+374`,iconFlagName:`flag-armenia`},{code:`AW`,countryCode:`+297`,iconFlagName:`flag-aruba`},{code:`AU`,countryCode:`+61`,iconFlagName:`flag-australia`},{code:`AT`,countryCode:`+43`,iconFlagName:`flag-austria`},{code:`AZ`,countryCode:`+994`,iconFlagName:``},{code:`BS`,countryCode:`+1`,iconFlagName:`flag-bahamas`},{code:`BH`,countryCode:`+973`,iconFlagName:`flag-bahrain`},{code:`BD`,countryCode:`+880`,iconFlagName:`flag-bangladesh`},{code:`BB`,countryCode:`+1`,iconFlagName:``},{code:`BY`,countryCode:`+375`,iconFlagName:`flag-belarus`},{code:`BE`,countryCode:`+32`,iconFlagName:`flag-belgium`},{code:`BZ`,countryCode:`+501`,iconFlagName:``},{code:`BJ`,countryCode:`+229`,iconFlagName:`flag-benin`},{code:`BM`,countryCode:`+1`,iconFlagName:``},{code:`BT`,countryCode:`+975`,iconFlagName:``},{code:`BO`,countryCode:`+591`,iconFlagName:`flag-bolivia`},{code:`BA`,countryCode:`+387`,iconFlagName:``},{code:`BW`,countryCode:`+267`,iconFlagName:`flag-botswana`},{code:`BR`,countryCode:`+55`,iconFlagName:`flag-brazil`},{code:`IO`,countryCode:`+246`,iconFlagName:``},{code:`VG`,countryCode:`+1`,iconFlagName:``},{code:`VI`,countryCode:`+1`,iconFlagName:``},{code:`BN`,countryCode:`+673`,iconFlagName:``},{code:`BG`,countryCode:`+359`,iconFlagName:`flag-bulgaria`},{code:`BF`,countryCode:`+226`,iconFlagName:`flag-burkina-faso`},{code:`BI`,countryCode:`+257`,iconFlagName:``},{code:`KH`,countryCode:`+855`,iconFlagName:`flag-cambodia`},{code:`CM`,countryCode:`+237`,iconFlagName:``},{code:`CA`,countryCode:`+1`,iconFlagName:`flag-canada`},{code:`CV`,countryCode:`+238`,iconFlagName:``},{code:`KY`,countryCode:`+1`,iconFlagName:`flag-cayman-islands`},{code:`CF`,countryCode:`+236`,iconFlagName:`flag-central-african-republic`},{code:`CF`,countryCode:`+236`,iconFlagName:`flag-central-african-republic`},{code:`CL`,countryCode:`+56`,iconFlagName:`flag-chile`},{code:`CN`,countryCode:`+86`,iconFlagName:`flag-china`},{code:`CO`,countryCode:`+57`,iconFlagName:`flag-colombia`},{code:`KM`,countryCode:`+269`,iconFlagName:``},{code:`CG`,countryCode:`+242`,iconFlagName:``},{code:`CD`,countryCode:`+243`,iconFlagName:``},{code:`CK`,countryCode:`+682`,iconFlagName:``},{code:`CR`,countryCode:`+506`,iconFlagName:`flag-costa-rica`},{code:`HR`,countryCode:`+385`,iconFlagName:`flag-croatia`},{code:`CU`,countryCode:`+53`,iconFlagName:``},{code:`CU`,countryCode:`+53`,iconFlagName:``},{code:`CY`,countryCode:`+357`,iconFlagName:`flag-cyprus`},{code:`CZ`,countryCode:`+420`,iconFlagName:`flag-czech-republic`},{code:`DK`,countryCode:`+45`,iconFlagName:`flag-denmark`},{code:`DJ`,countryCode:`+253`,iconFlagName:``},{code:`DM`,countryCode:`+1`,iconFlagName:``},{code:`DO`,countryCode:`+1`,iconFlagName:`flag-dominican-republic`},{code:`EC`,countryCode:`+593`,iconFlagName:``},{code:`EG`,countryCode:`+20`,iconFlagName:`flag-egypt`},{code:`SV`,countryCode:`+503`,iconFlagName:`flag-el-salvador`},{code:`GQ`,countryCode:`+240`,iconFlagName:``},{code:`ER`,countryCode:`+291`,iconFlagName:``},{code:`EE`,countryCode:`+372`,iconFlagName:`flag-estonia`},{code:`ET`,countryCode:`+251`,iconFlagName:``},{code:`FK`,countryCode:`+500`,iconFlagName:``},{code:`FO`,countryCode:`+298`,iconFlagName:``},{code:`FJ`,countryCode:`+679`,iconFlagName:``},{code:`FI`,countryCode:`+358`,iconFlagName:`flag-finland`},{code:`FR`,countryCode:`+33`,iconFlagName:`flag-france`},{code:`GF`,countryCode:`+594`,iconFlagName:``},{code:`PF`,countryCode:`+689`,iconFlagName:``},{code:`GA`,countryCode:`+241`,iconFlagName:``},{code:`GM`,countryCode:`+220`,iconFlagName:``},{code:`GE`,countryCode:`+995`,iconFlagName:`flag-georgia`},{code:`DE`,countryCode:`+49`,iconFlagName:`flag-germany`},{code:`GH`,countryCode:`+233`,iconFlagName:`flag-ghana`},{code:`GI`,countryCode:`+350`,iconFlagName:``},{code:`GR`,countryCode:`+30`,iconFlagName:`flag-greece`},{code:`GL`,countryCode:`+299`,iconFlagName:``},{code:`GD`,countryCode:`+1`,iconFlagName:`flag-grenada`},{code:`GP`,countryCode:`+590`,iconFlagName:``},{code:`GU`,countryCode:`+1`,iconFlagName:``},{code:`GT`,countryCode:`+502`,iconFlagName:`flag-guatemala`},{code:`GN`,countryCode:`+224`,iconFlagName:``},{code:`GW`,countryCode:`+245`,iconFlagName:``},{code:`GY`,countryCode:`+592`,iconFlagName:``},{code:`HT`,countryCode:`+509`,iconFlagName:``},{code:`VA`,countryCode:`+39`,iconFlagName:``},{code:`HN`,countryCode:`+504`,iconFlagName:`flag-honduras`},{code:`HK`,countryCode:`+852`,iconFlagName:`flag-hong-kong`},{code:`HU`,countryCode:`+36`,iconFlagName:`flag-hungary`},{code:`IS`,countryCode:`+354`,iconFlagName:`flag-iceland`},{code:`IN`,countryCode:`+91`,iconFlagName:`flag-india`},{code:`ID`,countryCode:`+62`,iconFlagName:`flag-indonesia`},{code:`CI`,countryCode:`+225`,iconFlagName:``},{code:`IR`,countryCode:`+98`,iconFlagName:``},{code:`IQ`,countryCode:`+964`,iconFlagName:``},{code:`IE`,countryCode:`+353`,iconFlagName:`flag-ireland`},{code:`IL`,countryCode:`+972`,iconFlagName:`flag-israel`},{code:`IT`,countryCode:`+39`,iconFlagName:`flag-italy`},{code:`JM`,countryCode:`+1`,iconFlagName:`flag-jamaica`},{code:`JP`,countryCode:`+81`,iconFlagName:`flag-japan`},{code:`JO`,countryCode:`+962`,iconFlagName:``},{code:`KZ`,countryCode:`+7`,iconFlagName:``},{code:`KE`,countryCode:`+254`,iconFlagName:``},{code:`KI`,countryCode:`+686`,iconFlagName:``},{code:`KW`,countryCode:`+965`,iconFlagName:``},{code:`KG`,countryCode:`+996`,iconFlagName:``},{code:`LA`,countryCode:`+856`,iconFlagName:``},{code:`LV`,countryCode:`+371`,iconFlagName:`flag-latvia`},{code:`LB`,countryCode:`+961`,iconFlagName:``},{code:`LS`,countryCode:`+266`,iconFlagName:``},{code:`LR`,countryCode:`+231`,iconFlagName:``},{code:`LY`,countryCode:`+218`,iconFlagName:``},{code:`LI`,countryCode:`+423`,iconFlagName:`flag-liechtenstein`},{code:`LT`,countryCode:`+370`,iconFlagName:`flag-lithuania`},{code:`LU`,countryCode:`+352`,iconFlagName:`flag-luxembourg`},{code:`MO`,countryCode:`+853`,iconFlagName:`flag-macao`},{code:`MK`,countryCode:`+389`,iconFlagName:``},{code:`MG`,countryCode:`+261`,iconFlagName:``},{code:`MW`,countryCode:`+265`,iconFlagName:``},{code:`MY`,countryCode:`+60`,iconFlagName:`flag-malaysia`},{code:`MV`,countryCode:`+960`,iconFlagName:``},{code:`ML`,countryCode:`+223`,iconFlagName:``},{code:`MT`,countryCode:`+356`,iconFlagName:`flag-malta`},{code:`MH`,countryCode:`+692`,iconFlagName:``},{code:`MQ`,countryCode:`+596`,iconFlagName:``},{code:`MR`,countryCode:`+222`,iconFlagName:``},{code:`MU`,countryCode:`+230`,iconFlagName:`flag-mauritius`},{code:`YT`,countryCode:`+262`,iconFlagName:``},{code:`MX`,countryCode:`+52`,iconFlagName:`flag-mexico`},{code:`FM`,countryCode:`+691`,iconFlagName:``},{code:`MD`,countryCode:`+373`,iconFlagName:`flag-moldova`},{code:`MC`,countryCode:`+377`,iconFlagName:``},{code:`MN`,countryCode:`+976`,iconFlagName:``},{code:`ME`,countryCode:`+382`,iconFlagName:``},{code:`MS`,countryCode:`+1`,iconFlagName:``},{code:`MA`,countryCode:`+212`,iconFlagName:``},{code:`MZ`,countryCode:`+258`,iconFlagName:``},{code:`MM`,countryCode:`+95`,iconFlagName:``},{code:`NA`,countryCode:`+264`,iconFlagName:``},{code:`NR`,countryCode:`+674`,iconFlagName:``},{code:`NP`,countryCode:`+977`,iconFlagName:``},{code:`NL`,countryCode:`+31`,iconFlagName:`flag-netherlands`},{code:`NC`,countryCode:`+687`,iconFlagName:``},{code:`NZ`,countryCode:`+64`,iconFlagName:`flag-new-zealand`},{code:`NI`,countryCode:`+505`,iconFlagName:``},{code:`NE`,countryCode:`+227`,iconFlagName:``},{code:`NG`,countryCode:`+234`,iconFlagName:`flag-nigeria`},{code:`NU`,countryCode:`+683`,iconFlagName:``},{code:`NF`,countryCode:`+672`,iconFlagName:``},{code:`KP`,countryCode:`+850`,iconFlagName:``},{code:`MP`,countryCode:`+1`,iconFlagName:``},{code:`NO`,countryCode:`+47`,iconFlagName:`flag-norway`},{code:`OM`,countryCode:`+968`,iconFlagName:``},{code:`PK`,countryCode:`+92`,iconFlagName:`flag-pakistan`},{code:`PW`,countryCode:`+680`,iconFlagName:``},{code:`PS`,countryCode:`+970`,iconFlagName:``},{code:`PA`,countryCode:`+507`,iconFlagName:`flag-panama`},{code:`PG`,countryCode:`+675`,iconFlagName:``},{code:`PY`,countryCode:`+595`,iconFlagName:``},{code:`PE`,countryCode:`+51`,iconFlagName:`flag-peru`},{code:`PH`,countryCode:`+63`,iconFlagName:`flag-philippines`},{code:`PL`,countryCode:`+48`,iconFlagName:`flag-poland`},{code:`PT`,countryCode:`+351`,iconFlagName:`flag-portugal`},{code:`PR`,countryCode:`+1`,iconFlagName:`flag-puertorico`},{code:`QA`,countryCode:`+974`,iconFlagName:``},{code:`XK`,countryCode:`+381`,iconFlagName:``},{code:`RE`,countryCode:`+262`,iconFlagName:``},{code:`RO`,countryCode:`+40`,iconFlagName:`flag-romania`},{code:`RU`,countryCode:`+7`,iconFlagName:`flag-russia`},{code:`RW`,countryCode:`+250`,iconFlagName:`flag-rwanda`},{code:`BL`,countryCode:`+590`,iconFlagName:``},{code:`SH`,countryCode:`+290`,iconFlagName:``},{code:`KN`,countryCode:`+1`,iconFlagName:``},{code:`LC`,countryCode:`+1`,iconFlagName:``},{code:`MF`,countryCode:`+590`,iconFlagName:``},{code:`PM`,countryCode:`+508`,iconFlagName:``},{code:`VC`,countryCode:`+1`,iconFlagName:``},{code:`WS`,countryCode:`+685`,iconFlagName:``},{code:`SM`,countryCode:`+378`,iconFlagName:``},{code:`ST`,countryCode:`+239`,iconFlagName:``},{code:`SA`,countryCode:`+966`,iconFlagName:`flag-saudi-arabia`},{code:`SN`,countryCode:`+221`,iconFlagName:``},{code:`RS`,countryCode:`+381`,iconFlagName:`flag-serbia`},{code:`SC`,countryCode:`+248`,iconFlagName:``},{code:`SL`,countryCode:`+232`,iconFlagName:``},{code:`SG`,countryCode:`+65`,iconFlagName:`flag-singapore`},{code:`SG`,countryCode:`+65`,iconFlagName:`flag-singapore`},{code:`SK`,countryCode:`+421`,iconFlagName:`flag-slovakia`},{code:`SI`,countryCode:`+386`,iconFlagName:`flag-slovenia`},{code:`SB`,countryCode:`+677`,iconFlagName:``},{code:`SO`,countryCode:`+252`,iconFlagName:``},{code:`ZA`,countryCode:`+27`,iconFlagName:`flag-south-africa`},{code:`KR`,countryCode:`+82`,iconFlagName:`flag-south-korea`},{code:`ES`,countryCode:`+34`,iconFlagName:`flag-spain`},{code:`LK`,countryCode:`+94`,iconFlagName:`flag-sri-lanka`},{code:`SD`,countryCode:`+249`,iconFlagName:``},{code:`SR`,countryCode:`+597`,iconFlagName:``},{code:`SZ`,countryCode:`+268`,iconFlagName:``},{code:`SE`,countryCode:`+46`,iconFlagName:`flag-sweden`},{code:`CH`,countryCode:`+41`,iconFlagName:`flag-switzerland`},{code:`SY`,countryCode:`+963`,iconFlagName:``},{code:`TW`,countryCode:`+886`,iconFlagName:`flag-taiwan`},{code:`TJ`,countryCode:`+992`,iconFlagName:`flag-tajikistan`},{code:`TZ`,countryCode:`+255`,iconFlagName:`flag-tanzania`},{code:`TH`,countryCode:`+66`,iconFlagName:`flag-thailand`},{code:`TL`,countryCode:`+670`,iconFlagName:``},{code:`TG`,countryCode:`+228`,iconFlagName:``},{code:`TK`,countryCode:`+690`,iconFlagName:``},{code:`TO`,countryCode:`+676`,iconFlagName:``},{code:`TT`,countryCode:`+1`,iconFlagName:`flag-trinidad-and-tobago`},{code:`TN`,countryCode:`+216`,iconFlagName:``},{code:`TR`,countryCode:`+90`,iconFlagName:`flag-turkey`},{code:`TM`,countryCode:`+993`,iconFlagName:``},{code:`TC`,countryCode:`+1`,iconFlagName:``},{code:`TV`,countryCode:`+688`,iconFlagName:``},{code:`UG`,countryCode:`+256`,iconFlagName:``},{code:`UA`,countryCode:`+380`,iconFlagName:`flag-ukraine`},{code:`AE`,countryCode:`+971`,iconFlagName:`flag-united-arab-emirates`},{code:`GB`,countryCode:`+44`,iconFlagName:`flag-united-kingdom`},{code:`UK`,countryCode:`+44`,iconFlagName:`flag-united-kingdom`},{code:`US`,countryCode:`+1`,iconFlagName:`flag-united-states`},{code:`UY`,countryCode:`+598`,iconFlagName:`flag-uruguay`},{code:`UZ`,countryCode:`+998`,iconFlagName:`flag-uzbekistan`},{code:`VU`,countryCode:`+678`,iconFlagName:``},{code:`VE`,countryCode:`+58`,iconFlagName:`flag-venezuela`},{code:`VN`,countryCode:`+84`,iconFlagName:`flag-vietnam`},{code:`WF`,countryCode:`+681`,iconFlagName:``},{code:`WF`,countryCode:`+681`,iconFlagName:``},{code:`YE`,countryCode:`+967`,iconFlagName:``},{code:`ZM`,countryCode:`+260`,iconFlagName:`flag-zambia`},{code:`ZW`,countryCode:`+263`,iconFlagName:``}].map(e=>[e.code,e]));function o(e){if(!e||typeof e!=`string`)return;let t=a.get(e.trim().toUpperCase())?.iconFlagName;return t&&t.length>0?t:void 0}var s=class extends e.t{get flagIconName(){return o(this.code)}get displayText(){let e=this.label?.trim();if(e)return e;let t=this.code?.trim();return t?t.toUpperCase():void 0}};r.t([e.l],s.prototype,`code`,void 0),r.t([e.l],s.prototype,`label`,void 0);var c=e.o(`country`,s,r=>{let i=r.tagFor(n.r);return e.d`
-		<div class="base">
-			<slot name="icon" class="icon">
-				${t.t(e=>e.flagIconName,e.d`<${i}
-						size="-4"
-						name="${e=>e.flagIconName}"
-						aria-hidden="true"
-					></${i}>`)}
-			</slot>
-			${t.t(e=>e.displayText,e.d`<span class="text">${e=>e.displayText}</span>`)}
-		</div>
-	`},[n.t],{styles:i});e.s(c)();
+require(`../bundled/vivid-element.cjs`),require(`../bundled/numberConverter.cjs`),require(`../bundled/definition23.cjs`).n();