@tnlmedia/inkmagine-gui 0.2.0 → 1.0.2

package/dist/inkmagine-gui.es.js

@@ -0,0 +1,813 @@
+import * as te from "vue";
+import { computed as k, useAttrs as ke, defineComponent as S, createElementBlock as se, openBlock as $, mergeProps as M, unref as w, createBlock as P, resolveDynamicComponent as De, withCtx as A, renderSlot as O, createTextVNode as $e, nextTick as F, watchEffect as L, ref as y, onMounted as H, cloneVNode as Ee, h as Pe, Fragment as _e, provide as K, inject as z, onUnmounted as Q, normalizeProps as x, guardReactiveProps as T, createElementVNode as Me, normalizeClass as Oe } from "vue";
+import './style/index.css';const E = k(() => {
+  const e = ke(), { class: t, ...r } = e;
+  return r;
+}), ie = /* @__PURE__ */ S({
+  __name: "InkSpinner",
+  props: {
+    size: {},
+    theme: { default: "gray" }
+  },
+  setup(e) {
+    const t = e, r = k(() => {
+      const n = [];
+      return t.size && n.push(`tw-spinner-${t.size}`), t.theme && n.push(`tw-spinner-grow-${t.theme}`), n;
+    });
+    return (n, a) => ($(), se("div", M(w(E), {
+      class: ["tw-spinner-grow", r.value]
+    }), null, 16));
+  }
+}), xe = /* @__PURE__ */ S({
+  __name: "InkButton",
+  props: {
+    as: { default: "button" },
+    type: { default: "button" },
+    size: {},
+    variant: { default: "base" },
+    theme: { default: "transparent" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, r = k(() => {
+      const n = [];
+      switch (t.variant) {
+        case "icon":
+          t.size ? n.push(`tw-btn-icon-${t.size}`) : n.push("tw-btn-icon");
+          break;
+        default:
+          t.variant && n.push(`tw-btn-${t.variant}`), t.size && n.push(`tw-btn-${t.size}`);
+          break;
+      }
+      return t.loading ? t.variant === "base" || n.push("tw-btn-outline-gray") : t.theme ? n.push(`tw-btn-${t.theme}`) : n.push("tw-btn-transparent"), t.as !== "button" && t.disabled && n.push("tw-disabled"), n;
+    });
+    return (n, a) => ($(), P(De(n.as), M(w(E), {
+      type: n.as === "button" ? n.type : void 0,
+      disabled: n.disabled,
+      class: r.value
+    }), {
+      default: A(() => [
+        n.loading ? ($(), P(ie, {
+          key: 0,
+          size: "md"
+        })) : O(n.$slots, "default", { key: 1 }, () => [
+          a[0] || (a[0] = $e("Button"))
+        ])
+      ]),
+      _: 3
+    }, 16, ["type", "disabled", "class"]));
+  }
+});
+var ne;
+let Te = Symbol("headlessui.useid"), Ae = 0;
+const C = (ne = te.useId) != null ? ne : function() {
+  return te.inject(Te, () => `${++Ae}`)();
+};
+function b(e) {
+  var t;
+  if (e == null || e.value == null) return null;
+  let r = (t = e.value.$el) != null ? t : e.value;
+  return r instanceof Node ? r : null;
+}
+function R(e, t, ...r) {
+  if (e in t) {
+    let a = t[e];
+    return typeof a == "function" ? a(...r) : a;
+  }
+  let n = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map((a) => `"${a}"`).join(", ")}.`);
+  throw Error.captureStackTrace && Error.captureStackTrace(n, R), n;
+}
+var Fe = Object.defineProperty, Ne = (e, t, r) => t in e ? Fe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, re = (e, t, r) => (Ne(e, typeof t != "symbol" ? t + "" : t, r), r);
+let Re = class {
+  constructor() {
+    re(this, "current", this.detect()), re(this, "currentId", 0);
+  }
+  set(t) {
+    this.current !== t && (this.currentId = 0, this.current = t);
+  }
+  reset() {
+    this.set(this.detect());
+  }
+  nextId() {
+    return ++this.currentId;
+  }
+  get isServer() {
+    return this.current === "server";
+  }
+  get isClient() {
+    return this.current === "client";
+  }
+  detect() {
+    return typeof window > "u" || typeof document > "u" ? "server" : "client";
+  }
+}, X = new Re();
+function Y(e) {
+  if (X.isServer) return null;
+  if (e instanceof Node) return e.ownerDocument;
+  if (e != null && e.hasOwnProperty("value")) {
+    let t = b(e);
+    if (t) return t.ownerDocument;
+  }
+  return document;
+}
+let q = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
+var G = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e))(G || {}), Le = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(Le || {}), Ce = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(Ce || {});
+function ce(e = document.body) {
+  return e == null ? [] : Array.from(e.querySelectorAll(q)).sort((t, r) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (r.tabIndex || Number.MAX_SAFE_INTEGER)));
+}
+var J = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(J || {});
+function Z(e, t = 0) {
+  var r;
+  return e === ((r = Y(e)) == null ? void 0 : r.body) ? !1 : R(t, { 0() {
+    return e.matches(q);
+  }, 1() {
+    let n = e;
+    for (; n !== null; ) {
+      if (n.matches(q)) return !0;
+      n = n.parentElement;
+    }
+    return !1;
+  } });
+}
+function de(e) {
+  let t = Y(e);
+  F(() => {
+    t && !Z(t.activeElement, 0) && Be(e);
+  });
+}
+var je = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(je || {});
+typeof window < "u" && typeof document < "u" && (document.addEventListener("keydown", (e) => {
+  e.metaKey || e.altKey || e.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
+}, !0), document.addEventListener("click", (e) => {
+  e.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = "");
+}, !0));
+function Be(e) {
+  e == null || e.focus({ preventScroll: !0 });
+}
+let Ue = ["textarea", "input"].join(",");
+function He(e) {
+  var t, r;
+  return (r = (t = e == null ? void 0 : e.matches) == null ? void 0 : t.call(e, Ue)) != null ? r : !1;
+}
+function fe(e, t = (r) => r) {
+  return e.slice().sort((r, n) => {
+    let a = t(r), u = t(n);
+    if (a === null || u === null) return 0;
+    let l = a.compareDocumentPosition(u);
+    return l & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : l & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+  });
+}
+function Ke(e, t) {
+  return ze(ce(), t, { relativeTo: e });
+}
+function ze(e, t, { sorted: r = !0, relativeTo: n = null, skipElements: a = [] } = {}) {
+  var u;
+  let l = (u = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e == null ? void 0 : e.ownerDocument) != null ? u : document, s = Array.isArray(e) ? r ? fe(e) : e : ce(e);
+  a.length > 0 && s.length > 1 && (s = s.filter((i) => !a.includes(i))), n = n ?? l.activeElement;
+  let d = (() => {
+    if (t & 5) return 1;
+    if (t & 10) return -1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), f = (() => {
+    if (t & 1) return 0;
+    if (t & 2) return Math.max(0, s.indexOf(n)) - 1;
+    if (t & 4) return Math.max(0, s.indexOf(n)) + 1;
+    if (t & 8) return s.length - 1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), m = t & 32 ? { preventScroll: !0 } : {}, p = 0, o = s.length, c;
+  do {
+    if (p >= o || p + o <= 0) return 0;
+    let i = f + p;
+    if (t & 16) i = (i + o) % o;
+    else {
+      if (i < 0) return 3;
+      if (i >= o) return 1;
+    }
+    c = s[i], c == null || c.focus(m), p += d;
+  } while (c !== l.activeElement);
+  return t & 6 && He(c) && c.select(), 2;
+}
+function We() {
+  return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
+}
+function Ve() {
+  return /Android/gi.test(window.navigator.userAgent);
+}
+function qe() {
+  return We() || Ve();
+}
+function U(e, t, r) {
+  X.isServer || L((n) => {
+    document.addEventListener(e, t, r), n(() => document.removeEventListener(e, t, r));
+  });
+}
+function Ge(e, t, r) {
+  X.isServer || L((n) => {
+    window.addEventListener(e, t, r), n(() => window.removeEventListener(e, t, r));
+  });
+}
+function Qe(e, t, r = k(() => !0)) {
+  function n(u, l) {
+    if (!r.value || u.defaultPrevented) return;
+    let s = l(u);
+    if (s === null || !s.getRootNode().contains(s)) return;
+    let d = function f(m) {
+      return typeof m == "function" ? f(m()) : Array.isArray(m) || m instanceof Set ? m : [m];
+    }(e);
+    for (let f of d) {
+      if (f === null) continue;
+      let m = f instanceof HTMLElement ? f : b(f);
+      if (m != null && m.contains(s) || u.composed && u.composedPath().includes(m)) return;
+    }
+    return !Z(s, J.Loose) && s.tabIndex !== -1 && u.preventDefault(), t(u, s);
+  }
+  let a = y(null);
+  U("pointerdown", (u) => {
+    var l, s;
+    r.value && (a.value = ((s = (l = u.composedPath) == null ? void 0 : l.call(u)) == null ? void 0 : s[0]) || u.target);
+  }, !0), U("mousedown", (u) => {
+    var l, s;
+    r.value && (a.value = ((s = (l = u.composedPath) == null ? void 0 : l.call(u)) == null ? void 0 : s[0]) || u.target);
+  }, !0), U("click", (u) => {
+    qe() || a.value && (n(u, () => a.value), a.value = null);
+  }, !0), U("touchend", (u) => n(u, () => u.target instanceof HTMLElement ? u.target : null), !0), Ge("blur", (u) => n(u, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
+}
+function le(e, t) {
+  if (e) return e;
+  let r = t ?? "button";
+  if (typeof r == "string" && r.toLowerCase() === "button") return "button";
+}
+function pe(e, t) {
+  let r = y(le(e.value.type, e.value.as));
+  return H(() => {
+    r.value = le(e.value.type, e.value.as);
+  }), L(() => {
+    var n;
+    r.value || b(t) && b(t) instanceof HTMLButtonElement && !((n = b(t)) != null && n.hasAttribute("type")) && (r.value = "button");
+  }), r;
+}
+function ue(e) {
+  return [e.screenX, e.screenY];
+}
+function Xe() {
+  let e = y([-1, -1]);
+  return { wasMoved(t) {
+    let r = ue(t);
+    return e.value[0] === r[0] && e.value[1] === r[1] ? !1 : (e.value = r, !0);
+  }, update(t) {
+    e.value = ue(t);
+  } };
+}
+function Ye({ container: e, accept: t, walk: r, enabled: n }) {
+  L(() => {
+    let a = e.value;
+    if (!a || n !== void 0 && !n.value) return;
+    let u = Y(e);
+    if (!u) return;
+    let l = Object.assign((d) => t(d), { acceptNode: t }), s = u.createTreeWalker(a, NodeFilter.SHOW_ELEMENT, l, !1);
+    for (; s.nextNode(); ) r(s.currentNode);
+  });
+}
+var j = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(j || {}), Je = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(Je || {});
+function N({ visible: e = !0, features: t = 0, ourProps: r, theirProps: n, ...a }) {
+  var u;
+  let l = me(n, r), s = Object.assign(a, { props: l });
+  if (e || t & 2 && l.static) return V(s);
+  if (t & 1) {
+    let d = (u = l.unmount) == null || u ? 0 : 1;
+    return R(d, { 0() {
+      return null;
+    }, 1() {
+      return V({ ...a, props: { ...l, hidden: !0, style: { display: "none" } } });
+    } });
+  }
+  return V(s);
+}
+function V({ props: e, attrs: t, slots: r, slot: n, name: a }) {
+  var u, l;
+  let { as: s, ...d } = Ze(e, ["unmount", "static"]), f = (u = r.default) == null ? void 0 : u.call(r, n), m = {};
+  if (n) {
+    let p = !1, o = [];
+    for (let [c, i] of Object.entries(n)) typeof i == "boolean" && (p = !0), i === !0 && o.push(c);
+    p && (m["data-headlessui-state"] = o.join(" "));
+  }
+  if (s === "template") {
+    if (f = ve(f ?? []), Object.keys(d).length > 0 || Object.keys(t).length > 0) {
+      let [p, ...o] = f ?? [];
+      if (!et(p) || o.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${a} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(d).concat(Object.keys(t)).map((v) => v.trim()).filter((v, I, h) => h.indexOf(v) === I).sort((v, I) => v.localeCompare(I)).map((v) => `  - ${v}`).join(`
+`), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((v) => `  - ${v}`).join(`
+`)].join(`
+`));
+      let c = me((l = p.props) != null ? l : {}, d, m), i = Ee(p, c, !0);
+      for (let v in c) v.startsWith("on") && (i.props || (i.props = {}), i.props[v] = c[v]);
+      return i;
+    }
+    return Array.isArray(f) && f.length === 1 ? f[0] : f;
+  }
+  return Pe(s, Object.assign({}, d, m), { default: () => f });
+}
+function ve(e) {
+  return e.flatMap((t) => t.type === _e ? ve(t.children) : [t]);
+}
+function me(...e) {
+  if (e.length === 0) return {};
+  if (e.length === 1) return e[0];
+  let t = {}, r = {};
+  for (let n of e) for (let a in n) a.startsWith("on") && typeof n[a] == "function" ? (r[a] != null || (r[a] = []), r[a].push(n[a])) : t[a] = n[a];
+  if (t.disabled || t["aria-disabled"]) return Object.assign(t, Object.fromEntries(Object.keys(r).map((n) => [n, void 0])));
+  for (let n in r) Object.assign(t, { [n](a, ...u) {
+    let l = r[n];
+    for (let s of l) {
+      if (a instanceof Event && a.defaultPrevented) return;
+      s(a, ...u);
+    }
+  } });
+  return t;
+}
+function Ze(e, t = []) {
+  let r = Object.assign({}, e);
+  for (let n of t) n in r && delete r[n];
+  return r;
+}
+function et(e) {
+  return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
+}
+let be = Symbol("Context");
+var _ = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(_ || {});
+function ge() {
+  return z(be, null);
+}
+function he(e) {
+  K(be, e);
+}
+var g = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(g || {});
+function tt(e) {
+  throw new Error("Unexpected object: " + e);
+}
+var D = ((e) => (e[e.First = 0] = "First", e[e.Previous = 1] = "Previous", e[e.Next = 2] = "Next", e[e.Last = 3] = "Last", e[e.Specific = 4] = "Specific", e[e.Nothing = 5] = "Nothing", e))(D || {});
+function nt(e, t) {
+  let r = t.resolveItems();
+  if (r.length <= 0) return null;
+  let n = t.resolveActiveIndex(), a = n ?? -1;
+  switch (e.focus) {
+    case 0: {
+      for (let u = 0; u < r.length; ++u) if (!t.resolveDisabled(r[u], u, r)) return u;
+      return n;
+    }
+    case 1: {
+      a === -1 && (a = r.length);
+      for (let u = a - 1; u >= 0; --u) if (!t.resolveDisabled(r[u], u, r)) return u;
+      return n;
+    }
+    case 2: {
+      for (let u = a + 1; u < r.length; ++u) if (!t.resolveDisabled(r[u], u, r)) return u;
+      return n;
+    }
+    case 3: {
+      for (let u = r.length - 1; u >= 0; --u) if (!t.resolveDisabled(r[u], u, r)) return u;
+      return n;
+    }
+    case 4: {
+      for (let u = 0; u < r.length; ++u) if (t.resolveId(r[u], u, r) === e.id) return u;
+      return n;
+    }
+    case 5:
+      return null;
+    default:
+      tt(e);
+  }
+}
+var rt = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(rt || {});
+let ye = Symbol("DisclosureContext");
+function ee(e) {
+  let t = z(ye, null);
+  if (t === null) {
+    let r = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(r, ee), r;
+  }
+  return t;
+}
+let Ie = Symbol("DisclosurePanelContext");
+function lt() {
+  return z(Ie, null);
+}
+let ut = S({ name: "Disclosure", props: { as: { type: [Object, String], default: "template" }, defaultOpen: { type: [Boolean], default: !1 } }, setup(e, { slots: t, attrs: r }) {
+  let n = y(e.defaultOpen ? 0 : 1), a = y(null), u = y(null), l = { buttonId: y(`headlessui-disclosure-button-${C()}`), panelId: y(`headlessui-disclosure-panel-${C()}`), disclosureState: n, panel: a, button: u, toggleDisclosure() {
+    n.value = R(n.value, { 0: 1, 1: 0 });
+  }, closeDisclosure() {
+    n.value !== 1 && (n.value = 1);
+  }, close(s) {
+    l.closeDisclosure();
+    let d = s ? s instanceof HTMLElement ? s : s.value instanceof HTMLElement ? b(s) : b(l.button) : b(l.button);
+    d == null || d.focus();
+  } };
+  return K(ye, l), he(k(() => R(n.value, { 0: _.Open, 1: _.Closed }))), () => {
+    let { defaultOpen: s, ...d } = e, f = { open: n.value === 0, close: l.close };
+    return N({ theirProps: d, ourProps: {}, slot: f, slots: t, attrs: r, name: "Disclosure" });
+  };
+} }), at = S({ name: "DisclosureButton", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: !1 }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: r, expose: n }) {
+  let a = ee("DisclosureButton"), u = lt(), l = k(() => u === null ? !1 : u.value === a.panelId.value);
+  H(() => {
+    l.value || e.id !== null && (a.buttonId.value = e.id);
+  }), Q(() => {
+    l.value || (a.buttonId.value = null);
+  });
+  let s = y(null);
+  n({ el: s, $el: s }), l.value || L(() => {
+    a.button.value = s.value;
+  });
+  let d = pe(k(() => ({ as: e.as, type: t.type })), s);
+  function f() {
+    var o;
+    e.disabled || (l.value ? (a.toggleDisclosure(), (o = b(a.button)) == null || o.focus()) : a.toggleDisclosure());
+  }
+  function m(o) {
+    var c;
+    if (!e.disabled) if (l.value) switch (o.key) {
+      case g.Space:
+      case g.Enter:
+        o.preventDefault(), o.stopPropagation(), a.toggleDisclosure(), (c = b(a.button)) == null || c.focus();
+        break;
+    }
+    else switch (o.key) {
+      case g.Space:
+      case g.Enter:
+        o.preventDefault(), o.stopPropagation(), a.toggleDisclosure();
+        break;
+    }
+  }
+  function p(o) {
+    switch (o.key) {
+      case g.Space:
+        o.preventDefault();
+        break;
+    }
+  }
+  return () => {
+    var o;
+    let c = { open: a.disclosureState.value === 0 }, { id: i, ...v } = e, I = l.value ? { ref: s, type: d.value, onClick: f, onKeydown: m } : { id: (o = a.buttonId.value) != null ? o : i, ref: s, type: d.value, "aria-expanded": a.disclosureState.value === 0, "aria-controls": a.disclosureState.value === 0 || b(a.panel) ? a.panelId.value : void 0, disabled: e.disabled ? !0 : void 0, onClick: f, onKeydown: m, onKeyup: p };
+    return N({ ourProps: I, theirProps: v, slot: c, attrs: t, slots: r, name: "DisclosureButton" });
+  };
+} }), ot = S({ name: "DisclosurePanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: r, expose: n }) {
+  let a = ee("DisclosurePanel");
+  H(() => {
+    e.id !== null && (a.panelId.value = e.id);
+  }), Q(() => {
+    a.panelId.value = null;
+  }), n({ el: a.panel, $el: a.panel }), K(Ie, a.panelId);
+  let u = ge(), l = k(() => u !== null ? (u.value & _.Open) === _.Open : a.disclosureState.value === 0);
+  return () => {
+    var s;
+    let d = { open: a.disclosureState.value === 0, close: a.close }, { id: f, ...m } = e, p = { id: (s = a.panelId.value) != null ? s : f, ref: a.panel };
+    return N({ ourProps: p, theirProps: m, slot: d, attrs: t, slots: r, features: j.RenderStrategy | j.Static, visible: l.value, name: "DisclosurePanel" });
+  };
+} }), ae = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
+function oe(e) {
+  var t, r;
+  let n = (t = e.innerText) != null ? t : "", a = e.cloneNode(!0);
+  if (!(a instanceof HTMLElement)) return n;
+  let u = !1;
+  for (let s of a.querySelectorAll('[hidden],[aria-hidden],[role="img"]')) s.remove(), u = !0;
+  let l = u ? (r = a.innerText) != null ? r : "" : n;
+  return ae.test(l) && (l = l.replace(ae, "")), l;
+}
+function st(e) {
+  let t = e.getAttribute("aria-label");
+  if (typeof t == "string") return t.trim();
+  let r = e.getAttribute("aria-labelledby");
+  if (r) {
+    let n = r.split(" ").map((a) => {
+      let u = document.getElementById(a);
+      if (u) {
+        let l = u.getAttribute("aria-label");
+        return typeof l == "string" ? l.trim() : oe(u).trim();
+      }
+      return null;
+    }).filter(Boolean);
+    if (n.length > 0) return n.join(", ");
+  }
+  return oe(e).trim();
+}
+function it(e) {
+  let t = y(""), r = y("");
+  return () => {
+    let n = b(e);
+    if (!n) return "";
+    let a = n.innerText;
+    if (t.value === a) return r.value;
+    let u = st(n).trim().toLowerCase();
+    return t.value = a, r.value = u, u;
+  };
+}
+var ct = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(ct || {}), dt = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(dt || {});
+function ft(e) {
+  requestAnimationFrame(() => requestAnimationFrame(e));
+}
+let we = Symbol("MenuContext");
+function W(e) {
+  let t = z(we, null);
+  if (t === null) {
+    let r = new Error(`<${e} /> is missing a parent <Menu /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(r, W), r;
+  }
+  return t;
+}
+let pt = S({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: r }) {
+  let n = y(1), a = y(null), u = y(null), l = y([]), s = y(""), d = y(null), f = y(1);
+  function m(o = (c) => c) {
+    let c = d.value !== null ? l.value[d.value] : null, i = fe(o(l.value.slice()), (I) => b(I.dataRef.domRef)), v = c ? i.indexOf(c) : null;
+    return v === -1 && (v = null), { items: i, activeItemIndex: v };
+  }
+  let p = { menuState: n, buttonRef: a, itemsRef: u, items: l, searchQuery: s, activeItemIndex: d, activationTrigger: f, closeMenu: () => {
+    n.value = 1, d.value = null;
+  }, openMenu: () => n.value = 0, goToItem(o, c, i) {
+    let v = m(), I = nt(o === D.Specific ? { focus: D.Specific, id: c } : { focus: o }, { resolveItems: () => v.items, resolveActiveIndex: () => v.activeItemIndex, resolveId: (h) => h.id, resolveDisabled: (h) => h.dataRef.disabled });
+    s.value = "", d.value = I, f.value = i ?? 1, l.value = v.items;
+  }, search(o) {
+    let c = s.value !== "" ? 0 : 1;
+    s.value += o.toLowerCase();
+    let i = (d.value !== null ? l.value.slice(d.value + c).concat(l.value.slice(0, d.value + c)) : l.value).find((I) => I.dataRef.textValue.startsWith(s.value) && !I.dataRef.disabled), v = i ? l.value.indexOf(i) : -1;
+    v === -1 || v === d.value || (d.value = v, f.value = 1);
+  }, clearSearch() {
+    s.value = "";
+  }, registerItem(o, c) {
+    let i = m((v) => [...v, { id: o, dataRef: c }]);
+    l.value = i.items, d.value = i.activeItemIndex, f.value = 1;
+  }, unregisterItem(o) {
+    let c = m((i) => {
+      let v = i.findIndex((I) => I.id === o);
+      return v !== -1 && i.splice(v, 1), i;
+    });
+    l.value = c.items, d.value = c.activeItemIndex, f.value = 1;
+  } };
+  return Qe([a, u], (o, c) => {
+    var i;
+    p.closeMenu(), Z(c, J.Loose) || (o.preventDefault(), (i = b(a)) == null || i.focus());
+  }, k(() => n.value === 0)), K(we, p), he(k(() => R(n.value, { 0: _.Open, 1: _.Closed }))), () => {
+    let o = { open: n.value === 0, close: p.closeMenu };
+    return N({ ourProps: {}, theirProps: e, slot: o, slots: t, attrs: r, name: "Menu" });
+  };
+} }), vt = S({ name: "MenuButton", props: { disabled: { type: Boolean, default: !1 }, as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: r, expose: n }) {
+  var a;
+  let u = (a = e.id) != null ? a : `headlessui-menu-button-${C()}`, l = W("MenuButton");
+  n({ el: l.buttonRef, $el: l.buttonRef });
+  function s(p) {
+    switch (p.key) {
+      case g.Space:
+      case g.Enter:
+      case g.ArrowDown:
+        p.preventDefault(), p.stopPropagation(), l.openMenu(), F(() => {
+          var o;
+          (o = b(l.itemsRef)) == null || o.focus({ preventScroll: !0 }), l.goToItem(D.First);
+        });
+        break;
+      case g.ArrowUp:
+        p.preventDefault(), p.stopPropagation(), l.openMenu(), F(() => {
+          var o;
+          (o = b(l.itemsRef)) == null || o.focus({ preventScroll: !0 }), l.goToItem(D.Last);
+        });
+        break;
+    }
+  }
+  function d(p) {
+    switch (p.key) {
+      case g.Space:
+        p.preventDefault();
+        break;
+    }
+  }
+  function f(p) {
+    e.disabled || (l.menuState.value === 0 ? (l.closeMenu(), F(() => {
+      var o;
+      return (o = b(l.buttonRef)) == null ? void 0 : o.focus({ preventScroll: !0 });
+    })) : (p.preventDefault(), l.openMenu(), ft(() => {
+      var o;
+      return (o = b(l.itemsRef)) == null ? void 0 : o.focus({ preventScroll: !0 });
+    })));
+  }
+  let m = pe(k(() => ({ as: e.as, type: t.type })), l.buttonRef);
+  return () => {
+    var p;
+    let o = { open: l.menuState.value === 0 }, { ...c } = e, i = { ref: l.buttonRef, id: u, type: m.value, "aria-haspopup": "menu", "aria-controls": (p = b(l.itemsRef)) == null ? void 0 : p.id, "aria-expanded": l.menuState.value === 0, onKeydown: s, onKeyup: d, onClick: f };
+    return N({ ourProps: i, theirProps: c, slot: o, attrs: t, slots: r, name: "MenuButton" });
+  };
+} }), mt = S({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: r, expose: n }) {
+  var a;
+  let u = (a = e.id) != null ? a : `headlessui-menu-items-${C()}`, l = W("MenuItems"), s = y(null);
+  n({ el: l.itemsRef, $el: l.itemsRef }), Ye({ container: k(() => b(l.itemsRef)), enabled: k(() => l.menuState.value === 0), accept(o) {
+    return o.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : o.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
+  }, walk(o) {
+    o.setAttribute("role", "none");
+  } });
+  function d(o) {
+    var c;
+    switch (s.value && clearTimeout(s.value), o.key) {
+      case g.Space:
+        if (l.searchQuery.value !== "") return o.preventDefault(), o.stopPropagation(), l.search(o.key);
+      case g.Enter:
+        if (o.preventDefault(), o.stopPropagation(), l.activeItemIndex.value !== null) {
+          let i = l.items.value[l.activeItemIndex.value];
+          (c = b(i.dataRef.domRef)) == null || c.click();
+        }
+        l.closeMenu(), de(b(l.buttonRef));
+        break;
+      case g.ArrowDown:
+        return o.preventDefault(), o.stopPropagation(), l.goToItem(D.Next);
+      case g.ArrowUp:
+        return o.preventDefault(), o.stopPropagation(), l.goToItem(D.Previous);
+      case g.Home:
+      case g.PageUp:
+        return o.preventDefault(), o.stopPropagation(), l.goToItem(D.First);
+      case g.End:
+      case g.PageDown:
+        return o.preventDefault(), o.stopPropagation(), l.goToItem(D.Last);
+      case g.Escape:
+        o.preventDefault(), o.stopPropagation(), l.closeMenu(), F(() => {
+          var i;
+          return (i = b(l.buttonRef)) == null ? void 0 : i.focus({ preventScroll: !0 });
+        });
+        break;
+      case g.Tab:
+        o.preventDefault(), o.stopPropagation(), l.closeMenu(), F(() => Ke(b(l.buttonRef), o.shiftKey ? G.Previous : G.Next));
+        break;
+      default:
+        o.key.length === 1 && (l.search(o.key), s.value = setTimeout(() => l.clearSearch(), 350));
+        break;
+    }
+  }
+  function f(o) {
+    switch (o.key) {
+      case g.Space:
+        o.preventDefault();
+        break;
+    }
+  }
+  let m = ge(), p = k(() => m !== null ? (m.value & _.Open) === _.Open : l.menuState.value === 0);
+  return () => {
+    var o, c;
+    let i = { open: l.menuState.value === 0 }, { ...v } = e, I = { "aria-activedescendant": l.activeItemIndex.value === null || (o = l.items.value[l.activeItemIndex.value]) == null ? void 0 : o.id, "aria-labelledby": (c = b(l.buttonRef)) == null ? void 0 : c.id, id: u, onKeydown: d, onKeyup: f, role: "menu", tabIndex: 0, ref: l.itemsRef };
+    return N({ ourProps: I, theirProps: v, slot: i, attrs: t, slots: r, features: j.RenderStrategy | j.Static, visible: p.value, name: "MenuItems" });
+  };
+} }), bt = S({ name: "MenuItem", inheritAttrs: !1, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: null } }, setup(e, { slots: t, attrs: r, expose: n }) {
+  var a;
+  let u = (a = e.id) != null ? a : `headlessui-menu-item-${C()}`, l = W("MenuItem"), s = y(null);
+  n({ el: s, $el: s });
+  let d = k(() => l.activeItemIndex.value !== null ? l.items.value[l.activeItemIndex.value].id === u : !1), f = it(s), m = k(() => ({ disabled: e.disabled, get textValue() {
+    return f();
+  }, domRef: s }));
+  H(() => l.registerItem(u, m)), Q(() => l.unregisterItem(u)), L(() => {
+    l.menuState.value === 0 && d.value && l.activationTrigger.value !== 0 && F(() => {
+      var h, B;
+      return (B = (h = b(s)) == null ? void 0 : h.scrollIntoView) == null ? void 0 : B.call(h, { block: "nearest" });
+    });
+  });
+  function p(h) {
+    if (e.disabled) return h.preventDefault();
+    l.closeMenu(), de(b(l.buttonRef));
+  }
+  function o() {
+    if (e.disabled) return l.goToItem(D.Nothing);
+    l.goToItem(D.Specific, u);
+  }
+  let c = Xe();
+  function i(h) {
+    c.update(h);
+  }
+  function v(h) {
+    c.wasMoved(h) && (e.disabled || d.value || l.goToItem(D.Specific, u, 0));
+  }
+  function I(h) {
+    c.wasMoved(h) && (e.disabled || d.value && l.goToItem(D.Nothing));
+  }
+  return () => {
+    let { disabled: h, ...B } = e, Se = { active: d.value, disabled: h, close: l.closeMenu };
+    return N({ ourProps: { id: u, ref: s, role: "menuitem", tabIndex: h === !0 ? void 0 : -1, "aria-disabled": h === !0 ? !0 : void 0, onClick: p, onFocus: o, onPointerenter: i, onMouseenter: i, onPointermove: v, onMousemove: v, onPointerleave: I, onMouseleave: I }, theirProps: { ...r, ...B }, slot: Se, attrs: r, slots: t, name: "MenuItem" });
+  };
+} });
+const gt = /* @__PURE__ */ S({
+  __name: "InkMenu",
+  props: {
+    as: { default: "div" }
+  },
+  setup(e) {
+    return (t, r) => ($(), P(w(pt), M(w(E), {
+      as: t.as,
+      class: "tw-menu"
+    }), {
+      default: A((n) => [
+        O(t.$slots, "default", x(T(n)))
+      ]),
+      _: 3
+    }, 16, ["as"]));
+  }
+}), ht = /* @__PURE__ */ S({
+  __name: "InkMenuButton",
+  props: {
+    as: { default: "template" }
+  },
+  setup(e) {
+    return (t, r) => ($(), P(w(vt), M(w(E), { as: t.as }), {
+      default: A((n) => [
+        O(t.$slots, "default", x(T(n)))
+      ]),
+      _: 3
+    }, 16, ["as"]));
+  }
+}), yt = /* @__PURE__ */ S({
+  __name: "InkMenuItems",
+  setup(e) {
+    return (t, r) => ($(), P(w(mt), M(w(E), { class: "tw-menu-items" }), {
+      default: A((n) => [
+        O(t.$slots, "default", x(T(n)))
+      ]),
+      _: 3
+    }, 16));
+  }
+}), It = /* @__PURE__ */ S({
+  __name: "InkMenuItem",
+  props: {
+    as: { default: "template" }
+  },
+  setup(e) {
+    return (t, r) => ($(), P(w(bt), M(w(E), {
+      class: "menu-item-link",
+      as: t.as
+    }), {
+      default: A((n) => [
+        O(t.$slots, "default", x(T(n)))
+      ]),
+      _: 3
+    }, 16, ["as"]));
+  }
+}), wt = /* @__PURE__ */ S({
+  __name: "InkMenuItemsWrapper",
+  setup(e) {
+    return (t, r) => ($(), se("div", M(w(E), { class: "menu-items-wrapper" }), [
+      O(t.$slots, "default")
+    ], 16));
+  }
+}), St = /* @__PURE__ */ S({
+  __name: "InkDisclosure",
+  setup(e) {
+    return (t, r) => ($(), P(w(ut), x(T(w(E))), {
+      default: A((n) => [
+        O(t.$slots, "default", x(T(n)))
+      ]),
+      _: 3
+    }, 16));
+  }
+}), kt = /* @__PURE__ */ S({
+  __name: "InkDisclosureButton",
+  props: {
+    as: { default: "button" },
+    type: { default: "button" }
+  },
+  setup(e) {
+    return (t, r) => ($(), P(w(at), M({
+      type: t.as === "button" ? t.type : void 0
+    }, w(E), {
+      class: "tw-disclosure-button tw-disclosure-button-gray",
+      as: t.as
+    }), {
+      default: A((n) => [
+        O(t.$slots, "default", x(T(n))),
+        Me("i", {
+          class: Oe([
+            "far fa-angle-down tw-text-base tw-text-gray-700",
+            { "tw-rotate-180": n.open }
+          ])
+        }, null, 2)
+      ]),
+      _: 3
+    }, 16, ["type", "as"]));
+  }
+}), Dt = /* @__PURE__ */ S({
+  __name: "InkDisclosurePanel",
+  setup(e) {
+    return (t, r) => ($(), P(w(ot), M(w(E), { class: "tw-disclosure-panel" }), {
+      default: A((n) => [
+        O(t.$slots, "default", x(T(n)))
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Pt = {
+  install: (e) => {
+    e.component("InkButton", xe), e.component("InkSpinner", ie), e.component("InkMenu", gt), e.component("InkMenuButton", ht), e.component("InkMenuItems", yt), e.component("InkMenuItem", It), e.component("InkMenuItemsWrapper", wt), e.component("InkDisclosure", St), e.component("InkDisclosureButton", kt), e.component("InkDisclosurePanel", Dt);
+  }
+};
+export {
+  xe as InkButton,
+  St as InkDisclosure,
+  kt as InkDisclosureButton,
+  Dt as InkDisclosurePanel,
+  gt as InkMenu,
+  ht as InkMenuButton,
+  It as InkMenuItem,
+  yt as InkMenuItems,
+  wt as InkMenuItemsWrapper,
+  ie as InkSpinner,
+  Pt as default
+};
+//# sourceMappingURL=inkmagine-gui.es.js.map