@illinois-grad/grad-vue 0.1.0 → 1.0.2

package/dist/grad-vue.js

@@ -1,958 +1,161 @@
-import { defineComponent as E, useAttrs as he, computed as x, createBlock as fe, openBlock as p, resolveDynamicComponent as ye, mergeProps as K, unref as _, withCtx as X, renderSlot as M, mergeModels as ie, useModel as _e, ref as k, createElementBlock as m, normalizeClass as S, createElementVNode as v, useId as ne, onBeforeUnmount as te, shallowRef as re, watch as F, toValue as de, onMounted as pe, useTemplateRef as ce, nextTick as N, Fragment as z, createVNode as R, Transition as ke, createCommentVNode as O, normalizeStyle as ve, toDisplayString as T, renderList as Q, onBeforeMount as we, Teleport as $e, createTextVNode as H, withDirectives as xe, withModifiers as Z, vShow as Ve, resolveComponent as Ce } from "vue";
-import { toArray as Be, unrefElement as Ie, tryOnScopeDispose as De, useFocusWithin as Te, useDebounceFn as Ge } from "@vueuse/core";
-import { createFocusTrap as Se } from "focus-trap";
-const oe = /* @__PURE__ */ E({
-  __name: "GButton",
-  props: {
-    size: { default: "medium" },
-    theme: { default: "primary" },
-    outlined: { type: Boolean, default: !1 },
-    text: { type: Boolean, default: !1 },
-    to: { default: void 0 },
-    component: { default: void 0 }
-  },
-  emits: [
-    "click",
-    "focus",
-    "blur",
-    "keydown",
-    "keyup",
-    "mousedown",
-    "mouseup",
-    "mouseenter",
-    "mouseleave"
-  ],
-  setup(a) {
-    const n = a, e = he(), u = x(() => [
-      "g-btn",
-      `g-btn--${n.size}`,
-      `g-btn--${n.theme}`,
-      {
-        "g-btn--outlined": n.outlined,
-        "g-btn--text": n.text,
-        "ilw-theme-blue": n.theme === "primary",
-        "ilw-theme-orange": n.theme === "accent"
-      }
-    ]);
-    return (t, s) => (p(), fe(ye(n.component ? n.component : "button"), K(_(e), {
-      to: n.to,
-      class: u.value,
-      type: n.to ? void 0 : "button",
-      onClick: s[0] || (s[0] = (l) => t.$emit("click", l)),
-      onFocus: s[1] || (s[1] = (l) => t.$emit("focus", l)),
-      onBlur: s[2] || (s[2] = (l) => t.$emit("blur", l)),
-      onKeydown: s[3] || (s[3] = (l) => t.$emit("keydown", l)),
-      onKeyup: s[4] || (s[4] = (l) => t.$emit("keyup", l)),
-      onMousedown: s[5] || (s[5] = (l) => t.$emit("mousedown", l)),
-      onMouseup: s[6] || (s[6] = (l) => t.$emit("mouseup", l)),
-      onMouseenter: s[7] || (s[7] = (l) => t.$emit("mouseenter", l)),
-      onMouseleave: s[8] || (s[8] = (l) => t.$emit("mouseleave", l))
-    }), {
-      default: X(() => [
-        M(t.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["to", "class", "type"]));
-  }
-}), Ae = ["value", "placeholder", "disabled", "aria-invalid"], Me = /* @__PURE__ */ E({
-  inheritAttrs: !1,
-  __name: "GTextInput",
-  props: /* @__PURE__ */ ie({
-    placeholder: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    error: { default: "" }
-  }, {
-    modelValue: { type: String },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ ie(["change"], ["update:modelValue"]),
-  setup(a, { emit: n }) {
-    const e = a, u = _e(a, "modelValue"), t = n, s = k(u.value ?? "");
-    let l = null;
-    function o(f) {
-      if (f !== u.value) {
-        const $ = u.value;
-        u.value = f, t("change", {
-          was: $,
-          to: f
-        });
-      }
-    }
-    function i(f) {
-      const $ = f.target.value;
-      s.value = $, l && clearTimeout(l), l = setTimeout(() => {
-        o(s.value), l = null;
-      }, 3e3);
-    }
-    function r(f) {
-      l && (clearTimeout(l), l = null), o(f.target.value);
-    }
-    function w(f) {
-      l && (clearTimeout(l), l = null), setTimeout(() => {
-        const $ = f.target.value;
-        o($);
-      }, 0);
-    }
-    function b(f) {
-      (f.key === "PageUp" || f.key === "PageDown") && (l && (clearTimeout(l), l = null), o(f.target.value)), f.key === "Enter" && o(f.target.value);
-    }
-    return (f, $) => (p(), m("div", {
-      class: S(["g-text-input-wrap", { "g-text-input-has-error": e.error }])
-    }, [
-      v("input", K({
-        value: u.value,
-        placeholder: e.placeholder,
-        disabled: e.disabled,
-        onInput: i,
-        onBlur: r,
-        onPaste: w,
-        onKeydown: b,
-        type: "text",
-        class: "g-text-input"
-      }, f.$attrs, {
-        "aria-invalid": e.error ? "true" : "false"
-      }), null, 16, Ae)
-    ], 2));
-  }
-}), W = (a, n) => {
-  const e = a.__vccOpts || a;
-  for (const [u, t] of n)
-    e[u] = t;
-  return e;
-}, Le = /* @__PURE__ */ W(Me, [["__scopeId", "data-v-cbaa5e3a"]]), me = k([]), ee = k([]);
-function se(a = !1) {
-  const n = ne(), e = a ? ee : me;
-  function u() {
-    e.value.push(n);
-  }
-  function t() {
-    const l = e.value.lastIndexOf(n);
-    l !== -1 && e.value.splice(l, 1);
-  }
-  const s = x(() => !a && ee.value.length > 0 ? !1 : e.value.length > 0 && e.value[e.value.length - 1] === n);
-  return te(t), { push: u, pop: t, isTop: s, id: n };
-}
-function Et() {
-  const a = x(() => ee.value.length > 0), n = x(() => me.value.length > 0 || ee.value.length > 0);
-  return { hasModal: a, hasOverlay: n };
-}
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Oe = (a) => a != null;
-function Ee(a, n = {}) {
-  let e;
-  const { immediate: u, ...t } = n, s = re(!1), l = re(!1), o = (b) => e && e.activate(b), i = (b) => e && e.deactivate(b), r = () => {
-    e && (e.pause(), l.value = !0);
-  }, w = () => {
-    e && (e.unpause(), l.value = !1);
-  };
-  return F(x(() => Be(de(a)).map((b) => {
-    const f = de(b);
-    return typeof f == "string" ? f : Ie(f);
-  }).filter(Oe)), (b) => {
-    if (b.length)
-      if (!e)
-        e = Se(b, {
-          ...t,
-          onActivate() {
-            s.value = !0, n.onActivate && n.onActivate();
-          },
-          onDeactivate() {
-            s.value = !1, n.onDeactivate && n.onDeactivate();
-          }
-        }), u && o();
-      else {
-        const f = e?.active;
-        e?.updateContainerElements(b), !f && u && o();
+import { e as w, G as j, _ as k, j as C, s as F, t as D, r as V, k as H, p as W, q as $, b as q, d as N, g as R, f as Q, c as _, h as U, i as Y, m as z, n as J, o as K, a as X, l as Z, V as ee, u as te, v as se, w as ne, x as oe, y as re } from "./main-BA2FBasv.js";
+import { unrefElement as g, useMutationObserver as p, useIntersectionObserver as h, useMediaQuery as G } from "@vueuse/core";
+import { ref as v, useId as E, watch as b, onBeforeUnmount as S, toValue as O, computed as y } from "vue";
+function L(i, r, e) {
+  const s = [0, 0.25, 0.5, 0.75, 1], c = `${-r}px 0px 0px 0px`, u = /* @__PURE__ */ new Map(), a = v(
+    Array.from(g(i)?.children || [])
+  );
+  p(
+    i,
+    () => {
+      a.value = Array.from(
+        g(i)?.children || []
+      );
+    },
+    { childList: !0 }
+  );
+  const { stop: t } = h(
+    a,
+    (n) => {
+      const o = a.value[a.value.length - 1];
+      for (const l of n)
+        u.set(
+          l.target,
+          l.isIntersecting ? Math.ceil(100 * l.intersectionRatio) / 100 : 0
+        ), l.target === o && l.intersectionRatio === 1 && u.set(l.target, Number.POSITIVE_INFINITY);
+      let d = null, f = 0;
+      for (const l of u.keys()) {
+        const m = u.get(l) || 0;
+        m <= f || (l.getBoundingClientRect(), d = l, f = m);
       }
-  }, { flush: "post" }), De(() => i()), {
-    hasFocus: s,
-    isPaused: l,
-    activate: o,
-    deactivate: i,
-    pause: r,
-    unpause: w
-  };
-}
-function be(a, n) {
-  const e = k(!1), { activate: u, deactivate: t, pause: s, unpause: l } = Ee(a, {
-    immediate: !0,
-    initialFocus: () => {
-      if (e.value)
-        return !1;
-      const o = a.value?.querySelector("h2");
-      if (o)
-        return o;
-      const i = a.value?.querySelector("[popover-focus]");
-      if (i)
-        return i;
-      const r = a.value?.querySelector("[aria-selected='true']");
-      if (r)
-        return r;
+      d instanceof HTMLElement ? e.value = d.id : e.value = "";
     },
-    onPostPause: () => e.value = !0,
-    onPostUnpause: () => {
-      setTimeout(() => {
-        e.value = !1;
-      }, 0);
-    }
-  });
-  return F(n, (o) => {
-    o ? l() : s();
-  }), { activate: u, deactivate: t, pause: s, unpause: l };
+    {
+      threshold: s,
+      root: null,
+      rootMargin: c,
+      immediate: !0
+    }
+  );
+  return { stop: t };
 }
-function ge(a, n, e, u, t) {
-  function s(o) {
-    for (const i of a)
-      if (i.value?.contains(o.target))
-        return;
-    u();
+function x(i = "(max-width: 800px)") {
+  const r = E(), e = v(!1), s = G(i, {
+    ssrWidth: 1e3
+  });
+  function c(a) {
+    if (!s.value || !e.value)
+      return;
+    const t = a.target, n = document.getElementById(`${r}-sidebar`);
+    n && (n.contains(t) || setTimeout(() => {
+      e.value = !1;
+    }, 5));
   }
-  function l(o) {
-    o.key === "Escape" && e.value && n.value && (o.preventDefault(), setTimeout(() => u(), 0));
+  function u(a) {
+    if (!s.value || !e.value)
+      return;
+    const t = a.target, n = document.getElementById(`${r}-sidebar`), o = document.getElementById(`${r}-hamburger`);
+    n && (n.contains(t) || o?.contains(t) || setTimeout(() => {
+      e.value = !1;
+    }, 5));
   }
-  pe(() => {
-    document.addEventListener("mousedown", s), document.addEventListener("keydown", l);
-  }), te(() => {
-    document.removeEventListener("mousedown", s), document.removeEventListener("keydown", l), t();
-  });
+  return document && b(
+    s,
+    (a) => {
+      a ? (document.addEventListener("mousedown", c), document.addEventListener("focusin", u)) : (document.removeEventListener("mousedown", c), document.removeEventListener("focusin", u));
+    },
+    { immediate: !0 }
+  ), S(() => {
+    document.removeEventListener("mousedown", c), document.removeEventListener("focusin", u);
+  }), {
+    id: r,
+    open: e,
+    isCollapsible: s,
+    toggle: () => e.value = !e.value
+  };
 }
-function Pe(a, n, e, u) {
-  const t = u?.gap ?? 8, s = u?.margin ?? 16, l = u?.preferAbove ?? !1;
-  let o = !1, i = !1, r;
-  l ? a.top - n.height - t > e.top + s ? (r = a.top - n.height - t, o = !0) : a.bottom + n.height + t <= e.bottom - s ? r = a.bottom + t : (r = e.top + s, i = !0) : a.bottom + n.height + t > e.bottom - s && a.top - n.height - t > e.top + s ? (r = a.top - n.height - t, o = !0) : a.bottom + n.height + t > e.bottom - s && a.top - n.height - t <= e.top + s ? (r = e.top + s, i = !0) : r = a.bottom + t;
-  let w = a.left + (a.width - n.width) / 2;
-  w < e.left + s && (w = e.left + s), w + n.width > e.right - s && (w = e.right - n.width - s), w < e.left + s && (w = e.left + s);
-  const b = a.left + (a.width - n.width) / 2, f = w - b;
-  return { top: r, left: w, xOffset: f, placedAbove: o, overlay: i };
+function I(i) {
+  const r = {};
+  return Object.keys(i).forEach((e) => {
+    const s = i[e];
+    s != null && s !== "" && s !== !1 && (Array.isArray(s) ? s.length > 0 && (r[e] = s.map((c) => String(c))) : r[e] = String(s));
+  }), r;
 }
-const ze = /* @__PURE__ */ E({
-  __name: "GPopover",
-  props: {
-    modelValue: { type: Boolean, default: !1 },
-    minimal: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue", "show", "hide"],
-  setup(a, { emit: n }) {
-    const e = a, u = n, t = k(e.modelValue), s = ce("triggerRef"), l = ce("popoverRef"), { push: o, pop: i, isTop: r } = se(), { activate: w, deactivate: b } = be(l, r);
-    ge([l, s], r, t, f, i), F(
-      () => e.modelValue,
-      (h) => {
-        t.value = h;
-      }
-    ), F(t, (h) => {
-      u("update:modelValue", h), h ? (N(() => {
-        N(() => w());
-      }), o(), u("show")) : (b(), i(), u("hide"));
-    });
-    function f() {
-      t.value = !1;
-    }
-    function $() {
-      t.value = !t.value;
-    }
-    const y = k({ top: 0, left: 0 }), V = k({ left: "50%" }), B = k(!1), D = k(!1);
-    let c = null;
-    function C() {
-      if (!s.value || !l.value)
-        return;
-      const h = s.value.getBoundingClientRect(), L = l.value.getBoundingClientRect(), I = window.innerWidth - document.documentElement.clientWidth, U = window.innerWidth - I, Y = new DOMRect(
-        window.scrollX,
-        window.scrollY,
-        U,
-        window.innerHeight
-      ), { top: j, left: le, xOffset: ae, placedAbove: P, overlay: q } = Pe(h, L, Y, {
-        gap: e.minimal ? 0 : 8
+function M(i, r = {}) {
+  const e = v({}), s = r.syncWith;
+  if (s) {
+    if (s.value) {
+      const t = O(s);
+      Object.keys(i).forEach((n) => {
+        if (t[n] !== void 0) {
+          const o = t[n];
+          typeof o == "string" && (o.includes(",") ? e.value[n] = o.split(
+            ","
+          ) : e.value[n] = o);
+        }
       });
-      y.value = { top: j, left: le }, V.value = {
-        left: `${L.width / 2 - ae}px`,
-        top: P ? "auto" : void 0,
-        bottom: P ? "-8px" : void 0
-      }, B.value = P, D.value = q;
-    }
-    return F(t, (h) => {
-      h ? N(() => {
-        C(), window.addEventListener("resize", C), l.value && (c && c.disconnect(), c = new ResizeObserver(
-          () => C()
-        ), c.observe(l.value));
-      }) : (window.removeEventListener("resize", C), c && c.disconnect());
-    }), te(() => {
-      window.removeEventListener("resize", C), c && c.disconnect();
-    }), (h, L) => (p(), m(z, null, [
-      v("div", {
-        ref_key: "triggerRef",
-        ref: s,
-        class: "g-popover-trigger"
-      }, [
-        M(h.$slots, "trigger", { onToggle: $ }, void 0, !0)
-      ], 512),
-      R(ke, {
-        name: "g-popover-expand",
-        appear: ""
-      }, {
-        default: X(() => [
-          t.value ? (p(), m("div", {
-            key: 0,
-            ref_key: "popoverRef",
-            ref: l,
-            class: S({
-              "g-popover": !0,
-              "g-popover-above": B.value,
-              "g-popover-below": !B.value,
-              "g-popover-minimal": a.minimal
-            }),
-            role: "dialog",
-            "aria-modal": "true",
-            style: ve({
-              top: y.value.top + "px",
-              left: y.value.left + "px"
-            })
-          }, [
-            !D.value && !a.minimal ? (p(), m("div", {
-              key: 0,
-              class: S(["g-popover-arrow", { "g-popover-arrow-above": B.value }]),
-              style: ve(V.value),
-              "aria-hidden": "true"
-            }, null, 6)) : O("", !0),
-            M(h.$slots, "content", {}, void 0, !0),
-            a.minimal ? O("", !0) : (p(), m("button", {
-              key: 1,
-              class: "p-button p-button-text g-popover-close fa-regular fa-close",
-              type: "button",
-              "aria-label": "Close popover",
-              onClick: f
-            }))
-          ], 6)) : O("", !0)
-        ]),
-        _: 3
-      })
-    ], 64));
-  }
-}), Fe = /* @__PURE__ */ W(ze, [["__scopeId", "data-v-1c60db92"]]), Ke = ["disabled"], He = { class: "g-select-btn-legend" }, We = { class: "g-select-btn-row" }, Ne = ["id", "name", "value", "checked", "disabled", "onChange"], Ue = ["for"], qe = /* @__PURE__ */ E({
-  __name: "GSelectButton",
-  props: {
-    options: {},
-    modelValue: {},
-    size: { default: "medium" },
-    theme: { default: "primary" },
-    name: { default: void 0 },
-    disabled: { type: Boolean, default: !1 },
-    label: {}
-  },
-  emits: ["update:modelValue", "change"],
-  setup(a, { emit: n }) {
-    const e = a, u = n, t = ne(), s = x(() => e.options.map((r) => typeof r == "string" ? { label: r, value: r } : r)), l = x(() => ["g-select-btn-group", `g-select-btn-group--${e.size}`]), o = (r) => [
-      "g-select-btn",
-      `g-select-btn--${e.theme}`,
-      r ? "g-select-btn--selected" : "",
-      { "g-select-btn--disabled": e.disabled }
-    ];
-    function i(r) {
-      !e.disabled && r !== e.modelValue && (u("update:modelValue", r), u("change", r));
     }
-    return (r, w) => (p(), m("fieldset", {
-      class: S(l.value),
-      disabled: e.disabled
-    }, [
-      v("legend", He, T(e.label), 1),
-      v("div", We, [
-        (p(!0), m(z, null, Q(s.value, (b, f) => (p(), m(z, {
-          key: b.value
-        }, [
-          v("input", {
-            class: "g-select-btn-radio",
-            type: "radio",
-            id: `${_(t)}-${b.value}`,
-            name: e.name || _(t),
-            value: b.value,
-            checked: b.value === e.modelValue,
-            disabled: e.disabled,
-            onChange: ($) => i(b.value)
-          }, null, 40, Ne),
-          v("label", {
-            for: `${_(t)}-${b.value}`,
-            class: S(o(b.value === e.modelValue))
-          }, T(b.label), 11, Ue)
-        ], 64))), 128))
-      ])
-    ], 10, Ke));
-  }
-}), Qe = /* @__PURE__ */ W(qe, [["__scopeId", "data-v-18075a0b"]]), Xe = ["width", "height"], Ye = ["cx", "cy", "r"], je = ["cx", "cy", "r", "stroke-dasharray", "stroke-dashoffset"], Je = ["cx", "cy", "r"], G = 4, Ze = /* @__PURE__ */ E({
-  __name: "GProgress",
-  props: {
-    value: { default: void 0 },
-    size: { default: "medium" },
-    ariaLabel: { default: "Loading" }
-  },
-  setup(a) {
-    const n = a, e = x(() => typeof n.value == "number" && n.value >= 1 && n.value <= 100), u = x(() => {
-      switch (n.size) {
-        case "small":
-          return 12;
-        case "large":
-          return 24;
-        default:
-          return 18;
-      }
-    }), t = x(() => 2 * Math.PI * u.value), s = x(() => e.value ? n.value / 100 * t.value : 0), l = x(
-      () => e.value ? {
-        role: "progressbar",
-        "aria-valuenow": n.value,
-        "aria-valuemin": 1,
-        "aria-valuemax": 100,
-        "aria-label": n.ariaLabel
-      } : { role: "status", "aria-label": n.ariaLabel }
+    b(
+      () => e.value,
+      (t) => {
+        s.value = I(t);
+      },
+      { deep: !0 }
     );
-    return (o, i) => (p(), m("span", K({ class: "g-progress" }, l.value), [
-      (p(), m("svg", {
-        width: u.value * 2 + G,
-        height: u.value * 2 + G,
-        class: S([
-          "g-progress__svg",
-          { "g-progress--determinate": e.value, "g-progress--indeterminate": !e.value }
-        ]),
-        focusable: "false",
-        "aria-hidden": "true"
-      }, [
-        v("circle", {
-          class: "g-progress__track",
-          cx: u.value + G / 2,
-          cy: u.value + G / 2,
-          r: u.value,
-          "stroke-width": G,
-          fill: "none"
-        }, null, 8, Ye),
-        e.value ? (p(), m("circle", {
-          key: 0,
-          class: "g-progress__value",
-          cx: u.value + G / 2,
-          cy: u.value + G / 2,
-          r: u.value,
-          "stroke-width": G,
-          fill: "none",
-          "stroke-dasharray": t.value,
-          "stroke-dashoffset": t.value - s.value,
-          style: { transform: "rotate(-90deg)", "transform-origin": "center" }
-        }, null, 8, je)) : (p(), m("circle", {
-          key: 1,
-          class: "g-progress__spinner",
-          cx: u.value + G / 2,
-          cy: u.value + G / 2,
-          r: u.value,
-          "stroke-width": G,
-          fill: "none"
-        }, null, 8, Je))
-      ], 10, Xe))
-    ], 16));
-  }
-}), Re = /* @__PURE__ */ W(Ze, [["__scopeId", "data-v-ba4cca36"]]), et = ["id", "aria-labelledby", "aria-describedby"], tt = { class: "g-alertdialog-inner" }, lt = ["id"], at = ["id"], ot = { class: "g-alertdialog-actions" }, nt = /* @__PURE__ */ E({
-  __name: "GAlertDialog",
-  props: {
-    label: { default: "Confirmation" },
-    buttonText: { default: "Continue" },
-    buttonColor: { default: "primary" }
-  },
-  emits: ["cancel", "confirm"],
-  setup(a, { emit: n }) {
-    const e = a, u = n, t = k(null), s = k(!0), { id: l, pop: o, push: i, isTop: r } = se(!0), { deactivate: w, activate: b } = be(t, r);
-    function f() {
-      s.value = !1;
-    }
-    return ge([t], r, s, f, o), pe(() => {
-      i(), b();
-    }), we(() => {
-      o(), w();
-    }), ($, y) => (p(), fe($e, { to: "#modal-root" }, [
-      v("div", {
-        id: "alertdialog-" + _(l),
-        class: "g-alertdialog",
-        role: "alertdialog",
-        "aria-modal": "true",
-        "aria-labelledby": "alertdialog-label-" + _(l),
-        "aria-describedby": "alertdialog-description-" + _(l),
-        ref_key: "dialog",
-        ref: t
-      }, [
-        v("div", tt, [
-          v("h2", {
-            id: "alertdialog-label-" + _(l),
-            class: "g-alertdialog-label"
-          }, T(e.label), 9, lt),
-          v("div", {
-            id: "alertdialog-description-" + _(l),
-            class: "g-alertdialog-content"
-          }, [
-            M($.$slots, "default", {}, void 0, !0)
-          ], 8, at),
-          v("div", ot, [
-            R(oe, {
-              outlined: "",
-              onClick: y[0] || (y[0] = (V) => u("cancel"))
-            }, {
-              default: X(() => [...y[2] || (y[2] = [
-                H("Cancel", -1)
-              ])]),
-              _: 1
-            }),
-            R(oe, {
-              theme: e.buttonColor,
-              onClick: y[1] || (y[1] = (V) => u("confirm"))
-            }, {
-              default: X(() => [
-                H(T(e.buttonText), 1)
-              ]),
-              _: 1
-            }, 8, ["theme"])
-          ])
-        ])
-      ], 8, et)
-    ]));
   }
-}), st = /* @__PURE__ */ W(nt, [["__scopeId", "data-v-7579931d"]]), ut = ["id"], it = ["id", "aria-controls", "aria-expanded", "aria-activedescendant"], rt = ["value", "placeholder", "disabled", "aria-controls", "aria-expanded", "aria-activedescendant"], dt = ["id", "aria-controls", "aria-expanded", "aria-activedescendant"], ct = ["id"], vt = ["id", "aria-selected", "onClick"], ft = {
-  key: 1,
-  "aria-live": "polite",
-  class: "g-select-combo-option g-select-option g-select-no-results"
-}, pt = /* @__PURE__ */ E({
-  __name: "GSelect",
-  props: {
-    modelValue: {},
-    options: {},
-    label: {},
-    hiddenLabel: { type: Boolean },
-    disabled: { type: Boolean, default: !1 },
-    name: { default: void 0 },
-    searchable: { type: Boolean, default: !1 },
-    clearButton: { type: Boolean }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(a, { emit: n }) {
-    const e = a, u = n, t = ne(), s = k(null), l = k(null), o = k(!1), i = k(0), r = k(!1), { push: w, pop: b, isTop: f } = se(), $ = x(() => e.options.map((d) => typeof d == "string" ? { label: d, value: d } : d)), y = k(""), V = x(() => {
-      if (!e.searchable || !o.value || !y.value)
-        return $.value;
-      const d = y.value.toLowerCase();
-      return $.value.filter((g) => g.label.toLowerCase().includes(d));
-    }), B = x(() => V.value.findIndex((d) => d.value === e.modelValue));
-    F(
-      () => e.modelValue,
-      (d) => {
-        const g = V.value.findIndex((A) => A.value === d);
-        g !== -1 && (i.value = g);
-      }
-    ), F(o, (d) => {
-      d ? w() : b();
+  const c = y(() => Object.values(e.value).some(
+    (t) => t != null && t !== !1 && (!Array.isArray(t) || t.length > 0)
+  )), u = () => {
+    Object.keys(e.value).forEach((t) => {
+      e.value[t] = void 0;
     });
-    function D() {
-      if (!e.disabled && (o.value = !0, e.searchable)) {
-        y.value = "";
-        const d = V.value.findIndex((g) => g.value === e.modelValue);
-        i.value = d !== -1 ? d : 0, N(() => {
-          C.value && C.value.focus();
-        });
-      }
-    }
-    function c() {
-      o.value = !1, e.searchable && (y.value = "");
-    }
-    const C = k(null);
-    function h(d) {
-      e.disabled || e.searchable && D();
-    }
-    function L(d) {
-      if (!e.searchable) return;
-      o.value || D(), y.value = d.target.value;
-      const g = V.value.findIndex((A) => A.value === e.modelValue);
-      i.value = g !== -1 ? g : 0;
-    }
-    function I(d) {
-      const g = d.relatedTarget;
-      if (r.value) {
-        r.value = !1;
-        return;
-      }
-      g && l.value && l.value.contains(g) || (e.searchable && (y.value = ""), c());
-    }
-    function U(d) {
-      const g = V.value[d];
-      g && g.value !== e.modelValue && (u("update:modelValue", g.value), u("change", g.value)), c();
-    }
-    function Y() {
-      e.disabled || (o.value ? c() : D());
-    }
-    function j(d) {
-      if (e.disabled)
-        return;
-      const g = V.value.length - 1;
-      if (!o.value && ["ArrowDown", "ArrowUp", "Enter", " "].includes(d.key)) {
-        d.preventDefault(), D();
-        return;
-      }
-      switch (d.key) {
-        case "ArrowDown":
-          d.preventDefault(), o.value ? (i.value = Math.min(g, i.value + 1), P()) : D();
-          break;
-        case "ArrowUp":
-          d.preventDefault(), o.value ? (i.value = Math.max(0, i.value - 1), P()) : D();
-          break;
-        case "Home":
-          d.preventDefault(), i.value = 0, P();
-          break;
-        case "End":
-          d.preventDefault(), i.value = g, P();
-          break;
-        case "Enter":
-        case " ":
-          d.preventDefault(), o.value ? U(i.value) : D();
-          break;
-        case "Escape":
-          f.value && (d.preventDefault(), setTimeout(() => {
-            c();
-          }, 0));
-          break;
-      }
-    }
-    function le(d) {
-      U(d);
-    }
-    function ae() {
-      r.value = !0;
-    }
-    function P() {
-      N(() => {
-        const d = document.getElementById(`${t}-option-${i.value}`);
-        d && d.scrollIntoView({ block: "nearest" });
-      });
-    }
-    const q = x(() => e.clearButton && e.modelValue !== null && e.modelValue !== void 0 && !e.disabled);
-    function ue() {
-      e.disabled || (u("update:modelValue", null), u("change", null), e.searchable && (y.value = ""));
-    }
-    return te(() => {
-      b();
-    }), (d, g) => (p(), m("div", {
-      class: S(["g-select-root g-select-combo", { "g-select-open": o.value }])
-    }, [
-      a.hiddenLabel ? O("", !0) : (p(), m("div", {
-        key: 0,
-        id: _(t) + "-label",
-        class: "g-select-combo-label g-select-label"
-      }, T(e.label), 9, ut)),
-      e.searchable ? (p(), m("div", K({
-        key: 1,
-        class: "g-select-combo-input g-select-control",
-        id: _(t),
-        role: "combobox",
-        "aria-controls": _(t) + "-listbox",
-        "aria-expanded": o.value ? "true" : "false",
-        "aria-haspopup": "listbox"
-      }, a.hiddenLabel ? { "aria-label": e.label } : { "aria-labelledby": _(t) + "-label" }, {
-        "aria-activedescendant": o.value ? _(t) + "-option-" + i.value : void 0
-      }), [
-        v("input", K({
-          ref_key: "comboInputRef",
-          ref: C,
-          type: "text",
-          name: "comboInput",
-          class: ["g-select-search-input", { "g-select-clearable": q.value }],
-          value: o.value ? y.value : $.value[B.value] ? $.value[B.value].label : "",
-          placeholder: o.value ? "" : e.label,
-          disabled: e.disabled,
-          onFocus: h,
-          onInput: L,
-          onKeydown: j,
-          onBlur: I,
-          "aria-autocomplete": "list",
-          "aria-controls": _(t) + "-listbox",
-          "aria-expanded": o.value ? "true" : "false",
-          "aria-haspopup": "listbox",
-          "aria-activedescendant": o.value ? _(t) + "-option-" + i.value : void 0
-        }, a.hiddenLabel ? { "aria-label": e.label } : { "aria-labelledby": _(t) + "-label" }, {
-          role: "combobox",
-          autocomplete: "off"
-        }), null, 16, rt),
-        q.value ? (p(), m("button", {
-          key: 0,
-          type: "button",
-          class: "g-select-clear-btn",
-          "aria-label": "Clear selection",
-          onClick: ue
-        }, [...g[0] || (g[0] = [
-          v("span", {
-            "aria-hidden": "true",
-            class: "fa fa-regular fa-close"
-          }, null, -1)
-        ])])) : O("", !0),
-        g[1] || (g[1] = v("span", { class: "fa fa-caret-down g-select-caret" }, null, -1))
-      ], 16, it)) : (p(), m("div", K({
-        key: 2,
-        ref_key: "comboRef",
-        ref: s,
-        id: _(t),
-        class: "g-select-combo-button g-select-control",
-        role: "combobox",
-        "aria-controls": _(t) + "-listbox",
-        "aria-expanded": o.value ? "true" : "false",
-        "aria-haspopup": "listbox"
-      }, a.hiddenLabel ? { "aria-label": e.label } : { "aria-labelledby": _(t) + "-label" }, {
-        "aria-activedescendant": o.value ? _(t) + "-option-" + i.value : void 0,
-        tabindex: "0",
-        onClick: Y,
-        onKeydown: j,
-        onFocus: h,
-        onBlur: I
-      }), [
-        H(T($.value[B.value] ? $.value[B.value].label : "") + " ", 1),
-        q.value ? (p(), m("button", {
-          key: 0,
-          type: "button",
-          class: "g-select-clear-btn",
-          "aria-label": "Clear selection",
-          onClick: Z(ue, ["stop"])
-        }, [...g[2] || (g[2] = [
-          v("span", {
-            "aria-hidden": "true",
-            class: "fa fa-regular fa-close"
-          }, null, -1)
-        ])])) : O("", !0),
-        g[3] || (g[3] = v("span", { class: "fa fa-caret-down g-select-caret" }, null, -1))
-      ], 16, dt)),
-      xe(v("div", K({
-        ref_key: "listboxRef",
-        ref: l,
-        class: "g-select-combo-menu g-select-list",
-        role: "listbox",
-        id: _(t) + "-listbox"
-      }, a.hiddenLabel ? { "aria-label": e.label } : { "aria-labelledby": _(t) + "-label" }, { tabindex: "-1" }), [
-        V.value.length > 0 ? (p(!0), m(z, { key: 0 }, Q(V.value, (A, J) => (p(), m("div", {
-          key: A.value,
-          id: _(t) + "-option-" + J,
-          class: S(["g-select-combo-option g-select-option", {
-            "g-select-option-current": J === i.value,
-            "ilw-theme-blue": A.value === a.modelValue
-          }]),
-          role: "option",
-          "aria-selected": A.value === a.modelValue ? "true" : "false",
-          onMousedown: ae,
-          onClick: (At) => le(J)
-        }, [
-          M(d.$slots, "option", {
-            option: A,
-            selected: A.value === a.modelValue,
-            index: J
-          }, () => [
-            H(T(A.label), 1)
-          ], !0)
-        ], 42, vt))), 128)) : (p(), m("div", ft, "No results found."))
-      ], 16, ct), [
-        [Ve, o.value]
-      ])
-    ], 2));
-  }
-}), mt = /* @__PURE__ */ W(pt, [["__scopeId", "data-v-1081b550"]]), bt = ["aria-label"], gt = ["placeholder", "value", "aria-expanded", "aria-activedescendant"], ht = {
-  type: "submit",
-  class: "g-search-submit",
-  "aria-label": "Submit search"
-}, yt = {
-  key: 0,
-  class: "fa fa-solid fa-circle-notch fa-spin",
-  "aria-hidden": "true"
-}, _t = {
-  key: 1,
-  class: "fa fa-magnifying-glass",
-  "aria-hidden": "true"
-}, kt = {
-  "aria-live": "polite",
-  class: "g-search-result-count"
-}, wt = ["aria-label"], $t = { class: "g-search-group-label" }, xt = ["id", "onMousedown", "aria-selected"], Vt = ["id", "onMousedown", "aria-selected"], Ct = /* @__PURE__ */ E({
-  __name: "GSearch",
-  props: {
-    modelValue: {},
-    results: {},
-    placeholder: { default: "Search..." },
-    ariaLabel: { default: "Search" },
-    auto: { type: Boolean },
-    loading: { type: [Boolean, null] }
-  },
-  emits: ["update:modelValue", "select", "submit"],
-  setup(a, { emit: n }) {
-    const e = a, u = n, t = k(null), s = k(null), l = k(!1), o = k(-1), i = x(() => Array.isArray(e.results) && e.results.length && "items" in e.results[0] ? e.results.flatMap((c) => c.items) : e.results), r = x(() => i.value.length);
-    function w(c) {
-      l.value = !1;
-      const C = c.target.value;
-      u("update:modelValue", C);
-    }
-    function b() {
-      N(() => {
-        const c = s.value?.querySelector('[aria-selected="true"]');
-        c && c.scrollIntoView({ block: "nearest" });
-      });
-    }
-    const { focused: f } = Te(t);
-    function $(c) {
-      if (!r.value)
-        return;
-      const C = c.altKey;
-      c.key === "ArrowDown" ? (c.preventDefault(), l.value = !1, C || (o.value = (o.value + 1) % r.value, b())) : c.key === "ArrowUp" ? (c.preventDefault(), l.value = !1, o.value = (o.value - 1 + r.value) % r.value, b()) : c.key === "Enter" ? y(i.value[o.value]) : c.key === "Escape" && (c.preventDefault(), B.value || u("update:modelValue", ""), l.value = !0, o.value = -1);
-    }
-    function y(c) {
-      u("select", c), u("update:modelValue", ""), l.value = !0, o.value = -1;
+  }, a = y(() => {
+    const t = {};
+    for (const n of Object.keys(i)) {
+      const o = e.value[n];
+      t[n] = o != null && (!Array.isArray(o) || o.length > 0);
     }
-    const V = x(() => !!e?.loading), B = x(() => !!(f.value && !l.value && (r.value > 0 || e?.modelValue?.length && e.modelValue.length > 1))), D = Ge(() => {
-      e.auto && u("submit", e.modelValue);
-    }, 300);
-    return F(
-      () => e.modelValue,
-      (c) => {
-        c ? e.auto && D() : o.value = -1;
-      }
-    ), (c, C) => (p(), m("div", {
-      class: "g-search",
-      role: "search",
-      "aria-label": e.ariaLabel
-    }, [
-      v("form", {
-        class: "g-search-form",
-        onSubmit: C[0] || (C[0] = Z((h) => y(null), ["prevent"]))
-      }, [
-        v("input", {
-          ref_key: "inputRef",
-          ref: t,
-          class: "g-search-input",
-          name: "search",
-          type: "search",
-          placeholder: e.placeholder,
-          value: e.modelValue,
-          onInput: w,
-          onKeydown: $,
-          role: "combobox",
-          "aria-expanded": B.value,
-          "aria-autocomplete": "list",
-          "aria-controls": "g-search-list",
-          "aria-activedescendant": o.value >= 0 ? "g-search-option-" + i.value[o.value].id : void 0
-        }, null, 40, gt),
-        v("button", ht, [
-          V.value ? (p(), m("i", yt)) : (p(), m("i", _t))
-        ])
-      ], 32),
-      B.value ? (p(), m("div", {
-        key: 0,
-        class: "g-search-dropdown",
-        role: "listbox",
-        id: "g-search-list",
-        ref_key: "listboxRef",
-        ref: s,
-        "aria-label": "Search results"
-      }, [
-        v("div", kt, [
-          V.value ? O("", !0) : (p(), m(z, { key: 0 }, [
-            H(T(r.value) + " result" + T(r.value === 1 ? "" : "s"), 1)
-          ], 64))
-        ]),
-        r.value > 0 && "items" in e.results[0] ? (p(!0), m(z, { key: 0 }, Q(e.results, (h, L) => (p(), m("div", {
-          key: h.type,
-          class: "g-search-group",
-          role: "group",
-          "aria-label": h.label
-        }, [
-          M(c.$slots, "group", { group: h }, () => [
-            v("div", $t, T(h.label), 1)
-          ]),
-          (p(!0), m(z, null, Q(h.items, (I, U) => (p(), m("div", {
-            key: I.id,
-            id: "g-search-option-" + I.id,
-            class: S(["g-search-option", { "g-search-option-active": i.value[o.value] && i.value[o.value].id === I.id }]),
-            role: "option",
-            onMousedown: Z((Y) => y(I), ["prevent"]),
-            "aria-selected": i.value[o.value] && i.value[o.value].id === I.id
-          }, [
-            M(c.$slots, "option", { option: I }, () => [
-              H(T(I.title), 1)
-            ])
-          ], 42, xt))), 128))
-        ], 8, wt))), 128)) : r.value > 0 ? (p(!0), m(z, { key: 1 }, Q(i.value, (h, L) => (p(), m("div", {
-          key: h.id,
-          id: "g-search-option-" + h.id,
-          class: S(["g-search-option", { "g-search-option-active": o.value === L }]),
-          role: "option",
-          onMousedown: Z((I) => y(h), ["prevent"]),
-          "aria-selected": o.value === L
-        }, [
-          M(c.$slots, "option", { option: h }, () => [
-            H(T(h.title), 1)
-          ])
-        ], 42, Vt))), 128)) : O("", !0)
-      ], 512)) : O("", !0)
-    ], 8, bt));
-  }
-}), Bt = {
-  class: /* @__PURE__ */ S({
-    "g-app-header": !0
-  })
-}, It = { class: "g-app-header__brand" }, Dt = { class: "g-app-header__title" }, Tt = { class: "g-app-header__app-controls-wrap" }, Gt = /* @__PURE__ */ E({
-  __name: "GAppHeader",
-  setup(a) {
-    return (n, e) => {
-      const u = Ce("router-link");
-      return p(), m("header", Bt, [
-        e[1] || (e[1] = v("div", { class: "g-app-header__background" }, [
-          v("div", { class: "g-app-header__background-pattern" }),
-          v("div", { class: "g-app-header__background-gradient" })
-        ], -1)),
-        v("div", It, [
-          R(u, { to: "/" }, {
-            default: X(() => [...e[0] || (e[0] = [
-              v("em", null, "GRAD", -1)
-            ])]),
-            _: 1
-          })
-        ]),
-        e[2] || (e[2] = v("div", { class: "g-app-header__block-i-container" }, [
-          v("svg", {
-            class: "g-app-header__block-i",
-            role: "img",
-            width: "55",
-            viewBox: "0 0 55 79",
-            xmlns: "http://www.w3.org/2000/svg"
-          }, [
-            v("title", null, "Block I logo"),
-            v("path", {
-              class: "g-app-header__block-i-outline",
-              d: "M54.2 21.1V0H0v21.1h12v36.1H0v21.1h54.2V57.2h-12V21.1z"
-            }),
-            v("path", {
-              class: "g-app-header__block-i-fill",
-              d: "M42.1 18.1h9V3H3v15h9c1.7 0 3 1.3 3 3v36.1c0 1.7-1.3 3-3 3H3v15h48.1v-15h-9c-1.7 0-3-1.3-3-3v-36c0-1.7 1.4-3 3-3z"
-            })
-          ])
-        ], -1)),
-        v("div", Dt, [
-          M(n.$slots, "title", {}, void 0, !0)
-        ]),
-        e[3] || (e[3] = v("div", { id: "header-title" }, null, -1)),
-        v("div", Tt, [
-          M(n.$slots, "app-controls", { class: "g-app-header__app-controls" }, void 0, !0)
-        ])
-      ]);
-    };
-  }
-}), St = /* @__PURE__ */ W(Gt, [["__scopeId", "data-v-d6761670"]]), Pt = {
-  install(a) {
-    a.component("GAppHeader", St), a.component("GButton", oe), a.component("GTextInput", Le), a.component("GPopover", Fe), a.component("GSelectButton", Qe), a.component("GProgress", Re), a.component("GAlertDialog", st), a.component("GSelect", mt), a.component("GSearch", Ct);
-  }
-};
+    return t;
+  });
+  return {
+    filters: e,
+    isFiltered: c,
+    clearFilters: u,
+    filteredColumns: a
+  };
+}
 export {
-  st as GAlertDialog,
-  St as GAppHeader,
-  oe as GButton,
-  Fe as GPopover,
-  Re as GProgress,
-  Ct as GSearch,
-  mt as GSelect,
-  Qe as GSelectButton,
-  Le as GTextInput,
-  Pe as calculatePopoverPosition,
-  Pt as default,
-  ge as useOverlayEscape,
-  be as useOverlayFocus,
-  se as useOverlayStack,
-  Et as useOverlayStackState
+  w as GAlertDialog,
+  j as GAppHeader,
+  k as GButton,
+  C as GClipboard,
+  F as GDetailList,
+  D as GDetailListItem,
+  V as GHamburgerMenu,
+  H as GHistoryScroller,
+  W as GModal,
+  $ as GOverlay,
+  q as GPopover,
+  N as GProgress,
+  R as GSearch,
+  Q as GSelect,
+  _ as GSelectButton,
+  U as GSidebar,
+  Y as GSidebarMenu,
+  z as GTable,
+  J as GTableBody,
+  K as GTablePagination,
+  X as GTextInput,
+  Z as GThreeWayToggle,
+  ee as VGtooltip,
+  te as calculatePopoverPosition,
+  I as filtersToQueryParams,
+  L as useActiveLinkContent,
+  M as useFiltering,
+  se as useOverlayEscape,
+  ne as useOverlayFocus,
+  oe as useOverlayStack,
+  re as useOverlayStackState,
+  x as useSidebar
 };
 //# sourceMappingURL=grad-vue.js.map