@trintel/zooy 1.6.0 → 1.6.1

package/dist/chunks/zoo-Cztpe9qH.js

@@ -1,391 +0,0 @@
-import { n as A } from "./component-library-registry-DB5UeqC2.js";
-import { isDefAndNotNull as f } from "badu";
-import { assocPath as w, both as k, has as p, path as v } from "ramda";
-import { LitElement as b, css as y, html as c } from "lit";
-var _ = {
-  json: (e) => JSON.stringify(e, null, 2),
-  tpl: (e, t, i) => {
-    const r = i?.getAttribute("zoo-bind-attr-tpl") || i?.getAttribute("zoo-bind-tpl");
-    if (!r) return e;
-    try {
-      return new Function("value", "data", `return \`${r}\`;`)(e, t);
-    } catch (n) {
-      return console.warn("[Binder] Invalid template:", r, n), e;
-    }
-  }
-}, B = class {
-  #s;
-  #t;
-  #i;
-  #e = null;
-  #r;
-  constructor(e, t, i, r = {}) {
-    if (!t) throw new Error("Binder requires a URL");
-    if (!i || !(i instanceof Element)) throw new Error("Binder requires a valid rootEl Element");
-    this.#s = e, this.#t = new URL(t, window.location.origin), this.#i = i, this.#r = {
-      ..._,
-      ...r.formatters
-    }, r.urlParams ? this.#a(r.urlParams) : this.#n();
-  }
-  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 k(p("count"), p("results"))(this.#e);
-  }
-  #a(e) {
-    return Object.entries(e).forEach(([t, i]) => {
-      if (!f(i) || i === "" || Array.isArray(i) && i.length < 1) {
-        this.#t.searchParams.delete(t);
-        return;
-      }
-      if (Array.isArray(i)) {
-        this.#t.searchParams.set(t, i.join(","));
-        return;
-      }
-      this.#t.searchParams.set(t, i);
-    }), this.#n(), this.#t;
-  }
-  #n() {
-    const e = this.#t.href.split(this.url.origin)[1].slice(1);
-    this.#i.querySelectorAll("[zoo-bind-binderurl]").forEach((t) => {
-      t.setAttribute("zoo-bind-binderurl", e);
-    });
-  }
-  async fetchData(e = {}) {
-    const t = await this.#s.user.fetchJson(this.#a(e).toString(), this.#s.abortController.signal);
-    return this.setData(t);
-  }
-  setData(e) {
-    return this.#e = e, this.render();
-  }
-  async render() {
-    if (!f(this.#e)) {
-      console.warn("[Binder] No data to render");
-      return;
-    }
-    this.#n(), this.#o(this.#i, this.#e, 0), await this.#c();
-  }
-  #o(e, t, i = 0, r = {}) {
-    const n = r.removeAttributes ?? !1;
-    e.querySelectorAll("[zoo-bind-attr]").forEach((s) => {
-      s.closest("[zoo-template]") || (s.getAttribute("zoo-bind-attr").split(",").forEach((a) => {
-        const [o, l] = a.split(":").map((d) => d.trim()), [m, h] = l.split("|").map((d) => d.trim());
-        let u = this.#l(t, m, i);
-        h && this.#r[h] && (u = this.#r[h](u, t, s)), f(u) && s.setAttribute(o, u);
-      }), n && (s.removeAttribute("zoo-bind-attr"), s.removeAttribute("zoo-bind-attr-tpl")));
-    }), e.querySelectorAll("[zoo-bind]").forEach((s) => {
-      if (s.closest("[zoo-template]")) return;
-      const [a, o] = s.getAttribute("zoo-bind").split("|").map((m) => m.trim());
-      let l = this.#l(t, a, i);
-      o && this.#r[o] && (l = this.#r[o](l, t, s)), s.textContent = l ?? "", n && (s.removeAttribute("zoo-bind"), s.removeAttribute("zoo-bind-tpl"));
-    });
-  }
-  async #c() {
-    const e = this.#i.querySelectorAll("[zoo-template]");
-    for (const t of e) {
-      const i = t.getAttribute("zoo-template"), r = t.getAttribute("zoo-template-bind");
-      if (!i) {
-        console.warn("[Binder] Consumer missing template ID", t);
-        continue;
-      }
-      const n = this.#i.querySelector(`#${i}`);
-      if (!n || n.tagName !== "TEMPLATE") {
-        console.error(`[DataBinder] Template not found or invalid: ${i}`);
-        continue;
-      }
-      const s = r ? v(r.split("."), this.#e) : this.#e;
-      if (!s) {
-        console.warn(`[DataBinder] Data slice is undefined. Path: ${r}. Skipping render for this consumer.`);
-        continue;
-      }
-      if (!Array.isArray(s)) {
-        console.error(`[DataBinder] Data slice is not an array. Path: ${r}`, s);
-        continue;
-      }
-      t.replaceChildren(), s.forEach((a, o) => {
-        const l = this.#u(n, a, o);
-        t.appendChild(l);
-      }), await this.#s.parseContent(t);
-    }
-  }
-  #u(e, t, i) {
-    const r = e.content.cloneNode(!0);
-    return this.#o(r, t, i, { removeAttributes: !0 }), r;
-  }
-  #l(e, t, i) {
-    const r = {
-      $index: () => i,
-      $index__paged: () => this.offset + i,
-      $index1: () => i + 1,
-      $index1__paged: () => this.offset + i + 1
-    };
-    return r[t] ? r[t]() : v(t.split("."), e);
-  }
-}, g = 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"
-})), $ = (e) => {
-  let t = {};
-  return Array.from(e.attributes).forEach((i) => {
-    const r = i.name, n = i.value;
-    g.has(r) ? t[g.get(r)] = n : (r.startsWith("data-") || r.startsWith("zoo-")) && (t = w(r.split("-"), n, t));
-  }), t;
-}, E = (e, t, i = "event") => e.getAttribute(t) || e.getAttribute(i), z = class extends b {
-  static properties = {
-    token: { type: String },
-    prefix: { type: String },
-    postfix: { type: String }
-  };
-  static styles = y`
-    :host {
-      display: inline-block;
-    }
-
-    .tag {
-      text-align: center;
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      line-height: initial;
-      width: max-content;
-      padding: 0.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 e = `${this.prefix ?? ""}${this.token ?? "default"}${this.postfix ?? ""}`;
-    return c`
-      <span
-        class="tag"
-        style="
-          background-color: var(--zoo-tag-${e}-bg, var(--zoo-tag-default-bg, #9e9e9e));
-          color: var(--zoo-tag-${e}-fg, var(--zoo-tag-default-fg, #ffffff));
-        "
-      >
-        <slot></slot>
-      </span>
-    `;
-  }
-};
-customElements.get("zoo-tag") || customElements.define("zoo-tag", z);
-var x = (e) => {
-  const t = Math.floor((/* @__PURE__ */ new Date() - e) / 1e3), i = [
-    {
-      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 r = Math.abs(t);
-    for (const n of i) {
-      const s = Math.floor(r / n.seconds);
-      if (s >= 1) return new Intl.RelativeTimeFormat("en", { numeric: "auto" }).format(s, n.name);
-    }
-    return "just now";
-  }
-  for (const r of i) {
-    const n = Math.floor(t / r.seconds);
-    if (n >= 1) return new Intl.RelativeTimeFormat("en", { numeric: "auto" }).format(-n, r.name);
-  }
-  return "just now";
-}, L = (e) => {
-  const [{ value: t }, , { value: i }, , { value: r }, , { value: n }, , { value: s }, , { value: a }] = new Intl.DateTimeFormat("en", {
-    day: "2-digit",
-    month: "short",
-    year: "2-digit",
-    hour: "2-digit",
-    minute: "2-digit",
-    second: "2-digit",
-    hourCycle: "h23"
-  }).formatToParts(e);
-  return `${i} ${t} ${r} ${n}:${s}:${a}`;
-}, S = (e) => {
-  const [{ value: t }, , { value: i }, , { value: r }] = new Intl.DateTimeFormat("en", {
-    day: "2-digit",
-    month: "short",
-    year: "2-digit"
-  }).formatToParts(e);
-  return `${i} ${t} ${r}`;
-}, T = class extends b {
-  static properties = {
-    timestamp: { type: Number },
-    kind: { type: String },
-    concat: { type: String }
-  };
-  static styles = y`
-    :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(e) {
-    super.updated(e), e.has("kind") && this._updateTickListener();
-  }
-  _updateTickListener() {
-    const e = this._shouldListenToTicks();
-    e && !this._isListening ? (document.addEventListener("zoo-tick-60", this._boundTickHandler), this._isListening = !0) : !e && this._isListening && this._removeTickListener();
-  }
-  _removeTickListener() {
-    this._isListening && (document.removeEventListener("zoo-tick-60", this._boundTickHandler), this._isListening = !1);
-  }
-  _onTimeTick() {
-    this.requestUpdate();
-  }
-  _parseTemplate(e) {
-    const t = [];
-    let i = e;
-    for (; i.length > 0; ) {
-      const r = i.indexOf("r"), n = [r, i.indexOf("s")].filter((s) => s !== -1).sort((s, a) => s - a)[0];
-      if (n === void 0) {
-        i.length > 0 && t.push({
-          type: "text",
-          value: i
-        });
-        break;
-      }
-      n > 0 && t.push({
-        type: "text",
-        value: i.substring(0, n)
-      }), n === r ? t.push({
-        type: "relative",
-        value: ""
-      }) : t.push({
-        type: "static",
-        value: ""
-      }), i = i.substring(n + 1);
-    }
-    return t;
-  }
-  _getFormattedParts() {
-    let e = this.timestamp;
-    e < 9466848e5 && (e = e * 1e3);
-    const t = new Date(e), i = x(t), r = L(t), n = S(t);
-    switch (this.kind) {
-      case "relative":
-        return [{
-          type: "relative",
-          value: i
-        }];
-      case "datetime":
-        return [{
-          type: "static",
-          value: r
-        }];
-      case "date":
-        return [{
-          type: "static",
-          value: n
-        }];
-      case "both":
-        return this._parseTemplate(this.concat).map((s) => s.type === "relative" ? {
-          type: "relative",
-          value: i
-        } : s.type === "static" ? {
-          type: "static",
-          value: r
-        } : s);
-      default:
-        return this._parseTemplate(this.concat).map((s) => s.type === "relative" ? {
-          type: "relative",
-          value: i
-        } : s.type === "static" ? {
-          type: "static",
-          value: r
-        } : s);
-    }
-  }
-  render() {
-    let e = this.timestamp;
-    e < 9466848e5 && (e = e * 1e3);
-    const t = new Date(e), i = this._getFormattedParts();
-    return c`<time datetime="${t.toISOString()}">
-      ${i.map((r) => r.type === "relative" ? c`<span class="relative">${r.value}</span>` : r.type === "static" ? c`<span class="static">${r.value}</span>` : c`<span class="separator">${r.value}</span>`)}
-    </time>`;
-  }
-};
-customElements.get("zoo-timestamp") || customElements.define("zoo-timestamp", T);
-var F = /* @__PURE__ */ A({
-  ZooTag: () => z,
-  ZooTimestamp: () => T,
-  getEventAttribute: () => E,
-  getSemanticAttributes: () => $
-});
-export {
-  B as i,
-  E as n,
-  $ as r,
-  F as t
-};