@luzmo/analytics-components-kit 1.0.1-alpha.3 → 1.0.1-alpha.4

package/lib/en-CIeY2T5K.js

@@ -0,0 +1,1980 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2024 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { h as St } from "./index-CtEJZdT0.js";
+import { S as bt, a as kt, L as wt, r as Tt, x as D, n as ge, e as O } from "./if-defined-BbzmSG-O.js";
+import "./index-Bd4cKS9O.js";
+import "./index-DSbgZduE.js";
+import "./index-C9xEN5Ji.js";
+import "./index-CBCm4_7S.js";
+import "./index-D37RwuEH.js";
+import "./progress-circle/index.js";
+import { C as ve, h as Me } from "./index-DdtjeKYI.js";
+import { i as R, l as zt, b as Ft, c as Se } from "./get-css-variable-BHHQ0SnL.js";
+import { d as Dt } from "./decompose-numeric-format-BuZcjH2k.js";
+function Yt(e) {
+  return Math.abs(e = Math.round(e)) >= 1e21 ? e.toLocaleString("en").replace(/,/g, "") : e.toString(10);
+}
+function ce(e, t) {
+  if ((r = (e = t ? e.toExponential(t - 1) : e.toExponential()).indexOf("e")) < 0) return null;
+  var r, n = e.slice(0, r);
+  return [
+    n.length > 1 ? n[0] + n.slice(2) : n,
+    +e.slice(r + 1)
+  ];
+}
+function Ct(e) {
+  return e = ce(Math.abs(e)), e ? e[1] : NaN;
+}
+function xt(e, t) {
+  return function(r, n) {
+    for (var i = r.length, a = [], l = 0, _ = e[0], k = 0; i > 0 && _ > 0 && (k + _ + 1 > n && (_ = Math.max(1, n - k)), a.push(r.substring(i -= _, i + _)), !((k += _ + 1) > n)); )
+      _ = e[l = (l + 1) % e.length];
+    return a.reverse().join(t);
+  };
+}
+function Ut(e) {
+  return function(t) {
+    return t.replace(/[0-9]/g, function(r) {
+      return e[+r];
+    });
+  };
+}
+var At = /^(?:(.)?([<>=^]))?([+\-( ])?([$#])?(0)?(\d+)?(,)?(\.\d+)?(~)?([a-z%])?$/i;
+function De(e) {
+  if (!(t = At.exec(e))) throw new Error("invalid format: " + e);
+  var t;
+  return new Ue({
+    fill: t[1],
+    align: t[2],
+    sign: t[3],
+    symbol: t[4],
+    zero: t[5],
+    width: t[6],
+    comma: t[7],
+    precision: t[8] && t[8].slice(1),
+    trim: t[9],
+    type: t[10]
+  });
+}
+De.prototype = Ue.prototype;
+function Ue(e) {
+  this.fill = e.fill === void 0 ? " " : e.fill + "", this.align = e.align === void 0 ? ">" : e.align + "", this.sign = e.sign === void 0 ? "-" : e.sign + "", this.symbol = e.symbol === void 0 ? "" : e.symbol + "", this.zero = !!e.zero, this.width = e.width === void 0 ? void 0 : +e.width, this.comma = !!e.comma, this.precision = e.precision === void 0 ? void 0 : +e.precision, this.trim = !!e.trim, this.type = e.type === void 0 ? "" : e.type + "";
+}
+Ue.prototype.toString = function() {
+  return this.fill + this.align + this.sign + this.symbol + (this.zero ? "0" : "") + (this.width === void 0 ? "" : Math.max(1, this.width | 0)) + (this.comma ? "," : "") + (this.precision === void 0 ? "" : "." + Math.max(0, this.precision | 0)) + (this.trim ? "~" : "") + this.type;
+};
+function Lt(e) {
+  e: for (var t = e.length, r = 1, n = -1, i; r < t; ++r)
+    switch (e[r]) {
+      case ".":
+        n = i = r;
+        break;
+      case "0":
+        n === 0 && (n = r), i = r;
+        break;
+      default:
+        if (!+e[r]) break e;
+        n > 0 && (n = 0);
+        break;
+    }
+  return n > 0 ? e.slice(0, n) + e.slice(i + 1) : e;
+}
+var tt;
+function $t(e, t) {
+  var r = ce(e, t);
+  if (!r) return e + "";
+  var n = r[0], i = r[1], a = i - (tt = Math.max(-8, Math.min(8, Math.floor(i / 3))) * 3) + 1, l = n.length;
+  return a === l ? n : a > l ? n + new Array(a - l + 1).join("0") : a > 0 ? n.slice(0, a) + "." + n.slice(a) : "0." + new Array(1 - a).join("0") + ce(e, Math.max(0, t + a - 1))[0];
+}
+function We(e, t) {
+  var r = ce(e, t);
+  if (!r) return e + "";
+  var n = r[0], i = r[1];
+  return i < 0 ? "0." + new Array(-i).join("0") + n : n.length > i + 1 ? n.slice(0, i + 1) + "." + n.slice(i + 1) : n + new Array(i - n.length + 2).join("0");
+}
+const Ee = {
+  "%": (e, t) => (e * 100).toFixed(t),
+  b: (e) => Math.round(e).toString(2),
+  c: (e) => e + "",
+  d: Yt,
+  e: (e, t) => e.toExponential(t),
+  f: (e, t) => e.toFixed(t),
+  g: (e, t) => e.toPrecision(t),
+  o: (e) => Math.round(e).toString(8),
+  p: (e, t) => We(e * 100, t),
+  r: We,
+  s: $t,
+  X: (e) => Math.round(e).toString(16).toUpperCase(),
+  x: (e) => Math.round(e).toString(16)
+};
+function He(e) {
+  return e;
+}
+var Oe = Array.prototype.map, Ie = ["y", "z", "a", "f", "p", "n", "µ", "m", "", "k", "M", "G", "T", "P", "E", "Z", "Y"];
+function Nt(e) {
+  var t = e.grouping === void 0 || e.thousands === void 0 ? He : xt(Oe.call(e.grouping, Number), e.thousands + ""), r = e.currency === void 0 ? "" : e.currency[0] + "", n = e.currency === void 0 ? "" : e.currency[1] + "", i = e.decimal === void 0 ? "." : e.decimal + "", a = e.numerals === void 0 ? He : Ut(Oe.call(e.numerals, String)), l = e.percent === void 0 ? "%" : e.percent + "", _ = e.minus === void 0 ? "−" : e.minus + "", k = e.nan === void 0 ? "NaN" : e.nan + "";
+  function u(y) {
+    y = De(y);
+    var H = y.fill, m = y.align, c = y.sign, d = y.symbol, S = y.zero, h = y.width, Y = y.comma, b = y.precision, F = y.trim, g = y.type;
+    g === "n" ? (Y = !0, g = "g") : Ee[g] || (b === void 0 && (b = 12), F = !0, g = "g"), (S || H === "0" && m === "=") && (S = !0, H = "0", m = "=");
+    var z = d === "$" ? r : d === "#" && /[boxX]/.test(g) ? "0" + g.toLowerCase() : "", ue = d === "$" ? n : /[%p]/.test(g) ? l : "", j = Ee[g], _e = /[defgprs%]/.test(g);
+    b = b === void 0 ? 6 : /[gprs]/.test(g) ? Math.max(1, Math.min(21, b)) : Math.max(0, Math.min(20, b));
+    function he(p) {
+      var I = z, A = ue, Q, de, X;
+      if (g === "c")
+        A = j(p) + A, p = "";
+      else {
+        p = +p;
+        var K = p < 0 || 1 / p < 0;
+        if (p = isNaN(p) ? k : j(Math.abs(p), b), F && (p = Lt(p)), K && +p == 0 && c !== "+" && (K = !1), I = (K ? c === "(" ? c : _ : c === "-" || c === "(" ? "" : c) + I, A = (g === "s" ? Ie[8 + tt / 3] : "") + A + (K && c === "(" ? ")" : ""), _e) {
+          for (Q = -1, de = p.length; ++Q < de; )
+            if (X = p.charCodeAt(Q), 48 > X || X > 57) {
+              A = (X === 46 ? i + p.slice(Q + 1) : p.slice(Q)) + A, p = p.slice(0, Q);
+              break;
+            }
+        }
+      }
+      Y && !S && (p = t(p, 1 / 0));
+      var ee = I.length + p.length + A.length, E = ee < h ? new Array(h - ee + 1).join(H) : "";
+      switch (Y && S && (p = t(E + p, E.length ? h - A.length : 1 / 0), E = ""), m) {
+        case "<":
+          p = I + p + A + E;
+          break;
+        case "=":
+          p = I + E + p + A;
+          break;
+        case "^":
+          p = E.slice(0, ee = E.length >> 1) + I + p + A + E.slice(ee);
+          break;
+        default:
+          p = E + I + p + A;
+          break;
+      }
+      return a(p);
+    }
+    return he.toString = function() {
+      return y + "";
+    }, he;
+  }
+  function w(y, H) {
+    var m = u((y = De(y), y.type = "f", y)), c = Math.max(-8, Math.min(8, Math.floor(Ct(H) / 3))) * 3, d = Math.pow(10, -c), S = Ie[8 + c / 3];
+    return function(h) {
+      return m(d * h) + S;
+    };
+  }
+  return {
+    format: u,
+    formatPrefix: w
+  };
+}
+const be = /* @__PURE__ */ new Date(), ke = /* @__PURE__ */ new Date();
+function x(e, t, r, n) {
+  function i(a) {
+    return e(a = arguments.length === 0 ? /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(+a)), a;
+  }
+  return i.floor = (a) => (e(a = /* @__PURE__ */ new Date(+a)), a), i.ceil = (a) => (e(a = new Date(a - 1)), t(a, 1), e(a), a), i.round = (a) => {
+    const l = i(a), _ = i.ceil(a);
+    return a - l < _ - a ? l : _;
+  }, i.offset = (a, l) => (t(a = /* @__PURE__ */ new Date(+a), l == null ? 1 : Math.floor(l)), a), i.range = (a, l, _) => {
+    const k = [];
+    if (a = i.ceil(a), _ = _ == null ? 1 : Math.floor(_), !(a < l) || !(_ > 0)) return k;
+    let u;
+    do
+      k.push(u = /* @__PURE__ */ new Date(+a)), t(a, _), e(a);
+    while (u < a && a < l);
+    return k;
+  }, i.filter = (a) => x((l) => {
+    if (l >= l) for (; e(l), !a(l); ) l.setTime(l - 1);
+  }, (l, _) => {
+    if (l >= l)
+      if (_ < 0) for (; ++_ <= 0; )
+        for (; t(l, -1), !a(l); )
+          ;
+      else for (; --_ >= 0; )
+        for (; t(l, 1), !a(l); )
+          ;
+  }), r && (i.count = (a, l) => (be.setTime(+a), ke.setTime(+l), e(be), e(ke), Math.floor(r(be, ke))), i.every = (a) => (a = Math.floor(a), !isFinite(a) || !(a > 0) ? null : a > 1 ? i.filter(n ? (l) => n(l) % a === 0 : (l) => i.count(0, l) % a === 0) : i)), i;
+}
+const se = 1e3, V = se * 60, le = V * 60, me = le * 24, rt = me * 7, nt = x((e) => {
+  e.setTime(e - e.getMilliseconds());
+}, (e, t) => {
+  e.setTime(+e + t * se);
+}, (e, t) => (t - e) / se, (e) => e.getUTCSeconds());
+nt.range;
+const at = x((e) => {
+  e.setTime(e - e.getMilliseconds() - e.getSeconds() * se);
+}, (e, t) => {
+  e.setTime(+e + t * V);
+}, (e, t) => (t - e) / V, (e) => e.getMinutes());
+at.range;
+const Wt = x((e) => {
+  e.setUTCSeconds(0, 0);
+}, (e, t) => {
+  e.setTime(+e + t * V);
+}, (e, t) => (t - e) / V, (e) => e.getUTCMinutes());
+Wt.range;
+const ot = x((e) => {
+  e.setTime(e - e.getMilliseconds() - e.getSeconds() * se - e.getMinutes() * V);
+}, (e, t) => {
+  e.setTime(+e + t * le);
+}, (e, t) => (t - e) / le, (e) => e.getHours());
+ot.range;
+const Et = x((e) => {
+  e.setUTCMinutes(0, 0, 0);
+}, (e, t) => {
+  e.setTime(+e + t * le);
+}, (e, t) => (t - e) / le, (e) => e.getUTCHours());
+Et.range;
+const pe = x(
+  (e) => e.setHours(0, 0, 0, 0),
+  (e, t) => e.setDate(e.getDate() + t),
+  (e, t) => (t - e - (t.getTimezoneOffset() - e.getTimezoneOffset()) * V) / me,
+  (e) => e.getDate() - 1
+);
+pe.range;
+const Ae = x((e) => {
+  e.setUTCHours(0, 0, 0, 0);
+}, (e, t) => {
+  e.setUTCDate(e.getUTCDate() + t);
+}, (e, t) => (t - e) / me, (e) => e.getUTCDate() - 1);
+Ae.range;
+const Ht = x((e) => {
+  e.setUTCHours(0, 0, 0, 0);
+}, (e, t) => {
+  e.setUTCDate(e.getUTCDate() + t);
+}, (e, t) => (t - e) / me, (e) => Math.floor(e / me));
+Ht.range;
+function B(e) {
+  return x((t) => {
+    t.setDate(t.getDate() - (t.getDay() + 7 - e) % 7), t.setHours(0, 0, 0, 0);
+  }, (t, r) => {
+    t.setDate(t.getDate() + r * 7);
+  }, (t, r) => (r - t - (r.getTimezoneOffset() - t.getTimezoneOffset()) * V) / rt);
+}
+const Le = B(0), fe = B(1), Ot = B(2), It = B(3), re = B(4), qt = B(5), Qt = B(6);
+Le.range;
+fe.range;
+Ot.range;
+It.range;
+re.range;
+qt.range;
+Qt.range;
+function J(e) {
+  return x((t) => {
+    t.setUTCDate(t.getUTCDate() - (t.getUTCDay() + 7 - e) % 7), t.setUTCHours(0, 0, 0, 0);
+  }, (t, r) => {
+    t.setUTCDate(t.getUTCDate() + r * 7);
+  }, (t, r) => (r - t) / rt);
+}
+const it = J(0), ye = J(1), Vt = J(2), Pt = J(3), ne = J(4), jt = J(5), Gt = J(6);
+it.range;
+ye.range;
+Vt.range;
+Pt.range;
+ne.range;
+jt.range;
+Gt.range;
+const st = x((e) => {
+  e.setDate(1), e.setHours(0, 0, 0, 0);
+}, (e, t) => {
+  e.setMonth(e.getMonth() + t);
+}, (e, t) => t.getMonth() - e.getMonth() + (t.getFullYear() - e.getFullYear()) * 12, (e) => e.getMonth());
+st.range;
+const Rt = x((e) => {
+  e.setUTCDate(1), e.setUTCHours(0, 0, 0, 0);
+}, (e, t) => {
+  e.setUTCMonth(e.getUTCMonth() + t);
+}, (e, t) => t.getUTCMonth() - e.getUTCMonth() + (t.getUTCFullYear() - e.getUTCFullYear()) * 12, (e) => e.getUTCMonth());
+Rt.range;
+const P = x((e) => {
+  e.setMonth(0, 1), e.setHours(0, 0, 0, 0);
+}, (e, t) => {
+  e.setFullYear(e.getFullYear() + t);
+}, (e, t) => t.getFullYear() - e.getFullYear(), (e) => e.getFullYear());
+P.every = (e) => !isFinite(e = Math.floor(e)) || !(e > 0) ? null : x((t) => {
+  t.setFullYear(Math.floor(t.getFullYear() / e) * e), t.setMonth(0, 1), t.setHours(0, 0, 0, 0);
+}, (t, r) => {
+  t.setFullYear(t.getFullYear() + r * e);
+});
+P.range;
+const Z = x((e) => {
+  e.setUTCMonth(0, 1), e.setUTCHours(0, 0, 0, 0);
+}, (e, t) => {
+  e.setUTCFullYear(e.getUTCFullYear() + t);
+}, (e, t) => t.getUTCFullYear() - e.getUTCFullYear(), (e) => e.getUTCFullYear());
+Z.every = (e) => !isFinite(e = Math.floor(e)) || !(e > 0) ? null : x((t) => {
+  t.setUTCFullYear(Math.floor(t.getUTCFullYear() / e) * e), t.setUTCMonth(0, 1), t.setUTCHours(0, 0, 0, 0);
+}, (t, r) => {
+  t.setUTCFullYear(t.getUTCFullYear() + r * e);
+});
+Z.range;
+function we(e) {
+  if (0 <= e.y && e.y < 100) {
+    var t = new Date(-1, e.m, e.d, e.H, e.M, e.S, e.L);
+    return t.setFullYear(e.y), t;
+  }
+  return new Date(e.y, e.m, e.d, e.H, e.M, e.S, e.L);
+}
+function Te(e) {
+  if (0 <= e.y && e.y < 100) {
+    var t = new Date(Date.UTC(-1, e.m, e.d, e.H, e.M, e.S, e.L));
+    return t.setUTCFullYear(e.y), t;
+  }
+  return new Date(Date.UTC(e.y, e.m, e.d, e.H, e.M, e.S, e.L));
+}
+function ae(e, t, r) {
+  return { y: e, m: t, d: r, H: 0, M: 0, S: 0, L: 0 };
+}
+function Ye(e) {
+  var t = e.dateTime, r = e.date, n = e.time, i = e.periods, a = e.days, l = e.shortDays, _ = e.months, k = e.shortMonths, u = oe(i), w = ie(i), y = oe(a), H = ie(a), m = oe(l), c = ie(l), d = oe(_), S = ie(_), h = oe(k), Y = ie(k), b = {
+    a: K,
+    A: ee,
+    b: E,
+    B: dt,
+    c: null,
+    d: Ge,
+    e: Ge,
+    f: pr,
+    g: Fr,
+    G: Yr,
+    H: fr,
+    I: yr,
+    j: gr,
+    L: lt,
+    m: _r,
+    M: vr,
+    p: ct,
+    q: ft,
+    Q: Be,
+    s: Je,
+    S: Mr,
+    u: Sr,
+    U: br,
+    V: kr,
+    w: wr,
+    W: Tr,
+    x: null,
+    X: null,
+    y: zr,
+    Y: Dr,
+    Z: Cr,
+    "%": Ze
+  }, F = {
+    a: yt,
+    A: gt,
+    b: pt,
+    B: _t,
+    c: null,
+    d: Re,
+    e: Re,
+    f: Lr,
+    g: Vr,
+    G: jr,
+    H: xr,
+    I: Ur,
+    j: Ar,
+    L: ut,
+    m: $r,
+    M: Nr,
+    p: vt,
+    q: Mt,
+    Q: Be,
+    s: Je,
+    S: Wr,
+    u: Er,
+    U: Hr,
+    V: Or,
+    w: Ir,
+    W: qr,
+    x: null,
+    X: null,
+    y: Qr,
+    Y: Pr,
+    Z: Gr,
+    "%": Ze
+  }, g = {
+    a: he,
+    A: p,
+    b: I,
+    B: A,
+    c: Q,
+    d: Pe,
+    e: Pe,
+    f: ur,
+    g: Ve,
+    G: Qe,
+    H: je,
+    I: je,
+    j: ir,
+    L: mr,
+    m: or,
+    M: sr,
+    p: _e,
+    q: ar,
+    Q: dr,
+    s: cr,
+    S: lr,
+    u: Kt,
+    U: er,
+    V: tr,
+    w: Xt,
+    W: rr,
+    x: de,
+    X,
+    y: Ve,
+    Y: Qe,
+    Z: nr,
+    "%": hr
+  };
+  b.x = z(r, b), b.X = z(n, b), b.c = z(t, b), F.x = z(r, F), F.X = z(n, F), F.c = z(t, F);
+  function z(s, f) {
+    return function(v) {
+      var o = [], L = -1, T = 0, N = s.length, W, G, Ne;
+      for (v instanceof Date || (v = /* @__PURE__ */ new Date(+v)); ++L < N; )
+        s.charCodeAt(L) === 37 && (o.push(s.slice(T, L)), (G = qe[W = s.charAt(++L)]) != null ? W = s.charAt(++L) : G = W === "e" ? " " : "0", (Ne = f[W]) && (W = Ne(v, G)), o.push(W), T = L + 1);
+      return o.push(s.slice(T, L)), o.join("");
+    };
+  }
+  function ue(s, f) {
+    return function(v) {
+      var o = ae(1900, void 0, 1), L = j(o, s, v += "", 0), T, N;
+      if (L != v.length) return null;
+      if ("Q" in o) return new Date(o.Q);
+      if ("s" in o) return new Date(o.s * 1e3 + ("L" in o ? o.L : 0));
+      if (f && !("Z" in o) && (o.Z = 0), "p" in o && (o.H = o.H % 12 + o.p * 12), o.m === void 0 && (o.m = "q" in o ? o.q : 0), "V" in o) {
+        if (o.V < 1 || o.V > 53) return null;
+        "w" in o || (o.w = 1), "Z" in o ? (T = Te(ae(o.y, 0, 1)), N = T.getUTCDay(), T = N > 4 || N === 0 ? ye.ceil(T) : ye(T), T = Ae.offset(T, (o.V - 1) * 7), o.y = T.getUTCFullYear(), o.m = T.getUTCMonth(), o.d = T.getUTCDate() + (o.w + 6) % 7) : (T = we(ae(o.y, 0, 1)), N = T.getDay(), T = N > 4 || N === 0 ? fe.ceil(T) : fe(T), T = pe.offset(T, (o.V - 1) * 7), o.y = T.getFullYear(), o.m = T.getMonth(), o.d = T.getDate() + (o.w + 6) % 7);
+      } else ("W" in o || "U" in o) && ("w" in o || (o.w = "u" in o ? o.u % 7 : "W" in o ? 1 : 0), N = "Z" in o ? Te(ae(o.y, 0, 1)).getUTCDay() : we(ae(o.y, 0, 1)).getDay(), o.m = 0, o.d = "W" in o ? (o.w + 6) % 7 + o.W * 7 - (N + 5) % 7 : o.w + o.U * 7 - (N + 6) % 7);
+      return "Z" in o ? (o.H += o.Z / 100 | 0, o.M += o.Z % 100, Te(o)) : we(o);
+    };
+  }
+  function j(s, f, v, o) {
+    for (var L = 0, T = f.length, N = v.length, W, G; L < T; ) {
+      if (o >= N) return -1;
+      if (W = f.charCodeAt(L++), W === 37) {
+        if (W = f.charAt(L++), G = g[W in qe ? f.charAt(L++) : W], !G || (o = G(s, v, o)) < 0) return -1;
+      } else if (W != v.charCodeAt(o++))
+        return -1;
+    }
+    return o;
+  }
+  function _e(s, f, v) {
+    var o = u.exec(f.slice(v));
+    return o ? (s.p = w.get(o[0].toLowerCase()), v + o[0].length) : -1;
+  }
+  function he(s, f, v) {
+    var o = m.exec(f.slice(v));
+    return o ? (s.w = c.get(o[0].toLowerCase()), v + o[0].length) : -1;
+  }
+  function p(s, f, v) {
+    var o = y.exec(f.slice(v));
+    return o ? (s.w = H.get(o[0].toLowerCase()), v + o[0].length) : -1;
+  }
+  function I(s, f, v) {
+    var o = h.exec(f.slice(v));
+    return o ? (s.m = Y.get(o[0].toLowerCase()), v + o[0].length) : -1;
+  }
+  function A(s, f, v) {
+    var o = d.exec(f.slice(v));
+    return o ? (s.m = S.get(o[0].toLowerCase()), v + o[0].length) : -1;
+  }
+  function Q(s, f, v) {
+    return j(s, t, f, v);
+  }
+  function de(s, f, v) {
+    return j(s, r, f, v);
+  }
+  function X(s, f, v) {
+    return j(s, n, f, v);
+  }
+  function K(s) {
+    return l[s.getDay()];
+  }
+  function ee(s) {
+    return a[s.getDay()];
+  }
+  function E(s) {
+    return k[s.getMonth()];
+  }
+  function dt(s) {
+    return _[s.getMonth()];
+  }
+  function ct(s) {
+    return i[+(s.getHours() >= 12)];
+  }
+  function ft(s) {
+    return 1 + ~~(s.getMonth() / 3);
+  }
+  function yt(s) {
+    return l[s.getUTCDay()];
+  }
+  function gt(s) {
+    return a[s.getUTCDay()];
+  }
+  function pt(s) {
+    return k[s.getUTCMonth()];
+  }
+  function _t(s) {
+    return _[s.getUTCMonth()];
+  }
+  function vt(s) {
+    return i[+(s.getUTCHours() >= 12)];
+  }
+  function Mt(s) {
+    return 1 + ~~(s.getUTCMonth() / 3);
+  }
+  return {
+    format: function(s) {
+      var f = z(s += "", b);
+      return f.toString = function() {
+        return s;
+      }, f;
+    },
+    parse: function(s) {
+      var f = ue(s += "", !1);
+      return f.toString = function() {
+        return s;
+      }, f;
+    },
+    utcFormat: function(s) {
+      var f = z(s += "", F);
+      return f.toString = function() {
+        return s;
+      }, f;
+    },
+    utcParse: function(s) {
+      var f = ue(s += "", !0);
+      return f.toString = function() {
+        return s;
+      }, f;
+    }
+  };
+}
+var qe = { "-": "", _: " ", 0: "0" }, C = /^\s*\d+/, Zt = /^%/, Bt = /[\\^$*+?|[\]().{}]/g;
+function M(e, t, r) {
+  var n = e < 0 ? "-" : "", i = (n ? -e : e) + "", a = i.length;
+  return n + (a < r ? new Array(r - a + 1).join(t) + i : i);
+}
+function Jt(e) {
+  return e.replace(Bt, "\\$&");
+}
+function oe(e) {
+  return new RegExp("^(?:" + e.map(Jt).join("|") + ")", "i");
+}
+function ie(e) {
+  return new Map(e.map((t, r) => [t.toLowerCase(), r]));
+}
+function Xt(e, t, r) {
+  var n = C.exec(t.slice(r, r + 1));
+  return n ? (e.w = +n[0], r + n[0].length) : -1;
+}
+function Kt(e, t, r) {
+  var n = C.exec(t.slice(r, r + 1));
+  return n ? (e.u = +n[0], r + n[0].length) : -1;
+}
+function er(e, t, r) {
+  var n = C.exec(t.slice(r, r + 2));
+  return n ? (e.U = +n[0], r + n[0].length) : -1;
+}
+function tr(e, t, r) {
+  var n = C.exec(t.slice(r, r + 2));
+  return n ? (e.V = +n[0], r + n[0].length) : -1;
+}
+function rr(e, t, r) {
+  var n = C.exec(t.slice(r, r + 2));
+  return n ? (e.W = +n[0], r + n[0].length) : -1;
+}
+function Qe(e, t, r) {
+  var n = C.exec(t.slice(r, r + 4));
+  return n ? (e.y = +n[0], r + n[0].length) : -1;
+}
+function Ve(e, t, r) {
+  var n = C.exec(t.slice(r, r + 2));
+  return n ? (e.y = +n[0] + (+n[0] > 68 ? 1900 : 2e3), r + n[0].length) : -1;
+}
+function nr(e, t, r) {
+  var n = /^(Z)|([+-]\d\d)(?::?(\d\d))?/.exec(t.slice(r, r + 6));
+  return n ? (e.Z = n[1] ? 0 : -(n[2] + (n[3] || "00")), r + n[0].length) : -1;
+}
+function ar(e, t, r) {
+  var n = C.exec(t.slice(r, r + 1));
+  return n ? (e.q = n[0] * 3 - 3, r + n[0].length) : -1;
+}
+function or(e, t, r) {
+  var n = C.exec(t.slice(r, r + 2));
+  return n ? (e.m = n[0] - 1, r + n[0].length) : -1;
+}
+function Pe(e, t, r) {
+  var n = C.exec(t.slice(r, r + 2));
+  return n ? (e.d = +n[0], r + n[0].length) : -1;
+}
+function ir(e, t, r) {
+  var n = C.exec(t.slice(r, r + 3));
+  return n ? (e.m = 0, e.d = +n[0], r + n[0].length) : -1;
+}
+function je(e, t, r) {
+  var n = C.exec(t.slice(r, r + 2));
+  return n ? (e.H = +n[0], r + n[0].length) : -1;
+}
+function sr(e, t, r) {
+  var n = C.exec(t.slice(r, r + 2));
+  return n ? (e.M = +n[0], r + n[0].length) : -1;
+}
+function lr(e, t, r) {
+  var n = C.exec(t.slice(r, r + 2));
+  return n ? (e.S = +n[0], r + n[0].length) : -1;
+}
+function mr(e, t, r) {
+  var n = C.exec(t.slice(r, r + 3));
+  return n ? (e.L = +n[0], r + n[0].length) : -1;
+}
+function ur(e, t, r) {
+  var n = C.exec(t.slice(r, r + 6));
+  return n ? (e.L = Math.floor(n[0] / 1e3), r + n[0].length) : -1;
+}
+function hr(e, t, r) {
+  var n = Zt.exec(t.slice(r, r + 1));
+  return n ? r + n[0].length : -1;
+}
+function dr(e, t, r) {
+  var n = C.exec(t.slice(r));
+  return n ? (e.Q = +n[0], r + n[0].length) : -1;
+}
+function cr(e, t, r) {
+  var n = C.exec(t.slice(r));
+  return n ? (e.s = +n[0], r + n[0].length) : -1;
+}
+function Ge(e, t) {
+  return M(e.getDate(), t, 2);
+}
+function fr(e, t) {
+  return M(e.getHours(), t, 2);
+}
+function yr(e, t) {
+  return M(e.getHours() % 12 || 12, t, 2);
+}
+function gr(e, t) {
+  return M(1 + pe.count(P(e), e), t, 3);
+}
+function lt(e, t) {
+  return M(e.getMilliseconds(), t, 3);
+}
+function pr(e, t) {
+  return lt(e, t) + "000";
+}
+function _r(e, t) {
+  return M(e.getMonth() + 1, t, 2);
+}
+function vr(e, t) {
+  return M(e.getMinutes(), t, 2);
+}
+function Mr(e, t) {
+  return M(e.getSeconds(), t, 2);
+}
+function Sr(e) {
+  var t = e.getDay();
+  return t === 0 ? 7 : t;
+}
+function br(e, t) {
+  return M(Le.count(P(e) - 1, e), t, 2);
+}
+function mt(e) {
+  var t = e.getDay();
+  return t >= 4 || t === 0 ? re(e) : re.ceil(e);
+}
+function kr(e, t) {
+  return e = mt(e), M(re.count(P(e), e) + (P(e).getDay() === 4), t, 2);
+}
+function wr(e) {
+  return e.getDay();
+}
+function Tr(e, t) {
+  return M(fe.count(P(e) - 1, e), t, 2);
+}
+function zr(e, t) {
+  return M(e.getFullYear() % 100, t, 2);
+}
+function Fr(e, t) {
+  return e = mt(e), M(e.getFullYear() % 100, t, 2);
+}
+function Dr(e, t) {
+  return M(e.getFullYear() % 1e4, t, 4);
+}
+function Yr(e, t) {
+  var r = e.getDay();
+  return e = r >= 4 || r === 0 ? re(e) : re.ceil(e), M(e.getFullYear() % 1e4, t, 4);
+}
+function Cr(e) {
+  var t = e.getTimezoneOffset();
+  return (t > 0 ? "-" : (t *= -1, "+")) + M(t / 60 | 0, "0", 2) + M(t % 60, "0", 2);
+}
+function Re(e, t) {
+  return M(e.getUTCDate(), t, 2);
+}
+function xr(e, t) {
+  return M(e.getUTCHours(), t, 2);
+}
+function Ur(e, t) {
+  return M(e.getUTCHours() % 12 || 12, t, 2);
+}
+function Ar(e, t) {
+  return M(1 + Ae.count(Z(e), e), t, 3);
+}
+function ut(e, t) {
+  return M(e.getUTCMilliseconds(), t, 3);
+}
+function Lr(e, t) {
+  return ut(e, t) + "000";
+}
+function $r(e, t) {
+  return M(e.getUTCMonth() + 1, t, 2);
+}
+function Nr(e, t) {
+  return M(e.getUTCMinutes(), t, 2);
+}
+function Wr(e, t) {
+  return M(e.getUTCSeconds(), t, 2);
+}
+function Er(e) {
+  var t = e.getUTCDay();
+  return t === 0 ? 7 : t;
+}
+function Hr(e, t) {
+  return M(it.count(Z(e) - 1, e), t, 2);
+}
+function ht(e) {
+  var t = e.getUTCDay();
+  return t >= 4 || t === 0 ? ne(e) : ne.ceil(e);
+}
+function Or(e, t) {
+  return e = ht(e), M(ne.count(Z(e), e) + (Z(e).getUTCDay() === 4), t, 2);
+}
+function Ir(e) {
+  return e.getUTCDay();
+}
+function qr(e, t) {
+  return M(ye.count(Z(e) - 1, e), t, 2);
+}
+function Qr(e, t) {
+  return M(e.getUTCFullYear() % 100, t, 2);
+}
+function Vr(e, t) {
+  return e = ht(e), M(e.getUTCFullYear() % 100, t, 2);
+}
+function Pr(e, t) {
+  return M(e.getUTCFullYear() % 1e4, t, 4);
+}
+function jr(e, t) {
+  var r = e.getUTCDay();
+  return e = r >= 4 || r === 0 ? ne(e) : ne.ceil(e), M(e.getUTCFullYear() % 1e4, t, 4);
+}
+function Gr() {
+  return "+0000";
+}
+function Ze() {
+  return "%";
+}
+function Be(e) {
+  return +e;
+}
+function Je(e) {
+  return Math.floor(+e / 1e3);
+}
+var te, q;
+Rr({
+  dateTime: "%x, %X",
+  date: "%-m/%-d/%Y",
+  time: "%-I:%M:%S %p",
+  periods: ["AM", "PM"],
+  days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+  shortDays: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+  months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
+  shortMonths: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
+});
+function Rr(e) {
+  return te = Ye(e), q = te.format, te.parse, te.utcFormat, te.utcParse, te;
+}
+const Ce = [
+  // YEAR
+  [
+    1,
+    // years
+    4,
+    // quarters
+    12,
+    // months
+    52,
+    // weeks
+    365,
+    // days
+    365 * 24,
+    // hours
+    365 * 24 * 60,
+    // minutes
+    365 * 24 * 60 * 60,
+    // seconds
+    365 * 24 * 60 * 60 * 1e3
+    // milliseconds
+  ],
+  // QUARTERS
+  [
+    1 / 4,
+    // year
+    1,
+    // quarters
+    3,
+    // months
+    13,
+    // weeks
+    91,
+    // days
+    91 * 24,
+    // hours
+    91 * 24 * 60,
+    // minutes
+    91 * 24 * 60 * 60,
+    // seconds
+    91 * 24 * 60 * 60 * 1e3
+    // milliseconds
+  ],
+  // MONTHS
+  [
+    1 / 12,
+    // year
+    1 / 3,
+    // quarters
+    1,
+    // months
+    4,
+    // weeks
+    30,
+    // days
+    30 * 24,
+    // hours
+    30 * 24 * 60,
+    // minutes
+    30 * 24 * 60 * 60,
+    // seconds
+    30 * 24 * 60 * 60 * 1e3
+    // milliseconds
+  ],
+  // WEEKS
+  [
+    1 / 52,
+    // year
+    1 / 13,
+    // quarters
+    1 / 4,
+    // months
+    1,
+    // weeks
+    7,
+    // days
+    7 * 24,
+    // hours
+    7 * 24 * 60,
+    // minutes
+    7 * 24 * 60 * 60,
+    // seconds
+    7 * 24 * 60 * 60 * 1e3
+    // milliseconds
+  ],
+  // DAYS
+  [
+    1 / 365,
+    // year
+    1 / 91,
+    // quarters
+    1 / 30,
+    // months
+    1 / 7,
+    // weeks
+    1,
+    // days
+    24,
+    // hours
+    24 * 60,
+    // minutes
+    24 * 60 * 60,
+    // seconds
+    24 * 60 * 60 * 1e3
+    // milliseconds
+  ],
+  // HOURS
+  [
+    1 / (365 * 24),
+    // year
+    1 / (91 * 24),
+    // quarters
+    1 / (30 * 24),
+    // months
+    1 / (7 * 24),
+    // weeks
+    1 / 24,
+    // days
+    1,
+    // hours
+    60,
+    // minutes
+    60 * 60,
+    // seconds
+    60 * 60 * 1e3
+    // milliseconds
+  ],
+  // MINUTES
+  [
+    1 / (365 * 24 * 60),
+    // year
+    1 / (91 * 24 * 60),
+    // quarters
+    1 / (30 * 24 * 60),
+    // months
+    1 / (7 * 24 * 60),
+    // weeks
+    1 / (24 * 60),
+    // days
+    1 / 60,
+    // hours
+    1,
+    // minutes
+    60,
+    // seconds
+    60 * 1e3
+    // milliseconds
+  ],
+  // SECONDS
+  [
+    1 / (365 * 24 * 60 * 60),
+    // year
+    1 / (91 * 24 * 60 * 60),
+    // quarters
+    1 / (30 * 24 * 60 * 60),
+    // months
+    1 / (7 * 24 * 60 * 60),
+    // weeks
+    1 / (24 * 60 * 60),
+    // days
+    1 / (60 * 60),
+    // hours
+    1 / 60,
+    // minutes
+    1,
+    // seconds
+    1e3
+    // milliseconds
+  ],
+  // MILLISECONDS
+  [
+    1 / (365 * 24 * 60 * 60 * 1e3),
+    // year
+    1 / (91 * 24 * 60 * 60 * 1e3),
+    // quarters
+    1 / (30 * 24 * 60 * 60 * 1e3),
+    // months
+    1 / (7 * 24 * 60 * 60 * 1e3),
+    // weeks
+    1 / (24 * 60 * 60 * 1e3),
+    // days
+    1 / (60 * 60 * 1e3),
+    // hours
+    1 / (60 * 1e3),
+    // minutes
+    1 / 1e3,
+    // seconds
+    1
+    // milliseconds
+  ]
+];
+function Zr(e, t, r) {
+  if (R(e))
+    return;
+  if (!t || !r || t === r)
+    return e;
+  const n = Ce[t - 1][r - 1];
+  if (n)
+    return e * n;
+}
+function Br(e, t, r, n) {
+  if (R(e) || !t.lowestLevel || r.length === 0)
+    return "";
+  const i = [];
+  let a = 0, l = Math.round(
+    e * Ce[t.lowestLevel - 1][8]
+  );
+  const _ = 9;
+  for (const [, u] of r.entries())
+    if (e) {
+      l = l - a;
+      const w = Ce[u - 1][_ - 1], y = Math.floor(l / w);
+      a = y * w, i.push({ level: u, value: y });
+    } else
+      i.push({ level: u, value: 0 });
+  let k = "";
+  for (const [u, w] of i.entries())
+    if (t.duration.format === "time") {
+      let y = w.value;
+      [6, 7, 8].includes(w.level) && w.value < 10 ? y = "0" + w.value.toString() : w.level === 9 && w.value < 10 ? y = "00" + w.value.toString() : w.level === 9 && w.value < 100 && (y = "0" + w.value.toString()), k += (u === 0 ? "" : w.level === 9 ? "." : ":") + y;
+    } else if (t.duration.format === "long") {
+      const y = n.durationLongSuffix;
+      k += w.value + " " + y[w.level] + (u === i.length - 1 ? "" : " ");
+    } else {
+      const y = n.durationShortSuffix;
+      k += w.value + "" + y[w.level] + (u === i.length - 1 ? "" : " ");
+    }
+  return k;
+}
+const $e = {
+  decimal: ".",
+  thousands: ",",
+  grouping: [3],
+  currency: ["$", ""],
+  dateTime: "%a %b %e %X %Y",
+  date: "%m/%d/%Y",
+  dateSeparator: "/",
+  time: "%H:%M:%S",
+  periods: ["AM", "PM"],
+  days: [
+    "Sunday",
+    "Monday",
+    "Tuesday",
+    "Wednesday",
+    "Thursday",
+    "Friday",
+    "Saturday"
+  ],
+  shortDays: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+  months: [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ],
+  shortMonths: [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec"
+  ],
+  levels: [
+    "All",
+    "Year",
+    "Quarter",
+    "Month",
+    "Week",
+    "Date",
+    "Hour",
+    "Minute",
+    "Second",
+    "Millisecond"
+  ],
+  shortLevels: [
+    "All",
+    "Yr",
+    "Qtr",
+    "Mth",
+    "Wk",
+    "Date",
+    "Hr",
+    "Min",
+    "Sec",
+    "Msec"
+  ],
+  durationLongSuffix: [
+    "",
+    "years",
+    "quarters",
+    "months",
+    "weeks",
+    "days",
+    "hours",
+    "minutes",
+    "seconds",
+    "milliseconds"
+  ],
+  durationShortSuffix: ["", "y", "q", "mo", "w", "d", "h", "m", "s", "ms"],
+  multi: [".%L", ":%S", "%I:%M", "%I %p", "%a %d", "W%G", "%b %d", "%B", "%Y"]
+}, Jr = "%d-%m-%Y", xe = [
+  {
+    key: "%a %e %b %Y",
+    lev1: "%Y",
+    lev2: "Q%q-%Y",
+    lev3: "%b %Y",
+    lev4: "Wk %V-%G",
+    lev5: "%a %e %b %Y",
+    monthType: "name",
+    longText: !1,
+    weekday: !0
+  },
+  {
+    key: "%e %b %Y",
+    lev1: "%Y",
+    lev2: "Q%q-%Y",
+    lev3: "%b %Y",
+    lev4: "Wk %V-%G",
+    lev5: "%e %b %Y",
+    monthType: "name",
+    longText: !1,
+    weekday: !1
+  },
+  {
+    key: "%a %e %B %Y",
+    lev1: "%Y",
+    lev2: "Q%q-%Y",
+    lev3: "%B %Y",
+    lev4: "Week %V, %G",
+    lev5: "%a %e %B %Y",
+    monthType: "name",
+    longText: !0,
+    weekday: !0
+  },
+  {
+    key: "%e %B %Y",
+    lev1: "%Y",
+    lev2: "Q%q-%Y",
+    lev3: "%B %Y",
+    lev4: "Week %V, %G",
+    lev5: "%e %B %Y",
+    monthType: "name",
+    longText: !0,
+    weekday: !1
+  },
+  {
+    key: "%d/%m/%Y",
+    lev1: "%Y",
+    lev2: "Q%q/%Y",
+    lev3: "%m/%Y",
+    lev4: "W%V/%G",
+    lev5: "%d/%m/%Y",
+    monthType: "number",
+    mmdd: !1,
+    separator: "/"
+  },
+  {
+    key: "%d-%m-%Y",
+    lev1: "%Y",
+    lev2: "Q%q-%Y",
+    lev3: "%m-%Y",
+    lev4: "W%V-%G",
+    lev5: "%d-%m-%Y",
+    monthType: "number",
+    mmdd: !1,
+    separator: "-"
+  },
+  {
+    key: "%d.%m.%Y",
+    lev1: "%Y",
+    lev2: "Q%q.%Y",
+    lev3: "%m.%Y",
+    lev4: "W%V.%G",
+    lev5: "%d.%m.%Y",
+    monthType: "number",
+    mmdd: !1,
+    separator: "."
+  },
+  {
+    key: "%d~%m~%Y",
+    lev1: "%Y",
+    lev2: "Q%q~%Y",
+    lev3: "%m~%Y",
+    lev4: "W%V~%G",
+    lev5: "%d~%m~%Y",
+    monthType: "number",
+    mmdd: !1,
+    separator: "~"
+  },
+  {
+    key: "%m/%d/%Y",
+    lev1: "%Y",
+    lev2: "Q%q/%Y",
+    lev3: "%m/%Y",
+    lev4: "%G/W%V",
+    lev5: "%m/%d/%Y",
+    monthType: "number",
+    mmdd: !0,
+    separator: "/"
+  },
+  {
+    key: "%m-%d-%Y",
+    lev1: "%Y",
+    lev2: "Q%q-%Y",
+    lev3: "%m-%Y",
+    lev4: "%G-W%V",
+    lev5: "%m-%d-%Y",
+    monthType: "number",
+    mmdd: !0,
+    separator: "-"
+  },
+  {
+    key: "%m.%d.%Y",
+    lev1: "%Y",
+    lev2: "Q%q.%Y",
+    lev3: "%m.%Y",
+    lev4: "%G.W%V",
+    lev5: "%m.%d.%Y",
+    monthType: "number",
+    mmdd: !0,
+    separator: "."
+  },
+  {
+    key: "%m~%d~%Y",
+    lev1: "%Y",
+    lev2: "Q%q~%Y",
+    lev3: "%m~%Y",
+    lev4: "%G~W%V",
+    lev5: "%m~%d~%Y",
+    monthType: "number",
+    mmdd: !0,
+    separator: "~"
+  },
+  {
+    key: "%amd/%Y",
+    lev1: "%Y",
+    lev2: "Q%q/%Y",
+    lev3: "%m/%Y",
+    lev4: "%G/W%V",
+    lev5: "%amd/%Y",
+    monthType: "number",
+    mmdd: null,
+    separator: "/"
+  },
+  {
+    key: "%amd-%Y",
+    lev1: "%Y",
+    lev2: "Q%q-%Y",
+    lev3: "%m-%Y",
+    lev4: "%G-W%V",
+    lev5: "%amd-%Y",
+    monthType: "number",
+    mmdd: null,
+    separator: "-"
+  },
+  {
+    key: "%amd.%Y",
+    lev1: "%Y",
+    lev2: "Q%q.%Y",
+    lev3: "%m.%Y",
+    lev4: "%G.W%V",
+    lev5: "%amd.%Y",
+    monthType: "number",
+    mmdd: null,
+    separator: "."
+  },
+  {
+    key: "%amd~%Y",
+    lev1: "%Y",
+    lev2: "Q%q~%Y",
+    lev3: "%m~%Y",
+    lev4: "%G~W%V",
+    lev5: "%amd~%Y",
+    monthType: "number",
+    mmdd: null,
+    separator: "~"
+  }
+], Xr = [
+  {
+    key: "%H:%M:%S.%L",
+    lev6: "%H:00",
+    lev7: "%H:%M",
+    lev8: "%H:%M:%S",
+    lev9: "%H:%M:%S.%L",
+    ampm: !1
+  },
+  {
+    key: "%I:%M:%S.%L %p",
+    lev6: "%I:00 %p",
+    lev7: "%I:%M %p",
+    lev8: "%I:%M:%S %p",
+    lev9: "%I:%M:%S.%L %p",
+    ampm: !0
+  }
+];
+function ze(e, t) {
+  var y, H;
+  t = t || {};
+  const r = t.localFormats || $e;
+  let n, i, a, l = [], _ = [], k = "datetime", u;
+  t && t.multi && (k = "datetime"), (!e || !e.format) && (k = "hierarchy"), e && e.type && (k = e.type), e && e.format ? u = e.format : k === "numeric" ? u = ",.0f" : k === "datetime" ? u = Jr : u = "";
+  const w = Dt(u);
+  switch (w.precision && w.typeFormat && (k = "numeric"), k) {
+    case "numeric": {
+      if (e.subtype === "duration" && e.duration && e.duration.levels && e.duration.levels.length > 1 && !t.hideDuration)
+        n = (m) => R(m) ? "" : Br(
+          m,
+          e,
+          e.duration.levels,
+          r
+        );
+      else {
+        const m = { ...r };
+        let c = w.typeFormat, d = !1;
+        switch (c.length === 2 && c.startsWith("a") && (d = !0, c = c.slice(1, 2), u = u.replace(/a/, "")), d ? (m.decimal = r.decimal, m.thousands = r.thousands) : ["z", "y", "w"].includes(c) ? (m.decimal = ",", m.thousands = ".") : (m.decimal = ".", m.thousands = ","), c) {
+          case "z": {
+            u = u.replace("z", "f");
+            break;
+          }
+          case "y": {
+            u = u.replace("y", "%");
+            break;
+          }
+          case "w": {
+            u = u.replace("w", "s");
+            break;
+          }
+        }
+        if ((e == null ? void 0 : e.subtype) === "currency" && e.currency) {
+          const h = " ", Y = m.currency.findIndex(
+            (z) => z.length > 0
+          ), b = m.currency[Y].startsWith(h), F = m.currency[Y].endsWith(h), g = `${b ? h : ""}${e.currency}${F ? h : ""}`;
+          m.currency[Y] = g;
+        }
+        const S = Nt(m);
+        c !== "%" && (e == null ? void 0 : e.subtype) === "currency" && e.currency && m.currency && !(t != null && t.hideCurrency) && !["count", "distinctcount"].includes(e.aggregationFunc) && !(e.aggregationFunc === "rate" && ((y = e.aggregationWeight) == null ? void 0 : y.columnSubType) === "currency") && ((H = e.periodOverPeriod) == null ? void 0 : H.type) !== "percentageChange" && (u = "$" + u), t != null && t.trimZero && ["y", "%"].includes(c) && m.decimal === "," ? i = (h) => S.format(u)(h).replace(/(,\d*?)0+%$/, "$1%").replace(/,%$/, "%") : t != null && t.trimZero && ["y", "%"].includes(c) && m.decimal === "." ? i = (h) => S.format(u)(h).replace(/(\.\d*?)0+%$/, "$1%").replace(/\.%$/, "%") : t != null && t.trimZero && ["z", "f"].includes(c) && m.decimal === "," ? i = (h) => S.format(u)(h).replace(/(,\d*?)0+$/, "$1").replace(/,$/, "") : t != null && t.trimZero && ["z", "f"].includes(c) && m.decimal === "." ? i = (h) => S.format(u)(h).replace(/(\.\d*?)0+$/, "$1").replace(/\.$/, "") : (e == null ? void 0 : e.subtype) === "currency" && e.currency && m.currency && c === "s" ? i = (h) => S.format(u)(h).replace(/G/, "B") : i = R(w.precision) ? S.format(",.0f") : S.format(u), n = (h) => {
+          var Y;
+          if (R(h))
+            return "";
+          if (e.subtype === "duration" && e.duration && !t.hideDuration) {
+            const b = e.duration.levels ? e.duration.levels[0] : e.lowestLevel;
+            return b !== e.lowestLevel && (h = Zr(h, e.lowestLevel, b)), i(h) + ((Y = r == null ? void 0 : r.durationShortSuffix) == null ? void 0 : Y[b]);
+          }
+          return i(h);
+        };
+      }
+      break;
+    }
+    case "datetime": {
+      if (l = (r == null ? void 0 : r.smartDateFormats) ?? xe, _ = (r == null ? void 0 : r.smartTimeFormats) ?? Xr, R(e.datetimeDisplayMode)) {
+        if (t != null && t.level) {
+          const m = t.level, c = l.find(
+            (F) => u.includes(F.key)
+          ), d = _.find(
+            (F) => u.includes(F.key)
+          ), S = c ? c["lev" + Math.min(m, 5)] : l[0]["lev" + Math.min(m, 5)], h = m > 5 ? d ? d["lev" + m] : _[0]["lev" + m] : "";
+          u = m > 5 ? S + ", " + h : S;
+          const Y = u.includes("%amd") && t.level >= 5, b = c ? t.level >= 2 && c.separator === "~" : !1;
+          Y ? u = b ? (
+            // Fully use the date format defined in the locale JSON, including its separators.
+            u.replaceAll(
+              new RegExp(/%amd[.~\/-]%Y/g),
+              r.date.slice(0, 8)
+            )
+          ) : (
+            // Use the date format defined in the locale JSON, but replace the seperators to the hardcoded separator configured in the slot menu.
+            u.replaceAll(
+              new RegExp(/%amd[.~\/-]%Y/g),
+              r.date.slice(0, 8).replaceAll(
+                new RegExp(/[.~\/-]/g),
+                c.separator
+              )
+            )
+          ) : u = b ? (
+            // No locale aware date format but locale aware separator: replace locale aware '~' separator by correct separator from locale JSON.
+            u.replaceAll(
+              new RegExp(/[~]/g),
+              r.dateSeparator
+            )
+          ) : (
+            // No locale aware format and no locale aware separator: no action required.
+            u
+          );
+        }
+        if (t != null && t.multi) {
+          const m = q(r.multi[0]), c = q(r.multi[1]), d = q(r.multi[2]), S = q(r.multi[3]), h = q(r.multi[4]), Y = q(r.multi[6]), b = q(r.multi[7]), F = q(r.multi[8]);
+          a = (g) => {
+            let z;
+            return nt(g) < g ? z = m : at(g) < g ? z = c : ot(g) < g ? z = d : pe(g) < g ? z = S : st(g) < g ? z = Le(g) < g ? h : Y : P(g) < g ? z = b : z = F, z(g);
+          };
+        } else
+          a = Ye(r).format(u);
+      } else {
+        const m = {
+          quarter_number: { min: 1, max: 4 },
+          month_name: { min: 1, max: 12 },
+          month_number: { min: 1, max: 12 },
+          week_number: { min: 1, max: 53 },
+          day_in_month: { min: 1, max: 31 },
+          day_in_year: { min: 1, max: 366 },
+          weekday_name: { min: 0, max: 7 },
+          weekday_number: { min: 0, max: 7 },
+          hour_in_day: { min: 0, max: 23 },
+          minute_in_hour: { min: 0, max: 59 },
+          second_in_minute: { min: 0, max: 59 }
+        }, c = (d, S, h) => {
+          var Y, b, F, g, z;
+          return S === "letter" ? ((Y = d.shortNames) == null ? void 0 : Y.length) > 0 && ((b = d.shortNames[h]) == null ? void 0 : b.length) > 0 ? (F = d.shortNames[h]) == null ? void 0 : F.charAt(0) : "N/A" : S === "short" ? ((g = d.shortNames) == null ? void 0 : g.length) > 0 && d.shortNames[h] ? d.shortNames[h] : "N/A" : ((z = d.longNames) == null ? void 0 : z.length) > 0 && d.longNames[h] ? d.longNames[h] : "N/A";
+        };
+        [
+          "quarter_number",
+          "month_number",
+          "week_number",
+          "day_in_month",
+          "day_in_year",
+          "weekday_number",
+          "hour_in_day",
+          "minute_in_hour",
+          "second_in_minute"
+        ].includes(e.datetimeDisplayMode) ? a = (d) => Se(d) && d >= m[e.datetimeDisplayMode].min && d <= m[e.datetimeDisplayMode].max ? d : "N/A" : e.datetimeDisplayMode === "month_name" ? a = (d) => {
+          const S = [...r.shortMonths], h = [...r.months];
+          return Se(d) && d >= m[e.datetimeDisplayMode].min && d <= m[e.datetimeDisplayMode].max ? c(
+            { shortNames: S, longNames: h },
+            e.monthNameFormat,
+            d - 1
+          ) : "N/A";
+        } : e.datetimeDisplayMode === "weekday_name" ? a = (d) => {
+          const S = [...r.shortDays], h = [...r.days];
+          return e.weekStart === "monday" && (S.push(S.shift()), h.push(h.shift())), Se(d) && d >= m[e.datetimeDisplayMode].min && d <= m[e.datetimeDisplayMode].max ? c(
+            { shortNames: S, longNames: h },
+            e.weekDayNameFormat,
+            d - 1
+          ) : "N/A";
+        } : a = Ye(r).format(u);
+      }
+      n = (m) => {
+        if (R(m))
+          return "";
+        const c = a(m);
+        return Ft(c) ? c.trim() : c;
+      };
+      break;
+    }
+    case "hierarchy": {
+      n = (m) => zt(m, t ? t.locale : void 0);
+      break;
+    }
+    default: {
+      n = (m) => m;
+      break;
+    }
+  }
+  return n;
+}
+const Xe = {
+  "~": "Auto",
+  "/": "/",
+  "-": "-",
+  ".": "."
+}, Fe = {
+  level2: [
+    { key: "default", label: "Default" },
+    { key: "quarter_number", label: "Quarter numbers" }
+  ],
+  level3: [
+    { key: "default", label: "Default" },
+    { key: "month_in_year", label: "Month number" }
+  ],
+  level4: [
+    { key: "default", label: "Default" },
+    { key: "week_number", label: "Week number" }
+  ],
+  level5: [
+    { key: "default", label: "Default" },
+    { key: "day_in_week", label: "Day in week" },
+    { key: "day_in_month", label: "Day in month" },
+    { key: "day_in_year", label: "Day in year" }
+  ],
+  level6: [
+    { key: "default", label: "Default" },
+    { key: "hour_in_day", label: "Hour in day" }
+  ],
+  level7: [
+    { key: "default", label: "Default" },
+    { key: "minute_in_hour", label: "Minute in hour" }
+  ],
+  level8: [
+    { key: "default", label: "Default" },
+    { key: "second_in_minute", label: "Second in minute" }
+  ]
+}, Ke = {
+  number: "Number",
+  letter: "Letter",
+  short: "Short",
+  long: "Long"
+}, et = {
+  sunday: "Sunday",
+  monday: "Monday"
+}, Kr = ":host{font-family:var(--luzmo-display-settings-datetime-font-family, var(--luzmo-font-family))}:host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-datetime-gap, var(--display-settings-datetime-gap))}:host .example-container{line-height:var(--luzmo-display-settings-datetime-example-height, var(--display-settings-datetime-example-height));font-size:var(--luzmo-display-settings-datetime-example-font-size, var(--display-settings-datetime-example-font-size));color:var(--luzmo-display-settings-datetime-example-color, var(--display-settings-datetime-example-color))}:host .example-container .example-label{font-weight:var(--luzmo-display-settings-datetime-example-label-font-weight, var(--display-settings-datetime-example-label-font-weight));color:var(--luzmo-display-settings-datetime-example-label-color, var(--display-settings-datetime-example-label-color))}:host .example-container .example-language{text-transform:uppercase;color:var(--luzmo-display-settings-datetime-example-language-color, var(--display-settings-datetime-example-language-color))}:host{--display-settings-datetime-example-font-size: var(--luzmo-font-size);--display-settings-datetime-example-color: var(--luzmo-font-color);--display-settings-datetime-example-label-font-weight: bold;--display-settings-datetime-example-label-color: var(--luzmo-primary);--display-settings-datetime-example-language-color: var(--luzmo-primary)}:host{--display-settings-datetime-gap: var(--luzmo-spacing-3);--display-settings-datetime-example-height: var(--luzmo-component-height);--display-settings-datetime-example-font-size: var(--luzmo-font-size-s)}:host([size=s]){--display-settings-datetime-gap: var(--luzmo-spacing-3);--display-settings-datetime-example-height: var(--luzmo-component-height-s);--display-settings-datetime-example-font-size: var(--luzmo-font-size-s)}:host([size=l]){--display-settings-datetime-gap: var(--luzmo-spacing-4);--display-settings-datetime-example-height: var(--luzmo-component-height-l);--display-settings-datetime-example-font-size: var(--luzmo-font-size)}:host([size=xl]){--display-settings-datetime-gap: var(--luzmo-spacing-5);--display-settings-datetime-example-height: var(--luzmo-component-height-xl);--display-settings-datetime-example-font-size: var(--luzmo-font-size-l)}";
+var en = Object.defineProperty, $ = (e, t, r, n) => {
+  for (var i = void 0, a = e.length - 1, l; a >= 0; a--)
+    (l = e[a]) && (i = l(t, r, i) || i);
+  return i && en(t, r, i), i;
+};
+class U extends bt(wt, {
+  validSizes: Object.values(kt)
+}) {
+  constructor() {
+    super(...arguments), this._loadLocaleFormatsConfig = new St(this, {
+      task: async ([t]) => {
+        if (t && t !== this._contentLanguageLoaded) {
+          const r = /* @__PURE__ */ Object.assign({
+            "../../utils/formatter/formats/cs.ts": () => import("./cs-DVZ0Tapy.js"),
+            "../../utils/formatter/formats/da.ts": () => import("./da-DHy05oSR.js"),
+            "../../utils/formatter/formats/de.ts": () => import("./de-iM39JlAt.js"),
+            "../../utils/formatter/formats/en-GB.ts": () => import("./en-GB-CYx--4nh.js"),
+            "../../utils/formatter/formats/en-US.ts": () => Promise.resolve().then(() => tn),
+            "../../utils/formatter/formats/en.ts": () => Promise.resolve().then(() => rn),
+            "../../utils/formatter/formats/es.ts": () => import("./es-KhTq4jX8.js"),
+            "../../utils/formatter/formats/fi.ts": () => import("./fi-Dh_ebgpe.js"),
+            "../../utils/formatter/formats/fr.ts": () => import("./fr-CU727YF1.js"),
+            "../../utils/formatter/formats/he.ts": () => import("./he-Au3xg6lR.js"),
+            "../../utils/formatter/formats/hu.ts": () => import("./hu-DNJ-P_MW.js"),
+            "../../utils/formatter/formats/it.ts": () => import("./it-Bh5U73z6.js"),
+            "../../utils/formatter/formats/ja.ts": () => import("./ja-CCcHUL61.js"),
+            "../../utils/formatter/formats/ko.ts": () => import("./ko-DhapsZMM.js"),
+            "../../utils/formatter/formats/mk.ts": () => import("./mk-B9HPSuKa.js"),
+            "../../utils/formatter/formats/nl.ts": () => import("./nl-BwSt5Bf4.js"),
+            "../../utils/formatter/formats/no.ts": () => import("./no-D-DofYnx.js"),
+            "../../utils/formatter/formats/pl.ts": () => import("./pl-D_L_0Boq.js"),
+            "../../utils/formatter/formats/pt.ts": () => import("./pt-B0BBS5VB.js"),
+            "../../utils/formatter/formats/ru.ts": () => import("./ru-Vo-m3O_2.js"),
+            "../../utils/formatter/formats/sv.ts": () => import("./sv-CiozMaev.js"),
+            "../../utils/formatter/formats/tr.ts": () => import("./tr-D_D4i5iv.js"),
+            "../../utils/formatter/formats/zh-CN.ts": () => import("./zh-CN-wsl7eFSd.js"),
+            "../../utils/formatter/formats/zh-TW.ts": () => import("./zh-TW-wsl7eFSd.js")
+          });
+          if (r[`../../utils/formatter/formats/${t}.ts`]) {
+            const n = await r[`../../utils/formatter/formats/${t}.ts`]();
+            this._localeFormats = (n == null ? void 0 : n.default) ?? {};
+          }
+          return this._localeFormats;
+        }
+      },
+      args: () => [this.contentLanguage]
+    }), this.language = "en", this.contentLanguage = "en", this.size = "m", this.slotContent = {}, this._disableShowMode = !1, this._dateLevel = 5, this._displayAs = "default", this._weekStart = "monday", this._weekDayAndMonthInYearFormat = "long", this._dateFormat = "auto", this._dateSeparator = "~", this._sendEvent = () => {
+      this._calculateSlotContent(), this.dispatchEvent(
+        new CustomEvent("slot-content-changed", {
+          bubbles: !0,
+          composed: !0,
+          cancelable: !0,
+          detail: {
+            slotContent: this._currentSlotContent
+          }
+        })
+      );
+    };
+  }
+  static get styles() {
+    return [Tt(Kr)];
+  }
+  _parseSlotContent() {
+    var t, r;
+    this._dateLevel = this.slotContent.level ?? ((t = this.slotContent) == null ? void 0 : t.lowestLevel) ?? 5, this._displayAs = ((r = this.slotContent) == null ? void 0 : r.datetimeDisplayMode) ?? "default", this._displayAs === "weekday_number" && (this._displayAs = "day_in_week", this._weekDayAndMonthInYearFormat = "number"), this._displayAs === "weekday_name" && (this._displayAs = "day_in_week"), this._displayAs === "month_number" && (this._displayAs = "month_in_year", this._weekDayAndMonthInYearFormat = "number"), this._displayAs === "month_name" && (this._displayAs = "month_in_year");
+  }
+  _calculateFormat() {
+    var n;
+    let t;
+    const r = ((n = this._localeFormats) == null ? void 0 : n.smartDateFormats) ?? xe;
+    this._monthName ? (t = r.filter(
+      (i) => i.monthType === "name" && i.longText === (this._monthNameFormat === "long") && i.weekday === this._weekDay
+    ), t.length > 0 ? this._format = t[0].key : (this._weekDayAndMonthInYearFormat = "short", this._weekDay = !0, this._format = "%a %e %B %Y")) : (t = this._dateLevel && this._dateLevel === 4 ? r.filter(
+      (i) => i.monthType === "number" && i.mmdd === (this._weekFormat === "mmdd" ? !0 : this._weekFormat === "ddmm" ? !1 : null) && i.separator === this._dateSeparator
+    ) : r.filter(
+      (i) => i.monthType === "number" && i.mmdd === (this._dateFormat === "mmdd" ? !0 : this._dateFormat === "ddmm" ? !1 : null) && i.separator === this._dateSeparator
+    ), this._dateFormat === "auto" && this._dateLevel && this._dateLevel !== 4 ? this._format = "%amd" + this._dateSeparator + "%Y" : t.length > 0 ? this._format = t[0].key : (this._dateFormat = "ddmm", this._dateSeparator = "/", this._format = "%d/%m/%Y")), this._dateLevel && this._dateLevel > 5 && (this._format += this._24hFormat ? " %H:%M:%S.%L" : " %I:%M:%S.%L %p");
+  }
+  _setWeekStartsOn() {
+    this._weekStart = this._weekStartElement.value, this._sendEvent(), this.requestUpdate();
+  }
+  _setDisplayAs() {
+    this._displayAs = this._displayAsElement.value, this._sendEvent(), this.requestUpdate();
+  }
+  _setWeekdayAndMonthInYearFormat() {
+    var t;
+    this._weekDayAndMonthInYearFormat = ((t = this._weekDayAndMonthInYearFormatElement.selected) == null ? void 0 : t[0]) ?? "long", this._sendEvent(), this.requestUpdate();
+  }
+  _setMonthNameFormat() {
+    var t;
+    this._monthNameFormat = (t = this._monthNameFormatElement.selected) == null ? void 0 : t[0], this._sendEvent(), this.requestUpdate();
+  }
+  _setMonthName() {
+    this._monthName = this._monthNameElement.selected, this._sendEvent(), this.requestUpdate();
+  }
+  _setWeekFormat() {
+    var t;
+    this._weekFormat = (t = this._weekFormatElement.selected) == null ? void 0 : t[0], this._sendEvent(), this.requestUpdate();
+  }
+  _setDateFormat() {
+    this._dateFormat = this._dateFormatElement.value, this._sendEvent(), this.requestUpdate();
+  }
+  _setDateSeparator() {
+    this._dateSeparator = this._dateSeparatorElement.value, this._sendEvent(), this.requestUpdate();
+  }
+  _set24hFormat() {
+    this._24hFormat = this._format24hElement.selected, this._sendEvent(), this.requestUpdate();
+  }
+  _setWeekday() {
+    this._weekDay = this._weekDayElement.selected, this._sendEvent(), this.requestUpdate();
+  }
+  _calculateSlotContent() {
+    this._currentSlotContent = { ...this.slotContent }, this._calculateFormat(), this._currentSlotContent.format = this._format, this._displayAs === "default" ? delete this._currentSlotContent.datetimeDisplayMode : (this._currentSlotContent.datetimeDisplayMode = this._displayAs, this._displayAs === "week_in_year" ? this._currentSlotContent.datetimeDisplayMode = this._weekDayAndMonthInYearFormat === "number" ? "week_number" : "week_name" : this._displayAs === "month_in_year" ? this._currentSlotContent.datetimeDisplayMode = this._weekDayAndMonthInYearFormat === "number" ? "month_number" : "month_name" : this._displayAs === "day_in_week" && (this._currentSlotContent.datetimeDisplayMode = this._weekDayAndMonthInYearFormat === "number" ? "weekday_number" : "weekday_name", this._currentSlotContent.weekStart = this._weekStart), this._weekDayAndMonthInYearFormat && (this._dateLevel === 3 ? this._currentSlotContent.monthNameFormat = this._weekDayAndMonthInYearFormat : this._dateLevel === 5 && (this._currentSlotContent.weekDayNameFormat = this._weekDayAndMonthInYearFormat)));
+  }
+  willUpdate(t) {
+    t.has("slotContent") && (this._parseSlotContent(), this._calculateSlotContent());
+  }
+  _renderDisplaySettings() {
+    var r;
+    const t = (r = Fe == null ? void 0 : Fe[`level${this._dateLevel ?? 0}`]) == null ? void 0 : r.map(
+      (n) => D`<luzmo-menu-item value=${n.key}>
+          ${n.label}
+        </luzmo-menu-item>`
+    );
+    return D`<div class="setting">
+      <luzmo-field-label for="display-as">Display</luzmo-field-label>
+      <luzmo-picker
+        id="display-as"
+        size=${this.size}
+        variant="highlight"
+        value=${this._displayAs ?? "default"}
+        @change=${this._setDisplayAs}
+      >
+        ${t}
+      </luzmo-picker>
+    </div>`;
+  }
+  _renderWeekDayAndMonthNameFormatSettings() {
+    const t = Object.keys(
+      Ke
+    ).map((r) => D`<luzmo-action-button value=${r}>
+        ${Ke[r]}
+      </luzmo-action-button>`);
+    return D` <div class="setting">
+      <luzmo-field-label for="weekday-and-month-in-year-format"
+        >Format</luzmo-field-label
+      >
+      <luzmo-action-group
+        emphasized
+        id="weekday-and-month-in-year-format"
+        size=${this.size}
+        compact
+        .selected=${[this._weekDayAndMonthInYearFormat ?? "short"]}
+        selects="single"
+        @change=${this._setWeekdayAndMonthInYearFormat}
+      >
+        ${t}
+      </luzmo-action-group>
+    </div>`;
+  }
+  _renderMonthNameFormatSettings() {
+    return D` <div class="setting">
+      <luzmo-field-label for="month-name-format">Format</luzmo-field-label>
+      <luzmo-action-group
+        emphasized
+        id="month-name-format"
+        size=${this.size}
+        compact
+        .selected=${[this._monthNameFormat ?? "long"]}
+        selects="single"
+        @change=${this._setMonthNameFormat}
+      >
+        <luzmo-action-button value="short">Short</luzmo-action-button>
+        <luzmo-action-button value="long">Long</luzmo-action-button>
+      </luzmo-action-group>
+    </div>`;
+  }
+  _renderWeekFormatSettings() {
+    var i;
+    const t = ((i = this._localeFormats) == null ? void 0 : i.smartDateFormats) ?? xe, r = t.find(
+      (a) => a.mmdd === !0 && a.separator === this._dateSeparator && a.monthType === "number"
+    ), n = t.find(
+      (a) => a.mmdd === !1 && a.separator === this._dateSeparator && a.monthType === "number"
+    );
+    return D` <div class="setting">
+      <luzmo-field-label for="week-format">Format</luzmo-field-label>
+      <luzmo-action-group
+        emphasized
+        id="week-format"
+        size=${this.size}
+        compact
+        .selected=${[this._weekFormat ?? "ddmm"]}
+        selects="single"
+        @change=${this._setWeekFormat}
+      >
+        <luzmo-action-button value="ddmm">
+          ${ze(
+      {
+        ...this._currentSlotContent,
+        type: "datetime",
+        format: n == null ? void 0 : n.key
+      },
+      {
+        localFormats: this._localeFormats,
+        level: this._dateLevel
+      }
+    )(/* @__PURE__ */ new Date())}
+        </luzmo-action-button>
+        <luzmo-action-button value="mmdd"
+          >${ze(
+      {
+        ...this._currentSlotContent,
+        type: "datetime",
+        format: r == null ? void 0 : r.key
+      },
+      {
+        localFormats: this._localeFormats,
+        level: this._dateLevel
+      }
+    )(/* @__PURE__ */ new Date())}</luzmo-action-button
+        >
+      </luzmo-action-group>
+    </div>`;
+  }
+  _renderWeekStartsOnSettings() {
+    const t = Object.keys(et).map(
+      (r) => D`<luzmo-menu-item value=${r}>
+          ${et[r]}
+        </luzmo-menu-item>`
+    );
+    return D`<div class="setting">
+      <luzmo-field-label for="week-start">Week starts on</luzmo-field-label>
+      <luzmo-picker
+        id="week-start"
+        size=${this.size}
+        variant="highlight"
+        value=${this._weekStart ?? "Auto"}
+        @change=${this._setWeekStartsOn}
+      >
+        ${t}
+      </luzmo-picker>
+    </div>`;
+  }
+  _renderMonthNameSettings() {
+    return D`<div class="settings-">
+      <luzmo-field-label for="month-name">Month</luzmo-field-label>
+      <luzmo-action-button
+        id="month-name"
+        emphasized
+        toggles
+        .size=${this.size}
+        ?selected=${this._monthName}
+        @change=${this._setMonthName}
+      >
+        <luzmo-icon
+          slot="icon"
+          .size=${this.size}
+          .icon=${this._monthName ? ve : Me}
+        ></luzmo-icon>
+        Name
+      </luzmo-action-button>
+    </div>`;
+  }
+  _renderDateFormatSettings() {
+    const t = this._dateSeparator === "~" ? "/" : this._dateSeparator;
+    return D`<div class="setting">
+      <luzmo-field-label for="date-format">Format</luzmo-field-label>
+      <luzmo-picker
+        id="date-format"
+        size=${this.size}
+        variant="highlight"
+        value=${this._dateFormat ?? "Auto"}
+        @change=${this._setDateFormat}
+      >
+        <luzmo-menu-item value="auto">Auto</luzmo-menu-item>
+        <luzmo-menu-item value="mmdd">12${t}31</luzmo-menu-item>
+        <luzmo-menu-item value="ddmm">31${t}12</luzmo-menu-item>
+      </luzmo-picker>
+    </div>`;
+  }
+  _renderSeparatorSettings() {
+    const t = Object.keys(Xe).map(
+      (r) => D`<luzmo-menu-item value=${r}>
+          ${Xe[r]}
+        </luzmo-menu-item>`
+    );
+    return D`<div class="setting">
+      <luzmo-field-label for="date-separator">Separator</luzmo-field-label>
+      <luzmo-picker
+        id="date-separator"
+        size=${this.size}
+        variant="highlight"
+        value=${this._dateSeparator ?? "~"}
+        @change=${this._setDateSeparator}
+      >
+        ${t}
+      </luzmo-picker>
+    </div>`;
+  }
+  _render24hFormatSettings() {
+    return D`<div class="settings-">
+      <luzmo-field-label for="format-24h">24h</luzmo-field-label>
+      <luzmo-action-button
+        id="format-24h"
+        emphasized
+        toggles
+        .size=${this.size}
+        ?selected=${this._24hFormat}
+        @change=${this._set24hFormat}
+      >
+        <luzmo-icon
+          slot="icon"
+          .size=${this.size}
+          .icon=${this._24hFormat ? ve : Me}
+        ></luzmo-icon>
+      </luzmo-action-button>
+    </div>`;
+  }
+  _renderWeekdaySettings() {
+    return D`<div class="settings-">
+      <luzmo-field-label for="weekday">Weekday</luzmo-field-label>
+      <luzmo-action-button
+        id="weekday"
+        emphasized
+        toggles
+        .size=${this.size}
+        ?selected=${this._weekDay}
+        @change=${this._setWeekday}
+      >
+        <luzmo-icon
+          slot="icon"
+          .size=${this.size}
+          .icon=${this._weekDay ? ve : Me}
+        ></luzmo-icon>
+        Show
+      </luzmo-action-button>
+    </div>`;
+  }
+  _renderExampleFormat() {
+    return D`<span class="example">
+        ${ze(
+      {
+        ...this._currentSlotContent,
+        type: "datetime"
+      },
+      {
+        localFormats: this._localeFormats,
+        level: this._dateLevel
+      }
+    )(!this._displayAs || this._displayAs === "default" ? /* @__PURE__ */ new Date() : 1)}
+      </span>
+      ${(this._dateSeparator === "~" || this._dateFormat === "auto") && !this._monthName ? D`<span class="example-language">
+            (${this.contentLanguage})
+          </span>` : ""}`;
+  }
+  _renderAllSettings() {
+    return D`<div class="settings-container">
+      ${this._dateLevel && ![1, 9].includes(this._dateLevel) ? D` <div class="settings-row">
+            ${this._renderDisplaySettings()}
+            ${this._dateLevel && this._dateLevel >= 5 && this._displayAs === "day_in_week" ? this._renderWeekStartsOnSettings() : ""}
+          </div>` : ""}
+      ${["month_in_year", "day_in_week"].includes(this._displayAs ?? "") ? D` <div class="settings-row">
+            ${this._renderWeekDayAndMonthNameFormatSettings()}
+          </div>` : ""}
+      ${this._dateLevel && this._dateLevel > 1 && this._displayAs === "default" ? D` <div class="settings-row">
+            ${this._dateLevel && this._dateLevel !== 4 && this._dateLevel !== 2 ? this._renderMonthNameSettings() : ""}
+            ${this._dateLevel && this._dateLevel !== 4 && this._dateLevel > 2 && this._monthName ? this._renderMonthNameFormatSettings() : ""}
+            ${this._dateLevel && this._dateLevel === 4 && !this._monthName ? this._renderWeekFormatSettings() : ""}
+            ${this._dateLevel && this._dateLevel >= 5 && !this._monthName ? this._renderDateFormatSettings() : ""}
+            ${this._dateLevel && this._dateLevel > 1 && !this._monthName ? this._renderSeparatorSettings() : ""}
+            ${this._dateLevel && this._dateLevel >= 5 && this._monthName ? this._renderWeekdaySettings() : ""}
+            ${this._dateLevel && this._dateLevel > 5 ? this._render24hFormatSettings() : ""}
+          </div>` : ""}
+      <div class="settings-row">
+        <div class="example-container">
+          <span class="example-label">Example:</span>
+          ${this._renderExampleFormat()}
+        </div>
+      </div>
+    </div>`;
+  }
+  render() {
+    return this._loadLocaleFormatsConfig.render({
+      pending: () => D`<luzmo-progress-circle
+          indeterminate
+          .size=${this.size}
+        ></luzmo-progress-circle>`,
+      complete: () => this._renderAllSettings(),
+      error: (t) => this._renderAllSettings()
+    });
+  }
+}
+$([
+  ge({ type: String })
+], U.prototype, "language");
+$([
+  ge({ type: String })
+], U.prototype, "contentLanguage");
+$([
+  ge({ type: String })
+], U.prototype, "size");
+$([
+  ge({ type: Object, reflect: !1 })
+], U.prototype, "slotContent");
+$([
+  O("#display-as")
+], U.prototype, "_displayAsElement");
+$([
+  O("#week-start")
+], U.prototype, "_weekStartElement");
+$([
+  O("#weekday-and-month-in-year-format")
+], U.prototype, "_weekDayAndMonthInYearFormatElement");
+$([
+  O("#month-name-format")
+], U.prototype, "_monthNameFormatElement");
+$([
+  O("#month-name")
+], U.prototype, "_monthNameElement");
+$([
+  O("#week-format")
+], U.prototype, "_weekFormatElement");
+$([
+  O("#date-format")
+], U.prototype, "_dateFormatElement");
+$([
+  O("#date-separator")
+], U.prototype, "_dateSeparatorElement");
+$([
+  O("#weekday")
+], U.prototype, "_weekDayElement");
+$([
+  O("#format-24h")
+], U.prototype, "_format24hElement");
+customElements.get("luzmo-display-settings-datetime") || customElements.define(
+  "luzmo-display-settings-datetime",
+  U
+);
+const yn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  LuzmoDisplaySettingsDatetime: U
+}, Symbol.toStringTag, { value: "Module" })), tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: $e
+}, Symbol.toStringTag, { value: "Module" })), rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: $e
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  $e as D,
+  U as L,
+  yn as i
+};