@breadstone/mosaik-elements-svelte 0.0.123 → 0.0.124

package/index.mjs

@@ -4272,7 +4272,7 @@ var H_;
   }
   o.isCssColor = t;
 })(H_ || (H_ = {}));
-var ve;
+var ye;
 (function(o) {
   function t(h) {
     return typeof h == "number" || h === "auto" ? !0 : typeof h != "string" || h.trim() === "" ? !1 : /^-?\d+(\.\d+)?(em|ex|ch|rem|vh|vw|vmin|vmax|px|mm|cm|in|pt|pc|mozmm|%)/.test(h);
@@ -4328,7 +4328,7 @@ var ve;
     }
   }
   o.tryParse = d;
-})(ve || (ve = {}));
+})(ye || (ye = {}));
 var N_;
 (function(o) {
   function t(r) {
@@ -4839,9 +4839,9 @@ function mF(o) {
 function wn(o) {
   return typeof o == "number" ? !Number.isNaN(o) : Zn.CSS_UNIT.test(o);
 }
-class ke {
+class _e {
   constructor(t = "", e = {}) {
-    if (t instanceof ke)
+    if (t instanceof _e)
       return t;
     typeof t == "number" && (t = uF(t)), this.originalInput = t;
     const r = gF(t);
@@ -5027,7 +5027,7 @@ class ke {
     return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
   }
   clone() {
-    return new ke(this.toString());
+    return new _e(this.toString());
   }
   /**
    * Lighten the color a given amount. Providing 100 will always return white.
@@ -5035,7 +5035,7 @@ class ke {
    */
   lighten(t = 10) {
     const e = this.toHsl();
-    return e.l += t / 100, e.l = If(e.l), new ke(e);
+    return e.l += t / 100, e.l = If(e.l), new _e(e);
   }
   /**
    * Brighten the color a given amount, from 0 to 100.
@@ -5043,7 +5043,7 @@ class ke {
    */
   brighten(t = 10) {
     const e = this.toRgb();
-    return e.r = Math.max(0, Math.min(255, e.r - Math.round(255 * -(t / 100)))), e.g = Math.max(0, Math.min(255, e.g - Math.round(255 * -(t / 100)))), e.b = Math.max(0, Math.min(255, e.b - Math.round(255 * -(t / 100)))), new ke(e);
+    return e.r = Math.max(0, Math.min(255, e.r - Math.round(255 * -(t / 100)))), e.g = Math.max(0, Math.min(255, e.g - Math.round(255 * -(t / 100)))), e.b = Math.max(0, Math.min(255, e.b - Math.round(255 * -(t / 100)))), new _e(e);
   }
   /**
    * Darken the color a given amount, from 0 to 100.
@@ -5052,7 +5052,7 @@ class ke {
    */
   darken(t = 10) {
     const e = this.toHsl();
-    return e.l -= t / 100, e.l = If(e.l), new ke(e);
+    return e.l -= t / 100, e.l = If(e.l), new _e(e);
   }
   /**
    * Mix the color with pure white, from 0 to 100.
@@ -5077,7 +5077,7 @@ class ke {
    */
   desaturate(t = 10) {
     const e = this.toHsl();
-    return e.s -= t / 100, e.s = If(e.s), new ke(e);
+    return e.s -= t / 100, e.s = If(e.s), new _e(e);
   }
   /**
    * Saturate the color a given amount, from 0 to 100.
@@ -5085,7 +5085,7 @@ class ke {
    */
   saturate(t = 10) {
     const e = this.toHsl();
-    return e.s += t / 100, e.s = If(e.s), new ke(e);
+    return e.s += t / 100, e.s = If(e.s), new _e(e);
   }
   /**
    * Completely desaturates a color into greyscale.
@@ -5100,25 +5100,25 @@ class ke {
    */
   spin(t) {
     const e = this.toHsl(), r = (e.h + t) % 360;
-    return e.h = r < 0 ? 360 + r : r, new ke(e);
+    return e.h = r < 0 ? 360 + r : r, new _e(e);
   }
   /**
    * Mix the current color a given amount with another color, from 0 to 100.
    * 0 means no mixing (return current color).
    */
   mix(t, e = 50) {
-    const r = this.toRgb(), n = new ke(t).toRgb(), a = e / 100, i = {
+    const r = this.toRgb(), n = new _e(t).toRgb(), a = e / 100, i = {
       r: (n.r - r.r) * a + r.r,
       g: (n.g - r.g) * a + r.g,
       b: (n.b - r.b) * a + r.b,
       a: (n.a - r.a) * a + r.a
     };
-    return new ke(i);
+    return new _e(i);
   }
   analogous(t = 6, e = 30) {
     const r = this.toHsl(), n = 360 / e, a = [this];
     for (r.h = (r.h - (n * t >> 1) + 720) % 360; --t; )
-      r.h = (r.h + n) % 360, a.push(new ke(r));
+      r.h = (r.h + n) % 360, a.push(new _e(r));
     return a;
   }
   /**
@@ -5126,30 +5126,30 @@ class ke {
    */
   complement() {
     const t = this.toHsl();
-    return t.h = (t.h + 180) % 360, new ke(t);
+    return t.h = (t.h + 180) % 360, new _e(t);
   }
   monochromatic(t = 6) {
     const e = this.toHsv(), { h: r } = e, { s: n } = e;
     let { v: a } = e;
     const i = [], s = 1 / t;
     for (; t--; )
-      i.push(new ke({ h: r, s: n, v: a })), a = (a + s) % 1;
+      i.push(new _e({ h: r, s: n, v: a })), a = (a + s) % 1;
     return i;
   }
   splitcomplement() {
     const t = this.toHsl(), { h: e } = t;
     return [
       this,
-      new ke({ h: (e + 72) % 360, s: t.s, l: t.l }),
-      new ke({ h: (e + 216) % 360, s: t.s, l: t.l })
+      new _e({ h: (e + 72) % 360, s: t.s, l: t.l }),
+      new _e({ h: (e + 216) % 360, s: t.s, l: t.l })
     ];
   }
   /**
    * Compute how the color would appear on a background
    */
   onBackground(t) {
-    const e = this.toRgb(), r = new ke(t).toRgb(), n = e.a + r.a * (1 - e.a);
-    return new ke({
+    const e = this.toRgb(), r = new _e(t).toRgb(), n = e.a + r.a * (1 - e.a);
+    return new _e({
       r: (e.r * e.a + r.r * r.a * (1 - e.a)) / n,
       g: (e.g * e.a + r.g * r.a * (1 - e.a)) / n,
       b: (e.b * e.a + r.b * r.a * (1 - e.a)) / n,
@@ -5175,14 +5175,14 @@ class ke {
   polyad(t) {
     const e = this.toHsl(), { h: r } = e, n = [this], a = 360 / t;
     for (let i = 1; i < t; i++)
-      n.push(new ke({ h: (r + i * a) % 360, s: e.s, l: e.l }));
+      n.push(new _e({ h: (r + i * a) % 360, s: e.s, l: e.l }));
     return n;
   }
   /**
    * compare color vs current color
    */
   equals(t) {
-    const e = new ke(t);
+    const e = new _e(t);
     return this.format === "cmyk" || e.format === "cmyk" ? this.toCmykString() === e.toCmykString() : this.toRgbString() === e.toRgbString();
   }
 }
@@ -5664,7 +5664,7 @@ const Lt = (o) => {
     ou("design:paramtypes", [String, String]),
     ou("design:returntype", void 0)
   ], t.prototype, "onLabelPropertyChanged", null), t;
-}, ce = {
+}, he = {
   /**
    * `default` - The default variant set option.
    * @default
@@ -5727,7 +5727,7 @@ const Q = (o) => {
      * @public
      */
     constructor(...r) {
-      super(r), this._variant = ce.Default;
+      super(r), this._variant = he.Default;
     }
     // #endregion
     // #region Properties
@@ -5747,7 +5747,7 @@ const Q = (o) => {
   }
   return wF([
     b({
-      type: ce,
+      type: he,
       useDefault: !0
     }),
     K_("design:type", String),
@@ -6229,7 +6229,7 @@ var PF = function(o, t, e, r) {
 }, Q_ = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-const Ee = (o) => {
+const le = (o) => {
   class t extends o {
     // #region Fields
     _formatter;
@@ -6379,7 +6379,7 @@ const t1 = (o, t, e) => {
   const r = /* @__PURE__ */ new Map();
   for (let n = t; n <= e; n++) r.set(o[n], n);
   return r;
-}, he = nl(class extends Xc {
+}, pe = nl(class extends Xc {
   constructor(o) {
     if (super(o), o.type !== nn.CHILD) throw Error("repeat() can only be used in text expressions");
   }
@@ -6963,7 +6963,7 @@ var za = function(o, t, e, r) {
 }, Pe = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Dn = class extends P(Q(G(Ee(H)))) {
+let Dn = class extends P(Q(G(le(H)))) {
   // #region Fields
   _text;
   _truncate;
@@ -7226,6 +7226,9 @@ Dn = za([
       joy: IF,
       retro: HF,
       cosmopolitan: NF
+    },
+    host: {
+      role: "text"
     }
   }),
   Pe("design:paramtypes", [])
@@ -7761,7 +7764,7 @@ function UF(o) {
   return w`
         <ul part="list"
             .hidden="${o.total <= 1}">
-            ${he([].constructor(o.total), (t, e) => e, (t, e) => w`
+            ${pe([].constructor(o.total), (t, e) => e, (t, e) => w`
             <li part="listItem"
                 aria-label="Indicator ${e + 1} of ${o.total}"
                 class="${o.selected === e ? "selected" : ""}"
@@ -8591,7 +8594,7 @@ const mn = (o) => {
    * `stretch` - Stretch element horizontally within a parent's layout slot.
    */
   Stretch: "stretch"
-}, pe = {
+}, ue = {
   /**
    * `top` - Align element towards the top of a parent's layout slot.
    */
@@ -8630,7 +8633,7 @@ const Qi = (o) => {
      * @public
      */
     constructor(...r) {
-      super(r), this._horizontalContentAlignment = Rr.Center, this._verticalContentAlignment = pe.Center;
+      super(r), this._horizontalContentAlignment = Rr.Center, this._verticalContentAlignment = ue.Center;
     }
     // #endregion
     // #region Properties
@@ -8666,7 +8669,7 @@ const Qi = (o) => {
     Mf("design:type", String),
     Mf("design:paramtypes", [String])
   ], t.prototype, "horizontalContentAlignment", null), s1([
-    b({ type: pe }),
+    b({ type: ue }),
     Mf("design:type", String),
     Mf("design:paramtypes", [String])
   ], t.prototype, "verticalContentAlignment", null), t;
@@ -10104,7 +10107,7 @@ const Wm = (o) => {
       return this._gap;
     }
     set gap(r) {
-      const n = ve.tryParse(r);
+      const n = ye.tryParse(r);
       n ? this._gap !== n && (this._gap = n, this.requestUpdate("gap")) : (this._gap = 0, this.requestUpdate("gap"));
     }
   }
@@ -10115,9 +10118,9 @@ const Wm = (o) => {
         fromAttribute: (e) => {
           if (KF(e)) {
             const r = 8 * s6(e);
-            return ve.tryParse(r);
+            return ye.tryParse(r);
           }
-          return ve.tryParse(e);
+          return ye.tryParse(e);
         }
       }
     }),
@@ -10161,7 +10164,7 @@ let Pb = class extends P(gi(qt(Do(Wm(Vg))))) {
    * @public
    */
   constructor() {
-    super(), this._horizontalAlignment = Rr.Stretch, this._verticalAlignment = pe.Stretch;
+    super(), this._horizontalAlignment = Rr.Stretch, this._verticalAlignment = ue.Stretch;
   }
   // #endregion
   // #region Properties
@@ -11925,7 +11928,7 @@ function v6(o) {
             <circle fill="none"
                     cx="${o.radius}"
                     cy="${o.radius}"
-                    r="${ve.toNumber(o.radius) - ve.toNumber(o.thickness) / 2}"
+                    r="${ye.toNumber(o.radius) - ye.toNumber(o.thickness) / 2}"
                     stroke-width="${o.thickness}" />
         </svg>
         `, () => w`
@@ -11936,14 +11939,14 @@ function v6(o) {
                     fill="none"
                     cx="${o.radius}"
                     cy="${o.radius}"
-                    r="${ve.toNumber(o.radius) - ve.toNumber(o.thickness) / 2}"
+                    r="${ye.toNumber(o.radius) - ye.toNumber(o.thickness) / 2}"
                     stroke-width="${o.thickness}" />
             <circle part="fill"
                     class="circle-path"
                     fill="none"
                     cx="${o.radius}"
                     cy="${o.radius}"
-                    r="${ve.toNumber(o.radius) - ve.toNumber(o.thickness) / 2}"
+                    r="${ye.toNumber(o.radius) - ye.toNumber(o.thickness) / 2}"
                     stroke-linecap="'round'"
                     stroke-width="${o.thickness}"
                     stroke-dasharray="${`${o.getCircumference()}, ${o.getCircumference()}`}"
@@ -12475,7 +12478,7 @@ let Nh = class extends P(Q(qt(G(Lt(al))))) {
    * @readonly
    */
   get diameter() {
-    return (ve.isLength(this._radius) ? ve.extractValue(this._radius) : this._radius) * 2;
+    return (ye.isLength(this._radius) ? ye.extractValue(this._radius) : this._radius) * 2;
   }
   // #endregion
   // #region Methods
@@ -12496,14 +12499,14 @@ let Nh = class extends P(Q(qt(G(Lt(al))))) {
    * @private
    */
   getCircumference() {
-    const t = ve.isLength(this._radius) ? ve.extractValue(this._radius) : 0;
+    const t = ye.isLength(this._radius) ? ye.extractValue(this._radius) : 0;
     return 2 * Math.PI * t;
   }
   /**
    * @private
    */
   getOffset() {
-    const t = this.getCircumference(), e = t - (this.value - this.min) / (this.max - this.min) * t, r = ve.isLength(this._thickness) ? ve.extractValue(this._thickness) : 0;
+    const t = this.getCircumference(), e = t - (this.value - this.min) / (this.max - this.min) * t, r = ye.isLength(this._thickness) ? ye.extractValue(this._thickness) : 0;
     return e + r;
   }
 };
@@ -12518,7 +12521,7 @@ Zg([
 Zg([
   b({
     type: String,
-    converter: (o) => ve.tryParse(o)
+    converter: (o) => ye.tryParse(o)
   }),
   Ti("design:type", Object),
   Ti("design:paramtypes", [Object])
@@ -12526,7 +12529,7 @@ Zg([
 Zg([
   b({
     type: String,
-    converter: (o) => ve.tryParse(o)
+    converter: (o) => ye.tryParse(o)
   }),
   Ti("design:type", Object),
   Ti("design:paramtypes", [Object])
@@ -19410,7 +19413,7 @@ var Ce = function(o, t, e, r) {
 }, zt = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let ge = class extends P(fi(Zc(H))) {
+let fe = class extends P(fi(Zc(H))) {
   // #region Fields
   _arrowElement;
   _bodyElement;
@@ -19979,7 +19982,7 @@ Ce([
   T({ type: Object }),
   zt("design:type", Object),
   zt("design:paramtypes", [Object])
-], ge.prototype, "anchor", null);
+], fe.prototype, "anchor", null);
 Ce([
   b({
     type: Boolean,
@@ -19987,32 +19990,32 @@ Ce([
   }),
   zt("design:type", Boolean),
   zt("design:paramtypes", [Boolean])
-], ge.prototype, "active", null);
+], fe.prototype, "active", null);
 Ce([
   b({ type: It }),
   zt("design:type", String),
   zt("design:paramtypes", [String])
-], ge.prototype, "placement", null);
+], fe.prototype, "placement", null);
 Ce([
   b({ type: String }),
   zt("design:type", String),
   zt("design:paramtypes", [String])
-], ge.prototype, "strategy", null);
+], fe.prototype, "strategy", null);
 Ce([
   T({ type: Number }),
   zt("design:type", Number),
   zt("design:paramtypes", [Number])
-], ge.prototype, "distance", null);
+], fe.prototype, "distance", null);
 Ce([
   T({ type: Number }),
   zt("design:type", Number),
   zt("design:paramtypes", [Number])
-], ge.prototype, "skidding", null);
+], fe.prototype, "skidding", null);
 Ce([
   T({ type: Boolean }),
   zt("design:type", Boolean),
   zt("design:paramtypes", [Boolean])
-], ge.prototype, "arrow", null);
+], fe.prototype, "arrow", null);
 Ce([
   b({
     type: Boolean,
@@ -20020,12 +20023,12 @@ Ce([
   }),
   zt("design:type", Boolean),
   zt("design:paramtypes", [Boolean])
-], ge.prototype, "isFullScreen", null);
+], fe.prototype, "isFullScreen", null);
 Ce([
   b({ type: Number }),
   zt("design:type", Number),
   zt("design:paramtypes", [Number])
-], ge.prototype, "arrowPadding", null);
+], fe.prototype, "arrowPadding", null);
 Ce([
   b({
     type: Boolean,
@@ -20033,7 +20036,7 @@ Ce([
   }),
   zt("design:type", Boolean),
   zt("design:paramtypes", [Boolean])
-], ge.prototype, "flip", null);
+], fe.prototype, "flip", null);
 Ce([
   b({
     type: Array,
@@ -20045,27 +20048,27 @@ Ce([
   }),
   zt("design:type", Array),
   zt("design:paramtypes", [Array])
-], ge.prototype, "flipFallbackPlacements", null);
+], fe.prototype, "flipFallbackPlacements", null);
 Ce([
   b({ type: fu }),
   zt("design:type", String),
   zt("design:paramtypes", [String])
-], ge.prototype, "arrowPlacement", null);
+], fe.prototype, "arrowPlacement", null);
 Ce([
   b({ type: Ny }),
   zt("design:type", String),
   zt("design:paramtypes", [String])
-], ge.prototype, "flipFallbackStrategy", null);
+], fe.prototype, "flipFallbackStrategy", null);
 Ce([
   T({ type: Object }),
   zt("design:type", Object),
   zt("design:paramtypes", [Object])
-], ge.prototype, "flipBoundary", null);
+], fe.prototype, "flipBoundary", null);
 Ce([
   b({ type: Number }),
   zt("design:type", Number),
   zt("design:paramtypes", [Number])
-], ge.prototype, "flipPadding", null);
+], fe.prototype, "flipPadding", null);
 Ce([
   b({
     type: Boolean,
@@ -20073,37 +20076,37 @@ Ce([
   }),
   zt("design:type", Boolean),
   zt("design:paramtypes", [Boolean])
-], ge.prototype, "shift", null);
+], fe.prototype, "shift", null);
 Ce([
   T({ type: Object }),
   zt("design:type", Object),
   zt("design:paramtypes", [Object])
-], ge.prototype, "shiftBoundary", null);
+], fe.prototype, "shiftBoundary", null);
 Ce([
   b({ type: Number }),
   zt("design:type", Number),
   zt("design:paramtypes", [Number])
-], ge.prototype, "shiftPadding", null);
+], fe.prototype, "shiftPadding", null);
 Ce([
   b({ type: $d }),
   zt("design:type", String),
   zt("design:paramtypes", [String])
-], ge.prototype, "autoSize", null);
+], fe.prototype, "autoSize", null);
 Ce([
   b({ type: Od }),
   zt("design:type", String),
   zt("design:paramtypes", [String])
-], ge.prototype, "sync", null);
+], fe.prototype, "sync", null);
 Ce([
   T({ type: Object }),
   zt("design:type", Object),
   zt("design:paramtypes", [Object])
-], ge.prototype, "autoSizeBoundary", null);
+], fe.prototype, "autoSizeBoundary", null);
 Ce([
   b({ type: Number }),
   zt("design:type", Number),
   zt("design:paramtypes", [Number])
-], ge.prototype, "autoSizePadding", null);
+], fe.prototype, "autoSizePadding", null);
 Ce([
   b({
     type: String,
@@ -20113,7 +20116,7 @@ Ce([
   }),
   zt("design:type", Object),
   zt("design:paramtypes", [Object])
-], ge.prototype, "maxWidth", null);
+], fe.prototype, "maxWidth", null);
 Ce([
   b({
     type: String,
@@ -20123,24 +20126,24 @@ Ce([
   }),
   zt("design:type", Object),
   zt("design:paramtypes", [Object])
-], ge.prototype, "maxHeight", null);
+], fe.prototype, "maxHeight", null);
 Ce([
   at({ eventName: "repositioned" }),
   zt("design:type", Object),
   zt("design:paramtypes", [])
-], ge.prototype, "repositioned", null);
+], fe.prototype, "repositioned", null);
 Ce([
   at({ eventName: "activeChanged" }),
   zt("design:type", Object),
   zt("design:paramtypes", [])
-], ge.prototype, "activeChanged", null);
+], fe.prototype, "activeChanged", null);
 Ce([
   D("active"),
   zt("design:type", Function),
   zt("design:paramtypes", [Boolean, Boolean]),
   zt("design:returntype", void 0)
-], ge.prototype, "onActivePropertyChanged", null);
-ge = Ce([
+], fe.prototype, "onActivePropertyChanged", null);
+fe = Ce([
   O({
     selector: "mosaik-floating",
     template: DY,
@@ -20151,7 +20154,7 @@ ge = Ce([
     }
   }),
   zt("design:paramtypes", [])
-], ge);
+], fe);
 const NY = {
   None: "none"
 };
@@ -23121,7 +23124,7 @@ function nU(o) {
                            .for="${"button"}"></mosaik-ripple>
             `)}
             <mosaik-stack .orientation="${rt.Horizontal}"
-                          .verticalAlignment="${pe.Center}"
+                          .verticalAlignment="${ue.Center}"
                           .horizontalAlignment="${Rr.Center}"
                           .gap="${Ue("--fab-gap")}"
                           ?reverse="${o.iconPosition === $r.After}">
@@ -30199,7 +30202,7 @@ function At(o, t) {
   let e, r;
   for (r = (o = Array.isArray(o) ? o : [o]).length - 1; r >= 0; r--) for (e in t) o[r].prototype[e] = t[e];
 }
-function _e(o) {
+function je(o) {
   return function(...t) {
     const e = t[t.length - 1];
     return !e || e.constructor !== Object || e instanceof Array ? o.apply(this, t) : o.apply(this, t.slice(0, -1)).attr(e);
@@ -30325,12 +30328,12 @@ Nt("Dom", { classes: function() {
 }, memory: function() {
   return this._memory = this._memory || {};
 } });
-class ye {
+class xe {
   constructor(...t) {
     this.init(...t);
   }
   static isColor(t) {
-    return t && (t instanceof ye || this.isRgb(t) || this.test(t));
+    return t && (t instanceof xe || this.isRgb(t) || this.test(t));
   }
   static isRgb(t) {
     return t && typeof t.r == "number" && typeof t.g == "number" && typeof t.b == "number";
@@ -30339,31 +30342,31 @@ class ye {
     const { random: r, round: n, sin: a, PI: i } = Math;
     if (t === "vibrant") {
       const s = 24 * r() + 57, l = 38 * r() + 45, d = 360 * r();
-      return new ye(s, l, d, "lch");
+      return new xe(s, l, d, "lch");
     }
     if (t === "sine") {
       const s = n(80 * a(2 * i * (e = e ?? r()) / 0.5 + 0.01) + 150), l = n(50 * a(2 * i * e / 0.5 + 4.6) + 200), d = n(100 * a(2 * i * e / 0.5 + 2.3) + 150);
-      return new ye(s, l, d);
+      return new xe(s, l, d);
     }
     if (t === "pastel") {
       const s = 8 * r() + 86, l = 17 * r() + 9, d = 360 * r();
-      return new ye(s, l, d, "lch");
+      return new xe(s, l, d, "lch");
     }
     if (t === "dark") {
       const s = 10 + 10 * r(), l = 50 * r() + 86, d = 360 * r();
-      return new ye(s, l, d, "lch");
+      return new xe(s, l, d, "lch");
     }
     if (t === "rgb") {
       const s = 255 * r(), l = 255 * r(), d = 255 * r();
-      return new ye(s, l, d);
+      return new xe(s, l, d);
     }
     if (t === "lab") {
       const s = 100 * r(), l = 256 * r() - 128, d = 256 * r() - 128;
-      return new ye(s, l, d, "lab");
+      return new xe(s, l, d, "lab");
     }
     if (t === "grey") {
       const s = 255 * r();
-      return new ye(s, s, s);
+      return new xe(s, s, s);
     }
     throw new Error("Unsupported random color mode");
   }
@@ -30372,11 +30375,11 @@ class ye {
   }
   cmyk() {
     const { _a: t, _b: e, _c: r } = this.rgb(), [n, a, i] = [t, e, r].map((l) => l / 255), s = Math.min(1 - n, 1 - a, 1 - i);
-    return s === 1 ? new ye(0, 0, 0, 1, "cmyk") : new ye((1 - n - s) / (1 - s), (1 - a - s) / (1 - s), (1 - i - s) / (1 - s), s, "cmyk");
+    return s === 1 ? new xe(0, 0, 0, 1, "cmyk") : new xe((1 - n - s) / (1 - s), (1 - a - s) / (1 - s), (1 - i - s) / (1 - s), s, "cmyk");
   }
   hsl() {
     const { _a: t, _b: e, _c: r } = this.rgb(), [n, a, i] = [t, e, r].map((p) => p / 255), s = Math.max(n, a, i), l = Math.min(n, a, i), d = (s + l) / 2, h = s === l, c = s - l;
-    return new ye(360 * (h ? 0 : s === n ? ((a - i) / c + (a < i ? 6 : 0)) / 6 : s === a ? ((i - n) / c + 2) / 6 : s === i ? ((n - a) / c + 4) / 6 : 0), 100 * (h ? 0 : d > 0.5 ? c / (2 - s - l) : c / (s + l)), 100 * d, "hsl");
+    return new xe(360 * (h ? 0 : s === n ? ((a - i) / c + (a < i ? 6 : 0)) / 6 : s === a ? ((i - n) / c + 2) / 6 : s === i ? ((n - a) / c + 4) / 6 : 0), 100 * (h ? 0 : d > 0.5 ? c / (2 - s - l) : c / (s + l)), 100 * d, "hsl");
   }
   init(t = 0, e = 0, r = 0, n = 0, a = "rgb") {
     if (t = t || 0, this.space) for (const c in this.space) delete this[this.space[c]];
@@ -30405,12 +30408,12 @@ class ye {
   }
   lab() {
     const { x: t, y: e, z: r } = this.xyz();
-    return new ye(116 * e - 16, 500 * (t - e), 200 * (e - r), "lab");
+    return new xe(116 * e - 16, 500 * (t - e), 200 * (e - r), "lab");
   }
   lch() {
     const { l: t, a: e, b: r } = this.lab(), n = Math.sqrt(e ** 2 + r ** 2);
     let a = 180 * Math.atan2(r, e) / Math.PI;
-    return a < 0 && (a *= -1, a = 360 - a), new ye(t, n, a, "lch");
+    return a < 0 && (a *= -1, a = 360 - a), new xe(t, n, a, "lch");
   }
   rgb() {
     if (this.space === "rgb") return this;
@@ -30426,18 +30429,18 @@ class ye {
         e = 0.95047 * (x ** 3 > z ? x ** 3 : (x - _) / k), r = 1 * (v ** 3 > z ? v ** 3 : (v - _) / k), n = 1.08883 * (y ** 3 > z ? y ** 3 : (y - _) / k);
       }
       const a = 3.2406 * e + -1.5372 * r + -0.4986 * n, i = -0.9689 * e + 1.8758 * r + 0.0415 * n, s = 0.0557 * e + -0.204 * r + 1.057 * n, l = Math.pow, d = 31308e-7, h = a > d ? 1.055 * l(a, 1 / 2.4) - 0.055 : 12.92 * a, c = i > d ? 1.055 * l(i, 1 / 2.4) - 0.055 : 12.92 * i, p = s > d ? 1.055 * l(s, 1 / 2.4) - 0.055 : 12.92 * s;
-      return new ye(255 * h, 255 * c, 255 * p);
+      return new xe(255 * h, 255 * c, 255 * p);
     }
     if (this.space === "hsl") {
       let { h: e, s: r, l: n } = this;
       if (e /= 360, r /= 100, n /= 100, r === 0)
-        return n *= 255, new ye(n, n, n);
+        return n *= 255, new xe(n, n, n);
       const a = n < 0.5 ? n * (1 + r) : n + r - n * r, i = 2 * n - a, s = 255 * ey(i, a, e + 1 / 3), l = 255 * ey(i, a, e), d = 255 * ey(i, a, e - 1 / 3);
-      return new ye(s, l, d);
+      return new xe(s, l, d);
     }
     if (this.space === "cmyk") {
       const { c: e, m: r, y: n, k: a } = this, i = 255 * (1 - Math.min(1, e * (1 - a) + a)), s = 255 * (1 - Math.min(1, r * (1 - a) + a)), l = 255 * (1 - Math.min(1, n * (1 - a) + a));
-      return new ye(i, s, l);
+      return new xe(i, s, l);
     }
     return this;
     var t;
@@ -30459,19 +30462,19 @@ class ye {
   }
   xyz() {
     const { _a: t, _b: e, _c: r } = this.rgb(), [n, a, i] = [t, e, r].map((v) => v / 255), s = n > 0.04045 ? Math.pow((n + 0.055) / 1.055, 2.4) : n / 12.92, l = a > 0.04045 ? Math.pow((a + 0.055) / 1.055, 2.4) : a / 12.92, d = i > 0.04045 ? Math.pow((i + 0.055) / 1.055, 2.4) : i / 12.92, h = (0.4124 * s + 0.3576 * l + 0.1805 * d) / 0.95047, c = (0.2126 * s + 0.7152 * l + 0.0722 * d) / 1, p = (0.0193 * s + 0.1192 * l + 0.9505 * d) / 1.08883, u = h > 8856e-6 ? Math.pow(h, 1 / 3) : 7.787 * h + 16 / 116, g = c > 8856e-6 ? Math.pow(c, 1 / 3) : 7.787 * c + 16 / 116, f = p > 8856e-6 ? Math.pow(p, 1 / 3) : 7.787 * p + 16 / 116;
-    return new ye(u, g, f, "xyz");
+    return new xe(u, g, f, "xyz");
   }
   _clamped() {
     const { _a: t, _b: e, _c: r } = this.rgb(), { max: n, min: a, round: i } = Math;
     return [t, e, r].map((s) => n(0, a(i(s), 255)));
   }
 }
-class de {
+class ce {
   constructor(...t) {
     this.init(...t);
   }
   clone() {
-    return new de(this);
+    return new ce(this);
   }
   init(t, e) {
     const a = Array.isArray(t) ? { x: t[0], y: t[1] } : typeof t == "object" ? { x: t.x, y: t.y } : { x: t, y: e };
@@ -30497,7 +30500,7 @@ class kt {
     this.init(...t);
   }
   static formatTransforms(t) {
-    const e = t.flip === "both" || t.flip === !0, r = t.flip && (e || t.flip === "x") ? -1 : 1, n = t.flip && (e || t.flip === "y") ? -1 : 1, a = t.skew && t.skew.length ? t.skew[0] : isFinite(t.skew) ? t.skew : isFinite(t.skewX) ? t.skewX : 0, i = t.skew && t.skew.length ? t.skew[1] : isFinite(t.skew) ? t.skew : isFinite(t.skewY) ? t.skewY : 0, s = t.scale && t.scale.length ? t.scale[0] * r : isFinite(t.scale) ? t.scale * r : isFinite(t.scaleX) ? t.scaleX * r : r, l = t.scale && t.scale.length ? t.scale[1] * n : isFinite(t.scale) ? t.scale * n : isFinite(t.scaleY) ? t.scaleY * n : n, d = t.shear || 0, h = t.rotate || t.theta || 0, c = new de(t.origin || t.around || t.ox || t.originX, t.oy || t.originY), p = c.x, u = c.y, g = new de(t.position || t.px || t.positionX || NaN, t.py || t.positionY || NaN), f = g.x, v = g.y, x = new de(t.translate || t.tx || t.translateX, t.ty || t.translateY), y = x.x, _ = x.y, z = new de(t.relative || t.rx || t.relativeX, t.ry || t.relativeY);
+    const e = t.flip === "both" || t.flip === !0, r = t.flip && (e || t.flip === "x") ? -1 : 1, n = t.flip && (e || t.flip === "y") ? -1 : 1, a = t.skew && t.skew.length ? t.skew[0] : isFinite(t.skew) ? t.skew : isFinite(t.skewX) ? t.skewX : 0, i = t.skew && t.skew.length ? t.skew[1] : isFinite(t.skew) ? t.skew : isFinite(t.skewY) ? t.skewY : 0, s = t.scale && t.scale.length ? t.scale[0] * r : isFinite(t.scale) ? t.scale * r : isFinite(t.scaleX) ? t.scaleX * r : r, l = t.scale && t.scale.length ? t.scale[1] * n : isFinite(t.scale) ? t.scale * n : isFinite(t.scaleY) ? t.scaleY * n : n, d = t.shear || 0, h = t.rotate || t.theta || 0, c = new ce(t.origin || t.around || t.ox || t.originX, t.oy || t.originY), p = c.x, u = c.y, g = new ce(t.position || t.px || t.positionX || NaN, t.py || t.positionY || NaN), f = g.x, v = g.y, x = new ce(t.translate || t.tx || t.translateX, t.ty || t.translateY), y = x.x, _ = x.y, z = new ce(t.relative || t.rx || t.relativeX, t.ry || t.relativeY);
     return { scaleX: s, scaleY: l, skewX: a, skewY: i, shear: d, theta: h, rx: z.x, ry: z.y, tx: y, ty: _, ox: p, oy: u, px: f, py: v };
   }
   static fromArray(t) {
@@ -30608,9 +30611,9 @@ class kt {
   transform(t) {
     if (kt.isMatrixLike(t))
       return new kt(t).multiplyO(this);
-    const e = kt.formatTransforms(t), { x: r, y: n } = new de(e.ox, e.oy).transform(this), a = new kt().translateO(e.rx, e.ry).lmultiplyO(this).translateO(-r, -n).scaleO(e.scaleX, e.scaleY).skewO(e.skewX, e.skewY).shearO(e.shear).rotateO(e.theta).translateO(r, n);
+    const e = kt.formatTransforms(t), { x: r, y: n } = new ce(e.ox, e.oy).transform(this), a = new kt().translateO(e.rx, e.ry).lmultiplyO(this).translateO(-r, -n).scaleO(e.scaleX, e.scaleY).skewO(e.skewX, e.skewY).shearO(e.shear).rotateO(e.theta).translateO(r, n);
     if (isFinite(e.px) || isFinite(e.py)) {
-      const i = new de(r, n).transform(a), s = isFinite(e.px) ? e.px - i.x : 0, l = isFinite(e.py) ? e.py - i.y : 0;
+      const i = new ce(r, n).transform(a), s = isFinite(e.px) ? e.px - i.x : 0, l = isFinite(e.py) ? e.py - i.y : 0;
       a.translateO(s, l);
     }
     return a.translateO(e.tx, e.ty), a;
@@ -30668,7 +30671,7 @@ class uo {
   transform(t) {
     t instanceof kt || (t = new kt(t));
     let e = 1 / 0, r = -1 / 0, n = 1 / 0, a = -1 / 0;
-    return [new de(this.x, this.y), new de(this.x2, this.y), new de(this.x, this.y2), new de(this.x2, this.y2)].forEach(function(i) {
+    return [new ce(this.x, this.y), new ce(this.x2, this.y), new ce(this.x, this.y2), new ce(this.x2, this.y2)].forEach(function(i) {
       i = i.transform(t), e = Math.min(e, i.x), r = Math.max(r, i.x), n = Math.min(n, i.y), a = Math.max(a, i.y);
     }), new uo(e, n, r - e, a - n);
   }
@@ -30694,7 +30697,7 @@ Nt({ viewbox: { viewbox(o, t, e, r) {
   const n = this.viewbox(), a = e / n.width, i = r / n.height, s = Math.min(a, i);
   if (o == null) return s;
   let l = s / o;
-  l === 1 / 0 && (l = Number.MAX_SAFE_INTEGER / 100), t = t || new de(e / 2 / a + n.x, r / 2 / i + n.y);
+  l === 1 / 0 && (l = Number.MAX_SAFE_INTEGER / 100), t = t || new ce(e / 2 / a + n.x, r / 2 / i + n.y);
   const d = new uo(n).transform(new kt({ scale: l, origin: t }));
   return this.viewbox(d);
 } } }), oe(uo, "Box");
@@ -31011,7 +31014,7 @@ At(Xl, { attr: function(o, t, e) {
   else if (t === null) this.node.removeAttribute(o);
   else {
     if (t == null) return (t = this.node.getAttribute(o)) == null ? FU[o] : I1.test(t) ? parseFloat(t) : t;
-    typeof (t = iE.reduce((r, n) => n(o, r, this), t)) == "number" ? t = new Dt(t) : YU.has(o) && ye.isColor(t) ? t = new ye(t) : t.constructor === Array && (t = new dc(t)), o === "leading" ? this.leading && this.leading(t) : typeof e == "string" ? this.node.setAttributeNS(e, o, t.toString()) : this.node.setAttribute(o, t.toString()), !this.rebuild || o !== "font-size" && o !== "x" || this.rebuild();
+    typeof (t = iE.reduce((r, n) => n(o, r, this), t)) == "number" ? t = new Dt(t) : YU.has(o) && xe.isColor(t) ? t = new xe(t) : t.constructor === Array && (t = new dc(t)), o === "leading" ? this.leading && this.leading(t) : typeof e == "string" ? this.node.setAttributeNS(e, o, t.toString()) : this.node.setAttribute(o, t.toString()), !this.rebuild || o !== "font-size" && o !== "x" || this.rebuild();
   }
   return this;
 }, find: function(o) {
@@ -31112,7 +31115,7 @@ At(hr, { bbox: function() {
   const e = this.bbox();
   return o > e.x && t > e.y && o < e.x + e.width && t < e.y + e.height;
 }, point: function(o, t) {
-  return new de(o, t).transformO(this.screenCTM().inverseO());
+  return new ce(o, t).transformO(this.screenCTM().inverseO());
 }, ctm: function() {
   return new kt(this.node.getCTM());
 }, screenCTM: function() {
@@ -31134,7 +31137,7 @@ const cu = { stroke: ["color", "width", "opacity", "linecap", "linejoin", "miter
   let e;
   t[o] = function(r) {
     if (r === void 0) return this.attr(o);
-    if (typeof r == "string" || r instanceof ye || ye.isRgb(r) || r instanceof hr) this.attr(o, r);
+    if (typeof r == "string" || r instanceof xe || xe.isRgb(r) || r instanceof hr) this.attr(o, r);
     else for (e = cu[o].length - 1; e >= 0; e--) r[cu[o][e]] != null && this.attr(cu.prefix(o, cu[o][e]), r[cu[o][e]]);
     return this;
   }, Nt(["Element", "Runner"], t);
@@ -31161,7 +31164,7 @@ const cu = { stroke: ["color", "width", "opacity", "linecap", "linejoin", "miter
 } }), Nt("Path", { length: function() {
   return this.node.getTotalLength();
 }, pointAt: function(o) {
-  return new de(this.node.getPointAtLength(o));
+  return new ce(this.node.getPointAtLength(o));
 } }), Nt(["Element", "Runner"], { font: function(o, t) {
   if (typeof o == "object") {
     for (t in o) this.font(t, o[t]);
@@ -31262,7 +31265,7 @@ class hb extends Un {
     return this.rx(new Dt(r.width).divide(2)).ry(new Dt(r.height).divide(2));
   }
 }
-At(hb, UU), Nt("Container", { ellipse: _e(function(o = 0, t = o) {
+At(hb, UU), Nt("Container", { ellipse: je(function(o = 0, t = o) {
   return this.put(new hb()).size(o, t).move(0, 0);
 }) }), oe(hb, "Ellipse");
 class uE extends Xl {
@@ -31310,7 +31313,7 @@ class ku extends Kr {
 }
 At(ku, qU), Nt({ Container: { gradient(...o) {
   return this.defs().gradient(...o);
-} }, Defs: { gradient: _e(function(o, t) {
+} }, Defs: { gradient: je(function(o, t) {
   return this.put(new ku(o)).update(t);
 }) } }), oe(ku, "Gradient");
 class Yu extends Kr {
@@ -31338,7 +31341,7 @@ class Yu extends Kr {
 }
 Nt({ Container: { pattern(...o) {
   return this.defs().pattern(...o);
-} }, Defs: { pattern: _e(function(o, t, e) {
+} }, Defs: { pattern: je(function(o, t, e) {
   return this.put(new Yu()).update(e).attr({ x: 0, y: 0, width: o, height: t, patternUnits: "userSpaceOnUse" });
 }) } }), oe(Yu, "Pattern");
 let pb = class extends Un {
@@ -31361,7 +31364,7 @@ M1 = function(o, t, e) {
   return o !== "fill" && o !== "stroke" || LU.test(t) && (t = e.root().defs().image(t)), t instanceof pb && (t = e.root().defs().pattern(0, 0, (r) => {
     r.add(t);
   })), t;
-}, iE.push(M1), Nt({ Container: { image: _e(function(o, t) {
+}, iE.push(M1), Nt({ Container: { image: je(function(o, t) {
   return this.put(new pb()).size(0, 0).load(o, t);
 }) } }), oe(pb, "Image");
 class Kl extends dc {
@@ -31438,7 +31441,7 @@ let Fd = class extends Un {
     return this.attr(this.array().size(e.width, e.height).toLine());
   }
 };
-At(Fd, Ww), Nt({ Container: { line: _e(function(...o) {
+At(Fd, Ww), Nt({ Container: { line: je(function(...o) {
   return Fd.prototype.plot.apply(this.put(new Fd()), o[0] != null ? o : [0, 0, 0, 0]);
 }) } }), oe(Fd, "Line");
 let ub = class extends Kr {
@@ -31471,7 +31474,7 @@ function fh(o, t) {
 }
 Nt({ Container: { marker(...o) {
   return this.defs().marker(...o);
-} }, Defs: { marker: _e(function(o, t, e) {
+} }, Defs: { marker: je(function(o, t, e) {
   return this.put(new ub()).size(o, t).ref(o / 2, t / 2).viewbox(0, 0, o, t).attr("orient", "auto").update(e);
 }) }, marker: { marker(o, t, e, r) {
   let n = ["marker"];
@@ -31628,7 +31631,7 @@ class La extends dc {
   parse(t = "M0 0") {
     return Array.isArray(t) && (t = Array.prototype.concat.apply([], t).toString()), function(e, r = !0) {
       let n = 0, a = "";
-      const i = { segment: [], inNumber: !1, number: "", lastToken: "", inSegment: !1, segments: [], pointSeen: !1, hasExponent: !1, absolute: r, p0: new de(), p: new de() };
+      const i = { segment: [], inNumber: !1, number: "", lastToken: "", inSegment: !1, segments: [], pointSeen: !1, hasExponent: !1, absolute: r, p0: new ce(), p: new ce() };
       for (; i.lastToken = a, a = e.charAt(n++); ) if (i.inSegment || !XU(i, a)) if (a !== ".") if (isNaN(parseInt(a))) if (JU.has(a)) i.inNumber && Td(i, !1);
       else if (a !== "-" && a !== "+") if (a.toUpperCase() !== "E") {
         if (Yw.test(a)) {
@@ -31680,7 +31683,7 @@ class La extends dc {
 }
 const bE = (o) => {
   const t = typeof o;
-  return t === "number" ? Dt : t === "string" ? ye.isColor(o) ? ye : sl.test(o) ? Yw.test(o) ? La : dc : oE.test(o) ? Dt : ex : ox.indexOf(o.constructor) > -1 ? o.constructor : Array.isArray(o) ? dc : t === "object" ? Uu : ex;
+  return t === "number" ? Dt : t === "string" ? xe.isColor(o) ? xe : sl.test(o) ? Yw.test(o) ? La : dc : oE.test(o) ? Dt : ex : ox.indexOf(o.constructor) > -1 ? o.constructor : Array.isArray(o) ? dc : t === "object" ? Uu : ex;
 };
 class Pd {
   constructor(t) {
@@ -31709,7 +31712,7 @@ class Pd {
   _set(t) {
     this._type || this.type(bE(t));
     let e = new this._type(t);
-    return this._type === ye && (e = this._to ? e[this._to[4]]() : this._from ? e[this._from[4]]() : e), this._type === Uu && (e = this._to ? e.align(this._to) : this._from ? e.align(this._from) : e), e = e.toConsumable(), this._morphObj = this._morphObj || new this._type(), this._context = this._context || Array.apply(null, Array(e.length)).map(Object).map(function(r) {
+    return this._type === xe && (e = this._to ? e[this._to[4]]() : this._from ? e[this._from[4]]() : e), this._type === Uu && (e = this._to ? e.align(this._to) : this._from ? e.align(this._from) : e), e = e.toConsumable(), this._morphObj = this._morphObj || new this._type(), this._context = this._context || Array.apply(null, Array(e.length)).map(Object).map(function(r) {
       return r.done = !0, r;
     }), e;
   }
@@ -31750,8 +31753,8 @@ class Uu {
     const e = this.values;
     for (let r = 0, n = e.length; r < n; ++r) {
       if (e[r + 1] === t[r + 1]) {
-        if (e[r + 1] === ye && t[r + 7] !== e[r + 7]) {
-          const s = t[r + 7], l = new ye(this.values.splice(r + 3, 5))[s]().toArray();
+        if (e[r + 1] === xe && t[r + 7] !== e[r + 7]) {
+          const s = t[r + 7], l = new xe(this.values.splice(r + 3, 5))[s]().toArray();
           this.values.splice(r + 3, 0, ...l);
         }
         r += e[r + 2] + 2;
@@ -31819,7 +31822,7 @@ class Sh extends Un {
     return t == null ? this.bbox().y : this.move(this.bbox().x, t);
   }
 }
-Sh.prototype.MorphArray = La, Nt({ Container: { path: _e(function(o) {
+Sh.prototype.MorphArray = La, Nt({ Container: { path: je(function(o) {
   return this.put(new Sh()).plot(o || new La());
 }) } }), oe(Sh, "Path");
 var mE = Object.freeze({ __proto__: null, array: function() {
@@ -31839,7 +31842,7 @@ class Yd extends Un {
     super(Ae("polygon", t), e);
   }
 }
-Nt({ Container: { polygon: _e(function(o) {
+Nt({ Container: { polygon: je(function(o) {
   return this.put(new Yd()).plot(o || new Kl());
 }) } }), At(Yd, Ww), At(Yd, mE), oe(Yd, "Polygon");
 class Ud extends Un {
@@ -31847,7 +31850,7 @@ class Ud extends Un {
     super(Ae("polyline", t), e);
   }
 }
-Nt({ Container: { polyline: _e(function(o) {
+Nt({ Container: { polyline: je(function(o) {
   return this.put(new Ud()).plot(o || new Kl());
 }) } }), At(Ud, Ww), At(Ud, mE), oe(Ud, "Polyline");
 class gb extends Un {
@@ -31855,7 +31858,7 @@ class gb extends Un {
     super(Ae("rect", t), e);
   }
 }
-At(gb, { rx: qw, ry: Gw }), Nt({ Container: { rect: _e(function(o, t) {
+At(gb, { rx: qw, ry: Gw }), Nt({ Container: { rect: je(function(o, t) {
   return this.put(new gb()).size(o, t);
 }) } }), oe(gb, "Rect");
 class ny {
@@ -31880,32 +31883,32 @@ class ny {
     return t ? (this._first = t.next, this._first && (this._first.prev = null), this._last = this._first ? this._last : null, t.value) : null;
   }
 }
-const me = { nextDraw: null, frames: new ny(), timeouts: new ny(), immediates: new ny(), timer: () => te.window.performance || te.window.Date, transforms: [], frame(o) {
-  const t = me.frames.push({ run: o });
-  return me.nextDraw === null && (me.nextDraw = te.window.requestAnimationFrame(me._draw)), t;
+const ve = { nextDraw: null, frames: new ny(), timeouts: new ny(), immediates: new ny(), timer: () => te.window.performance || te.window.Date, transforms: [], frame(o) {
+  const t = ve.frames.push({ run: o });
+  return ve.nextDraw === null && (ve.nextDraw = te.window.requestAnimationFrame(ve._draw)), t;
 }, timeout(o, t) {
   t = t || 0;
-  const e = me.timer().now() + t, r = me.timeouts.push({ run: o, time: e });
-  return me.nextDraw === null && (me.nextDraw = te.window.requestAnimationFrame(me._draw)), r;
+  const e = ve.timer().now() + t, r = ve.timeouts.push({ run: o, time: e });
+  return ve.nextDraw === null && (ve.nextDraw = te.window.requestAnimationFrame(ve._draw)), r;
 }, immediate(o) {
-  const t = me.immediates.push(o);
-  return me.nextDraw === null && (me.nextDraw = te.window.requestAnimationFrame(me._draw)), t;
+  const t = ve.immediates.push(o);
+  return ve.nextDraw === null && (ve.nextDraw = te.window.requestAnimationFrame(ve._draw)), t;
 }, cancelFrame(o) {
-  o != null && me.frames.remove(o);
+  o != null && ve.frames.remove(o);
 }, clearTimeout(o) {
-  o != null && me.timeouts.remove(o);
+  o != null && ve.timeouts.remove(o);
 }, cancelImmediate(o) {
-  o != null && me.immediates.remove(o);
+  o != null && ve.immediates.remove(o);
 }, _draw(o) {
   let t = null;
-  const e = me.timeouts.last();
-  for (; (t = me.timeouts.shift()) && (o >= t.time ? t.run() : me.timeouts.push(t), t !== e); ) ;
+  const e = ve.timeouts.last();
+  for (; (t = ve.timeouts.shift()) && (o >= t.time ? t.run() : ve.timeouts.push(t), t !== e); ) ;
   let r = null;
-  const n = me.frames.last();
-  for (; r !== n && (r = me.frames.shift()); ) r.run(o);
+  const n = ve.frames.last();
+  for (; r !== n && (r = ve.frames.shift()); ) r.run(o);
   let a = null;
-  for (; a = me.immediates.shift(); ) a();
-  me.nextDraw = me.timeouts.first() || me.frames.first() ? te.window.requestAnimationFrame(me._draw) : null;
+  for (; a = ve.immediates.shift(); ) a();
+  ve.nextDraw = ve.timeouts.first() || ve.frames.first() ? te.window.requestAnimationFrame(ve._draw) : null;
 } }, tq = function(o) {
   const t = o.start, e = o.runner.duration();
   return { start: t, duration: e, end: t + e, runner: o.runner };
@@ -31996,7 +31999,7 @@ class vE extends sf {
     return this.active() || (this._lastSourceTime = this._timeSource()), this;
   }
   _continue(t = !1) {
-    return me.cancelFrame(this._nextFrame), this._nextFrame = null, t ? this._stepImmediate() : (this._paused || (this._nextFrame = me.frame(this._step)), this);
+    return ve.cancelFrame(this._nextFrame), this._nextFrame = null, t ? this._stepImmediate() : (this._paused || (this._nextFrame = ve.frame(this._step)), this);
   }
   _stepFn(t = !1) {
     const e = this._timeSource();
@@ -32240,7 +32243,7 @@ Nt({ Element: { animate(o, t, e) {
 }, _currentTransform(o) {
   return this._transformationRunners.runners.filter((t) => t.id <= o.id).map(xE).reduce(yE, new kt());
 }, _addRunner(o) {
-  this._transformationRunners.add(o), me.cancelImmediate(this._frameId), this._frameId = me.immediate(oq.bind(this));
+  this._transformationRunners.add(o), ve.cancelImmediate(this._frameId), this._frameId = ve.immediate(oq.bind(this));
 }, _prepareRunner() {
   this._frameId == null && (this._transformationRunners = new rq().add(new Gb(new kt(this))));
 } } });
@@ -32287,7 +32290,7 @@ At(Tn, { attr(o, t) {
     i = i || this.element(), a = a || Xy(o, i), d = new kt(t ? void 0 : i), i._addRunner(this), t || i._clearTransformRunnersBefore(this);
   }, function(h) {
     t || this.clearTransform();
-    const { x: c, y: p } = new de(a).transform(i._currentTransform(this));
+    const { x: c, y: p } = new ce(a).transform(i._currentTransform(this));
     let u = new kt({ ...o, origin: [c, p] }), g = this._isDeclarative && s ? s : d;
     if (e) {
       u = u.decompose(c, p), g = g.decompose(c, p);
@@ -32388,7 +32391,7 @@ class rx extends Kr {
     return this.isRoot() ? this : super.root();
   }
 }
-Nt({ Container: { nested: _e(function() {
+Nt({ Container: { nested: je(function() {
   return this.put(new rx());
 }) } }), oe(rx, "Svg", !0);
 let nx = class extends Kr {
@@ -32396,7 +32399,7 @@ let nx = class extends Kr {
     super(Ae("symbol", o), t);
   }
 };
-Nt({ Container: { symbol: _e(function() {
+Nt({ Container: { symbol: je(function() {
   return this.put(new nx());
 }) } }), oe(nx, "Symbol");
 var wE = Object.freeze({ __proto__: null, amove: function(o, t) {
@@ -32466,9 +32469,9 @@ class Ia extends Un {
     return this.build(!1).rebuild();
   }
 }
-At(Ia, wE), Nt({ Container: { text: _e(function(o = "") {
+At(Ia, wE), Nt({ Container: { text: je(function(o = "") {
   return this.put(new Ia()).text(o);
-}), plain: _e(function(o = "") {
+}), plain: je(function(o = "") {
   return this.put(new Ia()).plain(o);
 }) } }), oe(Ia, "Text");
 class fb extends Un {
@@ -32493,7 +32496,7 @@ class fb extends Un {
 ` : "") : (typeof t == "function" ? (this.clear().build(!0), t.call(this, this), this.build(!1)) : this.plain(t), this);
   }
 }
-At(fb, wE), Nt({ Tspan: { tspan: _e(function(o = "") {
+At(fb, wE), Nt({ Tspan: { tspan: je(function(o = "") {
   const t = new fb();
   return this._build || this.clear(), this.put(t).text(o);
 }) }, Text: { newLine: function(o = "") {
@@ -32516,7 +32519,7 @@ class ay extends Un {
     return this.radius(new Dt(t).divide(2));
   }
 }
-At(ay, { x: sE, y: lE, cx: dE, cy: cE, width: hE, height: pE }), Nt({ Container: { circle: _e(function(o = 0) {
+At(ay, { x: sE, y: lE, cx: dE, cy: cE, width: hE, height: pE }), Nt({ Container: { circle: je(function(o = 0) {
   return this.put(new ay()).size(o).move(0, 0);
 }) } }), oe(ay, "Circle");
 class iy extends Kr {
@@ -32532,7 +32535,7 @@ class iy extends Kr {
     return Qc("svg [clip-path*=" + this.id() + "]");
   }
 }
-Nt({ Container: { clip: _e(function() {
+Nt({ Container: { clip: je(function() {
   return this.defs().put(new iy());
 }) }, Element: { clipper() {
   return this.reference("clip-path");
@@ -32547,7 +32550,7 @@ class F1 extends hr {
     super(Ae("foreignObject", t), e);
   }
 }
-Nt({ Container: { foreignObject: _e(function(o, t) {
+Nt({ Container: { foreignObject: je(function(o, t) {
   return this.put(new F1()).size(o, t);
 }) } }), oe(F1, "ForeignObject");
 var kE = Object.freeze({ __proto__: null, dmove: function(o, t) {
@@ -32558,7 +32561,7 @@ var kE = Object.freeze({ __proto__: null, dmove: function(o, t) {
     } catch {
       return;
     }
-    const n = new kt(e), a = n.translate(o, t).transform(n.inverse()), i = new de(r.x, r.y).transform(a);
+    const n = new kt(e), a = n.translate(o, t).transform(n.inverse()), i = new ce(r.x, r.y).transform(a);
     e.move(i.x, i.y);
   }), this;
 }, dx: function(o) {
@@ -32573,7 +32576,7 @@ var kE = Object.freeze({ __proto__: null, dmove: function(o, t) {
 }, size: function(o, t, e = this.bbox()) {
   const r = Ap(this, o, t, e), n = r.width / e.width, a = r.height / e.height;
   return this.children().forEach((i) => {
-    const s = new de(e).transform(new kt(i).inverse());
+    const s = new ce(e).transform(new kt(i).inverse());
     i.scale(n, a, s.x, s.y);
   }), this;
 }, width: function(o, t = this.bbox()) {
@@ -32588,7 +32591,7 @@ class Il extends Kr {
     super(Ae("g", t), e);
   }
 }
-At(Il, kE), Nt({ Container: { group: _e(function() {
+At(Il, kE), Nt({ Container: { group: je(function() {
   return this.put(new Il());
 }) } }), oe(Il, "G");
 class Vf extends Kr {
@@ -32602,7 +32605,7 @@ class Vf extends Kr {
     return this.attr("href", t, Rp);
   }
 }
-At(Vf, kE), Nt({ Container: { link: _e(function(o) {
+At(Vf, kE), Nt({ Container: { link: je(function(o) {
   return this.put(new Vf()).to(o);
 }) }, Element: { unlink() {
   const o = this.linker();
@@ -32631,7 +32634,7 @@ class sy extends Kr {
     return Qc("svg [mask*=" + this.id() + "]");
   }
 }
-Nt({ Container: { mask: _e(function() {
+Nt({ Container: { mask: je(function() {
   return this.defs().put(new sy());
 }) }, Element: { masker() {
   return this.reference("mask");
@@ -32696,16 +32699,16 @@ class dy extends Ia {
     return this.reference("href");
   }
 }
-Nt({ Container: { textPath: _e(function(o, t) {
+Nt({ Container: { textPath: je(function(o, t) {
   return o instanceof Ia || (o = this.text(o)), o.path(t);
-}) }, Text: { path: _e(function(o, t = !0) {
+}) }, Text: { path: je(function(o, t = !0) {
   const e = new dy();
   let r;
   if (o instanceof Sh || (o = this.defs().path(o)), e.attr("href", "#" + o, Rp), t) for (; r = this.node.firstChild; ) e.node.appendChild(r);
   return this.put(e);
 }), textPath() {
   return this.findOne("textPath");
-} }, Path: { text: _e(function(o) {
+} }, Path: { text: je(function(o) {
   return o instanceof Ia || (o = new Ia().addTo(this.parent()).text(o)), o.path(this);
 }), targets() {
   return Qc("svg textPath").filter((o) => (o.attr("href") || "").includes(this.id()));
@@ -32718,13 +32721,13 @@ class U1 extends Un {
     return this.attr("href", (e || "") + "#" + t, Rp);
   }
 }
-Nt({ Container: { use: _e(function(o, t) {
+Nt({ Container: { use: je(function(o, t) {
   return this.put(new U1()).use(o, t);
 }) } }), oe(U1, "Use");
 const nq = Ur;
 At([rx, nx, pb, Yu, ub], en("viewbox")), At([Fd, Ud, Yd, Sh], en("marker")), At(Ia, en("Text")), At(Sh, en("Path")), At(tv, en("Defs")), At([Ia, fb], en("Tspan")), At([gb, hb, ku, Tn], en("radius")), At(sf, en("EventTarget")), At(Xl, en("Dom")), At(hr, en("Element")), At(Un, en("Shape")), At([Kr, uE], en("Container")), At(ku, en("Gradient")), At(Tn, en("Runner")), lc.extend([...new Set(ZS)]), function(o = []) {
   ox.push(...[].concat(o));
-}([Dt, ye, uo, kt, dc, Kl, La, de]), At(ox, { to(o) {
+}([Dt, xe, uo, kt, dc, Kl, La, ce]), At(ox, { to(o) {
   return new Pd().type(this.constructor).from(this.toArray()).to(o);
 }, fromArray(o) {
   return this.init(o), this;
@@ -32788,7 +32791,7 @@ const Kn = (o) => function(...t) {
     update(r) {
       return e.apply(this, r), this;
     }
-  }, Te.prototype[o] = _e(function(r, ...n) {
+  }, Te.prototype[o] = je(function(r, ...n) {
     const a = new Te[t + "Effect"]();
     return r == null ? this.put(a) : (typeof r == "function" ? r.call(a, a) : n.unshift(r), this.put(a).update(n));
   });
@@ -32813,13 +32816,13 @@ const Kn = (o) => function(...t) {
   };
 });
 ["funcR", "funcG", "funcB", "funcA"].forEach(function(o) {
-  const t = Te[Cp(o)], e = _e(function() {
+  const t = Te[Cp(o)], e = je(function() {
     return this.put(new t());
   });
   Te.ComponentTransferEffect.prototype[o] = e;
 });
 ["distantLight", "pointLight", "spotLight"].forEach((o) => {
-  const t = Te[Cp(o)], e = _e(function() {
+  const t = Te[Cp(o)], e = je(function() {
     return this.put(new t());
   });
   Te.DiffuseLightingEffect.prototype[o] = e, Te.SpecularLightingEffect.prototype[o] = e;
@@ -39113,9 +39116,9 @@ var Hq = function() {
         break;
       case "A":
         i = function(s, l) {
-          var d, h, c, p, u, g, f, v, x, y, _, z, k, E, S, C, A, R, L, M, N, Y, q, X, K, ot, ut = Math.abs(l[1]), yt = Math.abs(l[2]), jt = l[3] % 360, Vt = l[4], ct = l[5], Tt = l[6], lo = l[7], St = new de(s), Ft = new de(Tt, lo), Qt = [];
+          var d, h, c, p, u, g, f, v, x, y, _, z, k, E, S, C, A, R, L, M, N, Y, q, X, K, ot, ut = Math.abs(l[1]), yt = Math.abs(l[2]), jt = l[3] % 360, Vt = l[4], ct = l[5], Tt = l[6], lo = l[7], St = new ce(s), Ft = new ce(Tt, lo), Qt = [];
           if (ut === 0 || yt === 0 || St.x === Ft.x && St.y === Ft.y) return [["C", St.x, St.y, Ft.x, Ft.y, Ft.x, Ft.y]];
-          for (d = new de((St.x - Ft.x) / 2, (St.y - Ft.y) / 2).transform(new kt().rotate(jt)), h = d.x * d.x / (ut * ut) + d.y * d.y / (yt * yt), h > 1 && (ut *= h = Math.sqrt(h), yt *= h), c = new kt().rotate(jt).scale(1 / ut, 1 / yt).rotate(-jt), St = St.transform(c), Ft = Ft.transform(c), p = [Ft.x - St.x, Ft.y - St.y], g = p[0] * p[0] + p[1] * p[1], u = Math.sqrt(g), p[0] /= u, p[1] /= u, f = g < 4 ? Math.sqrt(1 - g / 4) : 0, Vt === ct && (f *= -1), v = new de((Ft.x + St.x) / 2 + f * -p[1], (Ft.y + St.y) / 2 + f * p[0]), x = new de(St.x - v.x, St.y - v.y), y = new de(Ft.x - v.x, Ft.y - v.y), _ = Math.acos(x.x / Math.sqrt(x.x * x.x + x.y * x.y)), x.y < 0 && (_ *= -1), z = Math.acos(y.x / Math.sqrt(y.x * y.x + y.y * y.y)), y.y < 0 && (z *= -1), ct && _ > z && (z += 2 * Math.PI), !ct && _ < z && (z -= 2 * Math.PI), E = Math.ceil(2 * Math.abs(_ - z) / Math.PI), C = [], A = _, k = (z - _) / E, S = 4 * Math.tan(k / 4) / 3, N = 0; N <= E; N++) L = Math.cos(A), R = Math.sin(A), M = new de(v.x + L, v.y + R), C[N] = [new de(M.x + S * R, M.y - S * L), M, new de(M.x - S * R, M.y + S * L)], A += k;
+          for (d = new ce((St.x - Ft.x) / 2, (St.y - Ft.y) / 2).transform(new kt().rotate(jt)), h = d.x * d.x / (ut * ut) + d.y * d.y / (yt * yt), h > 1 && (ut *= h = Math.sqrt(h), yt *= h), c = new kt().rotate(jt).scale(1 / ut, 1 / yt).rotate(-jt), St = St.transform(c), Ft = Ft.transform(c), p = [Ft.x - St.x, Ft.y - St.y], g = p[0] * p[0] + p[1] * p[1], u = Math.sqrt(g), p[0] /= u, p[1] /= u, f = g < 4 ? Math.sqrt(1 - g / 4) : 0, Vt === ct && (f *= -1), v = new ce((Ft.x + St.x) / 2 + f * -p[1], (Ft.y + St.y) / 2 + f * p[0]), x = new ce(St.x - v.x, St.y - v.y), y = new ce(Ft.x - v.x, Ft.y - v.y), _ = Math.acos(x.x / Math.sqrt(x.x * x.x + x.y * x.y)), x.y < 0 && (_ *= -1), z = Math.acos(y.x / Math.sqrt(y.x * y.x + y.y * y.y)), y.y < 0 && (z *= -1), ct && _ > z && (z += 2 * Math.PI), !ct && _ < z && (z -= 2 * Math.PI), E = Math.ceil(2 * Math.abs(_ - z) / Math.PI), C = [], A = _, k = (z - _) / E, S = 4 * Math.tan(k / 4) / 3, N = 0; N <= E; N++) L = Math.cos(A), R = Math.sin(A), M = new ce(v.x + L, v.y + R), C[N] = [new ce(M.x + S * R, M.y - S * L), M, new ce(M.x - S * R, M.y + S * L)], A += k;
           for (C[0][0] = C[0][1].clone(), C[C.length - 1][2] = C[C.length - 1][1].clone(), c = new kt().rotate(jt).scale(ut, yt).rotate(-jt), N = 0, Y = C.length; N < Y; N++) C[N][0] = C[N][0].transform(c), C[N][1] = C[N][1].transform(c), C[N][2] = C[N][2].transform(c);
           for (N = 1, Y = C.length; N < Y; N++) q = (M = C[N - 1][2]).x, X = M.y, K = (M = C[N][0]).x, ot = M.y, Tt = (M = C[N][1]).x, lo = M.y, Qt.push(["C", q, X, K, ot, Tt, lo]);
           return Qt;
@@ -39524,7 +39527,7 @@ class Z1 {
     let c = Math.acos((i * l + s * d) / h) / Math.PI * 180;
     if (!c) return;
     r.x < e.x && (c = -c);
-    const p = new kt(this.el), { x: u, y: g } = new de(n, a).transformO(p), { rotate: f } = p.decompose(), v = this.snapToAngle(f + c) - f;
+    const p = new kt(this.el), { x: u, y: g } = new ce(n, a).transformO(p), { rotate: f } = p.decompose(), v = this.snapToAngle(f + c) - f;
     this.el.dispatch("resize", { box: this.box, angle: v, eventType: this.eventType, event: t, handler: this }).defaultPrevented || this.el.transform(p.rotateO(v, u, g));
   }
   endResize(t) {
@@ -41228,7 +41231,7 @@ var Oe = function(o, t, e, r) {
 }, Et = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Se = class extends P(dl) {
+let Ee = class extends P(dl) {
   // #region Fields
   // private readonly _resizeController: ResizeController<{ width: number; height: number }>;
   _defaultOptions;
@@ -41772,7 +41775,7 @@ Oe([
   b({ type: NE }),
   Et("design:type", String),
   Et("design:paramtypes", [String])
-], Se.prototype, "display", null);
+], Ee.prototype, "display", null);
 Oe([
   b({
     type: Boolean,
@@ -41780,12 +41783,12 @@ Oe([
   }),
   Et("design:type", Boolean),
   Et("design:paramtypes", [Boolean])
-], Se.prototype, "stacked", null);
+], Ee.prototype, "stacked", null);
 Oe([
   b({ type: ME }),
   Et("design:type", String),
   Et("design:paramtypes", [String])
-], Se.prototype, "stackType", null);
+], Ee.prototype, "stackType", null);
 Oe([
   b({
     type: Boolean,
@@ -41793,12 +41796,12 @@ Oe([
   }),
   Et("design:type", Boolean),
   Et("design:paramtypes", [Boolean])
-], Se.prototype, "isLegendVisible", null);
+], Ee.prototype, "isLegendVisible", null);
 Oe([
   b({ type: String }),
   Et("design:type", String),
   Et("design:paramtypes", [String])
-], Se.prototype, "legendPosition", null);
+], Ee.prototype, "legendPosition", null);
 Oe([
   b({
     type: Boolean,
@@ -41806,7 +41809,7 @@ Oe([
   }),
   Et("design:type", Boolean),
   Et("design:paramtypes", [Boolean])
-], Se.prototype, "isXAxisVisible", null);
+], Ee.prototype, "isXAxisVisible", null);
 Oe([
   b({
     type: Boolean,
@@ -41814,103 +41817,103 @@ Oe([
   }),
   Et("design:type", Boolean),
   Et("design:paramtypes", [Boolean])
-], Se.prototype, "isYAxisVisible", null);
+], Ee.prototype, "isYAxisVisible", null);
 Oe([
   T({ type: Object }),
   Et("design:type", Object),
   Et("design:paramtypes", [Object])
-], Se.prototype, "chart", null);
+], Ee.prototype, "chart", null);
 Oe([
   T({ type: Object }),
   Et("design:type", Object),
   Et("design:paramtypes", [Object])
-], Se.prototype, "annotations", null);
+], Ee.prototype, "annotations", null);
 Oe([
   T({ type: Array }),
   Et("design:type", Object),
   Et("design:paramtypes", [Object])
-], Se.prototype, "colors", null);
+], Ee.prototype, "colors", null);
 Oe([
   T({ type: Object }),
   Et("design:type", Object),
   Et("design:paramtypes", [Object])
-], Se.prototype, "dataLabels", null);
+], Ee.prototype, "dataLabels", null);
 Oe([
   T({ type: Array }),
   Et("design:type", Object),
   Et("design:paramtypes", [Object])
-], Se.prototype, "series", null);
+], Ee.prototype, "series", null);
 Oe([
   T({ type: Object }),
   Et("design:type", Object),
   Et("design:paramtypes", [Object])
-], Se.prototype, "stroke", null);
+], Ee.prototype, "stroke", null);
 Oe([
   T({ type: Array }),
   Et("design:type", Object),
   Et("design:paramtypes", [Object])
-], Se.prototype, "labels", null);
+], Ee.prototype, "labels", null);
 Oe([
   T({ type: Object }),
   Et("design:type", Object),
   Et("design:paramtypes", [Object])
-], Se.prototype, "legend", null);
+], Ee.prototype, "legend", null);
 Oe([
   T({ type: Object }),
   Et("design:type", Object),
   Et("design:paramtypes", [Object])
-], Se.prototype, "markers", null);
+], Ee.prototype, "markers", null);
 Oe([
   T({ type: Object }),
   Et("design:type", Object),
   Et("design:paramtypes", [Object])
-], Se.prototype, "noData", null);
+], Ee.prototype, "noData", null);
 Oe([
   T({ type: Object }),
   Et("design:type", Object),
   Et("design:paramtypes", [Object])
-], Se.prototype, "fill", null);
+], Ee.prototype, "fill", null);
 Oe([
   T({ type: Object }),
   Et("design:type", Object),
   Et("design:paramtypes", [Object])
-], Se.prototype, "tooltip", null);
+], Ee.prototype, "tooltip", null);
 Oe([
   T({ type: Object }),
   Et("design:type", Object),
   Et("design:paramtypes", [Object])
-], Se.prototype, "plotOptions", null);
+], Ee.prototype, "plotOptions", null);
 Oe([
   T({ type: Array }),
   Et("design:type", Object),
   Et("design:paramtypes", [Object])
-], Se.prototype, "responsive", null);
+], Ee.prototype, "responsive", null);
 Oe([
   T({ type: Object }),
   Et("design:type", Object),
   Et("design:paramtypes", [Object])
-], Se.prototype, "xAxis", null);
+], Ee.prototype, "xAxis", null);
 Oe([
   T({ type: Array }),
   Et("design:type", Object),
   Et("design:paramtypes", [Object])
-], Se.prototype, "yAxis", null);
+], Ee.prototype, "yAxis", null);
 Oe([
   T({ type: Object }),
   Et("design:type", Object),
   Et("design:paramtypes", [Object])
-], Se.prototype, "grid", null);
+], Ee.prototype, "grid", null);
 Oe([
   T({ type: Object }),
   Et("design:type", Object),
   Et("design:paramtypes", [Object])
-], Se.prototype, "states", null);
+], Ee.prototype, "states", null);
 Oe([
   T({ type: Object }),
   Et("design:type", Object),
   Et("design:paramtypes", [Object])
-], Se.prototype, "theme", null);
-Se = Oe([
+], Ee.prototype, "theme", null);
+Ee = Oe([
   O({
     selector: "mosaik-chart",
     template: Gq,
@@ -41926,7 +41929,7 @@ Se = Oe([
     }
   }),
   Et("design:paramtypes", [])
-], Se);
+], Ee);
 function Zq(o) {
   return w`
         <div part="root">
@@ -44377,7 +44380,7 @@ function b8(o) {
   return w`
         ${$(!o.disabled, () => w`
         <mosaik-focus-ring part="focusRing"
-                           .variant="${o.invalid ? ce.Danger : o.variant}"
+                           .variant="${o.invalid ? he.Danger : o.variant}"
                            .visible="${o.isFocused}"
                            .controlled="${"manual"}"
                            @connected="${(e) => e.target.attach(o)}"></mosaik-focus-ring>
@@ -45604,7 +45607,7 @@ Go([
 });
 function x8(o) {
   return w`
-        <mosaik-stack .verticalAlignment="${pe.Center}"
+        <mosaik-stack .verticalAlignment="${ue.Center}"
                       .gap="${"4px"}" >
             <slot name="icon"></slot>
             <mosaik-text .text="${o.text}"></mosaik-text>
@@ -46152,7 +46155,7 @@ var iv = function(o, t, e, r) {
 }, hc = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Zu = class extends P(Ee(H)) {
+let Zu = class extends P(le(H)) {
   // #region Fields
   _text;
   _wrap;
@@ -46663,7 +46666,7 @@ var Pr = function(o, t, e, r) {
 }, Wt = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 }, ux;
-let pr = ux = class extends P(es(G(Ee(Zm(jp(Ct(H))))))) {
+let pr = ux = class extends P(es(G(le(Zm(jp(Ct(H))))))) {
   // #region Fields
   _body;
   _floatingElement;
@@ -47079,7 +47082,7 @@ function O8(o) {
                       .gap="${"4px"}">
             ${$(o.label.trim() || o.info.trim(), () => w`
             <mosaik-stack .orientation="${rt.Horizontal}"
-                          .verticalAlignment="${pe.Center}"
+                          .verticalAlignment="${ue.Center}"
                           .gap="${"8px"}">
                 <label part="label">
                     <mosaik-text .text="${o.label}"
@@ -47103,7 +47106,7 @@ function O8(o) {
             ${$(o.error.trim() || o.validationMessage.trim() || o.hint.trim(), () => w`
             <mosaik-stack part="detail"
                           .orientation="${rt.Horizontal}"
-                          .verticalAlignment="${pe.Center}">
+                          .verticalAlignment="${ue.Center}">
                 ${$(o.error.trim().length, () => w`
                 <mosaik-error part="error"
                               .text="${o.error}"></mosaik-error>
@@ -47413,7 +47416,7 @@ var Gn = function(o, t, e, r) {
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(o, t, e, r);
   else for (var s = o.length - 1; s >= 0; s--) (i = o[s]) && (a = (n < 3 ? i(a) : n > 3 ? i(t, e, a) : i(t, e)) || a);
   return n > 3 && a && Object.defineProperty(t, e, a), a;
-}, je = function(o, t) {
+}, ze = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
 let Mo = class extends P(G(Lt(Qi(u8)))) {
@@ -47441,7 +47444,7 @@ let Mo = class extends P(G(Lt(Qi(u8)))) {
    * @public
    */
   constructor() {
-    super(), this.verticalContentAlignment = pe.Stretch, this.horizontalContentAlignment = Rr.Stretch, this._error = "", this._hint = "", this._info = "", this._validators = [], this._accessor = null, this._validationMessage = "", this._required = !1, this._control = null, this._controlValue = null, this._accessorInstance = null, this._validatorInstances = [], this._invalid = !1, this._name = "", this._isTouched = !1, this._onChange = (t) => {
+    super(), this.verticalContentAlignment = ue.Stretch, this.horizontalContentAlignment = Rr.Stretch, this._error = "", this._hint = "", this._info = "", this._validators = [], this._accessor = null, this._validationMessage = "", this._required = !1, this._control = null, this._controlValue = null, this._accessorInstance = null, this._validatorInstances = [], this._invalid = !1, this._name = "", this._isTouched = !1, this._onChange = (t) => {
       this._controlValue = t, this._isTouched && this.invalidate();
     }, this._onReset = () => {
       this.error = "", this.validationMessage = "";
@@ -47672,72 +47675,72 @@ let Mo = class extends P(G(Lt(Qi(u8)))) {
 };
 Gn([
   b({ type: String }),
-  je("design:type", String),
-  je("design:paramtypes", [String])
+  ze("design:type", String),
+  ze("design:paramtypes", [String])
 ], Mo.prototype, "error", null);
 Gn([
   b({ type: String }),
-  je("design:type", String),
-  je("design:paramtypes", [String])
+  ze("design:type", String),
+  ze("design:paramtypes", [String])
 ], Mo.prototype, "hint", null);
 Gn([
   b({ type: String }),
-  je("design:type", String),
-  je("design:paramtypes", [String])
+  ze("design:type", String),
+  ze("design:paramtypes", [String])
 ], Mo.prototype, "info", null);
 Gn([
   T({ type: Array }),
-  je("design:type", Array),
-  je("design:paramtypes", [Array])
+  ze("design:type", Array),
+  ze("design:paramtypes", [Array])
 ], Mo.prototype, "validators", null);
 Gn([
   T({ type: Object }),
-  je("design:type", Object),
-  je("design:paramtypes", [Object])
+  ze("design:type", Object),
+  ze("design:paramtypes", [Object])
 ], Mo.prototype, "accessor", null);
 Gn([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  je("design:type", Boolean),
-  je("design:paramtypes", [Boolean])
+  ze("design:type", Boolean),
+  ze("design:paramtypes", [Boolean])
 ], Mo.prototype, "required", null);
 Gn([
   T({ type: String }),
-  je("design:type", String),
-  je("design:paramtypes", [String])
+  ze("design:type", String),
+  ze("design:paramtypes", [String])
 ], Mo.prototype, "validationMessage", null);
 Gn([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  je("design:type", Boolean),
-  je("design:paramtypes", [Boolean])
+  ze("design:type", Boolean),
+  ze("design:paramtypes", [Boolean])
 ], Mo.prototype, "invalid", null);
 Gn([
   b({ type: String }),
-  je("design:type", String),
-  je("design:paramtypes", [String])
+  ze("design:type", String),
+  ze("design:paramtypes", [String])
 ], Mo.prototype, "name", null);
 Gn([
   D("accessor"),
-  je("design:type", Function),
-  je("design:paramtypes", [Function, Function]),
-  je("design:returntype", void 0)
+  ze("design:type", Function),
+  ze("design:paramtypes", [Function, Function]),
+  ze("design:returntype", void 0)
 ], Mo.prototype, "onAccessorPropertyChange", null);
 Gn([
   D("validators"),
-  je("design:type", Function),
-  je("design:paramtypes", [Array, Array]),
-  je("design:returntype", void 0)
+  ze("design:type", Function),
+  ze("design:paramtypes", [Array, Array]),
+  ze("design:returntype", void 0)
 ], Mo.prototype, "onValidatorsPropertyChange", null);
 Gn([
   D("disabled"),
-  je("design:type", Function),
-  je("design:paramtypes", [Boolean, Boolean]),
-  je("design:returntype", void 0)
+  ze("design:type", Function),
+  ze("design:paramtypes", [Boolean, Boolean]),
+  ze("design:returntype", void 0)
 ], Mo.prototype, "onDisabledPropertyChange", null);
 Mo = Gn([
   O({
@@ -47749,7 +47752,7 @@ Mo = Gn([
       cosmopolitan: I8
     }
   }),
-  je("design:paramtypes", [])
+  ze("design:paramtypes", [])
 ], Mo);
 function H8() {
   return m`
@@ -48374,7 +48377,7 @@ var tk = function(o, t, e, r) {
 }, Ju = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Kb = class extends P(Ee(H)) {
+let Kb = class extends P(le(H)) {
   // #region Fields
   _title;
   _icon;
@@ -48765,7 +48768,7 @@ var qE = function(o, t, e, r) {
 }, gx = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let fx = class extends P(Q(G(Ee(H)))) {
+let fx = class extends P(Q(G(le(H)))) {
   // #region Fields
   _text;
   // #endregion
@@ -49078,7 +49081,7 @@ var GE = function(o, t, e, r) {
 }, bx = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let mx = class extends P(G(Q(Ee(H)))) {
+let mx = class extends P(G(Q(le(H)))) {
   // #region Fields
   _text;
   // #endregion
@@ -50124,7 +50127,7 @@ var cl = function(o, t, e, r) {
 }, Ro = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Bi = class extends P(Zm(jp(G(Q(pt(Do(Zc(qt(Qi(Ee(H))))))))))) {
+let Bi = class extends P(Zm(jp(G(Q(pt(Do(Zc(qt(Qi(le(H))))))))))) {
   // #region Fields
   _actionElements;
   _icon;
@@ -50254,7 +50257,7 @@ let Bi = class extends P(Zm(jp(G(Q(pt(Do(Zc(qt(Qi(Ee(H))))))))))) {
     e !== void 0 && this._actionElements.forEach((r) => r.disabled = e);
   }
   onVariantPropertyChanged(t, e) {
-    this._actionElements.forEach((r) => r.variant = e ?? ce.Default);
+    this._actionElements.forEach((r) => r.variant = e ?? he.Default);
   }
   onAppearancePropertyChanged(t, e) {
     this._actionElements.forEach((r) => r.appearance = e ?? J.Default);
@@ -50907,7 +50910,7 @@ Jb = ek([
 function yG(o) {
   return w`
         <mosaik-stack .orientation="${rt.Horizontal}"
-                      .verticalAlignment="${pe.Center}"
+                      .verticalAlignment="${ue.Center}"
                       .gap="${Ue("--card-actions-gap")}"
                       .dir="${o.dir}"
                       .lang="${o.lang}"
@@ -50916,7 +50919,7 @@ function yG(o) {
         </mosaik-stack>
         <mosaik-stack style="flex: 1;"
                       .orientation="${rt.Horizontal}"
-                      .verticalAlignment="${pe.Center}"
+                      .verticalAlignment="${ue.Center}"
                       .horizontalAlignment="${Rr.Right}"
                       .gap="${Ue("--card-actions-gap")}"
                       .dir="${o.dir}"
@@ -50925,7 +50928,7 @@ function yG(o) {
             <slot></slot>
         </mosaik-stack>
         <mosaik-stack .orientation="${rt.Horizontal}"
-                      .verticalAlignment="${pe.Center}"
+                      .verticalAlignment="${ue.Center}"
                       .gap="${Ue("--card-actions-gap")}"
                       .dir="${o.dir}"
                       .lang="${o.lang}"
@@ -51605,7 +51608,7 @@ var VE = function(o, t, e, r) {
 }, yx = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let xx = class extends P(Ee(uc)) {
+let xx = class extends P(le(uc)) {
   // #region Fields
   _text;
   // #endregion
@@ -52010,7 +52013,7 @@ var XE = function(o, t, e, r) {
 }, wx = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let kx = class extends P(Ee(uc)) {
+let kx = class extends P(le(uc)) {
   // #region Fields
   _text;
   // #endregion
@@ -52336,7 +52339,7 @@ var KE = function(o, t, e, r) {
 }, _x = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let jx = class extends P(Ee(uc)) {
+let jx = class extends P(le(uc)) {
   // #region Fields
   _text;
   // #endregion
@@ -52607,7 +52610,7 @@ var rk = function(o, t, e, r) {
 }, eg = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Qb = class extends P(Ee(Ct(H))) {
+let Qb = class extends P(le(Ct(H))) {
   // #region Fields
   _text;
   _subText;
@@ -53761,7 +53764,7 @@ var cf = function(o, t, e, r) {
 }, Ys = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Gh = class extends P(Zc(pt(pd(G(Do(qt(Ee(Ct(nk(H)))))))))) {
+let Gh = class extends P(Zc(pt(pd(G(Do(qt(le(Ct(nk(H)))))))))) {
   // #region Fields
   _header;
   _subHeader;
@@ -54432,7 +54435,7 @@ function a7(o) {
                                .dir="${o.dir}"></mosaik-ripple>
                 `)}
                 <mosaik-stack .orientation="${rt.Horizontal}"
-                              .verticalAlignment="${pe.Center}"
+                              .verticalAlignment="${ue.Center}"
                               .gap="${Ue("--expander-gap")}"
                               .fit="${En.Width}"
                               .lang="${o.lang}"
@@ -57307,7 +57310,7 @@ var ik = function(o, t, e, r) {
 }, rg = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let em = class extends P(Q(pt(Do(Ee(H))))) {
+let em = class extends P(Q(pt(Do(le(H))))) {
   // #region Fields
   _title;
   _subTitle;
@@ -57930,7 +57933,7 @@ function E7(o) {
                .value="${o.text}"
                @input="${o.onInput}"/>
         <ul>
-            ${he(o.filteredItems, (t) => t, (t) => w`
+            ${pe(o.filteredItems, (t) => t, (t) => w`
             <li @click="${() => o.updateSelectedItem(t)}">${o.getDisplayValue(t)}</li>
             `)}
         </ul>
@@ -59534,9 +59537,9 @@ function U7(o) {
         ${$(o.markers.length, () => w`
         <mosaik-stack .dir="${o.dir}"
                       .orientation="${rt.Horizontal}"
-                      .verticalAlignment="${pe.Center}"
+                      .verticalAlignment="${ue.Center}"
                       .gap="${"2px"}">
-            ${he(o.markers, (t) => w`
+            ${pe(o.markers, (t) => w`
             <mosaik-dot part="marker"
                         .dir="${o.dir}"
                         ?disabled="${Ht(t.disabled)}"
@@ -61218,7 +61221,7 @@ function tW(o) {
                          .text="${o.intl?.weekNumberLabel}"
                          .alignment="${$t.Center}"></mosaik-text>
             `)}
-            ${he(Q7(s, o.firstDayOfWeek), (d) => d, (d) => w`
+            ${pe(Q7(s, o.firstDayOfWeek), (d) => d, (d) => w`
             <mosaik-text part="dayLabel"
                          .dir="${o.dir}"
                          .text="${d}"
@@ -65287,6 +65290,7 @@ function _W(o) {
         <slot name="label">
             <mosaik-text part="label"
                          .text="${o.label}"
+                         .formatter="${o.formatter}"
                          ?disabled="${o.disabled}"
                          ?wrap="${!0}"></mosaik-text>
         </slot>
@@ -65704,7 +65708,7 @@ var lv = function(o, t, e, r) {
 }, fc = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let _r = class extends P(Me(Ot(Q(pt(G(Lt(ul))))))) {
+let _r = class extends P(Me(Ot(Q(pt(G(Lt(le(ul)))))))) {
   // #region Fields
   _inputElement;
   _labelPosition;
@@ -67868,7 +67872,7 @@ function NW(o) {
   return w`
         ${$(!o.disabled, () => w`
         <mosaik-focus-ring part="focusRing"
-                           .variant="${o.invalid ? ce.Danger : o.variant}"
+                           .variant="${o.invalid ? he.Danger : o.variant}"
                            .visible="${o.isFocused}"
                            .controlled="${"manual"}"
                            @connected="${(t) => t.target.attach(o)}"></mosaik-focus-ring>
@@ -67884,7 +67888,7 @@ function NW(o) {
                    class="${ro({ floating: o.value || o.isFocused || o.chips.length > 0 })}">${o.label}</label>
             `)}
             <div part="wrapper">
-                ${he(o.chips, (t) => t, (t) => w`
+                ${pe(o.chips, (t) => t, (t) => w`
                 <mosaik-chip part="chip"
                              .value="${t}"
                              .label="${String(t)}"
@@ -69324,17 +69328,17 @@ function YW(o) {
             <div ${Va({ direction: "column", justify: "center", fill: !0 })}>
                 <slot name="label">
                     <mosaik-text part="label"
-                                 role="text"
                                  .text="${o.label}"
+                                 .formatter="${o.formatter}"
                                  ?disabled="${o.disabled}"
-                                 ?wrap="${!0}"></mosaik-text>
+                                 .wrap="${!0}"></mosaik-text>
                 </slot>
                 <slot name="additional">
                     <mosaik-text part="additional"
-                                 role="text"
                                  .text="${o.additional}"
+                                 .formatter="${o.formatter}"
                                  ?disabled="${o.disabled}"
-                                 ?wrap="${!0}"></mosaik-text>
+                                 .wrap="${!0}"></mosaik-text>
                 </slot>
             </div>
             <slot name="checkmark">
@@ -69461,6 +69465,18 @@ function UW() {
   --focus-ring-border-radius: min(var(--choice-border-radius), var(--choice-border-radius)  + var(--joy-layout-thickness));
 }
 
+:host slot[name="additional"] mosaik-text {
+  color: var(--joy-scheme-middlelight);
+  font-family: var(--joy-typography-body2-font-family);
+  font-size: var(--joy-typography-body2-font-size);
+  line-height: var(--joy-typography-body2-line-height);
+  font-weight: var(--joy-typography-body2-font-weight);
+  -webkit-text-decoration: var(--joy-typography-body2-text-decoration);
+  text-decoration: var(--joy-typography-body2-text-decoration);
+  text-transform: var(--joy-typography-body2-text-transform);
+  letter-spacing: var(--joy-typography-body2-letter-spacing);
+}
+
 :host([invalid]) {
   --choice-border-color: var(--joy-color-danger-500);
   --choice-foreground-color: var(--joy-color-danger-500);
@@ -69750,7 +69766,7 @@ var Pp = function(o, t, e, r) {
 }, Qa = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let jr = class extends P(Me(G(pt(Q(Lt(Ot(ul))))))) {
+let jr = class extends P(Me(G(pt(Q(Lt(Ot(le(ul)))))))) {
   // #region Fields
   _inputElement;
   _name;
@@ -71562,10 +71578,10 @@ sg = hv([
   mc("design:paramtypes", [])
 ], sg);
 function hV(o) {
-  const t = new ke("#ffffff"), e = new ke("#000000"), r = {}, n = [0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900], a = [0, 12, 30, 50, 70, 85, 100, 87, 70, 54, 25];
+  const t = new _e("#ffffff"), e = new _e("#000000"), r = {}, n = [0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900], a = [0, 12, 30, 50, 70, 85, 100, 87, 70, 54, 25];
   return n.forEach((i, s) => {
     const l = i <= 500 ? t : e;
-    r[`${i}`] = new ke(l).mix(o, a[s]).toHexString();
+    r[`${i}`] = new _e(l).mix(o, a[s]).toHexString();
   }), r;
 }
 const An = {
@@ -71597,7 +71613,7 @@ function pV(o) {
   return w`
         ${$(!o.disabled, () => w`
         <mosaik-focus-ring part="focusRing"
-                           .variant="${o.invalid ? ce.Danger : o.variant}"
+                           .variant="${o.invalid ? he.Danger : o.variant}"
                            .visible="${o.isFocused}"
                            .controlled="${"manual"}"
                            @connected="${(e) => e.target.attach(o)}"></mosaik-focus-ring>
@@ -71670,9 +71686,9 @@ function pV(o) {
                     <mosaik-color-area></mosaik-color-area>
                 </mosaik-tab-item>
                 <mosaik-tab-item>
-                    ${he(o.swatches, (e) => e, (e) => w`
+                    ${pe(o.swatches, (e) => e, (e) => w`
                     <mosaik-stack>
-                        ${he(t(e), (r) => r, (r) => w`
+                        ${pe(t(e), (r) => r, (r) => w`
                         <div part="item" style="background: ${r.value}"></div>
                         `)}
                     </mosaik-stack>
@@ -72566,7 +72582,7 @@ var xn = function(o, t, e, r) {
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(o, t, e, r);
   else for (var s = o.length - 1; s >= 0; s--) (i = o[s]) && (a = (n < 3 ? i(a) : n > 3 ? i(t, e, a) : i(t, e)) || a);
   return n > 3 && a && Object.defineProperty(t, e, a), a;
-}, ze = function(o, t) {
+}, Se = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
 let Gr = class extends P(Ct(qn(G(Me(Ot(Q(pt(hd(Lt(Zr)))))))))) {
@@ -72844,87 +72860,87 @@ let Gr = class extends P(Ct(qn(G(Me(Ot(Q(pt(hd(Lt(Zr)))))))))) {
 };
 xn([
   b({ type: String }),
-  ze("design:type", String),
-  ze("design:paramtypes", [String])
+  Se("design:type", String),
+  Se("design:paramtypes", [String])
 ], Gr.prototype, "value", null);
 xn([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  ze("design:type", Boolean),
-  ze("design:paramtypes", [Boolean])
+  Se("design:type", Boolean),
+  Se("design:paramtypes", [Boolean])
 ], Gr.prototype, "readonly", null);
 xn([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  ze("design:type", Boolean),
-  ze("design:paramtypes", [Boolean])
+  Se("design:type", Boolean),
+  Se("design:paramtypes", [Boolean])
 ], Gr.prototype, "required", null);
 xn([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  ze("design:type", Boolean),
-  ze("design:paramtypes", [Boolean])
+  Se("design:type", Boolean),
+  Se("design:paramtypes", [Boolean])
 ], Gr.prototype, "autofocus", null);
 xn([
   b({ type: String }),
-  ze("design:type", String),
-  ze("design:paramtypes", [String])
+  Se("design:type", String),
+  Se("design:paramtypes", [String])
 ], Gr.prototype, "name", null);
 xn([
   b({ type: String }),
-  ze("design:type", String),
-  ze("design:paramtypes", [String])
+  Se("design:type", String),
+  Se("design:paramtypes", [String])
 ], Gr.prototype, "pattern", null);
 xn([
   b({ type: String }),
-  ze("design:type", String),
-  ze("design:paramtypes", [String])
+  Se("design:type", String),
+  Se("design:paramtypes", [String])
 ], Gr.prototype, "placeholder", null);
 xn([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  ze("design:type", Boolean),
-  ze("design:paramtypes", [Boolean])
+  Se("design:type", Boolean),
+  Se("design:paramtypes", [Boolean])
 ], Gr.prototype, "autocomplete", null);
 xn([
   b({ type: Array }),
-  ze("design:type", Array),
-  ze("design:paramtypes", [Array])
+  Se("design:type", Array),
+  Se("design:paramtypes", [Array])
 ], Gr.prototype, "swatches", null);
 xn([
   b({ type: $t }),
-  ze("design:type", String),
-  ze("design:paramtypes", [String])
+  Se("design:type", String),
+  Se("design:paramtypes", [String])
 ], Gr.prototype, "textAlign", null);
 xn([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  ze("design:type", Boolean),
-  ze("design:paramtypes", [])
+  Se("design:type", Boolean),
+  Se("design:paramtypes", [])
 ], Gr.prototype, "hasPrefix", null);
 xn([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  ze("design:type", Boolean),
-  ze("design:paramtypes", [])
+  Se("design:type", Boolean),
+  Se("design:paramtypes", [])
 ], Gr.prototype, "hasSuffix", null);
 xn([
   D("isDropDownOpen", { waitUntilFirstUpdate: !0 }),
-  ze("design:type", Function),
-  ze("design:paramtypes", [Boolean, Boolean]),
-  ze("design:returntype", void 0)
+  Se("design:type", Function),
+  Se("design:paramtypes", [Boolean, Boolean]),
+  Se("design:returntype", void 0)
 ], Gr.prototype, "onIsDropDownOpenPropertyChanged", null);
 Gr = xn([
   O({
@@ -72943,7 +72959,7 @@ Gr = xn([
       delegatesFocus: !0
     }
   }),
-  ze("design:paramtypes", [])
+  Se("design:paramtypes", [])
 ], Gr);
 class yy {
   static _validSpecifiers = [
@@ -73525,7 +73541,7 @@ function xV(o) {
   return w`
         ${$(!o.disabled, () => w`
         <mosaik-focus-ring part="focusRing"
-                           .variant="${o.invalid ? ce.Danger : o.variant}"
+                           .variant="${o.invalid ? he.Danger : o.variant}"
                            .visible="${o.isFocused}"
                            .controlled="${"manual"}"
                            @connected="${(t) => t.target.attach(o)}"></mosaik-focus-ring>
@@ -75298,7 +75314,7 @@ function zV(o) {
   return w`
         ${$(!o.disabled, () => w`
         <mosaik-focus-ring part="focusRing"
-                           .variant="${o.invalid ? ce.Danger : o.variant}"
+                           .variant="${o.invalid ? he.Danger : o.variant}"
                            .visible="${o.isFocused}"
                            .controlled="${"manual"}"
                            @connected="${(t) => t.target.attach(o)}"></mosaik-focus-ring>
@@ -76261,7 +76277,7 @@ function CV() {
 
     `;
 }
-var le = function(o, t, e, r) {
+var de = function(o, t, e, r) {
   var n = arguments.length, a = n < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, e) : r, i;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(o, t, e, r);
   else for (var s = o.length - 1; s >= 0; s--) (i = o[s]) && (a = (n < 3 ? i(a) : n > 3 ? i(t, e, a) : i(t, e)) || a);
@@ -76828,22 +76844,22 @@ let re = Yx = class extends P(Ct(qn(hl(G(Me(Ot(Q(pt(hd(Lt(Zr))))))))))) {
     }
   }
 };
-le([
+de([
   T({ type: Date }),
   bt("design:type", Object),
   bt("design:paramtypes", [Object])
 ], re.prototype, "displayDate", null);
-le([
+de([
   T({ type: Date }),
   bt("design:type", Object),
   bt("design:paramtypes", [Object])
 ], re.prototype, "displayDateStart", null);
-le([
+de([
   T({ type: Date }),
   bt("design:type", Object),
   bt("design:paramtypes", [Object])
 ], re.prototype, "displayDateEnd", null);
-le([
+de([
   b({
     type: Date,
     converter: {
@@ -76854,12 +76870,12 @@ le([
   bt("design:type", Object),
   bt("design:paramtypes", [Object])
 ], re.prototype, "value", null);
-le([
+de([
   T({ type: String }),
   bt("design:type", String),
   bt("design:paramtypes", [String])
 ], re.prototype, "displayValue", null);
-le([
+de([
   b({
     type: Boolean,
     useDefault: !0
@@ -76867,7 +76883,7 @@ le([
   bt("design:type", Boolean),
   bt("design:paramtypes", [Boolean])
 ], re.prototype, "readonly", null);
-le([
+de([
   b({
     type: Boolean,
     useDefault: !0
@@ -76875,7 +76891,7 @@ le([
   bt("design:type", Boolean),
   bt("design:paramtypes", [Boolean])
 ], re.prototype, "required", null);
-le([
+de([
   b({
     type: Boolean,
     useDefault: !0
@@ -76883,17 +76899,17 @@ le([
   bt("design:type", Boolean),
   bt("design:paramtypes", [Boolean])
 ], re.prototype, "autofocus", null);
-le([
+de([
   b({ type: String }),
   bt("design:type", String),
   bt("design:paramtypes", [String])
 ], re.prototype, "name", null);
-le([
+de([
   b({ type: String }),
   bt("design:type", String),
   bt("design:paramtypes", [String])
 ], re.prototype, "placeholder", null);
-le([
+de([
   b({
     type: Boolean,
     useDefault: !0
@@ -76901,7 +76917,7 @@ le([
   bt("design:type", Boolean),
   bt("design:paramtypes", [Boolean])
 ], re.prototype, "autocomplete", null);
-le([
+de([
   b({
     type: Array,
     converter: {
@@ -76912,22 +76928,22 @@ le([
   bt("design:type", Array),
   bt("design:paramtypes", [Array])
 ], re.prototype, "values", null);
-le([
+de([
   b({ type: ho }),
   bt("design:type", String),
   bt("design:paramtypes", [String])
 ], re.prototype, "view", null);
-le([
+de([
   b({ type: Array }),
   bt("design:type", Array),
   bt("design:paramtypes", [Array])
 ], re.prototype, "blackoutDates", null);
-le([
+de([
   b({ type: Array }),
   bt("design:type", Array),
   bt("design:paramtypes", [Array])
 ], re.prototype, "specialDates", null);
-le([
+de([
   b({
     type: Date,
     converter: {
@@ -76938,7 +76954,7 @@ le([
   bt("design:type", Object),
   bt("design:paramtypes", [Object])
 ], re.prototype, "minDate", null);
-le([
+de([
   b({
     type: Date,
     converter: {
@@ -76949,12 +76965,12 @@ le([
   bt("design:type", Object),
   bt("design:paramtypes", [Object])
 ], re.prototype, "maxDate", null);
-le([
+de([
   b({ type: fd }),
   bt("design:type", Number),
   bt("design:paramtypes", [Number])
 ], re.prototype, "firstDayOfWeek", null);
-le([
+de([
   b({
     type: Boolean,
     useDefault: !0
@@ -76962,7 +76978,7 @@ le([
   bt("design:type", Boolean),
   bt("design:paramtypes", [Boolean])
 ], re.prototype, "isTodayHighlighted", null);
-le([
+de([
   b({
     type: Boolean,
     useDefault: !0
@@ -76970,7 +76986,7 @@ le([
   bt("design:type", Boolean),
   bt("design:paramtypes", [Boolean])
 ], re.prototype, "isWeekendHighlighted", null);
-le([
+de([
   b({
     type: Boolean,
     useDefault: !0
@@ -76978,12 +76994,12 @@ le([
   bt("design:type", Boolean),
   bt("design:paramtypes", [Boolean])
 ], re.prototype, "showWeekNumbers", null);
-le([
+de([
   T({ type: Function }),
   bt("design:type", Function),
   bt("design:paramtypes", [Function])
 ], re.prototype, "markerHandler", null);
-le([
+de([
   b({
     type: Boolean,
     useDefault: !0
@@ -76991,17 +77007,17 @@ le([
   bt("design:type", Boolean),
   bt("design:paramtypes", [Boolean])
 ], re.prototype, "showAdjacent", null);
-le([
+de([
   b({ type: String }),
   bt("design:type", String),
   bt("design:paramtypes", [String])
 ], re.prototype, "format", null);
-le([
+de([
   b({ type: $t }),
   bt("design:type", String),
   bt("design:paramtypes", [String])
 ], re.prototype, "textAlign", null);
-le([
+de([
   b({
     type: Boolean,
     useDefault: !0
@@ -77009,7 +77025,7 @@ le([
   bt("design:type", Boolean),
   bt("design:paramtypes", [])
 ], re.prototype, "hasPrefix", null);
-le([
+de([
   b({
     type: Boolean,
     useDefault: !0
@@ -77017,31 +77033,31 @@ le([
   bt("design:type", Boolean),
   bt("design:paramtypes", [])
 ], re.prototype, "hasSuffix", null);
-le([
+de([
   D("isDropDownOpen", { waitUntilFirstUpdate: !0 }),
   bt("design:type", Function),
   bt("design:paramtypes", [Boolean, Boolean]),
   bt("design:returntype", void 0)
 ], re.prototype, "onIsDropDownOpenPropertyChanged", null);
-le([
+de([
   D("format", { waitUntilFirstUpdate: !0 }),
   bt("design:type", Function),
   bt("design:paramtypes", [String, String]),
   bt("design:returntype", void 0)
 ], re.prototype, "onFormatPropertyChanged", null);
-le([
+de([
   D("disabled", { waitUntilFirstUpdate: !0 }),
   bt("design:type", Function),
   bt("design:paramtypes", [Boolean, Boolean]),
   bt("design:returntype", void 0)
 ], re.prototype, "onDisabledPropertyChanged", null);
-le([
+de([
   D("value"),
   bt("design:type", Function),
   bt("design:paramtypes", [Object, Object]),
   bt("design:returntype", void 0)
 ], re.prototype, "onValuePropertyChanged", null);
-re = Yx = le([
+re = Yx = de([
   O({
     selector: "mosaik-datetimebox",
     template: zV,
@@ -80886,7 +80902,7 @@ function c9(o) {
                                 .disabled="${o.disabled}"
                                 @filePicked="${(e) => o.add(e.detail.files)}">
                 <mosaik-button .appearance="${J.Plain}"
-                               .variant="${ce.Primary}"
+                               .variant="${he.Primary}"
                                .label="${o.placeholder}"
                                .icon="${ft.add}"
                                .disabled="${o.disabled}"></mosaik-button>
@@ -80899,7 +80915,7 @@ function c9(o) {
             </mosaik-card>
         `], [$i.Chip, () => w`
             <div ${Va({ direction: "row", wrap: "wrap", fill: !0 })}>
-            ${he(o.value, (e) => e.fullName, (e) => w`
+            ${pe(o.value, (e) => e.fullName, (e) => w`
             <mosaik-chip .appearance="${o.appearance}"
                          .variant="${o.variant}"
                          ?closeable="${!o.disabled}">
@@ -80925,11 +80941,11 @@ function c9(o) {
             </div>
         `], [$i.List, () => w`
         <mosaik-list>
-            ${he(o.value, (e) => e.fullName, (e) => w`
+            ${pe(o.value, (e) => e.fullName, (e) => w`
             <mosaik-list-item .value="${e}"
                               .variant="${o.variant}">
                 <mosaik-stack .orientation="${rt.Horizontal}"
-                              .verticalAlignment="${pe.Center}"
+                              .verticalAlignment="${ue.Center}"
                               .fit="${En.Both}"
                               .gap="${"16px"}">
                     <mosaik-stack .orientation="${rt.Horizontal}"
@@ -80977,7 +80993,7 @@ function c9(o) {
                 </mosaik-table-row>
             </mosaik-table-header>
             <mosaik-table-body>
-                ${he(o.value, (e) => e.fullName, (e) => w`
+                ${pe(o.value, (e) => e.fullName, (e) => w`
                 <mosaik-table-row>
                     <mosaik-table-cell .text="${e.name}"></mosaik-table-cell>
                     <mosaik-table-cell .text="${e.ext}"></mosaik-table-cell>
@@ -81016,7 +81032,7 @@ function h9(o) {
         </mosaik-chip>
         `], [$i.List, () => w`
         <mosaik-stack .orientation="${rt.Horizontal}"
-                      .verticalAlignment="${pe.Center}"
+                      .verticalAlignment="${ue.Center}"
                       .fit="${En.Both}"
                       .gap="${"16px"}">
             <mosaik-stack .orientation="${rt.Horizontal}"
@@ -83134,7 +83150,7 @@ function z9(o) {
   return w`
         ${$(!o.disabled, () => w`
         <mosaik-focus-ring part="focusRing"
-                           .variant="${o.invalid ? ce.Danger : o.variant}"
+                           .variant="${o.invalid ? he.Danger : o.variant}"
                            .visible="${o.isFocused}"
                            .controlled="${"manual"}"
                            @connected="${(e) => e.target.attach(o)}"></mosaik-focus-ring>
@@ -84112,7 +84128,7 @@ var Jr = function(o, t, e, r) {
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(o, t, e, r);
   else for (var s = o.length - 1; s >= 0; s--) (i = o[s]) && (a = (n < 3 ? i(a) : n > 3 ? i(t, e, a) : i(t, e)) || a);
   return n > 3 && a && Object.defineProperty(t, e, a), a;
-}, xe = function(o, t) {
+}, we = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
 let Or = class extends P(Ct(qn(pt(G(Me(Ot(Q(Lt(mn(bf)))))))))) {
@@ -84442,94 +84458,94 @@ Jr([
       toAttribute: (o) => o !== null ? o.toString() : null
     }
   }),
-  xe("design:type", Object),
-  xe("design:paramtypes", [Object])
+  we("design:type", Object),
+  we("design:paramtypes", [Object])
 ], Or.prototype, "value", null);
 Jr([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  xe("design:type", Boolean),
-  xe("design:paramtypes", [Boolean])
+  we("design:type", Boolean),
+  we("design:paramtypes", [Boolean])
 ], Or.prototype, "readonly", null);
 Jr([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  xe("design:type", Boolean),
-  xe("design:paramtypes", [Boolean])
+  we("design:type", Boolean),
+  we("design:paramtypes", [Boolean])
 ], Or.prototype, "required", null);
 Jr([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  xe("design:type", Boolean),
-  xe("design:paramtypes", [Boolean])
+  we("design:type", Boolean),
+  we("design:paramtypes", [Boolean])
 ], Or.prototype, "autofocus", null);
 Jr([
   b({ type: YE }),
-  xe("design:type", String),
-  xe("design:paramtypes", [String])
+  we("design:type", String),
+  we("design:paramtypes", [String])
 ], Or.prototype, "keyboard", null);
 Jr([
   b({ type: String }),
-  xe("design:type", String),
-  xe("design:paramtypes", [String])
+  we("design:type", String),
+  we("design:paramtypes", [String])
 ], Or.prototype, "name", null);
 Jr([
   b({ type: String }),
-  xe("design:type", String),
-  xe("design:paramtypes", [String])
+  we("design:type", String),
+  we("design:paramtypes", [String])
 ], Or.prototype, "pattern", null);
 Jr([
   b({ type: String }),
-  xe("design:type", String),
-  xe("design:paramtypes", [String])
+  we("design:type", String),
+  we("design:paramtypes", [String])
 ], Or.prototype, "placeholder", null);
 Jr([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  xe("design:type", Boolean),
-  xe("design:paramtypes", [Boolean])
+  we("design:type", Boolean),
+  we("design:paramtypes", [Boolean])
 ], Or.prototype, "autocomplete", null);
 Jr([
   b({ type: uv }),
-  xe("design:type", String),
-  xe("design:paramtypes", [String])
+  we("design:type", String),
+  we("design:paramtypes", [String])
 ], Or.prototype, "spinPosition", null);
 Jr([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  xe("design:type", Boolean),
-  xe("design:paramtypes", [Boolean])
+  we("design:type", Boolean),
+  we("design:paramtypes", [Boolean])
 ], Or.prototype, "spinner", null);
 Jr([
   b({ type: $t }),
-  xe("design:type", String),
-  xe("design:paramtypes", [String])
+  we("design:type", String),
+  we("design:paramtypes", [String])
 ], Or.prototype, "textAlign", null);
 Jr([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  xe("design:type", Boolean),
-  xe("design:paramtypes", [])
+  we("design:type", Boolean),
+  we("design:paramtypes", [])
 ], Or.prototype, "hasPrefix", null);
 Jr([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  xe("design:type", Boolean),
-  xe("design:paramtypes", [])
+  we("design:type", Boolean),
+  we("design:paramtypes", [])
 ], Or.prototype, "hasSuffix", null);
 Or = Jr([
   O({
@@ -84548,7 +84564,7 @@ Or = Jr([
       delegatesFocus: !0
     }
   }),
-  xe("design:paramtypes", [])
+  we("design:paramtypes", [])
 ], Or);
 function A9(o) {
   return typeof o == "number" || o === null;
@@ -84557,7 +84573,7 @@ function R9(o) {
   return w`
         ${$(!o.disabled, () => w`
         <mosaik-focus-ring part="focusRing"
-                           .variant="${o.invalid ? ce.Danger : o.variant}"
+                           .variant="${o.invalid ? he.Danger : o.variant}"
                            .visible="${o.isFocused}"
                            .controlled="${"manual"}"
                            @connected="${(t) => t.target.attach(o)}"></mosaik-focus-ring>
@@ -85424,7 +85440,7 @@ var Ir = function(o, t, e, r) {
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(o, t, e, r);
   else for (var s = o.length - 1; s >= 0; s--) (i = o[s]) && (a = (n < 3 ? i(a) : n > 3 ? i(t, e, a) : i(t, e)) || a);
   return n > 3 && a && Object.defineProperty(t, e, a), a;
-}, fe = function(o, t) {
+}, be = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
 let ur = class extends P(Ct(qn(G(Me(Ot(Q(Lt(pt(Zr))))))))) {
@@ -85760,102 +85776,102 @@ let ur = class extends P(Ct(qn(G(Me(Ot(Q(Lt(pt(Zr))))))))) {
 };
 Ir([
   b({ type: String }),
-  fe("design:type", String),
-  fe("design:paramtypes", [String])
+  be("design:type", String),
+  be("design:paramtypes", [String])
 ], ur.prototype, "value", null);
 Ir([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  fe("design:type", Boolean),
-  fe("design:paramtypes", [Boolean])
+  be("design:type", Boolean),
+  be("design:paramtypes", [Boolean])
 ], ur.prototype, "readonly", null);
 Ir([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  fe("design:type", Boolean),
-  fe("design:paramtypes", [Boolean])
+  be("design:type", Boolean),
+  be("design:paramtypes", [Boolean])
 ], ur.prototype, "required", null);
 Ir([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  fe("design:type", Boolean),
-  fe("design:paramtypes", [Boolean])
+  be("design:type", Boolean),
+  be("design:paramtypes", [Boolean])
 ], ur.prototype, "autofocus", null);
 Ir([
   b({ type: String }),
-  fe("design:type", String),
-  fe("design:paramtypes", [String])
+  be("design:type", String),
+  be("design:paramtypes", [String])
 ], ur.prototype, "name", null);
 Ir([
   b({ type: String }),
-  fe("design:type", String),
-  fe("design:paramtypes", [String])
+  be("design:type", String),
+  be("design:paramtypes", [String])
 ], ur.prototype, "pattern", null);
 Ir([
   b({ type: String }),
-  fe("design:type", String),
-  fe("design:paramtypes", [String])
+  be("design:type", String),
+  be("design:paramtypes", [String])
 ], ur.prototype, "placeholder", null);
 Ir([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  fe("design:type", Boolean),
-  fe("design:paramtypes", [Boolean])
+  be("design:type", Boolean),
+  be("design:paramtypes", [Boolean])
 ], ur.prototype, "autocomplete", null);
 Ir([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  fe("design:type", Boolean),
-  fe("design:paramtypes", [Boolean])
+  be("design:type", Boolean),
+  be("design:paramtypes", [Boolean])
 ], ur.prototype, "revealable", null);
 Ir([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  fe("design:type", Boolean),
-  fe("design:paramtypes", [])
+  be("design:type", Boolean),
+  be("design:paramtypes", [])
 ], ur.prototype, "hasPrefix", null);
 Ir([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  fe("design:type", Boolean),
-  fe("design:paramtypes", [])
+  be("design:type", Boolean),
+  be("design:paramtypes", [])
 ], ur.prototype, "hasSuffix", null);
 Ir([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  fe("design:type", Boolean),
-  fe("design:paramtypes", [Boolean])
+  be("design:type", Boolean),
+  be("design:paramtypes", [Boolean])
 ], ur.prototype, "isReveal", null);
 Ir([
   b({ type: $t }),
-  fe("design:type", String),
-  fe("design:paramtypes", [String])
+  be("design:type", String),
+  be("design:paramtypes", [String])
 ], ur.prototype, "textAlign", null);
 Ir([
   at({ eventName: "revealed" }),
-  fe("design:type", Object),
-  fe("design:paramtypes", [])
+  be("design:type", Object),
+  be("design:paramtypes", [])
 ], ur.prototype, "revealed", null);
 Ir([
   at({ eventName: "concealed" }),
-  fe("design:type", Object),
-  fe("design:paramtypes", [])
+  be("design:type", Object),
+  be("design:paramtypes", [])
 ], ur.prototype, "concealed", null);
 ur = Ir([
   O({
@@ -85874,7 +85890,7 @@ ur = Ir([
       delegatesFocus: !0
     }
   }),
-  fe("design:paramtypes", [])
+  be("design:paramtypes", [])
 ], ur);
 const fk = {
   /**
@@ -85889,11 +85905,11 @@ const fk = {
 function P9(o) {
   return w`
         <div part="root">
-            ${he([].constructor(o.length), (t) => t, (t, e) => w`
+            ${pe([].constructor(o.length), (t) => t, (t, e) => w`
             <div>
                 ${$(!o.disabled, () => w`
                 <mosaik-focus-ring part="focusRing"
-                                   .variant="${o.invalid ? ce.Danger : o.variant}"
+                                   .variant="${o.invalid ? he.Danger : o.variant}"
                                    .for="input-${e}"></mosaik-focus-ring>
                 `)}
                 <input part="input"
@@ -86797,6 +86813,7 @@ function H9(o) {
         <slot name="label">
             <mosaik-text part="label"
                          .text="${o.label}"
+                         .formatter="${o.formatter}"
                          ?disabled="${o.disabled}"
                          ?wrap="${!0}"></mosaik-text>
         </slot>
@@ -87207,7 +87224,7 @@ var fv = function(o, t, e, r) {
 }, xc = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Mr = class extends P(Me(Ot(Q(pt(G(Lt(ul))))))) {
+let Mr = class extends P(Me(Ot(Q(pt(G(Lt(le(ul)))))))) {
   // #region Fields
   _inputElement;
   _labelPosition;
@@ -87861,7 +87878,7 @@ function G9(o) {
              tabindex="${o.disabled ? "-1" : "0"}">
             <span ${Va({ direction: o.orientation === rt.Vertical ? "column" : "row" })}
                   part="symbols">
-                ${he([].constructor(o.length), (t, e) => w`
+                ${pe([].constructor(o.length), (t, e) => w`
                 ${$(Number(o.value) > e && Number(o.value) < e + 1, () => w`
                 <mosaik-icon part="symbol"
                              class="${o.isHovering && Math.ceil(Number(o.value)) === e + 1 ? "hover" : ""} ${"active"}"
@@ -88853,7 +88870,7 @@ function K9(o) {
         `)}
         ${$(!o.disabled, () => w`
         <mosaik-focus-ring part="focusRing"
-                           .variant="${o.invalid ? ce.Danger : o.variant}"
+                           .variant="${o.invalid ? he.Danger : o.variant}"
                            .visible="${o.isFocused}"
                            .controlled="${"manual"}"
                            @connected="${(t) => t.target.attach(o)}"></mosaik-focus-ring>
@@ -90577,7 +90594,7 @@ var Nr = function(o, t, e, r) {
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(o, t, e, r);
   else for (var s = o.length - 1; s >= 0; s--) (i = o[s]) && (a = (n < 3 ? i(a) : n > 3 ? i(t, e, a) : i(t, e)) || a);
   return n > 3 && a && Object.defineProperty(t, e, a), a;
-}, be = function(o, t) {
+}, me = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
 let fr = class extends P(qn(Ct(pt(Q(Me(Ot(G(Lt(Zr))))))))) {
@@ -90945,99 +90962,99 @@ let fr = class extends P(qn(Ct(pt(Q(Me(Ot(G(Lt(Zr))))))))) {
 };
 Nr([
   T({ type: String }),
-  be("design:type", String),
-  be("design:paramtypes", [String])
+  me("design:type", String),
+  me("design:paramtypes", [String])
 ], fr.prototype, "value", null);
 Nr([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  be("design:type", Boolean),
-  be("design:paramtypes", [Boolean])
+  me("design:type", Boolean),
+  me("design:paramtypes", [Boolean])
 ], fr.prototype, "readonly", null);
 Nr([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  be("design:type", Boolean),
-  be("design:paramtypes", [Boolean])
+  me("design:type", Boolean),
+  me("design:paramtypes", [Boolean])
 ], fr.prototype, "required", null);
 Nr([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  be("design:type", Boolean),
-  be("design:paramtypes", [Boolean])
+  me("design:type", Boolean),
+  me("design:paramtypes", [Boolean])
 ], fr.prototype, "autofocus", null);
 Nr([
   b({ type: String }),
-  be("design:type", String),
-  be("design:paramtypes", [String])
+  me("design:type", String),
+  me("design:paramtypes", [String])
 ], fr.prototype, "name", null);
 Nr([
   b({ type: String }),
-  be("design:type", String),
-  be("design:paramtypes", [String])
+  me("design:type", String),
+  me("design:paramtypes", [String])
 ], fr.prototype, "pattern", null);
 Nr([
   b({ type: String }),
-  be("design:type", String),
-  be("design:paramtypes", [String])
+  me("design:type", String),
+  me("design:paramtypes", [String])
 ], fr.prototype, "placeholder", null);
 Nr([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  be("design:type", Boolean),
-  be("design:paramtypes", [Boolean])
+  me("design:type", Boolean),
+  me("design:paramtypes", [Boolean])
 ], fr.prototype, "autocomplete", null);
 Nr([
   b({ type: Number }),
-  be("design:type", Object),
-  be("design:paramtypes", [Object])
+  me("design:type", Object),
+  me("design:paramtypes", [Object])
 ], fr.prototype, "minlength", null);
 Nr([
   b({ type: Number }),
-  be("design:type", Object),
-  be("design:paramtypes", [Object])
+  me("design:type", Object),
+  me("design:paramtypes", [Object])
 ], fr.prototype, "maxlength", null);
 Nr([
   b({ type: Number }),
-  be("design:type", Number),
-  be("design:paramtypes", [Number])
+  me("design:type", Number),
+  me("design:paramtypes", [Number])
 ], fr.prototype, "multilineRows", null);
 Nr([
   b({ type: rv }),
-  be("design:type", String),
-  be("design:paramtypes", [String])
+  me("design:type", String),
+  me("design:paramtypes", [String])
 ], fr.prototype, "resize", null);
 Nr([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  be("design:type", Boolean),
-  be("design:paramtypes", [Boolean])
+  me("design:type", Boolean),
+  me("design:paramtypes", [Boolean])
 ], fr.prototype, "showToolbar", null);
 Nr([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  be("design:type", Boolean),
-  be("design:paramtypes", [])
+  me("design:type", Boolean),
+  me("design:paramtypes", [])
 ], fr.prototype, "hasPrefix", null);
 Nr([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  be("design:type", Boolean),
-  be("design:paramtypes", [])
+  me("design:type", Boolean),
+  me("design:paramtypes", [])
 ], fr.prototype, "hasSuffix", null);
 fr = Nr([
   O({
@@ -91056,7 +91073,7 @@ fr = Nr([
       delegatesFocus: !0
     }
   }),
-  be("design:paramtypes", [])
+  me("design:paramtypes", [])
 ], fr);
 const El = {
   /**
@@ -91076,7 +91093,7 @@ function lX(o) {
   return w`
         ${$(!o.disabled, () => w`
         <mosaik-focus-ring part="focusRing"
-                           .variant="${o.invalid ? ce.Danger : o.variant}"
+                           .variant="${o.invalid ? he.Danger : o.variant}"
                            .visible="${o.isFocused}"
                            .controlled="${"manual"}"
                            @connected="${(t) => t.target.attach(o)}"></mosaik-focus-ring>
@@ -91796,7 +91813,7 @@ var Qr = function(o, t, e, r) {
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(o, t, e, r);
   else for (var s = o.length - 1; s >= 0; s--) (i = o[s]) && (a = (n < 3 ? i(a) : n > 3 ? i(t, e, a) : i(t, e)) || a);
   return n > 3 && a && Object.defineProperty(t, e, a), a;
-}, we = function(o, t) {
+}, ke = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
 let Tr = class extends P(Ct(qn(G(Me(Ot(Q(mn(pt(Zr))))))))) {
@@ -92132,91 +92149,91 @@ let Tr = class extends P(Ct(qn(G(Me(Ot(Q(mn(pt(Zr))))))))) {
 };
 Qr([
   b({ type: String }),
-  we("design:type", String),
-  we("design:paramtypes", [String])
+  ke("design:type", String),
+  ke("design:paramtypes", [String])
 ], Tr.prototype, "value", null);
 Qr([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  we("design:type", Boolean),
-  we("design:paramtypes", [Boolean])
+  ke("design:type", Boolean),
+  ke("design:paramtypes", [Boolean])
 ], Tr.prototype, "readonly", null);
 Qr([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  we("design:type", Boolean),
-  we("design:paramtypes", [Boolean])
+  ke("design:type", Boolean),
+  ke("design:paramtypes", [Boolean])
 ], Tr.prototype, "required", null);
 Qr([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  we("design:type", Boolean),
-  we("design:paramtypes", [Boolean])
+  ke("design:type", Boolean),
+  ke("design:paramtypes", [Boolean])
 ], Tr.prototype, "autofocus", null);
 Qr([
   b({ type: String }),
-  we("design:type", String),
-  we("design:paramtypes", [String])
+  ke("design:type", String),
+  ke("design:paramtypes", [String])
 ], Tr.prototype, "name", null);
 Qr([
   b({ type: String }),
-  we("design:type", String),
-  we("design:paramtypes", [String])
+  ke("design:type", String),
+  ke("design:paramtypes", [String])
 ], Tr.prototype, "pattern", null);
 Qr([
   b({ type: String }),
-  we("design:type", String),
-  we("design:paramtypes", [String])
+  ke("design:type", String),
+  ke("design:paramtypes", [String])
 ], Tr.prototype, "placeholder", null);
 Qr([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  we("design:type", Boolean),
-  we("design:paramtypes", [Boolean])
+  ke("design:type", Boolean),
+  ke("design:paramtypes", [Boolean])
 ], Tr.prototype, "autocomplete", null);
 Qr([
   b({ type: El }),
-  we("design:type", String),
-  we("design:paramtypes", [String])
+  ke("design:type", String),
+  ke("design:paramtypes", [String])
 ], Tr.prototype, "mode", null);
 Qr([
   b({ type: Number }),
-  we("design:type", Number),
-  we("design:paramtypes", [Number])
+  ke("design:type", Number),
+  ke("design:paramtypes", [Number])
 ], Tr.prototype, "delay", null);
 Qr([
   b({ type: $t }),
-  we("design:type", String),
-  we("design:paramtypes", [String])
+  ke("design:type", String),
+  ke("design:paramtypes", [String])
 ], Tr.prototype, "textAlign", null);
 Qr([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  we("design:type", Boolean),
-  we("design:paramtypes", [])
+  ke("design:type", Boolean),
+  ke("design:paramtypes", [])
 ], Tr.prototype, "hasPrefix", null);
 Qr([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  we("design:type", Boolean),
-  we("design:paramtypes", [])
+  ke("design:type", Boolean),
+  ke("design:paramtypes", [])
 ], Tr.prototype, "hasSuffix", null);
 Qr([
   at({ eventName: "searched" }),
-  we("design:type", Object),
-  we("design:paramtypes", [])
+  ke("design:type", Object),
+  ke("design:paramtypes", [])
 ], Tr.prototype, "searched", null);
 Tr = Qr([
   O({
@@ -92235,7 +92252,7 @@ Tr = Qr([
       delegatesFocus: !0
     }
   }),
-  we("design:paramtypes", [])
+  ke("design:paramtypes", [])
 ], Tr);
 class pX {
   // #region Ctor
@@ -93822,7 +93839,7 @@ var SX = function(o, t, e, r) {
 }, wj = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-class mv extends Ee(Ct(H)) {
+class mv extends le(Ct(H)) {
   // #region Fields
   _content;
   // #endregion
@@ -97615,7 +97632,7 @@ function VX(o) {
   return w`
         ${$(!o.disabled, () => w`
         <mosaik-focus-ring part="focusRing"
-                           .variant="${o.invalid ? ce.Danger : o.variant}"
+                           .variant="${o.invalid ? he.Danger : o.variant}"
                            .visible="${o.isFocused}"
                            .controlled="${"manual"}"
                            @connected="${(t) => t.target.attach(o)}"></mosaik-focus-ring>
@@ -97685,7 +97702,7 @@ function VX(o) {
                             ?active="${o.isDropDownOpen}">
                 <mosaik-menu part="menu"
                              .disabled="${o.disabled}">
-                    ${he(IX(o.interval, o.locale, o.minTime ?? void 0, o.maxTime ?? void 0), (t) => w`
+                    ${pe(IX(o.interval, o.locale, o.minTime ?? void 0, o.maxTime ?? void 0), (t) => w`
                     <mosaik-menu-item part="menuItem"
                                       .value="${t}"
                                       .label="${t.toString()}"
@@ -97698,9 +97715,9 @@ function VX(o) {
                         <mosaik-stack slot="end"
                                       .dir="${o.dir}"
                                       .orientation="${rt.Horizontal}"
-                                      .verticalAlignment="${pe.Center}"
+                                      .verticalAlignment="${ue.Center}"
                                       .gap="${"2px"}">
-                            ${he(e, (r) => w`
+                            ${pe(e, (r) => w`
                             <mosaik-dot part="marker"
                                         .dir="${o.dir}"
                                         .variant="${Ht(r.variant)}"
@@ -99443,6 +99460,7 @@ function eK(o) {
         <slot name="label">
             <mosaik-text part="label"
                          .text="${o.label}"
+                         .formatter="${o.formatter}"
                          ?disabled="${o.disabled}"
                          ?wrap="${!0}"></mosaik-text>
         </slot>
@@ -99569,7 +99587,7 @@ var vv = function(o, t, e, r) {
 }, kc = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let cg = class extends P(Me(Ot(Q(pt(G(Lt(ul))))))) {
+let cg = class extends P(Me(Ot(Q(pt(G(Lt(le(ul)))))))) {
   // #region Fields
   _inputElement;
   _labelPosition;
@@ -100790,7 +100808,7 @@ let _c = class extends P(Vg) {
    * @public
    */
   constructor() {
-    super(), this._rowDefinitions = [], this._columnDefinitions = [], this._gap = 0, this._horizontalAlignment = Rr.Stretch, this._verticalAlignment = pe.Stretch;
+    super(), this._rowDefinitions = [], this._columnDefinitions = [], this._gap = 0, this._horizontalAlignment = Rr.Stretch, this._verticalAlignment = ue.Stretch;
   }
   // #endregion
   // #region Properties
@@ -101597,7 +101615,7 @@ const zK = (o) => {
      * @public
      */
     constructor(...r) {
-      super(r), this._horizontalAlignment = Rr.Stretch, this._verticalAlignment = pe.Stretch;
+      super(r), this._horizontalAlignment = Rr.Stretch, this._verticalAlignment = ue.Stretch;
     }
     // #endregion
     // #region Properties
@@ -101633,7 +101651,7 @@ const zK = (o) => {
     tb("design:type", String),
     tb("design:paramtypes", [String])
   ], t.prototype, "horizontalAlignment", null), Sj([
-    b({ type: pe }),
+    b({ type: ue }),
     tb("design:type", String),
     tb("design:paramtypes", [String])
   ], t.prototype, "verticalAlignment", null), t;
@@ -104764,7 +104782,7 @@ let Nn = class extends P(gi(qt(G(Do(Ct(H)))))) {
         let n = this.orientation === rt.Vertical ? r : e;
         this.lock === "end" && (n = this._size - n), this.snaps.forEach((a) => {
           let i = null;
-          typeof a == "number" ? i = a : a.endsWith("%") ? i = this._size * (parseFloat(a) / 100) : i = ve.extractValue(a), this.dir === No.RightToLeft && this.orientation === rt.Horizontal && (i = this._size - i), n >= i - this.snapThreshold && n <= i + this.snapThreshold && (n = i);
+          typeof a == "number" ? i = a : a.endsWith("%") ? i = this._size * (parseFloat(a) / 100) : i = ye.extractValue(a), this.dir === No.RightToLeft && this.orientation === rt.Horizontal && (i = this._size - i), n >= i - this.snapThreshold && n <= i + this.snapThreshold && (n = i);
         }), this.position = Gx(this.pixelsToPercentage(n), 0, 100);
       },
       initialEvent: t
@@ -105096,7 +105114,7 @@ let h0 = c0 = class extends P(gi(qt(Do(Wm(Vg))))) {
       return 0;
     if (typeof t == "number")
       return t;
-    if (!ve.isCssLength(t))
+    if (!ye.isCssLength(t))
       return 0;
     const r = document.createElement("div");
     r.style.position = "absolute", r.style.visibility = "hidden", r.style.pointerEvents = "none", r.style.width = t, r.style.height = "0", e.appendChild(r);
@@ -112496,7 +112514,7 @@ var kk = function(o, t, e, r) {
 }, bg = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let gm = class extends P(Ee(H)) {
+let gm = class extends P(le(H)) {
   // #region Fields
   _title;
   _subTitle;
@@ -112614,7 +112632,7 @@ function HJ(o) {
                          .direction="${Da.Up}">
             <mosaik-stack .dir="${o.dir}"
                           .gap="${"8px"}">
-                ${he(IJ.default, (t) => t.unicode, (t) => w`
+                ${pe(IJ.default, (t) => t.unicode, (t) => w`
                 <mosaik-button part="reaction" .dir="${o.dir}"
                                .appearance="${J.Plain}"
                                @click="${(e) => o.onReaction(e.target.toEmoji())}">
@@ -112628,7 +112646,7 @@ function HJ(o) {
             </mosaik-stack>
         </mosaik-expander>
         <div part="attachments">
-            ${he(o.value.files, (t) => t.name, (t) => w`
+            ${pe(o.value.files, (t) => t.name, (t) => w`
             <mosaik-chip part="attachment"
                          .label="${t.name}">
                 <mosaik-text slot="label"
@@ -113373,7 +113391,7 @@ function FJ(o) {
         <mosaik-sticky>
             <mosaik-stack .dir="${o.dir}"
                         .orientation="${rt.Horizontal}"
-                        .verticalAlignment="${pe.Center}"
+                        .verticalAlignment="${ue.Center}"
                         .gap="${"16px"}">
                 <mosaik-divider part="divider"
                                 .dir="${o.dir}"
@@ -113395,7 +113413,7 @@ function FJ(o) {
         `, () => w`
             <mosaik-stack .dir="${o.dir}"
                           .orientation="${rt.Horizontal}"
-                          .verticalAlignment="${pe.Center}"
+                          .verticalAlignment="${ue.Center}"
                           .gap="${"16px"}">
                 <mosaik-divider part="divider"
                                 .dir="${o.dir}"
@@ -114353,7 +114371,7 @@ var vd = function(o, t, e, r) {
 }, tr = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let da = class extends P(Q(pt(G(Ee(mn(H)))))) {
+let da = class extends P(Q(pt(G(le(mn(H)))))) {
   // #region Fields
   _text;
   _attachments;
@@ -115182,7 +115200,7 @@ function nQ(o) {
         ${$(o.isSticky, () => w`
         <mosaik-sticky>
             <mosaik-stack .dir="${o.dir}"
-                          .verticalAlignment="${pe.Center}"
+                          .verticalAlignment="${ue.Center}"
                           .horizontalAlignment="${Rr.Center}"
                           .orientation="${o.orientation}"
                           .gap="${"8px"}">
@@ -115204,7 +115222,7 @@ function nQ(o) {
         </mosaik-sticky>
         `, () => w`
         <mosaik-stack .dir="${o.dir}"
-                      .verticalAlignment="${pe.Center}"
+                      .verticalAlignment="${ue.Center}"
                       .horizontalAlignment="${Rr.Center}"
                       .orientation="${o.orientation}"
                       .gap="${"8px"}">
@@ -115554,7 +115572,7 @@ var jk = function(o, t, e, r) {
 }, yg = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let bm = class extends P(Q(qt(Qi(gk(Ee(H)))))) {
+let bm = class extends P(Q(qt(Qi(gk(le(H)))))) {
   // #region Fields
   _text;
   _icon;
@@ -115637,12 +115655,12 @@ class TC {
   maintains = "hue";
   _saturation;
   _hue = 0;
-  _color = new ke({
+  _color = new _e({
     h: 0,
     s: 1,
     v: 1
   });
-  _previousColor = new ke({
+  _previousColor = new _e({
     h: 0,
     s: 1,
     v: 1
@@ -115659,7 +115677,7 @@ class TC {
   // #endregion
   // #region Public Methods
   applyColorFromState() {
-    this._color = new ke(this.extractColorFromState(this));
+    this._color = new _e(this.extractColorFromState(this));
   }
   get hue() {
     return this._hue;
@@ -115669,7 +115687,7 @@ class TC {
     if (e === this.hue)
       return;
     const r = this.hue, { s: n, v: a } = this._color.toHsv();
-    this._color = new ke({
+    this._color = new _e({
       h: e,
       s: n,
       v: a
@@ -115685,7 +115703,7 @@ class TC {
     if (t === this.color)
       return;
     const e = this._color;
-    this._color = new ke(t);
+    this._color = new _e(t);
     const { format: r } = this._color;
     let n = typeof t == "string" || t instanceof String;
     r.startsWith("hex") && (n = t.startsWith("#")), this._format = {
@@ -117803,7 +117821,7 @@ var Ev = function(o, t, e, r) {
 }, Ac = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let wg = class extends P(Ee(H)) {
+let wg = class extends P(le(H)) {
   // #region Fields
   _author;
   _at;
@@ -119096,7 +119114,7 @@ var Vn = function(o, t, e, r) {
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(o, t, e, r);
   else for (var s = o.length - 1; s >= 0; s--) (i = o[s]) && (a = (n < 3 ? i(a) : n > 3 ? i(t, e, a) : i(t, e)) || a);
   return n > 3 && a && Object.defineProperty(t, e, a), a;
-}, ue = function(o, t) {
+}, ge = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
 let bn = class extends P(H) {
@@ -119293,69 +119311,69 @@ let bn = class extends P(H) {
 };
 Vn([
   T({ type: String }),
-  ue("design:type", String),
-  ue("design:paramtypes", [String])
+  ge("design:type", String),
+  ge("design:paramtypes", [String])
 ], bn.prototype, "text", null);
 Vn([
   T({ type: Number }),
-  ue("design:type", Number),
-  ue("design:paramtypes", [Number])
+  ge("design:type", Number),
+  ge("design:paramtypes", [Number])
 ], bn.prototype, "radius", null);
 Vn([
   T({ type: Number }),
-  ue("design:type", Number),
-  ue("design:paramtypes", [Number])
+  ge("design:type", Number),
+  ge("design:paramtypes", [Number])
 ], bn.prototype, "dimension", null);
 Vn([
   b({ type: IC }),
-  ue("design:type", String),
-  ue("design:paramtypes", [String])
+  ge("design:type", String),
+  ge("design:paramtypes", [String])
 ], bn.prototype, "errorCorrection", null);
 Vn([
   b({ type: String }),
-  ue("design:type", Object),
-  ue("design:paramtypes", [Object])
+  ge("design:type", Object),
+  ge("design:paramtypes", [Object])
 ], bn.prototype, "backgroundColor", null);
 Vn([
   b({ type: String }),
-  ue("design:type", Object),
-  ue("design:paramtypes", [Object])
+  ge("design:type", Object),
+  ge("design:paramtypes", [Object])
 ], bn.prototype, "foregroundColor", null);
 Vn([
   D("text"),
-  ue("design:type", Function),
-  ue("design:paramtypes", [String, String]),
-  ue("design:returntype", void 0)
+  ge("design:type", Function),
+  ge("design:paramtypes", [String, String]),
+  ge("design:returntype", void 0)
 ], bn.prototype, "onTextPropertyChanged", null);
 Vn([
   D("radius"),
-  ue("design:type", Function),
-  ue("design:paramtypes", [Number, Number]),
-  ue("design:returntype", void 0)
+  ge("design:type", Function),
+  ge("design:paramtypes", [Number, Number]),
+  ge("design:returntype", void 0)
 ], bn.prototype, "onRadiusPropertyChanged", null);
 Vn([
   D("dimension"),
-  ue("design:type", Function),
-  ue("design:paramtypes", [Number, Number]),
-  ue("design:returntype", void 0)
+  ge("design:type", Function),
+  ge("design:paramtypes", [Number, Number]),
+  ge("design:returntype", void 0)
 ], bn.prototype, "onDimensionPropertyChanged", null);
 Vn([
   D("errorCorrection"),
-  ue("design:type", Function),
-  ue("design:paramtypes", [String, String]),
-  ue("design:returntype", void 0)
+  ge("design:type", Function),
+  ge("design:paramtypes", [String, String]),
+  ge("design:returntype", void 0)
 ], bn.prototype, "onErrorCorrectionPropertyChanged", null);
 Vn([
   D("backgroundColor"),
-  ue("design:type", Function),
-  ue("design:paramtypes", [Object, Object]),
-  ue("design:returntype", void 0)
+  ge("design:type", Function),
+  ge("design:paramtypes", [Object, Object]),
+  ge("design:returntype", void 0)
 ], bn.prototype, "onBackgroundColorPropertyChanged", null);
 Vn([
   D("foregroundColor"),
-  ue("design:type", Function),
-  ue("design:paramtypes", [Object, Object]),
-  ue("design:returntype", void 0)
+  ge("design:type", Function),
+  ge("design:paramtypes", [Object, Object]),
+  ge("design:returntype", void 0)
 ], bn.prototype, "onForegroundColorPropertyChanged", null);
 bn = Vn([
   O({
@@ -119367,7 +119385,7 @@ bn = Vn([
       cosmopolitan: PQ
     }
   }),
-  ue("design:paramtypes", [])
+  ge("design:paramtypes", [])
 ], bn);
 const DQ = {
   None: "none"
@@ -120180,14 +120198,14 @@ function MQ(o) {
                 <mosaik-button slot="actions"
                                .label="${o.intl.acceptLabel}"
                                .appearance="${J.Plain}"
-                               .variant="${ce.Primary}"
+                               .variant="${he.Primary}"
                                @click="${() => o.onAccept()}"></mosaik-button>
                 `)}
                 ${$(o.dismissable, () => w`
                 <mosaik-button slot="actions"
                                .label="${o.intl.dismissLabel}"
                                .appearance="${J.Plain}"
-                               .variant="${ce.Primary}"
+                               .variant="${he.Primary}"
                                @click="${() => o.onDismiss()}"></mosaik-button>
                 `)}
         </mosaik-banner>
@@ -120648,7 +120666,7 @@ function qQ(o) {
   return w`
         <div part="root">
             <ul>
-                ${he([].constructor(o.count), (t) => t, (t, e) => w`
+                ${pe([].constructor(o.count), (t) => t, (t, e) => w`
                 <li part="blub"
                     class="${ro({ first: e % 3 === 0, second: e % 3 === 1, third: e % 3 === 2 })}"></li>
                 `)}
@@ -121515,7 +121533,7 @@ function QQ(o) {
                                      .size="${Z.Large}"></mosaik-icon>
                         `)}
                         <mosaik-stack .orientation="${rt.Vertical}"
-                                      .verticalAlignment="${pe.Center}">
+                                      .verticalAlignment="${ue.Center}">
                             <mosaik-text part="headerText"
                                          .text="${o.header}"></mosaik-text>
                         </mosaik-stack>
@@ -122227,7 +122245,7 @@ jf([
   Xs("design:paramtypes", [String])
 ], Oc.prototype, "icon", null);
 jf([
-  b({ type: ve }),
+  b({ type: ye }),
   Xs("design:type", Object),
   Xs("design:paramtypes", [Object])
 ], Oc.prototype, "height", null);
@@ -122358,7 +122376,7 @@ mh.set(new ntt());
 function att(o) {
   return w`
         <mosaik-stack .orientation="${rt.Horizontal}"
-                      .verticalAlignment="${pe.Center}"
+                      .verticalAlignment="${ue.Center}"
                       .gap="${Ue("--dialog-actions-gap")}"
                       .dir="${o.dir}"
                       ?hidden="${!o.hasSlotContent("prefix")}">
@@ -122366,7 +122384,7 @@ function att(o) {
         </mosaik-stack>
         <mosaik-stack style="flex: 1;"
                       .orientation="${rt.Horizontal}"
-                      .verticalAlignment="${pe.Center}"
+                      .verticalAlignment="${ue.Center}"
                       .horizontalAlignment="${Rr.Right}"
                       .gap="${Ue("--dialog-actions-gap")}"
                       .dir="${o.dir}"
@@ -122374,7 +122392,7 @@ function att(o) {
             <slot></slot>
         </mosaik-stack>
         <mosaik-stack .orientation="${rt.Horizontal}"
-                      .verticalAlignment="${pe.Center}"
+                      .verticalAlignment="${ue.Center}"
                       .gap="${Ue("--dialog-actions-gap")}"
                       .dir="${o.dir}"
                       ?hidden="${!o.hasSlotContent("suffix")}">
@@ -123266,7 +123284,7 @@ var Cv = function(o, t, e, r) {
 }, Tc = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let jg = class extends P(Ee(Ct(H))) {
+let jg = class extends P(le(Ct(H))) {
   // #region Fields
   _intersectionAnchorController;
   _text;
@@ -124040,7 +124058,7 @@ var MC = function(o, t, e, r) {
 }, v0 = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let y0 = class extends P(Ee(H)) {
+let y0 = class extends P(le(H)) {
   // #region Fields
   _text;
   // #endregion
@@ -124363,7 +124381,7 @@ var BC = function(o, t, e, r) {
 }, x0 = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let w0 = class extends P(Ee(H)) {
+let w0 = class extends P(le(H)) {
   // #region Fields
   _text;
   // #endregion
@@ -124644,7 +124662,7 @@ var $k = function(o, t, e, r) {
 }, zg = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let ym = class extends P(Ee(Ct(H))) {
+let ym = class extends P(le(Ct(H))) {
   // #region Fields
   _text;
   _subText;
@@ -127413,43 +127431,43 @@ function set(o) {
                 ${$(o.buttons === xh.OK, () => w`
                 <mosaik-button part="actionOk"
                                 .label="${o.labels.ok ?? "OK"}"
-                                .variant="${ce.Primary}"
+                                .variant="${he.Primary}"
                                 .appearance="${J.Solid}"
                                 @click="${() => o.onDialogResult("ok")}"></mosaik-button>
                 `)}
                 ${$(o.buttons === xh.OKCancel, () => w`
                 <mosaik-button part="actionOk"
                                .label="${o.labels.ok ?? "OK"}"
-                                .variant="${ce.Primary}"
+                                .variant="${he.Primary}"
                                 .appearance="${J.Solid}"
                                 @click="${() => o.onDialogResult("ok")}"></mosaik-button>
                 <mosaik-button part="actionCancel"
                                .label="${o.labels.cancel ?? "Cancel"}"
-                                .variant="${ce.Primary}"
+                                .variant="${he.Primary}"
                                 .appearance="${J.Plain}"
                                 @click="${() => o.onDialogResult("cancel")}"></mosaik-button>
                 `)}
                 ${$(o.buttons === xh.YesNo, () => w`
                 <mosaik-button part="actionYes" .label="${o.labels.yes ?? "Yes"}"
-                                .variant="${ce.Primary}"
+                                .variant="${he.Primary}"
                                 .appearance="${J.Solid}"
                                 @click="${() => o.onDialogResult("yes")}"></mosaik-button>
                 <mosaik-button part="actionNo" .label="${o.labels.no ?? "No"}"
-                                .variant="${ce.Primary}"
+                                .variant="${he.Primary}"
                                 .appearance="${J.Plain}"
                                 @click="${() => o.onDialogResult("no")}"></mosaik-button>
                 `)}
                 ${$(o.buttons === xh.YesNoCancel, () => w`
                 <mosaik-button part="actionYes" .label="${o.labels.yes ?? "Yes"}"
-                                .variant="${ce.Primary}"
+                                .variant="${he.Primary}"
                                 .appearance="${J.Solid}"
                                 @click="${() => o.onDialogResult("yes")}"></mosaik-button>
                 <mosaik-button part="actionNo" .label="${o.labels.no ?? "No"}"
-                                .variant="${ce.Primary}"
+                                .variant="${he.Primary}"
                                 .appearance="${J.Plain}"
                                 @click="${() => o.onDialogResult("no")}"></mosaik-button>
                 <mosaik-button part="actionCancel" .label="${o.labels.cancel ?? "Cancel"}"
-                                .variant="${ce.Primary}"
+                                .variant="${he.Primary}"
                                 .appearance="${J.Plain}"
                                 @click="${() => o.onDialogResult("cancel")}"></mosaik-button>
                 `)}
@@ -127770,7 +127788,7 @@ const pet = {
   subHeader: "",
   message: "",
   appearance: J.Default,
-  variant: ce.Default,
+  variant: he.Default,
   labels: {
     ok: "OK",
     cancel: "Cancel",
@@ -128008,21 +128026,21 @@ function met(o) {
                     ${$(o.isIndeterminate, () => w`
                         ${$(o.orientation === rt.Horizontal, () => w`
                             <div class="bg indeterminate"
-                                 style="${Sr({ height: `${ve.tryParse(o.thickness)}` })}">
+                                 style="${Sr({ height: `${ye.tryParse(o.thickness)}` })}">
                             </div>
                             `, () => w`
                             <div class="bg indeterminate"
-                                 style="${Sr({ width: `${ve.tryParse(o.thickness)}` })}">
+                                 style="${Sr({ width: `${ye.tryParse(o.thickness)}` })}">
                             </div>
                         `)}
                         `, () => w`
                         ${$(o.orientation === rt.Horizontal, () => w`
                             <div class="bg"
-                                 style="${Sr({ height: `${ve.tryParse(o.thickness)}`, width: `${o.value / o.max * 100}%` })}">
+                                 style="${Sr({ height: `${ye.tryParse(o.thickness)}`, width: `${o.value / o.max * 100}%` })}">
                             </div>
                             `, () => w`
                             <div class="bg"
-                                 style="${Sr({ width: `${ve.tryParse(o.thickness)}`, height: `${o.value / o.max * 100}%` })}">
+                                 style="${Sr({ width: `${ye.tryParse(o.thickness)}`, height: `${o.value / o.max * 100}%` })}">
                             </div>
                         `)}
                     `)}
@@ -128705,7 +128723,7 @@ zf([
 zf([
   b({
     type: String,
-    converter: (o) => ve.tryParse(o)
+    converter: (o) => ye.tryParse(o)
   }),
   Li("design:type", Object),
   Li("design:paramtypes", [Object])
@@ -128743,7 +128761,7 @@ function wet(o) {
 
         <div part="root">
             <mosaik-stack .orientation="${rt.Horizontal}"
-                          .verticalAlignment="${pe.Center}"
+                          .verticalAlignment="${ue.Center}"
                           gap="${"16px"}">
                 ${$(o.isBusy, () => w`
                 <mosaik-progress-ring part="progressRing"
@@ -128774,7 +128792,7 @@ function wet(o) {
                                      .orientation="${rt.Horizontal}"
                                      .maximum="${o.timeout}"
                                      .value="${o.intervalTick}"
-                                     .variant="${ce.Primary}"></mosaik-progress-bar>
+                                     .variant="${he.Primary}"></mosaik-progress-bar>
             `)}
         </div>
     `;
@@ -129285,7 +129303,7 @@ var xd = function(o, t, e, r) {
 }, Er = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let ca = class extends P(fi(Q(Ee(mn(ns))))) {
+let ca = class extends P(fi(Q(le(mn(ns))))) {
   // #region Fields
   _timer;
   _interval;
@@ -129511,7 +129529,7 @@ const zet = {
   isOpen: !0,
   pressEscapeToClose: !0,
   clickOutsideToClose: !0,
-  variant: ce.Default,
+  variant: he.Default,
   formatter: null,
   closeable: !1,
   isBusy: !1,
@@ -131382,7 +131400,7 @@ let Xj = class extends P(H) {
   onSlotChange(t) {
     const e = t.target.assignedElements(), r = e.at(0);
     if (r && (this._clickSubscription = et(r, "click", () => {
-      const n = h1(this.shadowRoot, ge, "floating");
+      const n = h1(this.shadowRoot, fe, "floating");
       n.active ? (n.active = !1, this._clickOutsideController.unobserve()) : (n.active = !0, this._clickOutsideController.observe());
     })), e.length > 1)
       throw new Error("Only one element is allowed in the slot.");
@@ -131392,7 +131410,7 @@ let Xj = class extends P(H) {
    */
   onClickedOutside() {
     this._clickOutsideController.unobserve();
-    const t = h1(this.shadowRoot, ge, "floating");
+    const t = h1(this.shadowRoot, fe, "floating");
     t.active = !1;
   }
 };
@@ -133863,7 +133881,7 @@ var Lk = function(o, t, e, r) {
 }, Rg = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let wm = class extends P(Ee(H)) {
+let wm = class extends P(le(H)) {
   // #region Fields
   _text;
   _alignment;
@@ -134195,7 +134213,7 @@ var Ik = function(o, t, e, r) {
 }, $g = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let km = class extends P(Ee(H)) {
+let km = class extends P(le(H)) {
   // #region Fields
   _text;
   _alignment;
@@ -134277,7 +134295,7 @@ var Sf = function(o, t, e, r) {
 }, Zs = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let sp = class extends P(pt(Ee(H))) {
+let sp = class extends P(pt(le(H))) {
   // #region Fields
   _header;
   _subHeader;
@@ -134387,7 +134405,7 @@ sp = Sf([
 ], sp);
 function kot(o) {
   return w`
-        ${he(o.value, (t) => t, (t, e) => w`
+        ${pe(o.value, (t) => t, (t, e) => w`
         <kbd part="kbd">${Um(o.getModifierSymbol(t))}</kbd>
         ${$(e < o.value.length - 1, () => w`
         <span part="delimiter" role="text"> + </span>
@@ -136310,7 +136328,7 @@ class Hot extends pl {
 function Not(o) {
   return w`
         <mosaik-stack .gap="${"8px"}"
-                      .verticalAlignment="${pe.Center}">
+                      .verticalAlignment="${ue.Center}">
             <mosaik-button part="first"
                            .icon="${"M6 3a1 1 0 0 0-.993.883L5 4v16a1 1 0 0 0 1.993.117L7 20V4a1 1 0 0 0-1-1Zm12.707.293a1 1 0 0 0-1.32-.083l-.094.083-8 8a1 1 0 0 0-.083 1.32l.083.094 8 8a1 1 0 0 0 1.497-1.32l-.083-.094L11.414 12l7.293-7.293a1 1 0 0 0 0-1.414Z"}"
                            .appearance="${o.appearance}"
@@ -136320,11 +136338,11 @@ function Not(o) {
                            .appearance="${o.appearance}"
                            .variant="${o.variant}"></mosaik-button>
             <mosaik-stack>
-                ${he(o.calculatePages(o.total, o.size), (t) => t, (t) => w`
+                ${pe(o.calculatePages(o.total, o.size), (t) => t, (t) => w`
                 <mosaik-button part="page"
                                .label="${t.toString()}"
                                .appearance="${J.Plain}"
-                               .variant="${ce.Default}"></mosaik-button>
+                               .variant="${he.Default}"></mosaik-button>
                 `)}
             </mosaik-stack>
             <mosaik-button part="next"
@@ -136339,7 +136357,7 @@ function Not(o) {
             ${$(o.showSizes, () => w`
             <mosaik-stack>
                 <mosaik-select .appearance="${o.appearance}">
-                    ${he(o.sizes, (t) => t, (t) => w`
+                    ${pe(o.sizes, (t) => t, (t) => w`
                     <mosaik-select-item .value="${t.toString()}"></mosaik-select-item>
                     `)}
                 </mosaik-select>
@@ -139102,7 +139120,7 @@ const Sm = {
 };
 function grt(o) {
   return w`
-        ${he(o.ticks, (t, e) => w`
+        ${pe(o.ticks, (t, e) => w`
         <div part="tick">
             ${$(o.showLabels, () => w`
             <mosaik-text part="label"
@@ -139956,7 +139974,7 @@ var Aa = function(o, t, e, r) {
 }, Ze = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Yn = class extends P(G(Xr(Ee(H)))) {
+let Yn = class extends P(G(Xr(le(H)))) {
   // #region Fields
   _tooltipElement;
   _content;
@@ -141037,7 +141055,7 @@ let Qs = class extends P(Q(qt(G(Lt(al))))) {
    * @readonly
    */
   get diameter() {
-    return (ve.isLength(this._radius) ? ve.extractValue(this._radius) : this._radius) * 2;
+    return (ye.isLength(this._radius) ? ye.extractValue(this._radius) : this._radius) * 2;
   }
   /**
    * Gets or sets the `range` property.
@@ -145349,7 +145367,7 @@ function ont(o) {
         <!-- Indicators -->
         <ul part="indicators"
             class="p-carousel-indicators p-reset">
-          ${he([].constructor(o.totalDots()), (t, e) => w`
+          ${pe([].constructor(o.totalDots()), (t, e) => w`
           <li class="p-carousel-indicator ${o.page === e ? "p-highlight" : ""}">
             <button type="button"
                     class="p-link"
@@ -147487,9 +147505,9 @@ knt([
 function _nt(o) {
   return w`
         <mosaik-list part="list">
-            ${he(o.source, (t) => t, (t) => w`
+            ${pe(o.source, (t) => t, (t) => w`
                 <mosaik-list-item>
-                ${he(o.getItemDefinitions(), (e) => e.key, (e) => w`
+                ${pe(o.getItemDefinitions(), (e) => e.key, (e) => w`
                     <mosaik-text .text="${e.path ? t[e.path].toString() : ""}"></mosaik-text>
                 `)}
                 </mosaik-list-item>
@@ -148107,7 +148125,7 @@ var Wp = function(o, t, e, r) {
 }, hi = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 }, H0;
-let Mc = H0 = class extends P(Ee(Ont(H))) {
+let Mc = H0 = class extends P(le(Ont(H))) {
   // #region Fields
   _sortChanged;
   _key;
@@ -148290,7 +148308,7 @@ function Tnt(o) {
         <mosaik-table columns="${o.getColumns().map(() => "1fr").join(" ")}">
             <mosaik-table-header>
                 <mosaik-table-row>
-                    ${he(o.getColumns(), (t) => t.key, (t) => w`
+                    ${pe(o.getColumns(), (t) => t.key, (t) => w`
                     <mosaik-table-cell .key="${t.key}"
                                        .text="${t.title ?? t.key}"
                                        ?sortable="${t.sortable}"
@@ -148300,9 +148318,9 @@ function Tnt(o) {
                 </mosaik-table-row>
             </mosaik-table-header>
             <mosaik-table-body>
-                ${he(o.sortedSource, (t) => t, (t) => w`
+                ${pe(o.sortedSource, (t) => t, (t) => w`
                 <mosaik-table-row>
-                    ${he(o.getColumns(), (e) => e.key, (e) => w`
+                    ${pe(o.getColumns(), (e) => e.key, (e) => w`
                     <mosaik-table-cell .text="${e.path ? t[e.path].toString() : ""}"></mosaik-table-cell>
                     `)}
                 </mosaik-table-row>
@@ -150069,7 +150087,7 @@ function nat(o) {
                 type="${o.type}"
                 .disabled=${o.disabled}>
             <mosaik-stack .orientation="${o.orientation}"
-                          .verticalAlignment="${pe.Center}"
+                          .verticalAlignment="${ue.Center}"
                           .horizontalAlignment="${Rr.Center}"
                           .gap="${Ue("--segment-item-gap")}"
                           .reverse="${o.iconPosition === $r.After}">
@@ -151570,7 +151588,7 @@ function pat(o) {
             `)}
             <div part="content">
                 <mosaik-stack .orientation="${o.orientation}"
-                              .verticalAlignment="${pe.Center}"
+                              .verticalAlignment="${ue.Center}"
                               .horizontalAlignment="${Rr.Center}"
                               .gap="${Ue("--tab-strip-item-gap")}"
                               .reverse="${o.iconPosition === $r.After}">
@@ -152966,7 +152984,7 @@ function yat(o) {
                                     .disabled="${o.disabled}"
                                     .hasIndicator="${o.hasIndicator}"
                                     .placement="${o.placement}">
-                        ${he(o.items, (t) => t, (t) => w`
+                        ${pe(o.items, (t) => t, (t) => w`
                         <mosaik-tab-strip-item part="tabStripItem"
                                             .dir="${t.dir}"
                                             .label="${t.label}"
@@ -157790,7 +157808,7 @@ az = git([
 ], az);
 function bit(o) {
   return w`
-        ${he(Array.from({ length: o.lanes }), (t, e) => w`
+        ${pe(Array.from({ length: o.lanes }), (t, e) => w`
         <div part="row ${e >= o.visibleStart && e <= o.visibleEnd ? "in-view" : ""}"
              style="top: ${e * 4}px; position: absolute; width: 100%"></div>
         `)}
@@ -158454,7 +158472,7 @@ function kit(o) {
                 --epg-hour-width: ${o.hourWidth}px;
             }
         </style>
-        ${he([].constructor(o.numberOfHoursInDay), (t, e) => w`
+        ${pe([].constructor(o.numberOfHoursInDay), (t, e) => w`
         <div part="container">
             <span part="label">
                 <mosaik-text .dir="${o.dir}"
@@ -158462,7 +158480,7 @@ function kit(o) {
                              .text="${F0.format(wit(e + o.offsetStartHoursRange), o.format, o.locale)}"></mosaik-text>
             </span>
             <div part="dividers">
-                ${he([].constructor(4), () => w`
+                ${pe([].constructor(4), () => w`
                     <div part="divider"></div>
                 `)}
             </div>
@@ -159499,7 +159517,7 @@ let Ig = class extends H {
       else {
         if (r === "auto")
           throw new Error(`[Theme2Element] The layout property '${r}' must be a px value.`);
-        if (ve.extractUnit(r) !== "px")
+        if (ye.extractUnit(r) !== "px")
           throw new Error(`[Theme2Element] The layout property '${r}' must be a px value.`);
       }
     }), Object.entries(t).forEach(([r, n]) => {
@@ -160877,7 +160895,7 @@ function Lit(o) {
         <mosaik-icon part="icon"
             .size="${Z.Giant}"
             .data="${o.icon.trim().length > 0 ? o.icon : ft.errorCircle}"
-            .variant="${ce.Danger}"></mosaik-icon>
+            .variant="${he.Danger}"></mosaik-icon>
         <mosaik-stack .orientation="${rt.Horizontal}"
                       .gap="${Ue("--error-state-gap")}"
                       ?hidden="${!o.hasSlotContent("actions")}">
@@ -161316,7 +161334,7 @@ function Mit(o) {
         <mosaik-icon part="icon"
                      .size="${Z.Giant}"
                      .data="${o.icon.trim() ? o.icon : ft.successCircle}"
-                     .variant="${ce.Success}"></mosaik-icon>
+                     .variant="${he.Success}"></mosaik-icon>
         `)}
         ${$(o.header, () => w`
         <mosaik-text part="header"