@frontify/fondue-components 28.0.0 → 29.0.1

package/dist/fondue-components146.js

@@ -0,0 +1,944 @@
+import { Rectangle as it } from "./fondue-components147.js";
+var vt = (t) => {
+  throw TypeError(t);
+}, ot = (t, n, e) => n.has(t) || vt("Cannot " + e), f = (t, n, e) => (ot(t, n, "read from private field"), n.get(t)), _ = (t, n, e) => n.has(t) ? vt("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(t) : n.set(t, e), R = (t, n, e, i) => (ot(t, n, "write to private field"), n.set(t, e), e), gt = (t, n, e) => (ot(t, n, "access private method"), e);
+function q(t) {
+  return t ? t instanceof KeyframeEffect ? !0 : "getKeyframes" in t && typeof t.getKeyframes == "function" : !1;
+}
+function Wt(t, n) {
+  const e = t.getAnimations();
+  if (e.length > 0)
+    for (const i of e) {
+      if (i.playState !== "running") continue;
+      const { effect: o } = i, r = (q(o) ? o.getKeyframes() : []).filter(n);
+      if (r.length > 0)
+        return [r[r.length - 1], i];
+    }
+  return null;
+}
+function j(t) {
+  const { width: n, height: e, top: i, left: o, bottom: s, right: r } = t.getBoundingClientRect();
+  return { width: n, height: e, top: i, left: o, bottom: s, right: r };
+}
+function st(t) {
+  const n = Object.prototype.toString.call(t);
+  return n === "[object Window]" || // In Electron context the Window object serializes to [object global]
+  n === "[object global]";
+}
+function X(t) {
+  return "nodeType" in t;
+}
+function E(t) {
+  var n, e, i;
+  return t ? st(t) ? t : X(t) ? "defaultView" in t ? (n = t.defaultView) != null ? n : window : (i = (e = t.ownerDocument) == null ? void 0 : e.defaultView) != null ? i : window : window : window;
+}
+function yt(t) {
+  const { Document: n } = E(t);
+  return t instanceof n || "nodeType" in t && t.nodeType === Node.DOCUMENT_NODE;
+}
+function V(t) {
+  return !t || st(t) ? !1 : t instanceof E(t).HTMLElement || "namespaceURI" in t && typeof t.namespaceURI == "string" && t.namespaceURI.endsWith("html");
+}
+function mt(t) {
+  return t instanceof E(t).SVGElement || "namespaceURI" in t && typeof t.namespaceURI == "string" && t.namespaceURI.endsWith("svg");
+}
+function rt(t) {
+  return t ? st(t) ? t.document : X(t) ? yt(t) ? t : V(t) || mt(t) ? t.ownerDocument : document : document : document;
+}
+function Ct(t) {
+  var n, e, i, o;
+  const { documentElement: s } = rt(t), r = E(t).visualViewport, c = (n = r == null ? void 0 : r.width) != null ? n : s.clientWidth, l = (e = r == null ? void 0 : r.height) != null ? e : s.clientHeight, a = (i = r == null ? void 0 : r.offsetTop) != null ? i : 0, u = (o = r == null ? void 0 : r.offsetLeft) != null ? o : 0;
+  return {
+    top: a,
+    left: u,
+    right: u + c,
+    bottom: a + l,
+    width: c,
+    height: l
+  };
+}
+function It(t, n) {
+  if (Nt(t) && t.open === !1)
+    return !1;
+  const { overflow: e, overflowX: i, overflowY: o } = getComputedStyle(t);
+  return e === "visible" && i === "visible" && o === "visible";
+}
+function Nt(t) {
+  return t.tagName === "DETAILS";
+}
+function D(t, n = t.getBoundingClientRect(), e = 0) {
+  var i, o, s, r, c;
+  let l = n;
+  const { ownerDocument: a } = t, u = (i = a.defaultView) != null ? i : window;
+  let h = t.parentElement;
+  for (; h && h !== a.documentElement; ) {
+    if (!It(h)) {
+      const g = h.getBoundingClientRect(), M = e * (g.bottom - g.top), m = e * (g.right - g.left), G = e * (g.bottom - g.top), J = e * (g.right - g.left);
+      l = {
+        top: Math.max(l.top, g.top - M),
+        right: Math.min(l.right, g.right + m),
+        bottom: Math.min(l.bottom, g.bottom + G),
+        left: Math.max(l.left, g.left - J),
+        width: 0,
+        // Will be calculated next
+        height: 0
+        // Will be calculated next
+      }, l.width = l.right - l.left, l.height = l.bottom - l.top;
+    }
+    h = h.parentElement;
+  }
+  const v = u.visualViewport, y = (o = v == null ? void 0 : v.offsetTop) != null ? o : 0, w = (s = v == null ? void 0 : v.offsetLeft) != null ? s : 0, d = (r = v == null ? void 0 : v.width) != null ? r : u.innerWidth, x = (c = v == null ? void 0 : v.height) != null ? c : u.innerHeight, b = e * x, p = e * d;
+  return l = {
+    top: Math.max(l.top, y - b),
+    right: Math.min(
+      l.right,
+      w + d + p
+    ),
+    bottom: Math.min(
+      l.bottom,
+      y + x + b
+    ),
+    left: Math.max(l.left, w - p),
+    width: 0,
+    // Will be calculated next
+    height: 0
+    // Will be calculated next
+  }, l.width = l.right - l.left, l.height = l.bottom - l.top, l.width < 0 && (l.width = 0), l.height < 0 && (l.height = 0), l;
+}
+function ye(t) {
+  return {
+    x: t.clientX,
+    y: t.clientY
+  };
+}
+var wt = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
+function at(t = document, n = /* @__PURE__ */ new Set()) {
+  if (n.has(t)) return [];
+  n.add(t);
+  const e = [t];
+  for (const i of Array.from(
+    t.querySelectorAll("iframe, frame")
+  ))
+    try {
+      const o = i.contentDocument;
+      o && !n.has(o) && e.push(...at(o, n));
+    } catch {
+    }
+  try {
+    const i = t.defaultView;
+    if (i && i !== window.top) {
+      const o = i.parent;
+      o && o.document && o.document !== t && e.push(...at(o.document, n));
+    }
+  } catch {
+  }
+  return e;
+}
+function bt() {
+  return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+}
+function me() {
+  var t, n;
+  const e = bt() ? window.visualViewport : null;
+  return {
+    x: (t = e == null ? void 0 : e.offsetLeft) != null ? t : 0,
+    y: (n = e == null ? void 0 : e.offsetTop) != null ? n : 0
+  };
+}
+function xt(t) {
+  return !t || !X(t) ? !1 : t instanceof E(t).ShadowRoot;
+}
+function we(t) {
+  if (t && X(t)) {
+    let n = t.getRootNode();
+    if (xt(n))
+      return n;
+    if (n instanceof Document)
+      return n;
+  }
+  return rt(t);
+}
+function be(t) {
+  return t.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function xe(t) {
+  const n = "input, textarea, select, canvas, [contenteditable]", e = t.cloneNode(!0), i = Array.from(t.querySelectorAll(n));
+  return Array.from(e.querySelectorAll(n)).forEach((s, r) => {
+    const c = i[r];
+    if (ut(s) && ut(c) && (s.type !== "file" && (s.value = c.value), s.type === "radio" && s.name && (s.name = `Cloned__${s.name}`)), ft(s) && ft(c) && c.width > 0 && c.height > 0) {
+      const l = s.getContext("2d");
+      l == null || l.drawImage(c, 0, 0);
+    }
+  }), e;
+}
+function ut(t) {
+  return "value" in t;
+}
+function ft(t) {
+  return t.tagName === "CANVAS";
+}
+function Lt(t, { x: n, y: e }) {
+  const i = t.elementFromPoint(n, e);
+  if (Ft(i)) {
+    const { contentDocument: o } = i;
+    if (o) {
+      const { left: s, top: r } = i.getBoundingClientRect();
+      return Lt(o, {
+        x: n - s,
+        y: e - r
+      });
+    }
+  }
+  return i;
+}
+function Ft(t) {
+  return (t == null ? void 0 : t.tagName) === "IFRAME";
+}
+var Te = /* @__PURE__ */ new WeakMap();
+function _e(t) {
+  return !!t.closest(`
+      input:not([disabled]),
+      select:not([disabled]),
+      textarea:not([disabled]),
+      button:not([disabled]),
+      a[href],
+      [contenteditable]:not([contenteditable="false"])
+    `);
+}
+var Re = class {
+  constructor() {
+    this.entries = /* @__PURE__ */ new Set(), this.clear = () => {
+      for (const t of this.entries) {
+        const [n, { type: e, listener: i, options: o }] = t;
+        n.removeEventListener(e, i, o);
+      }
+      this.entries.clear();
+    };
+  }
+  bind(t, n) {
+    const e = Array.isArray(t) ? t : [t], i = Array.isArray(n) ? n : [n], o = [];
+    for (const s of e)
+      for (const r of i) {
+        const { type: c, listener: l, options: a } = r, u = [s, r];
+        s.addEventListener(c, l, a), this.entries.add(u), o.push(u);
+      }
+    return function() {
+      for (const [r, { type: c, listener: l, options: a }] of o)
+        r.removeEventListener(c, l, a);
+    };
+  }
+};
+function H(t) {
+  const n = t == null ? void 0 : t.ownerDocument.defaultView;
+  if (n && n.self !== n.parent)
+    return n.frameElement;
+}
+function Pt(t) {
+  const n = /* @__PURE__ */ new Set();
+  let e = H(t);
+  for (; e; )
+    n.add(e), e = H(e);
+  return n;
+}
+function Vt(t, n) {
+  const e = setTimeout(t, n);
+  return () => clearTimeout(e);
+}
+function Tt(t, n) {
+  const e = () => performance.now();
+  let i, o;
+  return function(...s) {
+    const r = this;
+    o ? (i == null || i(), i = Vt(
+      () => {
+        t.apply(r, s), o = e();
+      },
+      n - (e() - o)
+    )) : (t.apply(r, s), o = e());
+  };
+}
+function Xt(t, n) {
+  return t === n ? !0 : !t || !n ? !1 : t.top == n.top && t.left == n.left && t.right == n.right && t.bottom == n.bottom;
+}
+function Yt(t, n = t.getBoundingClientRect()) {
+  const { width: e, height: i } = D(
+    t,
+    n
+  );
+  return e > 0 && i > 0;
+}
+var Ot = wt ? ResizeObserver : class {
+  observe() {
+  }
+  unobserve() {
+  }
+  disconnect() {
+  }
+}, z, zt = class extends Ot {
+  constructor(t) {
+    super((n) => {
+      if (!f(this, z)) {
+        R(this, z, !0);
+        return;
+      }
+      t(n, this);
+    }), _(this, z, !1);
+  }
+};
+z = /* @__PURE__ */ new WeakMap();
+var ht = Array.from({ length: 100 }, (t, n) => n / 100), _t = 75, A, $, S, W, C, T, F, I, K, Rt, Mt, Et = class {
+  constructor(t, n, e = {
+    debug: !1,
+    skipInitial: !1
+  }) {
+    this.element = t, this.callback = n, _(this, K), this.disconnect = () => {
+      var s, r, c;
+      R(this, F, !0), (s = f(this, S)) == null || s.disconnect(), (r = f(this, W)) == null || r.disconnect(), f(this, C).disconnect(), (c = f(this, T)) == null || c.remove();
+    }, _(this, A, !0), _(this, $), _(this, S), _(this, W), _(this, C), _(this, T), _(this, F, !1), _(this, I, Tt(() => {
+      var s, r, c;
+      const { element: l } = this;
+      if ((s = f(this, W)) == null || s.disconnect(), f(this, F) || !f(this, A) || !l.isConnected)
+        return;
+      const a = (r = l.ownerDocument) != null ? r : document, { innerHeight: u, innerWidth: h } = (c = a.defaultView) != null ? c : window, v = l.getBoundingClientRect(), y = D(l, v), { top: w, left: d, bottom: x, right: b } = y, p = -Math.floor(w), g = -Math.floor(d), M = -Math.floor(h - b), m = -Math.floor(u - x), G = `${p}px ${M}px ${m}px ${g}px`;
+      this.boundingClientRect = v, R(this, W, new IntersectionObserver(
+        (J) => {
+          const [Q] = J, { intersectionRect: At } = Q;
+          (Q.intersectionRatio !== 1 ? Q.intersectionRatio : it.intersectionRatio(
+            At,
+            D(l)
+          )) !== 1 && f(this, I).call(this);
+        },
+        {
+          threshold: ht,
+          rootMargin: G,
+          root: a
+        }
+      )), f(this, W).observe(l), gt(this, K, Rt).call(this);
+    }, _t)), this.boundingClientRect = t.getBoundingClientRect(), R(this, A, Yt(t, this.boundingClientRect));
+    let i = !0;
+    this.callback = (s) => {
+      i && (i = !1, e.skipInitial) || n(s);
+    };
+    const o = t.ownerDocument;
+    e != null && e.debug && (R(this, T, document.createElement("div")), f(this, T).style.background = "rgba(0,0,0,0.15)", f(this, T).style.position = "fixed", f(this, T).style.pointerEvents = "none", o.body.appendChild(f(this, T))), R(this, C, new IntersectionObserver(
+      (s) => {
+        var r, c;
+        const l = s[s.length - 1], { boundingClientRect: a, isIntersecting: u } = l, { width: h, height: v } = a, y = f(this, A);
+        R(this, A, u), !(!h && !v) && (y && !u ? ((r = f(this, W)) == null || r.disconnect(), this.callback(null), (c = f(this, S)) == null || c.disconnect(), R(this, S, void 0), f(this, T) && (f(this, T).style.visibility = "hidden")) : f(this, I).call(this), u && !f(this, S) && (R(this, S, new zt(f(this, I))), f(this, S).observe(t)));
+      },
+      {
+        threshold: ht,
+        root: o
+      }
+    )), f(this, A) && !e.skipInitial && this.callback(this.boundingClientRect), f(this, C).observe(t);
+  }
+};
+A = /* @__PURE__ */ new WeakMap();
+$ = /* @__PURE__ */ new WeakMap();
+S = /* @__PURE__ */ new WeakMap();
+W = /* @__PURE__ */ new WeakMap();
+C = /* @__PURE__ */ new WeakMap();
+T = /* @__PURE__ */ new WeakMap();
+F = /* @__PURE__ */ new WeakMap();
+I = /* @__PURE__ */ new WeakMap();
+K = /* @__PURE__ */ new WeakSet();
+Rt = function() {
+  f(this, F) || (gt(this, K, Mt).call(this), !Xt(this.boundingClientRect, f(this, $)) && (this.callback(this.boundingClientRect), R(this, $, this.boundingClientRect)));
+};
+Mt = function() {
+  if (f(this, T)) {
+    const { top: t, left: n, width: e, height: i } = D(
+      this.element
+    );
+    f(this, T).style.overflow = "hidden", f(this, T).style.visibility = "visible", f(this, T).style.top = `${Math.floor(t)}px`, f(this, T).style.left = `${Math.floor(n)}px`, f(this, T).style.width = `${Math.floor(e)}px`, f(this, T).style.height = `${Math.floor(i)}px`;
+  }
+};
+var Y = /* @__PURE__ */ new WeakMap(), O = /* @__PURE__ */ new WeakMap();
+function Bt(t, n) {
+  let e = Y.get(t);
+  return e || (e = { disconnect: new Et(
+    t,
+    (o) => {
+      const s = Y.get(t);
+      s && s.callbacks.forEach((r) => r(o));
+    },
+    { skipInitial: !0 }
+  ).disconnect, callbacks: /* @__PURE__ */ new Set() }), e.callbacks.add(n), Y.set(t, e), () => {
+    e.callbacks.delete(n), e.callbacks.size === 0 && (Y.delete(t), e.disconnect());
+  };
+}
+function Dt(t, n) {
+  const e = /* @__PURE__ */ new Set();
+  for (const i of t) {
+    const o = Bt(i, n);
+    e.add(o);
+  }
+  return () => e.forEach((i) => i());
+}
+function Ht(t, n) {
+  var e;
+  const i = t.ownerDocument;
+  if (!O.has(i)) {
+    const r = new AbortController(), c = /* @__PURE__ */ new Set();
+    document.addEventListener(
+      "scroll",
+      (l) => c.forEach((a) => a(l)),
+      {
+        capture: !0,
+        passive: !0,
+        signal: r.signal
+      }
+    ), O.set(i, { disconnect: () => r.abort(), listeners: c });
+  }
+  const { listeners: o, disconnect: s } = (e = O.get(i)) != null ? e : {};
+  return !o || !s ? () => {
+  } : (o.add(n), () => {
+    o.delete(n), o.size === 0 && (s(), O.delete(i));
+  });
+}
+var N, L, B, et, Ee = class {
+  constructor(t, n, e) {
+    this.callback = n, _(this, N), _(this, L, !1), _(this, B), _(this, et, Tt((r) => {
+      if (!f(this, L) && r.target && "contains" in r.target && typeof r.target.contains == "function") {
+        for (const c of f(this, B))
+          if (r.target.contains(c)) {
+            this.callback(f(this, N).boundingClientRect);
+            break;
+          }
+      }
+    }, _t));
+    const i = Pt(t), o = Dt(i, n), s = Ht(t, f(this, et));
+    R(this, B, i), R(this, N, new Et(t, n, e)), this.disconnect = () => {
+      f(this, L) || (R(this, L, !0), o(), s(), f(this, N).disconnect());
+    };
+  }
+};
+N = /* @__PURE__ */ new WeakMap();
+L = /* @__PURE__ */ new WeakMap();
+B = /* @__PURE__ */ new WeakMap();
+et = /* @__PURE__ */ new WeakMap();
+function $t(t) {
+  return "showPopover" in t && "hidePopover" in t && typeof t.showPopover == "function" && typeof t.hidePopover == "function";
+}
+function Se(t) {
+  try {
+    $t(t) && t.isConnected && t.hasAttribute("popover") && // This selector can throw an error in browsers that don't support it
+    !t.matches(":popover-open") && t.showPopover();
+  } catch {
+  }
+}
+function dt(t) {
+  return !wt || !t ? !1 : t === rt(t).scrollingElement;
+}
+function St(t) {
+  var n, e;
+  const i = E(t), o = dt(t) ? Ct(t) : j(t), s = i.visualViewport, r = dt(t) ? {
+    height: (n = s == null ? void 0 : s.height) != null ? n : i.innerHeight,
+    width: (e = s == null ? void 0 : s.width) != null ? e : i.innerWidth
+  } : {
+    height: t.clientHeight,
+    width: t.clientWidth
+  }, c = {
+    current: {
+      x: t.scrollLeft,
+      y: t.scrollTop
+    },
+    max: {
+      x: t.scrollWidth - r.width,
+      y: t.scrollHeight - r.height
+    }
+  }, l = c.current.y <= 0, a = c.current.x <= 0, u = c.current.y >= c.max.y, h = c.current.x >= c.max.x;
+  return {
+    rect: o,
+    position: c,
+    isTop: l,
+    isLeft: a,
+    isBottom: u,
+    isRight: h
+  };
+}
+function ke(t, n) {
+  const { isTop: e, isBottom: i, isLeft: o, isRight: s, position: r } = St(t), { x: c, y: l } = n ?? { x: 0, y: 0 }, a = !e && r.current.y + l > 0, u = !i && r.current.y + l < r.max.y, h = !o && r.current.x + c > 0, v = !s && r.current.x + c < r.max.x;
+  return {
+    top: a,
+    bottom: u,
+    left: h,
+    right: v,
+    x: h || v,
+    y: a || u
+  };
+}
+var ct = class {
+  constructor(t) {
+    this.scheduler = t, this.pending = !1, this.tasks = /* @__PURE__ */ new Set(), this.resolvers = /* @__PURE__ */ new Set(), this.flush = () => {
+      const { tasks: n, resolvers: e } = this;
+      this.pending = !1, this.tasks = /* @__PURE__ */ new Set(), this.resolvers = /* @__PURE__ */ new Set();
+      for (const i of n)
+        i();
+      for (const i of e)
+        i();
+    };
+  }
+  schedule(t) {
+    return this.tasks.add(t), this.pending || (this.pending = !0, this.scheduler(this.flush)), new Promise((n) => this.resolvers.add(n));
+  }
+}, Ae = new ct((t) => {
+  typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : t();
+}), Kt = new ct((t) => setTimeout(t, 50)), U = /* @__PURE__ */ new Map(), Ut = U.clear.bind(U);
+function k(t, n = !1) {
+  if (!n) return pt(t);
+  let e = U.get(t);
+  return e || (e = pt(t), U.set(t, e), Kt.schedule(Ut), e);
+}
+function pt(t) {
+  return E(t).getComputedStyle(t);
+}
+function qt(t, n = k(t, !0)) {
+  return n.position === "fixed" || n.position === "sticky";
+}
+function jt(t, n = k(t, !0)) {
+  const e = /(auto|scroll|overlay)/;
+  return ["overflow", "overflowX", "overflowY"].some((o) => {
+    const s = n[o];
+    return typeof s == "string" ? e.test(s) : !1;
+  });
+}
+var Gt = {
+  excludeElement: !0,
+  escapeShadowDOM: !0
+};
+function Jt(t, n = Gt) {
+  const { limit: e, excludeElement: i, escapeShadowDOM: o } = n, s = /* @__PURE__ */ new Set();
+  function r(c) {
+    if (e != null && s.size >= e || !c)
+      return s;
+    if (yt(c) && c.scrollingElement != null && !s.has(c.scrollingElement))
+      return s.add(c.scrollingElement), s;
+    if (o && xt(c))
+      return r(c.host);
+    if (!V(c))
+      return mt(c) ? r(c.parentElement) : s;
+    if (s.has(c))
+      return s;
+    const l = k(c, !0);
+    if (i && c === t || jt(c, l) && s.add(c), qt(c, l)) {
+      const { scrollingElement: a } = c.ownerDocument;
+      return a && s.add(a), s;
+    }
+    return r(c.parentNode);
+  }
+  return t ? r(t) : s;
+}
+function Qt(t) {
+  const [n] = Jt(t, { limit: 1 });
+  return n ?? null;
+}
+function kt(t, n = window.frameElement) {
+  const e = {
+    x: 0,
+    y: 0,
+    scaleX: 1,
+    scaleY: 1
+  };
+  if (!t) return e;
+  let i = H(t);
+  for (; i; ) {
+    if (i === n)
+      return e;
+    const o = j(i), { x: s, y: r } = Zt(i, o);
+    e.x = e.x + o.left, e.y = e.y + o.top, e.scaleX = e.scaleX * s, e.scaleY = e.scaleY * r, i = H(i);
+  }
+  return e;
+}
+function Zt(t, n = j(t)) {
+  const e = Math.round(n.width), i = Math.round(n.height);
+  if (V(t))
+    return {
+      x: e / t.offsetWidth,
+      y: i / t.offsetHeight
+    };
+  const o = k(t, !0);
+  return {
+    x: (parseFloat(o.width) || e) / e,
+    y: (parseFloat(o.height) || i) / i
+  };
+}
+function te(t) {
+  if (t === "none")
+    return null;
+  const n = t.split(" "), e = parseFloat(n[0]), i = parseFloat(n[1]);
+  return isNaN(e) && isNaN(i) ? null : {
+    x: isNaN(e) ? i : e,
+    y: isNaN(i) ? e : i
+  };
+}
+function nt(t) {
+  if (t === "none")
+    return null;
+  const [n, e, i = "0"] = t.split(" "), o = { x: parseFloat(n), y: parseFloat(e), z: parseInt(i, 10) };
+  return isNaN(o.x) && isNaN(o.y) ? null : {
+    x: isNaN(o.x) ? 0 : o.x,
+    y: isNaN(o.y) ? 0 : o.y,
+    z: isNaN(o.z) ? 0 : o.z
+  };
+}
+function lt(t) {
+  var n, e, i, o, s, r, c, l, a;
+  const { scale: u, transform: h, translate: v } = t, y = te(u), w = nt(v), d = ee(h);
+  if (!d && !y && !w)
+    return null;
+  const x = {
+    x: (n = y == null ? void 0 : y.x) != null ? n : 1,
+    y: (e = y == null ? void 0 : y.y) != null ? e : 1
+  }, b = {
+    x: (i = w == null ? void 0 : w.x) != null ? i : 0,
+    y: (o = w == null ? void 0 : w.y) != null ? o : 0
+  }, p = {
+    x: (s = d == null ? void 0 : d.x) != null ? s : 0,
+    y: (r = d == null ? void 0 : d.y) != null ? r : 0,
+    scaleX: (c = d == null ? void 0 : d.scaleX) != null ? c : 1,
+    scaleY: (l = d == null ? void 0 : d.scaleY) != null ? l : 1
+  };
+  return {
+    x: b.x + p.x,
+    y: b.y + p.y,
+    z: (a = w == null ? void 0 : w.z) != null ? a : 0,
+    scaleX: x.x * p.scaleX,
+    scaleY: x.y * p.scaleY
+  };
+}
+function ee(t) {
+  if (t.startsWith("matrix3d(")) {
+    const n = t.slice(9, -1).split(/, /);
+    return {
+      x: +n[12],
+      y: +n[13],
+      scaleX: +n[0],
+      scaleY: +n[5]
+    };
+  } else if (t.startsWith("matrix(")) {
+    const n = t.slice(7, -1).split(/, /);
+    return {
+      x: +n[4],
+      y: +n[5],
+      scaleX: +n[0],
+      scaleY: +n[3]
+    };
+  }
+  return null;
+}
+var ne = /* @__PURE__ */ ((t) => (t[t.Idle = 0] = "Idle", t[t.Forward = 1] = "Forward", t[t.Reverse = -1] = "Reverse", t))(ne || {}), ie = {
+  x: 0.2,
+  y: 0.2
+}, oe = {
+  x: 10,
+  y: 10
+};
+function We(t, n, e, i = 25, o = ie, s = oe) {
+  const { x: r, y: c } = n, { rect: l, isTop: a, isBottom: u, isLeft: h, isRight: v } = St(t), y = kt(t), w = k(t, !0), d = lt(w), x = d !== null ? (d == null ? void 0 : d.scaleX) < 0 : !1, b = d !== null ? (d == null ? void 0 : d.scaleY) < 0 : !1, p = new it(
+    l.left * y.scaleX + y.x,
+    l.top * y.scaleY + y.y,
+    l.width * y.scaleX,
+    l.height * y.scaleY
+  ), g = {
+    x: 0,
+    y: 0
+    /* Idle */
+  }, M = {
+    x: 0,
+    y: 0
+  }, m = {
+    height: p.height * o.y,
+    width: p.width * o.x
+  };
+  return (!a || b && !u) && c <= p.top + m.height && (e == null ? void 0 : e.y) !== 1 && r >= p.left - s.x && r <= p.right + s.x ? (g.y = b ? 1 : -1, M.y = i * Math.abs(
+    (p.top + m.height - c) / m.height
+  )) : (!u || b && !a) && c >= p.bottom - m.height && (e == null ? void 0 : e.y) !== -1 && r >= p.left - s.x && r <= p.right + s.x && (g.y = b ? -1 : 1, M.y = i * Math.abs(
+    (p.bottom - m.height - c) / m.height
+  )), (!v || x && !h) && r >= p.right - m.width && (e == null ? void 0 : e.x) !== -1 && c >= p.top - s.y && c <= p.bottom + s.y ? (g.x = x ? -1 : 1, M.x = i * Math.abs(
+    (p.right - m.width - r) / m.width
+  )) : (!h || x && !v) && r <= p.left + m.width && (e == null ? void 0 : e.x) !== 1 && c >= p.top - s.y && c <= p.bottom + s.y && (g.x = x ? 1 : -1, M.x = i * Math.abs(
+    (p.left + m.width - r) / m.width
+  )), {
+    direction: g,
+    speed: M
+  };
+}
+function se(t) {
+  return "scrollIntoViewIfNeeded" in t && typeof t.scrollIntoViewIfNeeded == "function";
+}
+function Ce(t, n = !1) {
+  if (se(t)) {
+    t.scrollIntoViewIfNeeded(n);
+    return;
+  }
+  if (!V(t))
+    return t.scrollIntoView();
+  var e = Qt(t);
+  if (!V(e))
+    return;
+  const i = k(e, !0), o = parseInt(
+    i.getPropertyValue("border-top-width")
+  ), s = parseInt(
+    i.getPropertyValue("border-left-width")
+  ), r = t.offsetTop - e.offsetTop < e.scrollTop, c = t.offsetTop - e.offsetTop + t.clientHeight - o > e.scrollTop + e.clientHeight, l = t.offsetLeft - e.offsetLeft < e.scrollLeft, a = t.offsetLeft - e.offsetLeft + t.clientWidth - s > e.scrollLeft + e.clientWidth, u = r && !c;
+  (r || c) && n && (e.scrollTop = t.offsetTop - e.offsetTop - e.clientHeight / 2 - o + t.clientHeight / 2), (l || a) && n && (e.scrollLeft = t.offsetLeft - e.offsetLeft - e.clientWidth / 2 - s + t.clientWidth / 2), (r || c || l || a) && !n && t.scrollIntoView(u);
+}
+function re(t, n, e) {
+  const { scaleX: i, scaleY: o, x: s, y: r } = n, c = t.left + s + (1 - i) * parseFloat(e), l = t.top + r + (1 - o) * parseFloat(e.slice(e.indexOf(" ") + 1)), a = i ? t.width * i : t.width, u = o ? t.height * o : t.height;
+  return {
+    width: a,
+    height: u,
+    top: l,
+    right: c + a,
+    bottom: l + u,
+    left: c
+  };
+}
+function ce(t, n, e) {
+  const { scaleX: i, scaleY: o, x: s, y: r } = n, c = t.left - s - (1 - i) * parseFloat(e), l = t.top - r - (1 - o) * parseFloat(e.slice(e.indexOf(" ") + 1)), a = i ? t.width / i : t.width, u = o ? t.height / o : t.height;
+  return {
+    width: a,
+    height: u,
+    top: l,
+    right: c + a,
+    bottom: l + u,
+    left: c
+  };
+}
+function Ie({ element: t, keyframes: n, options: e }) {
+  return t.animate(n, e).finished;
+}
+function Ne(t, n = k(t).translate, e = !0) {
+  if (e) {
+    const i = Wt(
+      t,
+      (o) => "translate" in o
+    );
+    if (i) {
+      const { translate: o = "" } = i[0];
+      if (typeof o == "string") {
+        const s = nt(o);
+        if (s)
+          return s;
+      }
+    }
+  }
+  if (n) {
+    const i = nt(n);
+    if (i)
+      return i;
+  }
+  return { x: 0, y: 0, z: 0 };
+}
+var le = new ct((t) => setTimeout(t, 0)), P = /* @__PURE__ */ new Map(), ae = P.clear.bind(P);
+function ue(t) {
+  const n = t.ownerDocument;
+  let e = P.get(n);
+  if (e) return e;
+  e = n.getAnimations(), P.set(n, e), le.schedule(ae);
+  const i = e.filter(
+    (o) => q(o.effect) && o.effect.target === t
+  );
+  return P.set(t, i), e;
+}
+function fe(t, n) {
+  const e = ue(t).filter((i) => {
+    var o, s;
+    if (q(i.effect)) {
+      const { target: r } = i.effect;
+      if ((s = r && ((o = n.isValidTarget) == null ? void 0 : o.call(n, r))) != null ? s : !0)
+        return i.effect.getKeyframes().some((l) => {
+          for (const a of n.properties)
+            if (l[a]) return !0;
+        });
+    }
+  }).map((i) => {
+    const { effect: o, currentTime: s } = i, r = o == null ? void 0 : o.getComputedTiming().duration;
+    if (!(i.pending || i.playState === "finished") && typeof r == "number" && typeof s == "number" && s < r)
+      return i.currentTime = r, () => {
+        i.currentTime = s;
+      };
+  });
+  if (e.length > 0)
+    return () => e.forEach((i) => i == null ? void 0 : i());
+}
+var Le = class extends it {
+  constructor(t, n = {}) {
+    var e, i, o, s;
+    const {
+      frameTransform: r = kt(t),
+      ignoreTransforms: c,
+      getBoundingClientRect: l = j
+    } = n, a = fe(t, {
+      properties: ["transform", "translate", "scale", "width", "height"],
+      isValidTarget: (m) => (m !== t || bt()) && m.contains(t)
+    }), u = l(t);
+    let { top: h, left: v, width: y, height: w } = u, d;
+    const x = k(t), b = lt(x), p = {
+      x: (e = b == null ? void 0 : b.scaleX) != null ? e : 1,
+      y: (i = b == null ? void 0 : b.scaleY) != null ? i : 1
+    }, g = he(t, x);
+    a == null || a(), b && (d = ce(
+      u,
+      b,
+      x.transformOrigin
+    ), (c || g) && (h = d.top, v = d.left, y = d.width, w = d.height));
+    const M = {
+      width: (o = d == null ? void 0 : d.width) != null ? o : y,
+      height: (s = d == null ? void 0 : d.height) != null ? s : w
+    };
+    if (g && !c && d) {
+      const m = re(
+        d,
+        g,
+        x.transformOrigin
+      );
+      h = m.top, v = m.left, y = m.width, w = m.height, p.x = g.scaleX, p.y = g.scaleY;
+    }
+    r && (c || (v *= r.scaleX, y *= r.scaleX, h *= r.scaleY, w *= r.scaleY), v += r.x, h += r.y), super(v, h, y, w), this.scale = p, this.intrinsicWidth = M.width, this.intrinsicHeight = M.height;
+  }
+};
+function he(t, n) {
+  var e;
+  const i = t.getAnimations();
+  let o = null;
+  if (!i.length) return null;
+  for (const s of i) {
+    if (s.playState !== "running") continue;
+    const r = q(s.effect) ? s.effect.getKeyframes() : [], c = r[r.length - 1];
+    if (!c) continue;
+    const { transform: l, translate: a, scale: u } = c;
+    if (l || a || u) {
+      const h = lt({
+        transform: typeof l == "string" && l ? l : n.transform,
+        translate: typeof a == "string" && a ? a : n.translate,
+        scale: typeof u == "string" && u ? u : n.scale
+      });
+      h && (o = o ? {
+        x: o.x + h.x,
+        y: o.y + h.y,
+        z: (e = o.z) != null ? e : h.z,
+        scaleX: o.scaleX * h.scaleX,
+        scaleY: o.scaleY * h.scaleY
+      } : h);
+    }
+  }
+  return o;
+}
+function Z(t) {
+  return "style" in t && typeof t.style == "object" && t.style !== null && "setProperty" in t.style && "removeProperty" in t.style && typeof t.style.setProperty == "function" && typeof t.style.removeProperty == "function";
+}
+var Fe = class {
+  constructor(t) {
+    this.element = t, this.initial = /* @__PURE__ */ new Map();
+  }
+  set(t, n = "") {
+    const { element: e } = this;
+    if (Z(e))
+      for (const [i, o] of Object.entries(t)) {
+        const s = `${n}${i}`;
+        this.initial.has(s) || this.initial.set(s, e.style.getPropertyValue(s)), e.style.setProperty(
+          s,
+          typeof o == "string" ? o : `${o}px`
+        );
+      }
+  }
+  remove(t, n = "") {
+    const { element: e } = this;
+    if (Z(e))
+      for (const i of t) {
+        const o = `${n}${i}`;
+        e.style.removeProperty(o);
+      }
+  }
+  reset() {
+    const { element: t } = this;
+    if (Z(t)) {
+      for (const [n, e] of this.initial)
+        t.style.setProperty(n, e);
+      t.getAttribute("style") === "" && t.removeAttribute("style");
+    }
+  }
+};
+function de(t) {
+  return t ? t instanceof E(t).Element || X(t) && t.nodeType === Node.ELEMENT_NODE : !1;
+}
+function Pe(t) {
+  if (!t) return !1;
+  const { KeyboardEvent: n } = E(t.target);
+  return t instanceof n;
+}
+function Ve(t) {
+  if (!t) return !1;
+  const { PointerEvent: n } = E(t.target);
+  return t instanceof n;
+}
+function Xe(t) {
+  if (!de(t)) return !1;
+  const { tagName: n } = t;
+  return n === "INPUT" || n === "TEXTAREA" || pe(t);
+}
+function pe(t) {
+  return t.hasAttribute("contenteditable") && t.getAttribute("contenteditable") !== "false";
+}
+var tt = {};
+function Ye(t) {
+  const n = tt[t] == null ? 0 : tt[t] + 1;
+  return tt[t] = n, `${t}-${n}`;
+}
+export {
+  Le as DOMRectangle,
+  Re as Listeners,
+  Ee as PositionObserver,
+  Te as ProxiedElements,
+  zt as ResizeNotifier,
+  ct as Scheduler,
+  ne as ScrollDirection,
+  Fe as Styles,
+  Ie as animateTransform,
+  ke as canScroll,
+  wt as canUseDOM,
+  xe as cloneElement,
+  Ne as computeTranslate,
+  We as detectScrollIntent,
+  Ye as generateUniqueId,
+  j as getBoundingRectangle,
+  k as getComputedStyles,
+  rt as getDocument,
+  at as getDocuments,
+  Lt as getElementFromPoint,
+  ye as getEventCoordinates,
+  Wt as getFinalKeyframe,
+  Qt as getFirstScrollableAncestor,
+  me as getFixedPositionOffset,
+  H as getFrameElement,
+  kt as getFrameTransform,
+  we as getRoot,
+  Jt as getScrollableAncestors,
+  Ct as getViewportBoundingRectangle,
+  D as getVisibleBoundingRectangle,
+  E as getWindow,
+  ce as inverseTransform,
+  yt as isDocument,
+  dt as isDocumentScrollingElement,
+  de as isElement,
+  V as isHTMLElement,
+  _e as isInteractiveElement,
+  Pe as isKeyboardEvent,
+  q as isKeyframeEffect,
+  Ve as isPointerEvent,
+  bt as isSafari,
+  xt as isShadowRoot,
+  Xe as isTextInput,
+  lt as parseTransform,
+  nt as parseTranslate,
+  be as prefersReducedMotion,
+  Ae as scheduler,
+  Ce as scrollIntoViewIfNeeded,
+  Se as showPopover,
+  $t as supportsPopover,
+  Z as supportsStyle,
+  Vt as timeout
+};
+//# sourceMappingURL=fondue-components146.js.map