@trintel/zooy 1.0.14 → 1.0.20

package/dist/chunks/zoo-Bb5HHyrn.js

@@ -0,0 +1,721 @@
+import { _ as C, a as b } from "./component-library-registry-CJ1Yb_8E.js";
+import { o as d, t as x, u as O } from "./lit-uyM4-HrV.js";
+function o(r) {
+  return r != null && typeof r == "object" && r["@@functional/placeholder"] === !0;
+}
+function f(r) {
+  return function t(e) {
+    return arguments.length === 0 || o(e) ? t : r.apply(this, arguments);
+  };
+}
+function c(r) {
+  return function t(e, n) {
+    switch (arguments.length) {
+      case 0:
+        return t;
+      case 1:
+        return o(e) ? t : f(function(i) {
+          return r(e, i);
+        });
+      default:
+        return o(e) && o(n) ? t : o(e) ? f(function(i) {
+          return r(i, n);
+        }) : o(n) ? f(function(i) {
+          return r(e, i);
+        }) : r(e, n);
+    }
+  };
+}
+function R(r, t) {
+  r = r || [], t = t || [];
+  var e, n = r.length, i = t.length, a = [];
+  for (e = 0; e < n; )
+    a[a.length] = r[e], e += 1;
+  for (e = 0; e < i; )
+    a[a.length] = t[e], e += 1;
+  return a;
+}
+function D(r, t) {
+  switch (r) {
+    case 0:
+      return function() {
+        return t.apply(this, arguments);
+      };
+    case 1:
+      return function(e) {
+        return t.apply(this, arguments);
+      };
+    case 2:
+      return function(e, n) {
+        return t.apply(this, arguments);
+      };
+    case 3:
+      return function(e, n, i) {
+        return t.apply(this, arguments);
+      };
+    case 4:
+      return function(e, n, i, a) {
+        return t.apply(this, arguments);
+      };
+    case 5:
+      return function(e, n, i, a, s) {
+        return t.apply(this, arguments);
+      };
+    case 6:
+      return function(e, n, i, a, s, u) {
+        return t.apply(this, arguments);
+      };
+    case 7:
+      return function(e, n, i, a, s, u, l) {
+        return t.apply(this, arguments);
+      };
+    case 8:
+      return function(e, n, i, a, s, u, l, h) {
+        return t.apply(this, arguments);
+      };
+    case 9:
+      return function(e, n, i, a, s, u, l, h, m) {
+        return t.apply(this, arguments);
+      };
+    case 10:
+      return function(e, n, i, a, s, u, l, h, m, p) {
+        return t.apply(this, arguments);
+      };
+    default:
+      throw new Error("First argument to _arity must be a non-negative integer no greater than ten");
+  }
+}
+function j(r, t, e) {
+  return function() {
+    for (var n = [], i = 0, a = r, s = 0, u = !1; s < t.length || i < arguments.length; ) {
+      var l;
+      s < t.length && (!o(t[s]) || i >= arguments.length) ? l = t[s] : (l = arguments[i], i += 1), n[s] = l, o(l) ? u = !0 : a -= 1, s += 1;
+    }
+    return !u && a <= 0 ? e.apply(this, n) : D(Math.max(0, a), j(r, n, e));
+  };
+}
+var _ = /* @__PURE__ */ c(function(t, e) {
+  return t === 1 ? f(e) : D(t, j(t, [], e));
+});
+function q(r) {
+  return function t(e, n, i) {
+    switch (arguments.length) {
+      case 0:
+        return t;
+      case 1:
+        return o(e) ? t : c(function(a, s) {
+          return r(e, a, s);
+        });
+      case 2:
+        return o(e) && o(n) ? t : o(e) ? c(function(a, s) {
+          return r(a, n, s);
+        }) : o(n) ? c(function(a, s) {
+          return r(e, a, s);
+        }) : f(function(a) {
+          return r(e, n, a);
+        });
+      default:
+        return o(e) && o(n) && o(i) ? t : o(e) && o(n) ? c(function(a, s) {
+          return r(a, s, i);
+        }) : o(e) && o(i) ? c(function(a, s) {
+          return r(a, n, s);
+        }) : o(n) && o(i) ? c(function(a, s) {
+          return r(e, a, s);
+        }) : o(e) ? f(function(a) {
+          return r(a, n, i);
+        }) : o(n) ? f(function(a) {
+          return r(e, a, i);
+        }) : o(i) ? f(function(a) {
+          return r(e, n, a);
+        }) : r(e, n, i);
+    }
+  };
+}
+var A = Array.isArray || function(t) {
+  return t != null && t.length >= 0 && Object.prototype.toString.call(t) === "[object Array]";
+};
+function U(r) {
+  return r != null && typeof r["@@transducer/step"] == "function";
+}
+function H(r, t, e) {
+  return function() {
+    if (arguments.length === 0) return e();
+    var n = arguments[arguments.length - 1];
+    if (!A(n)) {
+      for (var i = 0; i < r.length; ) {
+        if (typeof n[r[i]] == "function") return n[r[i]].apply(n, Array.prototype.slice.call(arguments, 0, -1));
+        i += 1;
+      }
+      if (U(n)) return t.apply(null, Array.prototype.slice.call(arguments, 0, -1))(n);
+    }
+    return e.apply(this, arguments);
+  };
+}
+var T = {
+  init: function() {
+    return this.xf["@@transducer/init"]();
+  },
+  result: function(r) {
+    return this.xf["@@transducer/result"](r);
+  }
+};
+function g(r, t) {
+  return Object.prototype.hasOwnProperty.call(t, r);
+}
+var k = Object.prototype.toString, Z = /* @__PURE__ */ (function() {
+  return k.call(arguments) === "[object Arguments]" ? function(t) {
+    return k.call(t) === "[object Arguments]";
+  } : function(t) {
+    return g("callee", t);
+  };
+})(), G = !/* @__PURE__ */ { toString: null }.propertyIsEnumerable("toString"), S = [
+  "constructor",
+  "valueOf",
+  "isPrototypeOf",
+  "toString",
+  "propertyIsEnumerable",
+  "hasOwnProperty",
+  "toLocaleString"
+], E = /* @__PURE__ */ (function() {
+  "use strict";
+  return arguments.propertyIsEnumerable("length");
+})(), J = function(t, e) {
+  for (var n = 0; n < t.length; ) {
+    if (t[n] === e) return !0;
+    n += 1;
+  }
+  return !1;
+}, V = /* @__PURE__ */ f(typeof Object.keys == "function" && !E ? function(t) {
+  return Object(t) !== t ? [] : Object.keys(t);
+} : function(t) {
+  if (Object(t) !== t) return [];
+  var e, n, i = [], a = E && Z(t);
+  for (e in t) g(e, t) && (!a || e !== "length") && (i[i.length] = e);
+  if (G)
+    for (n = S.length - 1; n >= 0; )
+      e = S[n], g(e, t) && !J(i, e) && (i[i.length] = e), n -= 1;
+  return i;
+});
+function W(r, t) {
+  for (var e = 0, n = t.length, i = Array(n); e < n; )
+    i[e] = r(t[e]), e += 1;
+  return i;
+}
+function z(r, t, e) {
+  for (var n = 0, i = e.length; n < i; )
+    t = r(t, e[n]), n += 1;
+  return t;
+}
+var K = /* @__PURE__ */ (function() {
+  function r(t, e) {
+    this.xf = e, this.f = t;
+  }
+  return r.prototype["@@transducer/init"] = T.init, r.prototype["@@transducer/result"] = T.result, r.prototype["@@transducer/step"] = function(t, e) {
+    return this.xf["@@transducer/step"](t, this.f(e));
+  }, r;
+})(), Q = function(t) {
+  return function(e) {
+    return new K(t, e);
+  };
+}, B = /* @__PURE__ */ c(/* @__PURE__ */ H(["fantasy-land/map", "map"], Q, function(t, e) {
+  switch (Object.prototype.toString.call(e)) {
+    case "[object Function]":
+      return _(e.length, function() {
+        return t.call(this, e.apply(this, arguments));
+      });
+    case "[object Object]":
+      return z(function(n, i) {
+        return n[i] = t(e[i]), n;
+      }, {}, V(e));
+    default:
+      return W(t, e);
+  }
+})), v = Number.isInteger || function(t) {
+  return t << 0 === t;
+};
+function N(r, t) {
+  return t[r < 0 ? t.length + r : r];
+}
+function Y(r, t) {
+  if (t != null)
+    return v(r) ? N(r, t) : t[r];
+}
+function X(r) {
+  return Object.prototype.toString.call(r) === "[object String]";
+}
+var tt = /* @__PURE__ */ f(function(t) {
+  return A(t) ? !0 : !t || typeof t != "object" || X(t) ? !1 : t.length === 0 ? !0 : t.length > 0 ? t.hasOwnProperty(0) && t.hasOwnProperty(t.length - 1) : !1;
+}), $ = typeof Symbol < "u" ? Symbol.iterator : "@@iterator";
+function et(r, t, e) {
+  return function(i, a, s) {
+    if (tt(s)) return r(i, a, s);
+    if (s == null) return a;
+    if (typeof s["fantasy-land/reduce"] == "function") return t(i, a, s, "fantasy-land/reduce");
+    if (s[$] != null) return e(i, a, s[$]());
+    if (typeof s.next == "function") return e(i, a, s);
+    if (typeof s.reduce == "function") return t(i, a, s, "reduce");
+    throw new TypeError("reduce: list must be array or iterable");
+  };
+}
+var rt = /* @__PURE__ */ c(function(t, e) {
+  return t && e;
+});
+function nt(r, t, e) {
+  for (var n = e.next(); !n.done; )
+    t = r(t, n.value), n = e.next();
+  return t;
+}
+function it(r, t, e, n) {
+  return e[n](r, t);
+}
+var at = /* @__PURE__ */ et(z, it, nt), st = /* @__PURE__ */ c(function(t, e) {
+  return typeof e["fantasy-land/ap"] == "function" ? e["fantasy-land/ap"](t) : typeof t.ap == "function" ? t.ap(e) : typeof t == "function" ? function(n) {
+    return t(n)(e(n));
+  } : at(function(n, i) {
+    return R(n, B(i, e));
+  }, [], t);
+});
+function ot(r, t, e) {
+  if (v(r) && A(e)) {
+    var n = r < 0 ? e.length + r : r, i = [].concat(e);
+    return i[n] = t, i;
+  }
+  var a = {};
+  for (var s in e) a[s] = e[s];
+  return a[r] = t, a;
+}
+var w = /* @__PURE__ */ f(function(t) {
+  return t == null;
+}), ut = /* @__PURE__ */ q(function r(t, e, n) {
+  if (t.length === 0) return e;
+  var i = t[0];
+  if (t.length > 1) {
+    var a = Y(i, n);
+    (w(a) || typeof a != "object") && (a = v(t[1]) ? [] : {}), e = r(Array.prototype.slice.call(t, 1), e, a);
+  }
+  return ot(i, e, n);
+});
+function ct(r) {
+  var t = Object.prototype.toString.call(r);
+  return t === "[object Function]" || t === "[object AsyncFunction]" || t === "[object GeneratorFunction]" || t === "[object AsyncGeneratorFunction]";
+}
+var lt = /* @__PURE__ */ c(function(t, e) {
+  var n = _(t, e);
+  return _(t, function() {
+    return z(st, B(n, arguments[0]), Array.prototype.slice.call(arguments, 1));
+  });
+}), ft = /* @__PURE__ */ f(function(t) {
+  return lt(t.length, t);
+}), ht = /* @__PURE__ */ c(function(t, e) {
+  return ct(t) ? function() {
+    return t.apply(this, arguments) && e.apply(this, arguments);
+  } : ft(rt)(t, e);
+}), mt = /* @__PURE__ */ c(function(t, e) {
+  if (t.length === 0 || w(e)) return !1;
+  for (var n = e, i = 0; i < t.length; ) if (!w(n) && g(t[i], n))
+    n = n[t[i]], i += 1;
+  else return !1;
+  return !0;
+}), P = /* @__PURE__ */ c(function(t, e) {
+  return mt([t], e);
+});
+function pt(r, t) {
+  for (var e = t, n = 0; n < r.length; n += 1) {
+    if (e == null) return;
+    var i = r[n];
+    v(i) ? e = N(i, e) : e = e[i];
+  }
+  return e;
+}
+var I = /* @__PURE__ */ c(pt), dt = {
+  json: (r) => JSON.stringify(r, null, 2),
+  tpl: (r, t, e) => {
+    const n = e?.getAttribute("zoo-bind-attr-tpl") || e?.getAttribute("zoo-bind-tpl");
+    if (!n) return r;
+    try {
+      return new Function("value", "data", `return \`${n}\`;`)(r, t);
+    } catch (i) {
+      return console.warn("[Binder] Invalid template:", n, i), r;
+    }
+  }
+}, zt = class {
+  #i;
+  #t;
+  #r;
+  #e = null;
+  #n;
+  constructor(r, t, e, n = {}) {
+    if (!t) throw new Error("Binder requires a URL");
+    if (!e || !(e instanceof Element)) throw new Error("Binder requires a valid rootEl Element");
+    this.#i = r, this.#t = new URL(t, window.location.origin), this.#r = e, this.#n = {
+      ...dt,
+      ...n.formatters
+    }, n.urlParams ? this.#s(n.urlParams) : this.#a();
+  }
+  get url() {
+    return this.#t;
+  }
+  get data() {
+    return this.#e;
+  }
+  get limit() {
+    return parseInt(this.#t.searchParams.get("limit") || "0", 10);
+  }
+  get offset() {
+    return parseInt(this.#t.searchParams.get("offset") || "0", 10);
+  }
+  get isPaginated() {
+    return ht(P("count"), P("results"))(this.#e);
+  }
+  #s(r) {
+    return Object.entries(r).forEach(([t, e]) => {
+      if (!b(e) || e === "" || Array.isArray(e) && e.length < 1) {
+        this.#t.searchParams.delete(t);
+        return;
+      }
+      if (Array.isArray(e)) {
+        this.#t.searchParams.set(t, e.join(","));
+        return;
+      }
+      this.#t.searchParams.set(t, e);
+    }), this.#a(), this.#t;
+  }
+  #a() {
+    const r = this.#t.href.split(this.url.origin)[1].slice(1);
+    this.#r.querySelectorAll("[zoo-bind-binderurl]").forEach((t) => {
+      t.setAttribute("zoo-bind-binderurl", r);
+    });
+  }
+  async fetchData(r = {}) {
+    const t = await this.#i.user.fetchJson(this.#s(r).toString(), this.#i.abortController.signal);
+    this.setData(t);
+  }
+  setData(r) {
+    this.#e = r, this.render();
+  }
+  render() {
+    if (!b(this.#e)) {
+      console.warn("[Binder] No data to render");
+      return;
+    }
+    this.#a(), this.#o(this.#r, this.#e, 0), this.#c();
+  }
+  #o(r, t, e = 0, n = {}) {
+    const i = n.removeAttributes ?? !1;
+    r.querySelectorAll("[zoo-bind-attr]").forEach((a) => {
+      a.closest("[zoo-template]") || (a.getAttribute("zoo-bind-attr").split(",").forEach((s) => {
+        const [u, l] = s.split(":").map((y) => y.trim()), [h, m] = l.split("|").map((y) => y.trim());
+        let p = this.#u(t, h, e);
+        m && this.#n[m] && (p = this.#n[m](p, t, a)), b(p) && a.setAttribute(u, p);
+      }), i && (a.removeAttribute("zoo-bind-attr"), a.removeAttribute("zoo-bind-attr-tpl")));
+    }), r.querySelectorAll("[zoo-bind]").forEach((a) => {
+      if (a.closest("[zoo-template]")) return;
+      const [s, u] = a.getAttribute("zoo-bind").split("|").map((h) => h.trim());
+      let l = this.#u(t, s, e);
+      u && this.#n[u] && (l = this.#n[u](l, t, a)), a.textContent = l ?? "", i && (a.removeAttribute("zoo-bind"), a.removeAttribute("zoo-bind-tpl"));
+    });
+  }
+  #c() {
+    this.#r.querySelectorAll("[zoo-template]").forEach((r) => {
+      const t = r.getAttribute("zoo-template"), e = r.getAttribute("zoo-template-bind");
+      if (!t) {
+        console.warn("[Binder] Consumer missing template ID", r);
+        return;
+      }
+      const n = this.#r.querySelector(`#${t}`);
+      if (!n || n.tagName !== "TEMPLATE") {
+        console.error(`[DataBinder] Template not found or invalid: ${t}`);
+        return;
+      }
+      const i = e ? I(e.split("."), this.#e) : this.#e;
+      if (!i) {
+        console.warn(`[DataBinder] Data slice is undefined. Path: ${e}. Skipping render for this consumer.`);
+        return;
+      }
+      if (!Array.isArray(i)) {
+        console.error(`[DataBinder] Data slice is not an array. Path: ${e}`, i);
+        return;
+      }
+      r.innerHTML = "", i.forEach((a, s) => {
+        const u = this.#l(n, a, s);
+        r.appendChild(u);
+      });
+    });
+  }
+  #l(r, t, e) {
+    const n = r.content.cloneNode(!0);
+    return this.#o(n, t, e, { removeAttributes: !0 }), n;
+  }
+  #u(r, t, e) {
+    const n = {
+      $index: () => e,
+      $index__paged: () => this.offset + e,
+      $index1: () => e + 1,
+      $index1__paged: () => this.offset + e + 1
+    };
+    return n[t] ? n[t]() : I(t.split("."), r);
+  }
+}, L = new Map(Object.entries({
+  event: "event",
+  endpoint: "endpoint",
+  href: "href",
+  url: "url",
+  target: "target",
+  "record-id": "recordId",
+  "zoo-sort-field": "sortField",
+  "zoo-view": "view",
+  "zoo-event": "event",
+  "zoo-href": "href"
+})), gt = (r) => {
+  let t = {};
+  return Array.from(r.attributes).forEach((e) => {
+    const n = e.name, i = e.value;
+    L.has(n) ? t[L.get(n)] = i : (n.startsWith("data-") || n.startsWith("zoo-")) && (t = ut(n.split("-"), i, t));
+  }), t;
+}, vt = (r, t, e = "event") => r.getAttribute(t) || r.getAttribute(e), F = class extends x {
+  static properties = {
+    token: { type: String },
+    prefix: { type: String },
+    postfix: { type: String }
+  };
+  static styles = O`
+      :host {
+          display: inline-block;
+      }
+
+      .tag {
+          text-align: center;
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          line-height: initial;
+          width: max-content;
+          padding: .2em 1em;
+          border-radius: 1em;
+          font-size: var(--zoo-theme-chips-font-size, 0.75rem);
+          white-space: nowrap;
+          word-break: break-word;
+          box-sizing: border-box;
+      }
+  `;
+  render() {
+    const r = `${this.prefix ?? ""}${this.token ?? "default"}${this.postfix ?? ""}`;
+    return d`
+      <span
+        class="tag"
+        style="
+          background-color: var(--zoo-tag-${r}-bg, var(--zoo-tag-default-bg, #9e9e9e));
+          color: var(--zoo-tag-${r}-fg, var(--zoo-tag-default-fg, #ffffff));
+        "
+      >
+        <slot></slot>
+      </span>
+    `;
+  }
+};
+customElements.get("zoo-tag") || customElements.define("zoo-tag", F);
+var yt = (r) => {
+  const t = Math.floor((/* @__PURE__ */ new Date() - r) / 1e3), e = [
+    {
+      name: "year",
+      seconds: 31536e3
+    },
+    {
+      name: "month",
+      seconds: 2592e3
+    },
+    {
+      name: "week",
+      seconds: 604800
+    },
+    {
+      name: "day",
+      seconds: 86400
+    },
+    {
+      name: "hour",
+      seconds: 3600
+    },
+    {
+      name: "minute",
+      seconds: 60
+    },
+    {
+      name: "second",
+      seconds: 1
+    }
+  ];
+  if (t < 0) {
+    const n = Math.abs(t);
+    for (const i of e) {
+      const a = Math.floor(n / i.seconds);
+      if (a >= 1) return new Intl.RelativeTimeFormat("en", { numeric: "auto" }).format(a, i.name);
+    }
+    return "just now";
+  }
+  for (const n of e) {
+    const i = Math.floor(t / n.seconds);
+    if (i >= 1) return new Intl.RelativeTimeFormat("en", { numeric: "auto" }).format(-i, n.name);
+  }
+  return "just now";
+}, bt = (r) => {
+  const [{ value: t }, , { value: e }, , { value: n }, , { value: i }, , { value: a }, , { value: s }] = new Intl.DateTimeFormat("en", {
+    day: "2-digit",
+    month: "short",
+    year: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hourCycle: "h23"
+  }).formatToParts(r);
+  return `${e} ${t} ${n} ${i}:${a}:${s}`;
+}, _t = (r) => {
+  const [{ value: t }, , { value: e }, , { value: n }] = new Intl.DateTimeFormat("en", {
+    day: "2-digit",
+    month: "short",
+    year: "2-digit"
+  }).formatToParts(r);
+  return `${e} ${t} ${n}`;
+}, M = class extends x {
+  static properties = {
+    timestamp: { type: Number },
+    kind: { type: String },
+    concat: { type: String }
+  };
+  static styles = O`
+    :host {
+      display: inline;
+    }
+
+    .relative {
+      color: var(--zoo-timestamp-relative-color, inherit);
+      font-weight: var(--zoo-timestamp-relative-weight, inherit);
+      font-size: var(--zoo-timestamp-relative-size, inherit);
+    }
+
+    .static {
+      color: var(--zoo-timestamp-static-color, inherit);
+      font-weight: var(--zoo-timestamp-static-weight, inherit);
+      font-size: var(--zoo-timestamp-static-size, inherit);
+    }
+
+    .separator {
+      color: var(--zoo-timestamp-separator-color, inherit);
+    }
+  `;
+  constructor() {
+    super(), this.timestamp = Date.now(), this.kind = "both", this.concat = "r (s)", this._boundTickHandler = this._onTimeTick.bind(this), this._isListening = !1;
+  }
+  _shouldListenToTicks() {
+    return this.kind === "relative" || this.kind === "both";
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._updateTickListener();
+  }
+  disconnectedCallback() {
+    this._removeTickListener(), super.disconnectedCallback();
+  }
+  updated(r) {
+    super.updated(r), r.has("kind") && this._updateTickListener();
+  }
+  _updateTickListener() {
+    const r = this._shouldListenToTicks();
+    r && !this._isListening ? (document.addEventListener("zoo-tick-60", this._boundTickHandler), this._isListening = !0) : !r && this._isListening && this._removeTickListener();
+  }
+  _removeTickListener() {
+    this._isListening && (document.removeEventListener("zoo-tick-60", this._boundTickHandler), this._isListening = !1);
+  }
+  _onTimeTick() {
+    this.requestUpdate();
+  }
+  _parseTemplate(r) {
+    const t = [];
+    let e = r;
+    for (; e.length > 0; ) {
+      const n = e.indexOf("r"), i = [n, e.indexOf("s")].filter((a) => a !== -1).sort((a, s) => a - s)[0];
+      if (i === void 0) {
+        e.length > 0 && t.push({
+          type: "text",
+          value: e
+        });
+        break;
+      }
+      i > 0 && t.push({
+        type: "text",
+        value: e.substring(0, i)
+      }), i === n ? t.push({
+        type: "relative",
+        value: ""
+      }) : t.push({
+        type: "static",
+        value: ""
+      }), e = e.substring(i + 1);
+    }
+    return t;
+  }
+  _getFormattedParts() {
+    let r = this.timestamp;
+    r < 9466848e5 && (r = r * 1e3);
+    const t = new Date(r), e = yt(t), n = bt(t), i = _t(t);
+    switch (this.kind) {
+      case "relative":
+        return [{
+          type: "relative",
+          value: e
+        }];
+      case "datetime":
+        return [{
+          type: "static",
+          value: n
+        }];
+      case "date":
+        return [{
+          type: "static",
+          value: i
+        }];
+      case "both":
+        return this._parseTemplate(this.concat).map((a) => a.type === "relative" ? {
+          type: "relative",
+          value: e
+        } : a.type === "static" ? {
+          type: "static",
+          value: n
+        } : a);
+      default:
+        return this._parseTemplate(this.concat).map((a) => a.type === "relative" ? {
+          type: "relative",
+          value: e
+        } : a.type === "static" ? {
+          type: "static",
+          value: n
+        } : a);
+    }
+  }
+  render() {
+    let r = this.timestamp;
+    r < 9466848e5 && (r = r * 1e3);
+    const t = new Date(r), e = this._getFormattedParts();
+    return d`<time datetime="${t.toISOString()}">
+      ${e.map((n) => n.type === "relative" ? d`<span class="relative">${n.value}</span>` : n.type === "static" ? d`<span class="static">${n.value}</span>` : d`<span class="separator">${n.value}</span>`)}
+    </time>`;
+  }
+};
+customElements.get("zoo-timestamp") || customElements.define("zoo-timestamp", M);
+var Tt = /* @__PURE__ */ C({
+  ZooTag: () => F,
+  ZooTimestamp: () => M,
+  getEventAttribute: () => vt,
+  getSemanticAttributes: () => gt
+});
+export {
+  I as a,
+  g as c,
+  zt as i,
+  q as l,
+  vt as n,
+  pt as o,
+  gt as r,
+  mt as s,
+  Tt as t,
+  c as u
+};