@luzmo/analytics-components-kit 1.0.1-alpha.1 → 1.0.1-alpha.10

package/components/en-BByOeNuP.js

@@ -0,0 +1,1989 @@
+/*! * 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 "./task-Cr9aRIbV.js";
+import "./index-CdCtJpK9.js";
+import "./index-Bee1uunR.js";
+import "./index-BYfDERr7.js";
+import "./index-ymMEPngt.js";
+import "./index-B3ve6cAj.js";
+import "./index-B5Wvyv9s.js";
+import "./index-CfEn3fIT.js";
+import { k as Tt, a as bt, x as D, n as pe } from "./property-B2F7x7Cz.js";
+import { m as wt, d as Ft } from "./sized-mixin-BxMraZLS-B_y0PzR3.js";
+import { m as x, t as kt, s as zt, l as Dt } from "./set-locale-DJYT4V7U.js";
+import { C as Me, h as Se } from "./luzmo-icons-BE2T8vWu.js";
+import { i as Z, l as Yt, a as Ct, b as Te } from "./localize-B6AsX_Zv.js";
+import { d as xt } from "./decompose-numeric-format-BuZcjH2k.js";
+import { a as Ut, b as We, W as Ee } from "./periods.const-GHh5bPfs.js";
+import { e as H } from "./query-Ddbd72Um.js";
+function At(e) {
+  return Math.abs(e = Math.round(e)) >= 1e21 ? e.toLocaleString("en").replace(/,/g, "") : e.toString(10);
+}
+function fe(e, t) {
+  if ((r = (e = t ? e.toExponential(t - 1) : e.toExponential()).indexOf("e")) < 0) return null;
+  var r, a = e.slice(0, r);
+  return [
+    a.length > 1 ? a[0] + a.slice(2) : a,
+    +e.slice(r + 1)
+  ];
+}
+function Lt(e) {
+  return e = fe(Math.abs(e)), e ? e[1] : NaN;
+}
+function $t(e, t) {
+  return function(r, a) {
+    for (var s = r.length, o = [], l = 0, _ = e[0], b = 0; s > 0 && _ > 0 && (b + _ + 1 > a && (_ = Math.max(1, a - b)), o.push(r.substring(s -= _, s + _)), !((b += _ + 1) > a)); )
+      _ = e[l = (l + 1) % e.length];
+    return o.reverse().join(t);
+  };
+}
+function Nt(e) {
+  return function(t) {
+    return t.replace(/[0-9]/g, function(r) {
+      return e[+r];
+    });
+  };
+}
+var Wt = /^(?:(.)?([<>=^]))?([+\-( ])?([$#])?(0)?(\d+)?(,)?(\.\d+)?(~)?([a-z%])?$/i;
+function De(e) {
+  if (!(t = Wt.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 Et(e) {
+  e: for (var t = e.length, r = 1, a = -1, s; r < t; ++r)
+    switch (e[r]) {
+      case ".":
+        a = s = r;
+        break;
+      case "0":
+        a === 0 && (a = r), s = r;
+        break;
+      default:
+        if (!+e[r]) break e;
+        a > 0 && (a = 0);
+        break;
+    }
+  return a > 0 ? e.slice(0, a) + e.slice(s + 1) : e;
+}
+var tt;
+function Ot(e, t) {
+  var r = fe(e, t);
+  if (!r) return e + "";
+  var a = r[0], s = r[1], o = s - (tt = Math.max(-8, Math.min(8, Math.floor(s / 3))) * 3) + 1, l = a.length;
+  return o === l ? a : o > l ? a + new Array(o - l + 1).join("0") : o > 0 ? a.slice(0, o) + "." + a.slice(o) : "0." + new Array(1 - o).join("0") + fe(e, Math.max(0, t + o - 1))[0];
+}
+function Oe(e, t) {
+  var r = fe(e, t);
+  if (!r) return e + "";
+  var a = r[0], s = r[1];
+  return s < 0 ? "0." + new Array(-s).join("0") + a : a.length > s + 1 ? a.slice(0, s + 1) + "." + a.slice(s + 1) : a + new Array(s - a.length + 2).join("0");
+}
+const Ie = {
+  "%": (e, t) => (e * 100).toFixed(t),
+  b: (e) => Math.round(e).toString(2),
+  c: (e) => e + "",
+  d: At,
+  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) => Oe(e * 100, t),
+  r: Oe,
+  s: Ot,
+  X: (e) => Math.round(e).toString(16).toUpperCase(),
+  x: (e) => Math.round(e).toString(16)
+};
+function He(e) {
+  return e;
+}
+var qe = Array.prototype.map, Ve = ["y", "z", "a", "f", "p", "n", "µ", "m", "", "k", "M", "G", "T", "P", "E", "Z", "Y"];
+function It(e) {
+  var t = e.grouping === void 0 || e.thousands === void 0 ? He : $t(qe.call(e.grouping, Number), e.thousands + ""), r = e.currency === void 0 ? "" : e.currency[0] + "", a = e.currency === void 0 ? "" : e.currency[1] + "", s = e.decimal === void 0 ? "." : e.decimal + "", o = e.numerals === void 0 ? He : Nt(qe.call(e.numerals, String)), l = e.percent === void 0 ? "%" : e.percent + "", _ = e.minus === void 0 ? "−" : e.minus + "", b = e.nan === void 0 ? "NaN" : e.nan + "";
+  function u(g) {
+    g = De(g);
+    var I = g.fill, m = g.align, c = g.sign, d = g.symbol, S = g.zero, h = g.width, Y = g.comma, T = g.precision, z = g.trim, y = g.type;
+    y === "n" ? (Y = !0, y = "g") : Ie[y] || (T === void 0 && (T = 12), z = !0, y = "g"), (S || I === "0" && m === "=") && (S = !0, I = "0", m = "=");
+    var k = d === "$" ? r : d === "#" && /[boxX]/.test(y) ? "0" + y.toLowerCase() : "", he = d === "$" ? a : /[%p]/.test(y) ? l : "", G = Ie[y], ve = /[defgprs%]/.test(y);
+    T = T === void 0 ? 6 : /[gprs]/.test(y) ? Math.max(1, Math.min(21, T)) : Math.max(0, Math.min(20, T));
+    function de(p) {
+      var q = k, $ = he, R, ce, K;
+      if (y === "c")
+        $ = G(p) + $, p = "";
+      else {
+        p = +p;
+        var ee = p < 0 || 1 / p < 0;
+        if (p = isNaN(p) ? b : G(Math.abs(p), T), z && (p = Et(p)), ee && +p == 0 && c !== "+" && (ee = !1), q = (ee ? c === "(" ? c : _ : c === "-" || c === "(" ? "" : c) + q, $ = (y === "s" ? Ve[8 + tt / 3] : "") + $ + (ee && c === "(" ? ")" : ""), ve) {
+          for (R = -1, ce = p.length; ++R < ce; )
+            if (K = p.charCodeAt(R), 48 > K || K > 57) {
+              $ = (K === 46 ? s + p.slice(R + 1) : p.slice(R)) + $, p = p.slice(0, R);
+              break;
+            }
+        }
+      }
+      Y && !S && (p = t(p, 1 / 0));
+      var te = q.length + p.length + $.length, O = te < h ? new Array(h - te + 1).join(I) : "";
+      switch (Y && S && (p = t(O + p, O.length ? h - $.length : 1 / 0), O = ""), m) {
+        case "<":
+          p = q + p + $ + O;
+          break;
+        case "=":
+          p = q + O + p + $;
+          break;
+        case "^":
+          p = O.slice(0, te = O.length >> 1) + q + p + $ + O.slice(te);
+          break;
+        default:
+          p = O + q + p + $;
+          break;
+      }
+      return o(p);
+    }
+    return de.toString = function() {
+      return g + "";
+    }, de;
+  }
+  function w(g, I) {
+    var m = u((g = De(g), g.type = "f", g)), c = Math.max(-8, Math.min(8, Math.floor(Lt(I) / 3))) * 3, d = Math.pow(10, -c), S = Ve[8 + c / 3];
+    return function(h) {
+      return m(d * h) + S;
+    };
+  }
+  return {
+    format: u,
+    formatPrefix: w
+  };
+}
+const be = /* @__PURE__ */ new Date(), we = /* @__PURE__ */ new Date();
+function A(e, t, r, a) {
+  function s(o) {
+    return e(o = arguments.length === 0 ? /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(+o)), o;
+  }
+  return s.floor = (o) => (e(o = /* @__PURE__ */ new Date(+o)), o), s.ceil = (o) => (e(o = new Date(o - 1)), t(o, 1), e(o), o), s.round = (o) => {
+    const l = s(o), _ = s.ceil(o);
+    return o - l < _ - o ? l : _;
+  }, s.offset = (o, l) => (t(o = /* @__PURE__ */ new Date(+o), l == null ? 1 : Math.floor(l)), o), s.range = (o, l, _) => {
+    const b = [];
+    if (o = s.ceil(o), _ = _ == null ? 1 : Math.floor(_), !(o < l) || !(_ > 0)) return b;
+    let u;
+    do
+      b.push(u = /* @__PURE__ */ new Date(+o)), t(o, _), e(o);
+    while (u < o && o < l);
+    return b;
+  }, s.filter = (o) => A((l) => {
+    if (l >= l) for (; e(l), !o(l); ) l.setTime(l - 1);
+  }, (l, _) => {
+    if (l >= l)
+      if (_ < 0) for (; ++_ <= 0; )
+        for (; t(l, -1), !o(l); )
+          ;
+      else for (; --_ >= 0; )
+        for (; t(l, 1), !o(l); )
+          ;
+  }), r && (s.count = (o, l) => (be.setTime(+o), we.setTime(+l), e(be), e(we), Math.floor(r(be, we))), s.every = (o) => (o = Math.floor(o), !isFinite(o) || !(o > 0) ? null : o > 1 ? s.filter(a ? (l) => a(l) % o === 0 : (l) => s.count(0, l) % o === 0) : s)), s;
+}
+const le = 1e3, P = le * 60, me = P * 60, ue = me * 24, rt = ue * 7, at = A((e) => {
+  e.setTime(e - e.getMilliseconds());
+}, (e, t) => {
+  e.setTime(+e + t * le);
+}, (e, t) => (t - e) / le, (e) => e.getUTCSeconds());
+at.range;
+const nt = A((e) => {
+  e.setTime(e - e.getMilliseconds() - e.getSeconds() * le);
+}, (e, t) => {
+  e.setTime(+e + t * P);
+}, (e, t) => (t - e) / P, (e) => e.getMinutes());
+nt.range;
+const Ht = A((e) => {
+  e.setUTCSeconds(0, 0);
+}, (e, t) => {
+  e.setTime(+e + t * P);
+}, (e, t) => (t - e) / P, (e) => e.getUTCMinutes());
+Ht.range;
+const ot = A((e) => {
+  e.setTime(e - e.getMilliseconds() - e.getSeconds() * le - e.getMinutes() * P);
+}, (e, t) => {
+  e.setTime(+e + t * me);
+}, (e, t) => (t - e) / me, (e) => e.getHours());
+ot.range;
+const qt = A((e) => {
+  e.setUTCMinutes(0, 0, 0);
+}, (e, t) => {
+  e.setTime(+e + t * me);
+}, (e, t) => (t - e) / me, (e) => e.getUTCHours());
+qt.range;
+const _e = A(
+  (e) => e.setHours(0, 0, 0, 0),
+  (e, t) => e.setDate(e.getDate() + t),
+  (e, t) => (t - e - (t.getTimezoneOffset() - e.getTimezoneOffset()) * P) / ue,
+  (e) => e.getDate() - 1
+);
+_e.range;
+const Ae = A((e) => {
+  e.setUTCHours(0, 0, 0, 0);
+}, (e, t) => {
+  e.setUTCDate(e.getUTCDate() + t);
+}, (e, t) => (t - e) / ue, (e) => e.getUTCDate() - 1);
+Ae.range;
+const Vt = A((e) => {
+  e.setUTCHours(0, 0, 0, 0);
+}, (e, t) => {
+  e.setUTCDate(e.getUTCDate() + t);
+}, (e, t) => (t - e) / ue, (e) => Math.floor(e / ue));
+Vt.range;
+function J(e) {
+  return A((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()) * P) / rt);
+}
+const Le = J(0), ge = J(1), Rt = J(2), Pt = J(3), ae = J(4), Qt = J(5), Gt = J(6);
+Le.range;
+ge.range;
+Rt.range;
+Pt.range;
+ae.range;
+Qt.range;
+Gt.range;
+function X(e) {
+  return A((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 st = X(0), ye = X(1), jt = X(2), Zt = X(3), ne = X(4), Bt = X(5), Jt = X(6);
+st.range;
+ye.range;
+jt.range;
+Zt.range;
+ne.range;
+Bt.range;
+Jt.range;
+const it = A((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());
+it.range;
+const Xt = A((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());
+Xt.range;
+const Q = A((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());
+Q.every = (e) => !isFinite(e = Math.floor(e)) || !(e > 0) ? null : A((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);
+});
+Q.range;
+const B = A((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());
+B.every = (e) => !isFinite(e = Math.floor(e)) || !(e > 0) ? null : A((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);
+});
+B.range;
+function Fe(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 ke(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 oe(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, a = e.time, s = e.periods, o = e.days, l = e.shortDays, _ = e.months, b = e.shortMonths, u = se(s), w = ie(s), g = se(o), I = ie(o), m = se(l), c = ie(l), d = se(_), S = ie(_), h = se(b), Y = ie(b), T = {
+    a: ee,
+    A: te,
+    b: O,
+    B: dt,
+    c: null,
+    d: Ze,
+    e: Ze,
+    f: Sr,
+    g: xr,
+    G: Ar,
+    H: _r,
+    I: vr,
+    j: Mr,
+    L: lt,
+    m: Tr,
+    M: br,
+    p: ct,
+    q: ft,
+    Q: Xe,
+    s: Ke,
+    S: wr,
+    u: Fr,
+    U: kr,
+    V: zr,
+    w: Dr,
+    W: Yr,
+    x: null,
+    X: null,
+    y: Cr,
+    Y: Ur,
+    Z: Lr,
+    "%": Je
+  }, z = {
+    a: gt,
+    A: yt,
+    b: pt,
+    B: _t,
+    c: null,
+    d: Be,
+    e: Be,
+    f: Er,
+    g: jr,
+    G: Br,
+    H: $r,
+    I: Nr,
+    j: Wr,
+    L: ut,
+    m: Or,
+    M: Ir,
+    p: vt,
+    q: Mt,
+    Q: Xe,
+    s: Ke,
+    S: Hr,
+    u: qr,
+    U: Vr,
+    V: Rr,
+    w: Pr,
+    W: Qr,
+    x: null,
+    X: null,
+    y: Gr,
+    Y: Zr,
+    Z: Jr,
+    "%": Je
+  }, y = {
+    a: de,
+    A: p,
+    b: q,
+    B: $,
+    c: R,
+    d: Ge,
+    e: Ge,
+    f: fr,
+    g: Qe,
+    G: Pe,
+    H: je,
+    I: je,
+    j: ur,
+    L: cr,
+    m: mr,
+    M: hr,
+    p: ve,
+    q: lr,
+    Q: yr,
+    s: pr,
+    S: dr,
+    u: ar,
+    U: nr,
+    V: or,
+    w: rr,
+    W: sr,
+    x: ce,
+    X: K,
+    y: Qe,
+    Y: Pe,
+    Z: ir,
+    "%": gr
+  };
+  T.x = k(r, T), T.X = k(a, T), T.c = k(t, T), z.x = k(r, z), z.X = k(a, z), z.c = k(t, z);
+  function k(i, f) {
+    return function(v) {
+      var n = [], N = -1, F = 0, W = i.length, E, j, Ne;
+      for (v instanceof Date || (v = /* @__PURE__ */ new Date(+v)); ++N < W; )
+        i.charCodeAt(N) === 37 && (n.push(i.slice(F, N)), (j = Re[E = i.charAt(++N)]) != null ? E = i.charAt(++N) : j = E === "e" ? " " : "0", (Ne = f[E]) && (E = Ne(v, j)), n.push(E), F = N + 1);
+      return n.push(i.slice(F, N)), n.join("");
+    };
+  }
+  function he(i, f) {
+    return function(v) {
+      var n = oe(1900, void 0, 1), N = G(n, i, v += "", 0), F, W;
+      if (N != v.length) return null;
+      if ("Q" in n) return new Date(n.Q);
+      if ("s" in n) return new Date(n.s * 1e3 + ("L" in n ? n.L : 0));
+      if (f && !("Z" in n) && (n.Z = 0), "p" in n && (n.H = n.H % 12 + n.p * 12), n.m === void 0 && (n.m = "q" in n ? n.q : 0), "V" in n) {
+        if (n.V < 1 || n.V > 53) return null;
+        "w" in n || (n.w = 1), "Z" in n ? (F = ke(oe(n.y, 0, 1)), W = F.getUTCDay(), F = W > 4 || W === 0 ? ye.ceil(F) : ye(F), F = Ae.offset(F, (n.V - 1) * 7), n.y = F.getUTCFullYear(), n.m = F.getUTCMonth(), n.d = F.getUTCDate() + (n.w + 6) % 7) : (F = Fe(oe(n.y, 0, 1)), W = F.getDay(), F = W > 4 || W === 0 ? ge.ceil(F) : ge(F), F = _e.offset(F, (n.V - 1) * 7), n.y = F.getFullYear(), n.m = F.getMonth(), n.d = F.getDate() + (n.w + 6) % 7);
+      } else ("W" in n || "U" in n) && ("w" in n || (n.w = "u" in n ? n.u % 7 : "W" in n ? 1 : 0), W = "Z" in n ? ke(oe(n.y, 0, 1)).getUTCDay() : Fe(oe(n.y, 0, 1)).getDay(), n.m = 0, n.d = "W" in n ? (n.w + 6) % 7 + n.W * 7 - (W + 5) % 7 : n.w + n.U * 7 - (W + 6) % 7);
+      return "Z" in n ? (n.H += n.Z / 100 | 0, n.M += n.Z % 100, ke(n)) : Fe(n);
+    };
+  }
+  function G(i, f, v, n) {
+    for (var N = 0, F = f.length, W = v.length, E, j; N < F; ) {
+      if (n >= W) return -1;
+      if (E = f.charCodeAt(N++), E === 37) {
+        if (E = f.charAt(N++), j = y[E in Re ? f.charAt(N++) : E], !j || (n = j(i, v, n)) < 0) return -1;
+      } else if (E != v.charCodeAt(n++))
+        return -1;
+    }
+    return n;
+  }
+  function ve(i, f, v) {
+    var n = u.exec(f.slice(v));
+    return n ? (i.p = w.get(n[0].toLowerCase()), v + n[0].length) : -1;
+  }
+  function de(i, f, v) {
+    var n = m.exec(f.slice(v));
+    return n ? (i.w = c.get(n[0].toLowerCase()), v + n[0].length) : -1;
+  }
+  function p(i, f, v) {
+    var n = g.exec(f.slice(v));
+    return n ? (i.w = I.get(n[0].toLowerCase()), v + n[0].length) : -1;
+  }
+  function q(i, f, v) {
+    var n = h.exec(f.slice(v));
+    return n ? (i.m = Y.get(n[0].toLowerCase()), v + n[0].length) : -1;
+  }
+  function $(i, f, v) {
+    var n = d.exec(f.slice(v));
+    return n ? (i.m = S.get(n[0].toLowerCase()), v + n[0].length) : -1;
+  }
+  function R(i, f, v) {
+    return G(i, t, f, v);
+  }
+  function ce(i, f, v) {
+    return G(i, r, f, v);
+  }
+  function K(i, f, v) {
+    return G(i, a, f, v);
+  }
+  function ee(i) {
+    return l[i.getDay()];
+  }
+  function te(i) {
+    return o[i.getDay()];
+  }
+  function O(i) {
+    return b[i.getMonth()];
+  }
+  function dt(i) {
+    return _[i.getMonth()];
+  }
+  function ct(i) {
+    return s[+(i.getHours() >= 12)];
+  }
+  function ft(i) {
+    return 1 + ~~(i.getMonth() / 3);
+  }
+  function gt(i) {
+    return l[i.getUTCDay()];
+  }
+  function yt(i) {
+    return o[i.getUTCDay()];
+  }
+  function pt(i) {
+    return b[i.getUTCMonth()];
+  }
+  function _t(i) {
+    return _[i.getUTCMonth()];
+  }
+  function vt(i) {
+    return s[+(i.getUTCHours() >= 12)];
+  }
+  function Mt(i) {
+    return 1 + ~~(i.getUTCMonth() / 3);
+  }
+  return {
+    format: function(i) {
+      var f = k(i += "", T);
+      return f.toString = function() {
+        return i;
+      }, f;
+    },
+    parse: function(i) {
+      var f = he(i += "", !1);
+      return f.toString = function() {
+        return i;
+      }, f;
+    },
+    utcFormat: function(i) {
+      var f = k(i += "", z);
+      return f.toString = function() {
+        return i;
+      }, f;
+    },
+    utcParse: function(i) {
+      var f = he(i += "", !0);
+      return f.toString = function() {
+        return i;
+      }, f;
+    }
+  };
+}
+var Re = { "-": "", _: " ", 0: "0" }, C = /^\s*\d+/, Kt = /^%/, er = /[\\^$*+?|[\]().{}]/g;
+function M(e, t, r) {
+  var a = e < 0 ? "-" : "", s = (a ? -e : e) + "", o = s.length;
+  return a + (o < r ? new Array(r - o + 1).join(t) + s : s);
+}
+function tr(e) {
+  return e.replace(er, "\\$&");
+}
+function se(e) {
+  return new RegExp("^(?:" + e.map(tr).join("|") + ")", "i");
+}
+function ie(e) {
+  return new Map(e.map((t, r) => [t.toLowerCase(), r]));
+}
+function rr(e, t, r) {
+  var a = C.exec(t.slice(r, r + 1));
+  return a ? (e.w = +a[0], r + a[0].length) : -1;
+}
+function ar(e, t, r) {
+  var a = C.exec(t.slice(r, r + 1));
+  return a ? (e.u = +a[0], r + a[0].length) : -1;
+}
+function nr(e, t, r) {
+  var a = C.exec(t.slice(r, r + 2));
+  return a ? (e.U = +a[0], r + a[0].length) : -1;
+}
+function or(e, t, r) {
+  var a = C.exec(t.slice(r, r + 2));
+  return a ? (e.V = +a[0], r + a[0].length) : -1;
+}
+function sr(e, t, r) {
+  var a = C.exec(t.slice(r, r + 2));
+  return a ? (e.W = +a[0], r + a[0].length) : -1;
+}
+function Pe(e, t, r) {
+  var a = C.exec(t.slice(r, r + 4));
+  return a ? (e.y = +a[0], r + a[0].length) : -1;
+}
+function Qe(e, t, r) {
+  var a = C.exec(t.slice(r, r + 2));
+  return a ? (e.y = +a[0] + (+a[0] > 68 ? 1900 : 2e3), r + a[0].length) : -1;
+}
+function ir(e, t, r) {
+  var a = /^(Z)|([+-]\d\d)(?::?(\d\d))?/.exec(t.slice(r, r + 6));
+  return a ? (e.Z = a[1] ? 0 : -(a[2] + (a[3] || "00")), r + a[0].length) : -1;
+}
+function lr(e, t, r) {
+  var a = C.exec(t.slice(r, r + 1));
+  return a ? (e.q = a[0] * 3 - 3, r + a[0].length) : -1;
+}
+function mr(e, t, r) {
+  var a = C.exec(t.slice(r, r + 2));
+  return a ? (e.m = a[0] - 1, r + a[0].length) : -1;
+}
+function Ge(e, t, r) {
+  var a = C.exec(t.slice(r, r + 2));
+  return a ? (e.d = +a[0], r + a[0].length) : -1;
+}
+function ur(e, t, r) {
+  var a = C.exec(t.slice(r, r + 3));
+  return a ? (e.m = 0, e.d = +a[0], r + a[0].length) : -1;
+}
+function je(e, t, r) {
+  var a = C.exec(t.slice(r, r + 2));
+  return a ? (e.H = +a[0], r + a[0].length) : -1;
+}
+function hr(e, t, r) {
+  var a = C.exec(t.slice(r, r + 2));
+  return a ? (e.M = +a[0], r + a[0].length) : -1;
+}
+function dr(e, t, r) {
+  var a = C.exec(t.slice(r, r + 2));
+  return a ? (e.S = +a[0], r + a[0].length) : -1;
+}
+function cr(e, t, r) {
+  var a = C.exec(t.slice(r, r + 3));
+  return a ? (e.L = +a[0], r + a[0].length) : -1;
+}
+function fr(e, t, r) {
+  var a = C.exec(t.slice(r, r + 6));
+  return a ? (e.L = Math.floor(a[0] / 1e3), r + a[0].length) : -1;
+}
+function gr(e, t, r) {
+  var a = Kt.exec(t.slice(r, r + 1));
+  return a ? r + a[0].length : -1;
+}
+function yr(e, t, r) {
+  var a = C.exec(t.slice(r));
+  return a ? (e.Q = +a[0], r + a[0].length) : -1;
+}
+function pr(e, t, r) {
+  var a = C.exec(t.slice(r));
+  return a ? (e.s = +a[0], r + a[0].length) : -1;
+}
+function Ze(e, t) {
+  return M(e.getDate(), t, 2);
+}
+function _r(e, t) {
+  return M(e.getHours(), t, 2);
+}
+function vr(e, t) {
+  return M(e.getHours() % 12 || 12, t, 2);
+}
+function Mr(e, t) {
+  return M(1 + _e.count(Q(e), e), t, 3);
+}
+function lt(e, t) {
+  return M(e.getMilliseconds(), t, 3);
+}
+function Sr(e, t) {
+  return lt(e, t) + "000";
+}
+function Tr(e, t) {
+  return M(e.getMonth() + 1, t, 2);
+}
+function br(e, t) {
+  return M(e.getMinutes(), t, 2);
+}
+function wr(e, t) {
+  return M(e.getSeconds(), t, 2);
+}
+function Fr(e) {
+  var t = e.getDay();
+  return t === 0 ? 7 : t;
+}
+function kr(e, t) {
+  return M(Le.count(Q(e) - 1, e), t, 2);
+}
+function mt(e) {
+  var t = e.getDay();
+  return t >= 4 || t === 0 ? ae(e) : ae.ceil(e);
+}
+function zr(e, t) {
+  return e = mt(e), M(ae.count(Q(e), e) + (Q(e).getDay() === 4), t, 2);
+}
+function Dr(e) {
+  return e.getDay();
+}
+function Yr(e, t) {
+  return M(ge.count(Q(e) - 1, e), t, 2);
+}
+function Cr(e, t) {
+  return M(e.getFullYear() % 100, t, 2);
+}
+function xr(e, t) {
+  return e = mt(e), M(e.getFullYear() % 100, t, 2);
+}
+function Ur(e, t) {
+  return M(e.getFullYear() % 1e4, t, 4);
+}
+function Ar(e, t) {
+  var r = e.getDay();
+  return e = r >= 4 || r === 0 ? ae(e) : ae.ceil(e), M(e.getFullYear() % 1e4, t, 4);
+}
+function Lr(e) {
+  var t = e.getTimezoneOffset();
+  return (t > 0 ? "-" : (t *= -1, "+")) + M(t / 60 | 0, "0", 2) + M(t % 60, "0", 2);
+}
+function Be(e, t) {
+  return M(e.getUTCDate(), t, 2);
+}
+function $r(e, t) {
+  return M(e.getUTCHours(), t, 2);
+}
+function Nr(e, t) {
+  return M(e.getUTCHours() % 12 || 12, t, 2);
+}
+function Wr(e, t) {
+  return M(1 + Ae.count(B(e), e), t, 3);
+}
+function ut(e, t) {
+  return M(e.getUTCMilliseconds(), t, 3);
+}
+function Er(e, t) {
+  return ut(e, t) + "000";
+}
+function Or(e, t) {
+  return M(e.getUTCMonth() + 1, t, 2);
+}
+function Ir(e, t) {
+  return M(e.getUTCMinutes(), t, 2);
+}
+function Hr(e, t) {
+  return M(e.getUTCSeconds(), t, 2);
+}
+function qr(e) {
+  var t = e.getUTCDay();
+  return t === 0 ? 7 : t;
+}
+function Vr(e, t) {
+  return M(st.count(B(e) - 1, e), t, 2);
+}
+function ht(e) {
+  var t = e.getUTCDay();
+  return t >= 4 || t === 0 ? ne(e) : ne.ceil(e);
+}
+function Rr(e, t) {
+  return e = ht(e), M(ne.count(B(e), e) + (B(e).getUTCDay() === 4), t, 2);
+}
+function Pr(e) {
+  return e.getUTCDay();
+}
+function Qr(e, t) {
+  return M(ye.count(B(e) - 1, e), t, 2);
+}
+function Gr(e, t) {
+  return M(e.getUTCFullYear() % 100, t, 2);
+}
+function jr(e, t) {
+  return e = ht(e), M(e.getUTCFullYear() % 100, t, 2);
+}
+function Zr(e, t) {
+  return M(e.getUTCFullYear() % 1e4, t, 4);
+}
+function Br(e, t) {
+  var r = e.getUTCDay();
+  return e = r >= 4 || r === 0 ? ne(e) : ne.ceil(e), M(e.getUTCFullYear() % 1e4, t, 4);
+}
+function Jr() {
+  return "+0000";
+}
+function Je() {
+  return "%";
+}
+function Xe(e) {
+  return +e;
+}
+function Ke(e) {
+  return Math.floor(+e / 1e3);
+}
+var re, V;
+Xr({
+  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 Xr(e) {
+  return re = Ye(e), V = re.format, re.parse, re.utcFormat, re.utcParse, re;
+}
+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 Kr(e, t, r) {
+  if (Z(e))
+    return;
+  if (!t || !r || t === r)
+    return e;
+  const a = Ce[t - 1][r - 1];
+  if (a)
+    return e * a;
+}
+function ea(e, t, r, a) {
+  if (Z(e) || !t.lowestLevel || r.length === 0)
+    return "";
+  const s = [];
+  let o = 0, l = Math.round(
+    e * Ce[t.lowestLevel - 1][8]
+  );
+  const _ = 9;
+  for (const [, u] of r.entries())
+    if (e) {
+      l = l - o;
+      const w = Ce[u - 1][_ - 1], g = Math.floor(l / w);
+      o = g * w, s.push({ level: u, value: g });
+    } else
+      s.push({ level: u, value: 0 });
+  let b = "";
+  for (const [u, w] of s.entries())
+    if (t.duration.format === "time") {
+      let g = w.value;
+      [6, 7, 8].includes(w.level) && w.value < 10 ? g = "0" + w.value.toString() : w.level === 9 && w.value < 10 ? g = "00" + w.value.toString() : w.level === 9 && w.value < 100 && (g = "0" + w.value.toString()), b += (u === 0 ? "" : w.level === 9 ? "." : ":") + g;
+    } else if (t.duration.format === "long") {
+      const g = a.durationLongSuffix;
+      b += w.value + " " + g[w.level] + (u === s.length - 1 ? "" : " ");
+    } else {
+      const g = a.durationShortSuffix;
+      b += w.value + "" + g[w.level] + (u === s.length - 1 ? "" : " ");
+    }
+  return b;
+}
+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"]
+}, ta = "%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: "~"
+  }
+], ra = [
+  {
+    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 g, I;
+  t = t || {};
+  const r = t.localFormats || $e;
+  let a, s, o, l = [], _ = [], b = "datetime", u;
+  t && t.multi && (b = "datetime"), (!e || !e.format) && (b = "hierarchy"), e && e.type && (b = e.type), e && e.format ? u = e.format : b === "numeric" ? u = ",.0f" : b === "datetime" ? u = ta : u = "";
+  const w = xt(u);
+  switch (w.precision && w.typeFormat && (b = "numeric"), b) {
+    case "numeric": {
+      if (e.subtype === "duration" && e.duration && e.duration.levels && e.duration.levels.length > 1 && !t.hideDuration)
+        a = (m) => Z(m) ? "" : ea(
+          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(
+            (k) => k.length > 0
+          ), T = m.currency[Y].startsWith(h), z = m.currency[Y].endsWith(h), y = `${T ? h : ""}${e.currency}${z ? h : ""}`;
+          m.currency[Y] = y;
+        }
+        const S = It(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" && ((g = e.aggregationWeight) == null ? void 0 : g.columnSubType) === "currency") && ((I = e.periodOverPeriod) == null ? void 0 : I.type) !== "percentageChange" && (u = "$" + u), t != null && t.trimZero && ["y", "%"].includes(c) && m.decimal === "," ? s = (h) => S.format(u)(h).replace(/(,\d*?)0+%$/, "$1%").replace(/,%$/, "%") : t != null && t.trimZero && ["y", "%"].includes(c) && m.decimal === "." ? s = (h) => S.format(u)(h).replace(/(\.\d*?)0+%$/, "$1%").replace(/\.%$/, "%") : t != null && t.trimZero && ["z", "f"].includes(c) && m.decimal === "," ? s = (h) => S.format(u)(h).replace(/(,\d*?)0+$/, "$1").replace(/,$/, "") : t != null && t.trimZero && ["z", "f"].includes(c) && m.decimal === "." ? s = (h) => S.format(u)(h).replace(/(\.\d*?)0+$/, "$1").replace(/\.$/, "") : (e == null ? void 0 : e.subtype) === "currency" && e.currency && m.currency && c === "s" ? s = (h) => S.format(u)(h).replace(/G/, "B") : s = Z(w.precision) ? S.format(",.0f") : S.format(u), a = (h) => {
+          var Y;
+          if (Z(h))
+            return "";
+          if (e.subtype === "duration" && e.duration && !t.hideDuration) {
+            const T = e.duration.levels ? e.duration.levels[0] : e.lowestLevel;
+            return T !== e.lowestLevel && (h = Kr(h, e.lowestLevel, T)), s(h) + ((Y = r == null ? void 0 : r.durationShortSuffix) == null ? void 0 : Y[T]);
+          }
+          return s(h);
+        };
+      }
+      break;
+    }
+    case "datetime": {
+      if (l = (r == null ? void 0 : r.smartDateFormats) ?? xe, _ = (r == null ? void 0 : r.smartTimeFormats) ?? ra, Z(e.datetimeDisplayMode)) {
+        if (t != null && t.level) {
+          const m = t.level, c = l.find(
+            (z) => u.includes(z.key)
+          ), d = _.find(
+            (z) => u.includes(z.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, T = c ? t.level >= 2 && c.separator === "~" : !1;
+          Y ? u = T ? (
+            // 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 = T ? (
+            // 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 = V(r.multi[0]), c = V(r.multi[1]), d = V(r.multi[2]), S = V(r.multi[3]), h = V(r.multi[4]), Y = V(r.multi[6]), T = V(r.multi[7]), z = V(r.multi[8]);
+          o = (y) => {
+            let k;
+            return at(y) < y ? k = m : nt(y) < y ? k = c : ot(y) < y ? k = d : _e(y) < y ? k = S : it(y) < y ? k = Le(y) < y ? h : Y : Q(y) < y ? k = T : k = z, k(y);
+          };
+        } else
+          o = 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, T, z, y, k;
+          return S === "letter" ? ((Y = d.shortNames) == null ? void 0 : Y.length) > 0 && ((T = d.shortNames[h]) == null ? void 0 : T.length) > 0 ? (z = d.shortNames[h]) == null ? void 0 : z.charAt(0) : "N/A" : S === "short" ? ((y = d.shortNames) == null ? void 0 : y.length) > 0 && d.shortNames[h] ? d.shortNames[h] : "N/A" : ((k = d.longNames) == null ? void 0 : k.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) ? o = (d) => Te(d) && d >= m[e.datetimeDisplayMode].min && d <= m[e.datetimeDisplayMode].max ? d : "N/A" : e.datetimeDisplayMode === "month_name" ? o = (d) => {
+          const S = [...r.shortMonths], h = [...r.months];
+          return Te(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" ? o = (d) => {
+          const S = [...r.shortDays], h = [...r.days];
+          return e.weekStart === "monday" && (S.push(S.shift() ?? ""), h.push(h.shift() ?? "")), Te(d) && d >= m[e.datetimeDisplayMode].min && d <= m[e.datetimeDisplayMode].max ? c(
+            { shortNames: S, longNames: h },
+            e.weekDayNameFormat,
+            d - 1
+          ) : "N/A";
+        } : o = Ye(r).format(u);
+      }
+      a = (m) => {
+        if (Z(m))
+          return "";
+        const c = o(m);
+        return Ct(c) ? c.trim() : c;
+      };
+      break;
+    }
+    case "hierarchy": {
+      a = (m) => Yt(m, t ? t.locale : void 0);
+      break;
+    }
+    default: {
+      a = (m) => m;
+      break;
+    }
+  }
+  return a;
+}
+const et = {
+  "~": () => x("Auto", { desc: "Automatic setting of the option" }),
+  "/": () => "/",
+  "-": () => "-",
+  ".": () => "."
+}, aa = ":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 na = Object.defineProperty, oa = Object.getOwnPropertyDescriptor, L = (e, t, r, a) => {
+  for (var s = a > 1 ? void 0 : a ? oa(t, r) : t, o = e.length - 1, l; o >= 0; o--)
+    (l = e[o]) && (s = (a ? l(t, r, s) : l(s)) || s);
+  return a && s && na(t, r, s), s;
+};
+let U = class extends wt(Tt, {
+  validSizes: Object.values(Ft)
+}) {
+  constructor() {
+    super(...arguments), this._loadLocaleFormatsConfig = new St(this, {
+      task: async ([e]) => {
+        if (e && e !== this._contentLanguageLoaded) {
+          const t = /* @__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-DX5un7Gr.js"),
+            "../../utils/formatter/formats/en-US.ts": () => Promise.resolve().then(() => sa),
+            "../../utils/formatter/formats/en.ts": () => Promise.resolve().then(() => ia),
+            "../../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 (t[`../../utils/formatter/formats/${e}.ts`]) {
+            const r = await t[`../../utils/formatter/formats/${e}.ts`]();
+            this._localeFormats = (r == null ? void 0 : r.default) ?? {};
+          }
+          return this._contentLanguageLoaded = e, this._localeFormats;
+        }
+      },
+      args: () => [this.contentLanguage]
+    }), this.language = "en", this.contentLanguage = "en", this.size = "m", this.slotContent = {}, 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 [bt(aa)];
+  }
+  _parseSlotContent() {
+    var e, t;
+    this._dateLevel = this.slotContent.level ?? ((e = this.slotContent) == null ? void 0 : e.lowestLevel) ?? 5, this._displayAs = ((t = this.slotContent) == null ? void 0 : t.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 r;
+    let e;
+    const t = ((r = this._localeFormats) == null ? void 0 : r.smartDateFormats) ?? xe;
+    this._monthName ? (e = t.filter(
+      (a) => a.monthType === "name" && a.longText === (this._monthNameFormat === "long") && a.weekday === this._weekDay
+    ), e.length > 0 ? this._format = e[0].key : (this._weekDayAndMonthInYearFormat = "short", this._weekDay = !0, this._format = "%a %e %B %Y")) : (e = this._dateLevel && this._dateLevel === 4 ? t.filter(
+      (a) => a.monthType === "number" && a.mmdd === (this._weekFormat === "mmdd" ? !0 : this._weekFormat === "ddmm" ? !1 : null) && a.separator === this._dateSeparator
+    ) : t.filter(
+      (a) => a.monthType === "number" && a.mmdd === (this._dateFormat === "mmdd" ? !0 : this._dateFormat === "ddmm" ? !1 : null) && a.separator === this._dateSeparator
+    ), this._dateFormat === "auto" && this._dateLevel && this._dateLevel !== 4 ? this._format = "%amd" + this._dateSeparator + "%Y" : e.length > 0 ? this._format = e[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 e;
+    this._weekDayAndMonthInYearFormat = ((e = this._weekDayAndMonthInYearFormatElement.selected) == null ? void 0 : e[0]) ?? "long", this._sendEvent(), this.requestUpdate();
+  }
+  _setMonthNameFormat() {
+    var e;
+    this._monthNameFormat = (e = this._monthNameFormatElement.selected) == null ? void 0 : e[0], this._sendEvent(), this.requestUpdate();
+  }
+  _setMonthName() {
+    this._monthName = this._monthNameElement.selected, this._sendEvent(), this.requestUpdate();
+  }
+  _setWeekFormat() {
+    var e;
+    this._weekFormat = (e = this._weekFormatElement.selected) == null ? void 0 : e[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(e) {
+    e.has("slotContent") && (this._parseSlotContent(), this._calculateSlotContent()), e.has("language") && ([...kt].includes(this.language) || this.language === "en") && (zt(this.language), this.requestUpdate());
+  }
+  _renderDisplaySettings() {
+    var t, r;
+    const e = (r = (t = Ut) == null ? void 0 : t[`level${this._dateLevel ?? 0}`]) == null ? void 0 : r.map(
+      (a) => D`<luzmo-menu-item value=${a.key}>
+          ${a.i18n()}
+        </luzmo-menu-item>`
+    );
+    return D`<div class="setting">
+      <luzmo-field-label for="display-as"
+        >${x("Display", {
+      desc: "Label for display setting"
+    })}</luzmo-field-label
+      >
+      <luzmo-picker
+        id="display-as"
+        size=${this.size}
+        variant="highlight"
+        value=${this._displayAs ?? "default"}
+        @change=${this._setDisplayAs}
+      >
+        ${e}
+      </luzmo-picker>
+    </div>`;
+  }
+  _renderWeekDayAndMonthNameFormatSettings() {
+    const e = Object.keys(
+      We
+    ).map((t) => D`<luzmo-action-button value=${t}>
+        ${We[t]()}
+      </luzmo-action-button>`);
+    return D` <div class="setting">
+      <luzmo-field-label for="weekday-and-month-in-year-format"
+        >${x("Format", {
+      desc: "Label for format setting"
+    })}</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}
+      >
+        ${e}
+      </luzmo-action-group>
+    </div>`;
+  }
+  _renderMonthNameFormatSettings() {
+    return D` <div class="setting">
+      <luzmo-field-label for="month-name-format"
+        >${x("Format", {
+      desc: "Label for format setting"
+    })}</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">
+          ${x("Short", { desc: "Short format option" })}
+        </luzmo-action-button>
+        <luzmo-action-button value="long">
+          ${x("Long", { desc: "Long format option" })}
+        </luzmo-action-button>
+      </luzmo-action-group>
+    </div>`;
+  }
+  _renderWeekFormatSettings() {
+    var a;
+    const e = ((a = this._localeFormats) == null ? void 0 : a.smartDateFormats) ?? xe, t = e.find(
+      (s) => s.mmdd === !0 && s.separator === this._dateSeparator && s.monthType === "number"
+    ), r = e.find(
+      (s) => s.mmdd === !1 && s.separator === this._dateSeparator && s.monthType === "number"
+    );
+    return D` <div class="setting">
+      <luzmo-field-label for="week-format"
+        >${x("Format", {
+      desc: "Label for format setting"
+    })}</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: r == null ? void 0 : r.key
+      },
+      {
+        localFormats: this._localeFormats,
+        level: this._dateLevel
+      }
+    )(/* @__PURE__ */ new Date())}
+        </luzmo-action-button>
+        <luzmo-action-button value="mmdd"
+          >${ze(
+      {
+        ...this._currentSlotContent,
+        type: "datetime",
+        format: t == null ? void 0 : t.key
+      },
+      {
+        localFormats: this._localeFormats,
+        level: this._dateLevel
+      }
+    )(/* @__PURE__ */ new Date())}</luzmo-action-button
+        >
+      </luzmo-action-group>
+    </div>`;
+  }
+  _renderWeekStartsOnSettings() {
+    const e = Object.keys(Ee).map(
+      (t) => D`<luzmo-menu-item value=${t}>
+          ${Ee[t]()}
+        </luzmo-menu-item>`
+    );
+    return D`<div class="setting">
+      <luzmo-field-label for="week-start"
+        >${x("Week starts on", {
+      desc: "Label for week start setting"
+    })}</luzmo-field-label
+      >
+      <luzmo-picker
+        id="week-start"
+        size=${this.size}
+        variant="highlight"
+        value=${this._weekStart ?? "Auto"}
+        @change=${this._setWeekStartsOn}
+      >
+        ${e}
+      </luzmo-picker>
+    </div>`;
+  }
+  _renderMonthNameSettings() {
+    return D`<div class="settings-">
+      <luzmo-field-label for="month-name"
+        >${x("Month", { desc: "Month format setting" })}</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 ? Me : Se}
+        ></luzmo-icon>
+        ${x("Name")}
+      </luzmo-action-button>
+    </div>`;
+  }
+  _renderDateFormatSettings() {
+    const e = this._dateSeparator === "~" ? "/" : this._dateSeparator;
+    return D`<div class="setting">
+      <luzmo-field-label for="date-format"
+        >${x("Format", {
+      desc: "Label for format setting"
+    })}</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">
+          ${x("Auto", { desc: "Automatic setting of the option" })}
+        </luzmo-menu-item>
+        <luzmo-menu-item value="mmdd">12${e}31</luzmo-menu-item>
+        <luzmo-menu-item value="ddmm">31${e}12</luzmo-menu-item>
+      </luzmo-picker>
+    </div>`;
+  }
+  _renderSeparatorSettings() {
+    const e = Object.keys(et).map(
+      (t) => D`<luzmo-menu-item value=${t}>
+          ${et[t]()}
+        </luzmo-menu-item>`
+    );
+    return D`<div class="setting">
+      <luzmo-field-label for="date-separator"
+        >${x("Separator", {
+      desc: "Label for date separator setting"
+    })}</luzmo-field-label
+      >
+      <luzmo-picker
+        id="date-separator"
+        size=${this.size}
+        variant="highlight"
+        value=${this._dateSeparator ?? "~"}
+        @change=${this._setDateSeparator}
+      >
+        ${e}
+      </luzmo-picker>
+    </div>`;
+  }
+  _render24hFormatSettings() {
+    return D`<div class="settings-">
+      <luzmo-field-label for="format-24h"
+        >${x("24h", {
+      desc: "Label for 24h format setting"
+    })}</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 ? Me : Se}
+        ></luzmo-icon>
+      </luzmo-action-button>
+    </div>`;
+  }
+  _renderWeekdaySettings() {
+    return D`<div class="settings-">
+      <luzmo-field-label for="weekday"
+        >${x("Weekday", {
+      desc: "Label for weekday setting"
+    })}</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 ? Me : Se}
+        ></luzmo-icon>
+        ${x("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"
+            >${x("Example:", { desc: "Label for example format" })}</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: () => this._renderAllSettings()
+    });
+  }
+};
+L([
+  pe({ type: String })
+], U.prototype, "language", 2);
+L([
+  pe({ type: String })
+], U.prototype, "contentLanguage", 2);
+L([
+  pe({ type: String })
+], U.prototype, "size", 2);
+L([
+  pe({ type: Object, reflect: !1 })
+], U.prototype, "slotContent", 2);
+L([
+  H("#display-as")
+], U.prototype, "_displayAsElement", 2);
+L([
+  H("#week-start")
+], U.prototype, "_weekStartElement", 2);
+L([
+  H("#weekday-and-month-in-year-format")
+], U.prototype, "_weekDayAndMonthInYearFormatElement", 2);
+L([
+  H("#month-name-format")
+], U.prototype, "_monthNameFormatElement", 2);
+L([
+  H("#month-name")
+], U.prototype, "_monthNameElement", 2);
+L([
+  H("#week-format")
+], U.prototype, "_weekFormatElement", 2);
+L([
+  H("#date-format")
+], U.prototype, "_dateFormatElement", 2);
+L([
+  H("#date-separator")
+], U.prototype, "_dateSeparatorElement", 2);
+L([
+  H("#weekday")
+], U.prototype, "_weekDayElement", 2);
+L([
+  H("#format-24h")
+], U.prototype, "_format24hElement", 2);
+U = L([
+  Dt()
+], U);
+customElements.get("luzmo-display-settings-datetime") || customElements.define(
+  "luzmo-display-settings-datetime",
+  U
+);
+const sa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: $e
+}, Symbol.toStringTag, { value: "Module" })), ia = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: $e
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  $e as D,
+  U as L
+};