@shimmer-from-structure/svelte 1.1.0

package/dist/index.esm.js

@@ -0,0 +1,801 @@
+var _e = Object.defineProperty;
+var ge = (e, t, n) => t in e ? _e(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var G = (e, t, n) => ge(e, typeof t != "symbol" ? t + "" : t, n);
+import { setContext as pe, getContext as be, onMount as ye, tick as ke } from "svelte";
+import { shimmerDefaults as we, extractElementInfo as ve } from "@shimmer-from-structure/core";
+import { shimmerDefaults as ot } from "@shimmer-from-structure/core";
+function X() {
+}
+function Ce(e, t) {
+  for (const n in t) e[n] = t[n];
+  return (
+    /** @type {T & S} */
+    e
+  );
+}
+function ie(e) {
+  return e();
+}
+function Z() {
+  return /* @__PURE__ */ Object.create(null);
+}
+function O(e) {
+  e.forEach(ie);
+}
+function le(e) {
+  return typeof e == "function";
+}
+function Re(e, t) {
+  return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
+}
+function Ee(e) {
+  return Object.keys(e).length === 0;
+}
+function Y(e, t, n, r) {
+  if (e) {
+    const o = se(e, t, n, r);
+    return e[0](o);
+  }
+}
+function se(e, t, n, r) {
+  return e[1] && r ? Ce(n.ctx.slice(), e[1](r(t))) : n.ctx;
+}
+function q(e, t, n, r) {
+  if (e[2] && r) {
+    const o = e[2](r(n));
+    if (t.dirty === void 0)
+      return o;
+    if (typeof o == "object") {
+      const l = [], i = Math.max(t.dirty.length, o.length);
+      for (let a = 0; a < i; a += 1)
+        l[a] = t.dirty[a] | o[a];
+      return l;
+    }
+    return t.dirty | o;
+  }
+  return t.dirty;
+}
+function z(e, t, n, r, o, l) {
+  if (o) {
+    const i = se(t, n, r, l);
+    e.p(i, o);
+  }
+}
+function J(e) {
+  if (e.ctx.length > 32) {
+    const t = [], n = e.ctx.length / 32;
+    for (let r = 0; r < n; r++)
+      t[r] = -1;
+    return t;
+  }
+  return -1;
+}
+function N(e, t) {
+  e.appendChild(t);
+}
+function xe(e, t, n) {
+  const r = Be(e);
+  if (!r.getElementById(t)) {
+    const o = P("style");
+    o.id = t, o.textContent = n, Se(r, o);
+  }
+}
+function Be(e) {
+  if (!e) return document;
+  const t = e.getRootNode ? e.getRootNode() : e.ownerDocument;
+  return t && /** @type {ShadowRoot} */
+  t.host ? (
+    /** @type {ShadowRoot} */
+    t
+  ) : e.ownerDocument;
+}
+function Se(e, t) {
+  return N(
+    /** @type {Document} */
+    e.head || e,
+    t
+  ), t.sheet;
+}
+function Q(e, t, n) {
+  e.insertBefore(t, n || null);
+}
+function T(e) {
+  e.parentNode && e.parentNode.removeChild(e);
+}
+function P(e) {
+  return document.createElement(e);
+}
+function ue(e) {
+  return document.createTextNode(e);
+}
+function fe() {
+  return ue(" ");
+}
+function Me() {
+  return ue("");
+}
+function $(e, t, n) {
+  n == null ? e.removeAttribute(t) : e.getAttribute(t) !== n && e.setAttribute(t, n);
+}
+function Ne(e) {
+  return Array.from(e.childNodes);
+}
+function f(e, t, n, r) {
+  n == null ? e.style.removeProperty(t) : e.style.setProperty(t, n, "");
+}
+let W;
+function D(e) {
+  W = e;
+}
+const M = [], K = [];
+let I = [];
+const ee = [], Pe = /* @__PURE__ */ Promise.resolve();
+let U = !1;
+function Ie() {
+  U || (U = !0, Pe.then(ce));
+}
+function V(e) {
+  I.push(e);
+}
+const H = /* @__PURE__ */ new Set();
+let S = 0;
+function ce() {
+  if (S !== 0)
+    return;
+  const e = W;
+  do {
+    try {
+      for (; S < M.length; ) {
+        const t = M[S];
+        S++, D(t), Oe(t.$$);
+      }
+    } catch (t) {
+      throw M.length = 0, S = 0, t;
+    }
+    for (D(null), M.length = 0, S = 0; K.length; ) K.pop()();
+    for (let t = 0; t < I.length; t += 1) {
+      const n = I[t];
+      H.has(n) || (H.add(n), n());
+    }
+    I.length = 0;
+  } while (M.length);
+  for (; ee.length; )
+    ee.pop()();
+  U = !1, H.clear(), D(e);
+}
+function Oe(e) {
+  if (e.fragment !== null) {
+    e.update(), O(e.before_update);
+    const t = e.dirty;
+    e.dirty = [-1], e.fragment && e.fragment.p(e.ctx, t), e.after_update.forEach(V);
+  }
+}
+function De(e) {
+  const t = [], n = [];
+  I.forEach((r) => e.indexOf(r) === -1 ? t.push(r) : n.push(r)), n.forEach((r) => r()), I = t;
+}
+const L = /* @__PURE__ */ new Set();
+let x;
+function ae() {
+  x = {
+    r: 0,
+    c: [],
+    p: x
+    // parent group
+  };
+}
+function de() {
+  x.r || O(x.c), x = x.p;
+}
+function R(e, t) {
+  e && e.i && (L.delete(e), e.i(t));
+}
+function B(e, t, n, r) {
+  if (e && e.o) {
+    if (L.has(e)) return;
+    L.add(e), x.c.push(() => {
+      L.delete(e), r && (n && e.d(1), r());
+    }), e.o(t);
+  } else r && r();
+}
+function te(e) {
+  return (e == null ? void 0 : e.length) !== void 0 ? e : Array.from(e);
+}
+function Ae(e, t) {
+  e.d(1), t.delete(e.key);
+}
+function je(e, t, n, r, o, l, i, a, c, u, y, m) {
+  let p = e.length, b = l.length, k = p;
+  const s = {};
+  for (; k--; ) s[e[k].key] = k;
+  const h = [], _ = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map(), w = [];
+  for (k = b; k--; ) {
+    const g = m(o, l, k), v = n(g);
+    let C = i.get(v);
+    C ? w.push(() => C.p(g, t)) : (C = u(v, g), C.c()), _.set(v, h[k] = C), v in s && E.set(v, Math.abs(k - s[v]));
+  }
+  const A = /* @__PURE__ */ new Set(), j = /* @__PURE__ */ new Set();
+  function d(g) {
+    R(g, 1), g.m(a, y), i.set(g.key, g), y = g.first, b--;
+  }
+  for (; p && b; ) {
+    const g = h[b - 1], v = e[p - 1], C = g.key, F = v.key;
+    g === v ? (y = g.first, p--, b--) : _.has(F) ? !i.has(C) || A.has(C) ? d(g) : j.has(F) ? p-- : E.get(C) > E.get(F) ? (j.add(C), d(g)) : (A.add(F), p--) : (c(v, i), p--);
+  }
+  for (; p--; ) {
+    const g = e[p];
+    _.has(g.key) || c(g, i);
+  }
+  for (; b; ) d(h[b - 1]);
+  return O(w), h;
+}
+function Fe(e, t, n) {
+  const { fragment: r, after_update: o } = e.$$;
+  r && r.m(t, n), V(() => {
+    const l = e.$$.on_mount.map(ie).filter(le);
+    e.$$.on_destroy ? e.$$.on_destroy.push(...l) : O(l), e.$$.on_mount = [];
+  }), o.forEach(V);
+}
+function Le(e, t) {
+  const n = e.$$;
+  n.fragment !== null && (De(n.after_update), O(n.on_destroy), n.fragment && n.fragment.d(t), n.on_destroy = n.fragment = null, n.ctx = []);
+}
+function Te(e, t) {
+  e.$$.dirty[0] === -1 && (M.push(e), Ie(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
+}
+function Ge(e, t, n, r, o, l, i = null, a = [-1]) {
+  const c = W;
+  D(e);
+  const u = e.$$ = {
+    fragment: null,
+    ctx: [],
+    // state
+    props: l,
+    update: X,
+    not_equal: o,
+    bound: Z(),
+    // lifecycle
+    on_mount: [],
+    on_destroy: [],
+    on_disconnect: [],
+    before_update: [],
+    after_update: [],
+    context: new Map(t.context || (c ? c.$$.context : [])),
+    // everything else
+    callbacks: Z(),
+    dirty: a,
+    skip_bound: !1,
+    root: t.target || c.$$.root
+  };
+  i && i(u.root);
+  let y = !1;
+  if (u.ctx = n ? n(e, t.props || {}, (m, p, ...b) => {
+    const k = b.length ? b[0] : p;
+    return u.ctx && o(u.ctx[m], u.ctx[m] = k) && (!u.skip_bound && u.bound[m] && u.bound[m](k), y && Te(e, m)), p;
+  }) : [], u.update(), y = !0, O(u.before_update), u.fragment = r ? r(u.ctx) : !1, t.target) {
+    if (t.hydrate) {
+      const m = Ne(t.target);
+      u.fragment && u.fragment.l(m), m.forEach(T);
+    } else
+      u.fragment && u.fragment.c();
+    t.intro && R(e.$$.fragment), Fe(e, t.target, t.anchor), ce();
+  }
+  D(c);
+}
+class He {
+  constructor() {
+    /**
+     * ### PRIVATE API
+     *
+     * Do not use, may change at any time
+     *
+     * @type {any}
+     */
+    G(this, "$$");
+    /**
+     * ### PRIVATE API
+     *
+     * Do not use, may change at any time
+     *
+     * @type {any}
+     */
+    G(this, "$$set");
+  }
+  /** @returns {void} */
+  $destroy() {
+    Le(this, 1), this.$destroy = X;
+  }
+  /**
+   * @template {Extract<keyof Events, string>} K
+   * @param {K} type
+   * @param {((e: Events[K]) => void) | null | undefined} callback
+   * @returns {() => void}
+   */
+  $on(t, n) {
+    if (!le(n))
+      return X;
+    const r = this.$$.callbacks[t] || (this.$$.callbacks[t] = []);
+    return r.push(n), () => {
+      const o = r.indexOf(n);
+      o !== -1 && r.splice(o, 1);
+    };
+  }
+  /**
+   * @param {Partial<Props>} props
+   * @returns {void}
+   */
+  $set(t) {
+    this.$$set && !Ee(t) && (this.$$.skip_bound = !0, this.$$set(t), this.$$.skip_bound = !1);
+  }
+}
+const Xe = "4";
+typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(Xe);
+const me = Symbol("SHIMMER_CONFIG");
+function he() {
+  return be(me) || we;
+}
+function et(e = {}) {
+  const t = he(), n = {
+    shimmerColor: e.shimmerColor ?? t.shimmerColor,
+    backgroundColor: e.backgroundColor ?? t.backgroundColor,
+    duration: e.duration ?? t.duration,
+    fallbackBorderRadius: e.fallbackBorderRadius ?? t.fallbackBorderRadius
+  };
+  pe(me, n);
+}
+function Ke(e) {
+  xe(e, "svelte-17yl4xt", ".shimmer-measure-container.svelte-17yl4xt *{color:transparent !important}.shimmer-measure-container.svelte-17yl4xt img,.shimmer-measure-container.svelte-17yl4xt svg,.shimmer-measure-container.svelte-17yl4xt video{opacity:0}@keyframes svelte-17yl4xt-shimmer-animation{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}");
+}
+function ne(e, t, n) {
+  const r = e.slice();
+  return r[19] = t[n], r[21] = n, r;
+}
+const Ue = (e) => ({
+  shimmerTemplateProps: e & /*templateProps*/
+  2
+}), re = (e) => ({
+  shimmerTemplateProps: (
+    /*templateProps*/
+    e[1]
+  )
+});
+function Ve(e) {
+  let t, n, r, o, l, i, a = [], c = /* @__PURE__ */ new Map(), u;
+  const y = [ze, qe], m = [];
+  function p(s, h) {
+    return (
+      /*templateProps*/
+      s[1] ? 0 : 1
+    );
+  }
+  r = p(e), o = m[r] = y[r](e);
+  let b = te(
+    /*elements*/
+    e[3]
+  );
+  const k = (s) => (
+    /*index*/
+    s[21]
+  );
+  for (let s = 0; s < b.length; s += 1) {
+    let h = ne(e, b, s), _ = k(h);
+    c.set(_, a[s] = oe(_, h));
+  }
+  return {
+    c() {
+      t = P("div"), n = P("div"), o.c(), l = fe(), i = P("div");
+      for (let s = 0; s < a.length; s += 1)
+        a[s].c();
+      $(n, "class", "shimmer-measure-container svelte-17yl4xt"), f(n, "pointer-events", "none"), $(n, "aria-hidden", "true"), f(i, "position", "absolute"), f(i, "top", "0"), f(i, "left", "0"), f(i, "right", "0"), f(i, "bottom", "0"), f(i, "overflow", "hidden"), f(i, "pointer-events", "none"), f(t, "position", "relative");
+    },
+    m(s, h) {
+      Q(s, t, h), N(t, n), m[r].m(n, null), e[15](n), N(t, l), N(t, i);
+      for (let _ = 0; _ < a.length; _ += 1)
+        a[_] && a[_].m(i, null);
+      u = !0;
+    },
+    p(s, h) {
+      let _ = r;
+      r = p(s), r === _ ? m[r].p(s, h) : (ae(), B(m[_], 1, 1, () => {
+        m[_] = null;
+      }), de(), o = m[r], o ? o.p(s, h) : (o = m[r] = y[r](s), o.c()), R(o, 1), o.m(n, null)), h & /*elements, resolvedBackgroundColor, resolvedFallbackBorderRadius, resolvedShimmerColor, resolvedDuration*/
+      248 && (b = te(
+        /*elements*/
+        s[3]
+      ), a = je(a, h, k, 1, s, b, c, i, Ae, oe, null, ne));
+    },
+    i(s) {
+      u || (R(o), u = !0);
+    },
+    o(s) {
+      B(o), u = !1;
+    },
+    d(s) {
+      s && T(t), m[r].d(), e[15](null);
+      for (let h = 0; h < a.length; h += 1)
+        a[h].d();
+    }
+  };
+}
+function Ye(e) {
+  let t;
+  const n = (
+    /*#slots*/
+    e[14].default
+  ), r = Y(
+    n,
+    e,
+    /*$$scope*/
+    e[13],
+    null
+  );
+  return {
+    c() {
+      r && r.c();
+    },
+    m(o, l) {
+      r && r.m(o, l), t = !0;
+    },
+    p(o, l) {
+      r && r.p && (!t || l & /*$$scope*/
+      8192) && z(
+        r,
+        n,
+        o,
+        /*$$scope*/
+        o[13],
+        t ? q(
+          n,
+          /*$$scope*/
+          o[13],
+          l,
+          null
+        ) : J(
+          /*$$scope*/
+          o[13]
+        ),
+        null
+      );
+    },
+    i(o) {
+      t || (R(r, o), t = !0);
+    },
+    o(o) {
+      B(r, o), t = !1;
+    },
+    d(o) {
+      r && r.d(o);
+    }
+  };
+}
+function qe(e) {
+  let t;
+  const n = (
+    /*#slots*/
+    e[14].default
+  ), r = Y(
+    n,
+    e,
+    /*$$scope*/
+    e[13],
+    null
+  );
+  return {
+    c() {
+      r && r.c();
+    },
+    m(o, l) {
+      r && r.m(o, l), t = !0;
+    },
+    p(o, l) {
+      r && r.p && (!t || l & /*$$scope*/
+      8192) && z(
+        r,
+        n,
+        o,
+        /*$$scope*/
+        o[13],
+        t ? q(
+          n,
+          /*$$scope*/
+          o[13],
+          l,
+          null
+        ) : J(
+          /*$$scope*/
+          o[13]
+        ),
+        null
+      );
+    },
+    i(o) {
+      t || (R(r, o), t = !0);
+    },
+    o(o) {
+      B(r, o), t = !1;
+    },
+    d(o) {
+      r && r.d(o);
+    }
+  };
+}
+function ze(e) {
+  let t;
+  const n = (
+    /*#slots*/
+    e[14].default
+  ), r = Y(
+    n,
+    e,
+    /*$$scope*/
+    e[13],
+    re
+  );
+  return {
+    c() {
+      r && r.c();
+    },
+    m(o, l) {
+      r && r.m(o, l), t = !0;
+    },
+    p(o, l) {
+      r && r.p && (!t || l & /*$$scope, templateProps*/
+      8194) && z(
+        r,
+        n,
+        o,
+        /*$$scope*/
+        o[13],
+        t ? q(
+          n,
+          /*$$scope*/
+          o[13],
+          l,
+          Ue
+        ) : J(
+          /*$$scope*/
+          o[13]
+        ),
+        re
+      );
+    },
+    i(o) {
+      t || (R(r, o), t = !0);
+    },
+    o(o) {
+      B(r, o), t = !1;
+    },
+    d(o) {
+      r && r.d(o);
+    }
+  };
+}
+function oe(e, t) {
+  let n, r, o;
+  return {
+    key: e,
+    first: null,
+    c() {
+      n = P("div"), r = P("div"), o = fe(), f(r, "position", "absolute"), f(r, "top", "0"), f(r, "left", "0"), f(r, "width", "100%"), f(r, "height", "100%"), f(r, "background", "linear-gradient(90deg, transparent, " + /*resolvedShimmerColor*/
+      t[7] + ", transparent)"), f(r, "animation", "shimmer-animation " + /*resolvedDuration*/
+      t[5] + "s infinite"), f(n, "position", "absolute"), f(
+        n,
+        "left",
+        /*element*/
+        t[19].x + "px"
+      ), f(
+        n,
+        "top",
+        /*element*/
+        t[19].y + "px"
+      ), f(
+        n,
+        "width",
+        /*element*/
+        t[19].width + "px"
+      ), f(
+        n,
+        "height",
+        /*element*/
+        t[19].height + "px"
+      ), f(
+        n,
+        "background-color",
+        /*resolvedBackgroundColor*/
+        t[6]
+      ), f(
+        n,
+        "border-radius",
+        /*element*/
+        t[19].borderRadius === "0px" ? (
+          /*resolvedFallbackBorderRadius*/
+          t[4] + "px"
+        ) : (
+          /*element*/
+          t[19].borderRadius
+        )
+      ), f(n, "overflow", "hidden"), this.first = n;
+    },
+    m(l, i) {
+      Q(l, n, i), N(n, r), N(n, o);
+    },
+    p(l, i) {
+      t = l, i & /*resolvedShimmerColor*/
+      128 && f(r, "background", "linear-gradient(90deg, transparent, " + /*resolvedShimmerColor*/
+      t[7] + ", transparent)"), i & /*resolvedDuration*/
+      32 && f(r, "animation", "shimmer-animation " + /*resolvedDuration*/
+      t[5] + "s infinite"), i & /*elements*/
+      8 && f(
+        n,
+        "left",
+        /*element*/
+        t[19].x + "px"
+      ), i & /*elements*/
+      8 && f(
+        n,
+        "top",
+        /*element*/
+        t[19].y + "px"
+      ), i & /*elements*/
+      8 && f(
+        n,
+        "width",
+        /*element*/
+        t[19].width + "px"
+      ), i & /*elements*/
+      8 && f(
+        n,
+        "height",
+        /*element*/
+        t[19].height + "px"
+      ), i & /*resolvedBackgroundColor*/
+      64 && f(
+        n,
+        "background-color",
+        /*resolvedBackgroundColor*/
+        t[6]
+      ), i & /*elements, resolvedFallbackBorderRadius*/
+      24 && f(
+        n,
+        "border-radius",
+        /*element*/
+        t[19].borderRadius === "0px" ? (
+          /*resolvedFallbackBorderRadius*/
+          t[4] + "px"
+        ) : (
+          /*element*/
+          t[19].borderRadius
+        )
+      );
+    },
+    d(l) {
+      l && T(n);
+    }
+  };
+}
+function Je(e) {
+  let t, n, r, o;
+  const l = [Ye, Ve], i = [];
+  function a(c, u) {
+    return (
+      /*loading*/
+      c[0] ? 1 : 0
+    );
+  }
+  return t = a(e), n = i[t] = l[t](e), {
+    c() {
+      n.c(), r = Me();
+    },
+    m(c, u) {
+      i[t].m(c, u), Q(c, r, u), o = !0;
+    },
+    p(c, [u]) {
+      let y = t;
+      t = a(c), t === y ? i[t].p(c, u) : (ae(), B(i[y], 1, 1, () => {
+        i[y] = null;
+      }), de(), n = i[t], n ? n.p(c, u) : (n = i[t] = l[t](c), n.c()), R(n, 1), n.m(r.parentNode, r));
+    },
+    i(c) {
+      o || (R(n), o = !0);
+    },
+    o(c) {
+      B(n), o = !1;
+    },
+    d(c) {
+      c && T(r), i[t].d(c);
+    }
+  };
+}
+function Qe(e, t, n) {
+  let r, o, l, i, { $$slots: a = {}, $$scope: c } = t, { loading: u = !0 } = t, { shimmerColor: y = void 0 } = t, { backgroundColor: m = void 0 } = t, { duration: p = void 0 } = t, { fallbackBorderRadius: b = void 0 } = t, { templateProps: k = void 0 } = t, s, h = [];
+  const _ = he();
+  async function E() {
+    if (!u || !s) return;
+    w == null || w.disconnect(), await ke();
+    const d = s, g = d.getBoundingClientRect(), v = [];
+    Array.from(d.children).forEach((C) => {
+      v.push(...ve(C, g));
+    }), n(3, h = v), s && w && w.observe(s, {
+      childList: !0,
+      subtree: !0,
+      characterData: !0,
+      attributes: !1
+    });
+  }
+  let w;
+  ye(() => (E(), s && (w = new MutationObserver(() => {
+    u && E();
+  }), w.observe(s, {
+    childList: !0,
+    subtree: !0,
+    characterData: !0,
+    attributes: !1
+  })), () => {
+    w == null || w.disconnect();
+  }));
+  function A() {
+    E();
+  }
+  function j(d) {
+    K[d ? "unshift" : "push"](() => {
+      s = d, n(2, s);
+    });
+  }
+  return e.$$set = (d) => {
+    "loading" in d && n(0, u = d.loading), "shimmerColor" in d && n(8, y = d.shimmerColor), "backgroundColor" in d && n(9, m = d.backgroundColor), "duration" in d && n(10, p = d.duration), "fallbackBorderRadius" in d && n(11, b = d.fallbackBorderRadius), "templateProps" in d && n(1, k = d.templateProps), "$$scope" in d && n(13, c = d.$$scope);
+  }, e.$$.update = () => {
+    e.$$.dirty & /*shimmerColor*/
+    256 && n(7, r = y ?? _.shimmerColor), e.$$.dirty & /*backgroundColor*/
+    512 && n(6, o = m ?? _.backgroundColor), e.$$.dirty & /*duration*/
+    1024 && n(5, l = p ?? _.duration), e.$$.dirty & /*fallbackBorderRadius*/
+    2048 && n(4, i = b ?? _.fallbackBorderRadius), e.$$.dirty & /*loading, measureRef*/
+    5 && u && s && E();
+  }, [
+    u,
+    k,
+    s,
+    h,
+    i,
+    l,
+    o,
+    r,
+    y,
+    m,
+    p,
+    b,
+    A,
+    c,
+    a,
+    j
+  ];
+}
+class tt extends He {
+  constructor(t) {
+    super(), Ge(
+      this,
+      t,
+      Qe,
+      Je,
+      Re,
+      {
+        loading: 0,
+        shimmerColor: 8,
+        backgroundColor: 9,
+        duration: 10,
+        fallbackBorderRadius: 11,
+        templateProps: 1,
+        remeasure: 12
+      },
+      Ke
+    );
+  }
+  get remeasure() {
+    return this.$$.ctx[12];
+  }
+}
+export {
+  tt as Shimmer,
+  he as getShimmerConfig,
+  et as setShimmerConfig,
+  ot as shimmerDefaults
+};