@illinois-grad/grad-vue 2.4.2 → 2.5.1

package/dist/grad-vue.js

@@ -1,240 +1,2 @@
-import { G as W, a as _, _ as j, b as q, c as J, d as Y, e as X, f as Z, g as ee, h as te, i as ne, j as re, k as se, l as oe, m as ae, n as ue, o as ce, p as ie, q as le, r as ge, s as he, t as de, u as me, v as fe, w as ve, x as pe, y as Ee, z as Ge, A as we, B as Ce, C as ye, D as be, V as Ie, E as Me, F as Te, H as Se, I as Ve, J as ke, K as xe, L as Le, M as Be, N as De, O as Oe, P as Ae, Q as Fe, R as Re } from "./main-D8BC78tE.js";
-import { unrefElement as T, useMutationObserver as x, useIntersectionObserver as L, useMediaQuery as B, createEventHook as D } from "@vueuse/core";
-import { ref as V, useId as O, onMounted as A, watch as F, onBeforeUnmount as R, shallowReactive as S, computed as w } from "vue";
-function N(r, i, o) {
-  const h = [0, 0.25, 0.5, 0.75, 1], f = `${-i}px 0px 0px 0px`, l = /* @__PURE__ */ new Map(), a = V(
-    Array.from(T(r)?.children || [])
-  );
-  x(
-    r,
-    () => {
-      a.value = Array.from(
-        T(r)?.children || []
-      );
-    },
-    { childList: !0 }
-  );
-  const { stop: m } = L(
-    a,
-    (d) => {
-      const v = a.value[a.value.length - 1];
-      for (const u of d)
-        l.set(
-          u.target,
-          u.isIntersecting ? Math.ceil(100 * u.intersectionRatio) / 100 : 0
-        ), u.target === v && u.intersectionRatio === 1 && l.set(u.target, Number.POSITIVE_INFINITY);
-      let p = null, E = 0;
-      for (const u of l.keys()) {
-        const G = l.get(u) || 0;
-        G <= E || (u.getBoundingClientRect(), p = u, E = G);
-      }
-      p instanceof HTMLElement ? o.value = p.id : o.value = "";
-    },
-    {
-      threshold: h,
-      root: null,
-      rootMargin: f,
-      immediate: !0
-    }
-  );
-  return { stop: m };
-}
-function Q(r = "(max-width: 800px)") {
-  const i = O(), o = V(!1), h = B(r, {
-    ssrWidth: 1e3
-  });
-  function f(a) {
-    if (!h.value || !o.value)
-      return;
-    const m = a.target, d = document.getElementById(`${i}-sidebar`);
-    d && (d.contains(m) || setTimeout(() => {
-      o.value = !1;
-    }, 5));
-  }
-  function l(a) {
-    if (!h.value || !o.value)
-      return;
-    const m = a.target, d = document.getElementById(`${i}-sidebar`), v = document.getElementById(`${i}-hamburger`);
-    d && (d.contains(m) || v?.contains(m) || setTimeout(() => {
-      o.value = !1;
-    }, 5));
-  }
-  return A(() => {
-    F(
-      h,
-      (a) => {
-        a ? (document.addEventListener("mousedown", f), document.addEventListener("focusin", l)) : (document.removeEventListener("mousedown", f), document.removeEventListener("focusin", l));
-      },
-      { immediate: !0 }
-    );
-  }), R(() => {
-    document.removeEventListener("mousedown", f), document.removeEventListener("focusin", l);
-  }), {
-    id: i,
-    open: o,
-    isCollapsible: h,
-    toggle: () => o.value = !o.value
-  };
-}
-function $() {
-  const r = S(/* @__PURE__ */ new Map()), i = D(), o = (e) => {
-    const n = e.column.key, t = e.row.key, s = e.value, c = e.previousValue;
-    r.has(t) || r.set(
-      t,
-      S(/* @__PURE__ */ new Map())
-    );
-    const g = r.get(
-      t
-    ), C = g.get(n), y = C ? C.previousValue : c, M = C?.error;
-    if (s === y)
-      g.delete(n), g.size === 0 && r.delete(t), i.trigger({
-        rowKey: t,
-        columnKey: n,
-        row: e.row,
-        previousValue: y,
-        newValue: null
-      });
-    else {
-      const b = {
-        rowKey: t,
-        columnKey: n,
-        row: e.row,
-        previousValue: y,
-        newValue: s
-      };
-      M !== void 0 && (b.error = M), g.set(n, b), i.trigger(b);
-    }
-  }, h = w(() => {
-    const e = [];
-    return r.forEach((n) => {
-      n.forEach((t) => {
-        e.push({ ...t });
-      });
-    }), e;
-  }), f = () => {
-    const e = /* @__PURE__ */ new Map();
-    return r.forEach((n, t) => {
-      const s = { key: t };
-      n.forEach((c, g) => {
-        s[g] = c.newValue;
-      }), e.set(t, s);
-    }), e;
-  }, l = w(() => r.size > 0), a = (e, n) => {
-    const t = r.get(e);
-    return t ? t.has(n) : !1;
-  }, m = (e, n) => {
-    const t = r.get(e);
-    return t ? t.get(n)?.newValue : void 0;
-  }, d = () => {
-    r.clear();
-  }, v = (e) => {
-    r.delete(e);
-  }, p = (e) => e.map((n) => {
-    const t = r.get(n.key);
-    if (!t || t.size === 0)
-      return n;
-    const s = { ...n };
-    return t.forEach((c, g) => {
-      s[g] = c.newValue;
-    }), s;
-  }), E = w(() => {
-    let e = 0;
-    return r.forEach((n) => {
-      e += n.size;
-    }), e;
-  }), u = w(
-    () => h.value.some(
-      (e) => e.error !== void 0 && e.error !== ""
-    )
-  ), G = (e, n, t) => {
-    const s = r.get(e);
-    if (!s) return;
-    const c = s.get(n);
-    if (!c) return;
-    const g = { ...c, error: t };
-    s.set(n, g);
-  }, k = (e, n) => {
-    const t = r.get(e);
-    if (!t) return;
-    const s = t.get(n);
-    if (!s) return;
-    const c = { ...s };
-    delete c.error, t.set(n, c);
-  }, I = (e, n) => {
-    const t = r.get(e);
-    return t ? t.get(n)?.error : void 0;
-  };
-  return {
-    trackChange: o,
-    changes: h,
-    getChangesByRow: f,
-    hasChanges: l,
-    hasChange: a,
-    getChange: m,
-    clearChanges: d,
-    clearRowChanges: v,
-    applyChangesToData: p,
-    changeCount: E,
-    hasErrors: u,
-    setError: G,
-    clearError: k,
-    getError: I,
-    hasError: (e, n) => {
-      const t = I(e, n);
-      return t !== void 0 && t !== "";
-    },
-    onChange: i.on
-  };
-}
-export {
-  W as GAlertDialog,
-  _ as GAppHeader,
-  j as GButton,
-  q as GClipboard,
-  J as GCurrencyInput,
-  Y as GDateInput,
-  X as GDateRangeInput,
-  Z as GDetailList,
-  ee as GDetailListItem,
-  te as GEmailInput,
-  ne as GForm,
-  re as GHamburgerMenu,
-  se as GHistoryScroller,
-  oe as GModal,
-  ae as GOverlay,
-  ue as GPopover,
-  ce as GProgress,
-  ie as GSearch,
-  le as GSelect,
-  ge as GSelectButton,
-  he as GSidebar,
-  de as GSidebarMenu,
-  me as GSubmitButton,
-  fe as GTable,
-  ve as GTableBody,
-  pe as GTablePagination,
-  Ee as GTermSelector,
-  Ge as GTermSelectorControl,
-  we as GTextInput,
-  Ce as GThreeWayToggle,
-  ye as GTreeMenu,
-  be as GUserMenu,
-  Ie as VGtooltip,
-  Me as asArray,
-  Te as calculatePopoverPosition,
-  Se as emptyAsUndefined,
-  Ve as filterAsQuery,
-  ke as filterOmitEmpty,
-  xe as filtersToQueryParams,
-  N as useActiveLinkContent,
-  Le as useFiltering,
-  Be as useForm,
-  De as useFormField,
-  Oe as useOverlayEscape,
-  Ae as useOverlayFocus,
-  Fe as useOverlayStack,
-  Re as useOverlayStackState,
-  Q as useSidebar,
-  $ as useTableChanges
-};
-//# sourceMappingURL=grad-vue.js.map
+import { A as e, B as t, C as n, D as r, E as i, F as a, G as o, H as s, I as c, J as l, K as u, L as d, M as f, N as p, O as m, P as h, Q as g, R as _, S as v, T as y, U as b, V as x, W as S, X as C, Y as w, Z as T, _ as E, a as D, b as O, c as k, d as A, f as j, g as M, h as N, i as P, j as F, k as I, l as L, m as R, n as z, o as B, p as V, q as H, r as U, s as W, t as G, u as K, v as q, w as J, x as Y, y as X, z as Z } from "./grad-vue-V6VDJQTJ.js";
+export { d as GAlertDialog, h as GAppHeader, g as GButton, I as GClipboard, L as GCurrencyInput, W as GDateInput, B as GDateRangeInput, N as GDetailList, R as GDetailListItem, k as GEmailInput, D as GForm, M as GHamburgerMenu, m as GHistoryScroller, E as GModal, V as GOverlay, x as GPopover, _ as GProgress, a as GSearch, c as GSelect, Z as GSelectButton, f as GSidebar, F as GSidebarMenu, P as GSubmitButton, X as GTable, i as GTableBody, q as GTablePagination, A as GTermSelector, j as GTermSelectorControl, H as GTextInput, r as GThreeWayToggle, t as GTooltip, T as GTreeMenu, K as GUserMenu, e as VGtooltip, O as asArray, s as calculatePopoverPosition, Y as emptyAsUndefined, v as filterAsQuery, n as filterOmitEmpty, J as filtersToQueryParams, U as useActiveLinkContent, y as useFiltering, C as useForm, l as useFormField, b as useOverlayEscape, S as useOverlayFocus, o as useOverlayStack, u as useOverlayStackState, z as useSidebar, G as useTableChanges, w as useWebComponentForm, p as useWebComponentSidebar };

package/dist/plugin.d.ts

@@ -1,5 +1,5 @@
 import type { App } from "vue";
-import { GAlertDialog, GAppHeader, GButton, GClipboard, GDetailList, GDetailListItem, GHamburgerMenu, GHistoryScroller, GModal, GOverlay, GPopover, GProgress, GSearch, GSelect, GSelectButton, GSidebar, GSidebarMenu, GTable, GTableBody, GTablePagination, GTextInput, GThreeWayToggle, GTreeMenu, GForm, GSubmitButton, VGtooltipDirective } from "./grad-vue.ts";
+import { GAlertDialog, GAppHeader, GButton, GClipboard, GDetailList, GDetailListItem, GHamburgerMenu, GHistoryScroller, GModal, GOverlay, GPopover, GTooltip, GProgress, GSearch, GSelect, GSelectButton, GSidebar, GSidebarMenu, GTable, GTableBody, GTablePagination, GTextInput, GThreeWayToggle, GTreeMenu, GForm, GSubmitButton, VGtooltipDirective } from "./grad-vue.ts";
 declare const _default: {
     install(app: App): void;
 };
@@ -10,6 +10,7 @@ declare module "vue" {
         GButton: typeof GButton;
         GTextInput: typeof GTextInput;
         GPopover: typeof GPopover;
+        GTooltip: typeof GTooltip;
         GSelectButton: typeof GSelectButton;
         GProgress: typeof GProgress;
         GAlertDialog: typeof GAlertDialog;

package/dist/plugin.js

@@ -1,12 +1,9 @@
-import { V as o, a as n, _ as t, A as G, n as r, r as m, o as c, G as s, q as a, p as l, s as i, t as u, b as g, k as S, B as T, v as b, w as d, x as I, l as _, m as D, j as M, f as y, g as f, y as B, z as C, C as H, D as P, c as v, h as A, d as h, e as x, i as $, u as L } from "./main-D8BC78tE.js";
-import "vue";
-import "@vueuse/core";
-const U = {
-  install(e) {
-    e.directive("gtooltip", o), e.component("GAppHeader", n), e.component("GButton", t), e.component("GTextInput", G), e.component("GPopover", r), e.component("GSelectButton", m), e.component("GProgress", c), e.component("GAlertDialog", s), e.component("GSelect", a), e.component("GSearch", l), e.component("GSidebar", i), e.component("GSidebarMenu", u), e.component("GClipboard", g), e.component("GHistoryScroller", S), e.component("GThreeWayToggle", T), e.component("GTable", b), e.component("GTableBody", d), e.component("GTablePagination", I), e.component("GModal", _), e.component("GOverlay", D), e.component("GHamburgerMenu", M), e.component("GDetailList", y), e.component("GDetailListItem", f), e.component("GTermSelector", B), e.component("GTermSelectorControl", C), e.component("GTreeMenu", H), e.component("GUserMenu", P), e.component("GCurrencyInput", v), e.component("GEmailInput", A), e.component("GDateInput", h), e.component("GDateRangeInput", x), e.component("GForm", $), e.component("GSubmitButton", L);
-  }
-};
-export {
-  U as default
-};
-//# sourceMappingURL=plugin.js.map
+import { A as e, B as t, D as n, E as r, F as i, I as a, L as o, M as s, O as c, P as l, Q as u, R as d, V as f, Z as p, _ as m, a as h, c as g, d as _, f as v, g as y, h as b, i as x, j as S, k as C, l as w, m as T, o as E, p as D, q as O, s as k, u as A, v as j, y as M, z as N } from "./grad-vue-V6VDJQTJ.js";
+//#region src/plugin.ts
+var P = { install(P) {
+	P.directive("gtooltip", e), P.component("GAppHeader", l), P.component("GButton", u), P.component("GTextInput", O), P.component("GPopover", f), P.component("GTooltip", t), P.component("GSelectButton", N), P.component("GProgress", d), P.component("GAlertDialog", o), P.component("GSelect", a), P.component("GSearch", i), P.component("GSidebar", s), P.component("GSidebarMenu", S), P.component("GClipboard", C), P.component("GHistoryScroller", c), P.component("GThreeWayToggle", n), P.component("GTable", M), P.component("GTableBody", r), P.component("GTablePagination", j), P.component("GModal", m), P.component("GOverlay", D), P.component("GHamburgerMenu", y), P.component("GDetailList", b), P.component("GDetailListItem", T), P.component("GTermSelector", _), P.component("GTermSelectorControl", v), P.component("GTreeMenu", p), P.component("GUserMenu", A), P.component("GCurrencyInput", w), P.component("GEmailInput", g), P.component("GDateInput", k), P.component("GDateRangeInput", E), P.component("GForm", h), P.component("GSubmitButton", x);
+} };
+//#endregion
+export { P as default };
+
+//# sourceMappingURL=plugin.js.map

package/dist/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sources":["../src/plugin.ts"],"sourcesContent":["import type { App } from \"vue\";\nimport {\n    GAlertDialog,\n    GAppHeader,\n    GButton,\n    GClipboard,\n    GDetailList,\n    GDetailListItem,\n    GHamburgerMenu,\n    GHistoryScroller,\n    GModal,\n    GOverlay,\n    GPopover,\n    GProgress,\n    GSearch,\n    GSelect,\n    GSelectButton,\n    GSidebar,\n    GSidebarMenu,\n    GTable,\n    GTableBody,\n    GTablePagination,\n    GTextInput,\n    GThreeWayToggle,\n    GTermSelector,\n    GTermSelectorControl,\n    GTreeMenu,\n    GUserMenu,\n    GCurrencyInput,\n    GEmailInput,\n    GDateInput,\n    GDateRangeInput,\n    GForm,\n    GSubmitButton,\n    VGtooltip,\n    VGtooltipDirective,\n} from \"./grad-vue.ts\";\n\n// Export a plugin for installing all components\nexport default {\n    install(app: App) {\n        app.directive(\"gtooltip\", VGtooltip);\n        app.component(\"GAppHeader\", GAppHeader);\n        app.component(\"GButton\", GButton);\n        app.component(\"GTextInput\", GTextInput);\n        app.component(\"GPopover\", GPopover);\n        app.component(\"GSelectButton\", GSelectButton);\n        app.component(\"GProgress\", GProgress);\n        app.component(\"GAlertDialog\", GAlertDialog);\n        app.component(\"GSelect\", GSelect);\n        app.component(\"GSearch\", GSearch);\n        app.component(\"GSidebar\", GSidebar);\n        app.component(\"GSidebarMenu\", GSidebarMenu);\n        app.component(\"GClipboard\", GClipboard);\n        app.component(\"GHistoryScroller\", GHistoryScroller);\n        app.component(\"GThreeWayToggle\", GThreeWayToggle);\n        app.component(\"GTable\", GTable);\n        app.component(\"GTableBody\", GTableBody);\n        app.component(\"GTablePagination\", GTablePagination);\n        app.component(\"GModal\", GModal);\n        app.component(\"GOverlay\", GOverlay);\n        app.component(\"GHamburgerMenu\", GHamburgerMenu);\n        app.component(\"GDetailList\", GDetailList);\n        app.component(\"GDetailListItem\", GDetailListItem);\n        app.component(\"GTermSelector\", GTermSelector);\n        app.component(\"GTermSelectorControl\", GTermSelectorControl);\n        app.component(\"GTreeMenu\", GTreeMenu);\n        app.component(\"GUserMenu\", GUserMenu);\n        app.component(\"GCurrencyInput\", GCurrencyInput);\n        app.component(\"GEmailInput\", GEmailInput);\n        app.component(\"GDateInput\", GDateInput);\n        app.component(\"GDateRangeInput\", GDateRangeInput);\n        app.component(\"GForm\", GForm);\n        app.component(\"GSubmitButton\", GSubmitButton);\n    },\n};\n\ndeclare module \"vue\" {\n    export interface GlobalComponents {\n        GAppHeader: typeof GAppHeader;\n        GButton: typeof GButton;\n        GTextInput: typeof GTextInput;\n        GPopover: typeof GPopover;\n        GSelectButton: typeof GSelectButton;\n        GProgress: typeof GProgress;\n        GAlertDialog: typeof GAlertDialog;\n        GSelect: typeof GSelect;\n        GSearch: typeof GSearch;\n        GSidebar: typeof GSidebar;\n        GSidebarMenu: typeof GSidebarMenu;\n        GClipboard: typeof GClipboard;\n        GHistoryScroller: typeof GHistoryScroller;\n        GThreeWayToggle: typeof GThreeWayToggle;\n        GTable: typeof GTable;\n        GTableBody: typeof GTableBody;\n        GTablePagination: typeof GTablePagination;\n        GModal: typeof GModal;\n        GOverlay: typeof GOverlay;\n        GHamburgerMenu: typeof GHamburgerMenu;\n        GDetailList: typeof GDetailList;\n        GDetailListItem: typeof GDetailListItem;\n        GTreeMenu: typeof GTreeMenu;\n        GForm: typeof GForm;\n        GSubmitButton: typeof GSubmitButton;\n    }\n\n    export interface ComponentCustomProperties {\n        vGtooltip: VGtooltipDirective;\n    }\n}\n"],"names":["plugin","app","VGtooltip","GAppHeader","GButton","GTextInput","GPopover","GSelectButton","GProgress","GAlertDialog","GSelect","GSearch","GSidebar","GSidebarMenu","GClipboard","GHistoryScroller","GThreeWayToggle","GTable","GTableBody","GTablePagination","GModal","GOverlay","GHamburgerMenu","GDetailList","GDetailListItem","GTermSelector","GTermSelectorControl","GTreeMenu","GUserMenu","GCurrencyInput","GEmailInput","GDateInput","GDateRangeInput","GForm","GSubmitButton"],"mappings":";;;AAuCA,MAAAA,IAAe;AAAA,EACX,QAAQC,GAAU;AACd,IAAAA,EAAI,UAAU,YAAYC,CAAS,GACnCD,EAAI,UAAU,cAAcE,CAAU,GACtCF,EAAI,UAAU,WAAWG,CAAO,GAChCH,EAAI,UAAU,cAAcI,CAAU,GACtCJ,EAAI,UAAU,YAAYK,CAAQ,GAClCL,EAAI,UAAU,iBAAiBM,CAAa,GAC5CN,EAAI,UAAU,aAAaO,CAAS,GACpCP,EAAI,UAAU,gBAAgBQ,CAAY,GAC1CR,EAAI,UAAU,WAAWS,CAAO,GAChCT,EAAI,UAAU,WAAWU,CAAO,GAChCV,EAAI,UAAU,YAAYW,CAAQ,GAClCX,EAAI,UAAU,gBAAgBY,CAAY,GAC1CZ,EAAI,UAAU,cAAca,CAAU,GACtCb,EAAI,UAAU,oBAAoBc,CAAgB,GAClDd,EAAI,UAAU,mBAAmBe,CAAe,GAChDf,EAAI,UAAU,UAAUgB,CAAM,GAC9BhB,EAAI,UAAU,cAAciB,CAAU,GACtCjB,EAAI,UAAU,oBAAoBkB,CAAgB,GAClDlB,EAAI,UAAU,UAAUmB,CAAM,GAC9BnB,EAAI,UAAU,YAAYoB,CAAQ,GAClCpB,EAAI,UAAU,kBAAkBqB,CAAc,GAC9CrB,EAAI,UAAU,eAAesB,CAAW,GACxCtB,EAAI,UAAU,mBAAmBuB,CAAe,GAChDvB,EAAI,UAAU,iBAAiBwB,CAAa,GAC5CxB,EAAI,UAAU,wBAAwByB,CAAoB,GAC1DzB,EAAI,UAAU,aAAa0B,CAAS,GACpC1B,EAAI,UAAU,aAAa2B,CAAS,GACpC3B,EAAI,UAAU,kBAAkB4B,CAAc,GAC9C5B,EAAI,UAAU,eAAe6B,CAAW,GACxC7B,EAAI,UAAU,cAAc8B,CAAU,GACtC9B,EAAI,UAAU,mBAAmB+B,CAAe,GAChD/B,EAAI,UAAU,SAASgC,CAAK,GAC5BhC,EAAI,UAAU,iBAAiBiC,CAAa;AAAA,EAChD;AACJ;"}
+{"version":3,"file":"plugin.js","names":[],"sources":["../src/plugin.ts"],"sourcesContent":["import type { App } from \"vue\";\nimport {\n    GAlertDialog,\n    GAppHeader,\n    GButton,\n    GClipboard,\n    GDetailList,\n    GDetailListItem,\n    GHamburgerMenu,\n    GHistoryScroller,\n    GModal,\n    GOverlay,\n    GPopover,\n    GTooltip,\n    GProgress,\n    GSearch,\n    GSelect,\n    GSelectButton,\n    GSidebar,\n    GSidebarMenu,\n    GTable,\n    GTableBody,\n    GTablePagination,\n    GTextInput,\n    GThreeWayToggle,\n    GTermSelector,\n    GTermSelectorControl,\n    GTreeMenu,\n    GUserMenu,\n    GCurrencyInput,\n    GEmailInput,\n    GDateInput,\n    GDateRangeInput,\n    GForm,\n    GSubmitButton,\n    VGtooltip,\n    VGtooltipDirective,\n} from \"./grad-vue.ts\";\n\n// Export a plugin for installing all components\nexport default {\n    install(app: App) {\n        app.directive(\"gtooltip\", VGtooltip);\n        app.component(\"GAppHeader\", GAppHeader);\n        app.component(\"GButton\", GButton);\n        app.component(\"GTextInput\", GTextInput);\n        app.component(\"GPopover\", GPopover);\n        app.component(\"GTooltip\", GTooltip);\n        app.component(\"GSelectButton\", GSelectButton);\n        app.component(\"GProgress\", GProgress);\n        app.component(\"GAlertDialog\", GAlertDialog);\n        app.component(\"GSelect\", GSelect);\n        app.component(\"GSearch\", GSearch);\n        app.component(\"GSidebar\", GSidebar);\n        app.component(\"GSidebarMenu\", GSidebarMenu);\n        app.component(\"GClipboard\", GClipboard);\n        app.component(\"GHistoryScroller\", GHistoryScroller);\n        app.component(\"GThreeWayToggle\", GThreeWayToggle);\n        app.component(\"GTable\", GTable);\n        app.component(\"GTableBody\", GTableBody);\n        app.component(\"GTablePagination\", GTablePagination);\n        app.component(\"GModal\", GModal);\n        app.component(\"GOverlay\", GOverlay);\n        app.component(\"GHamburgerMenu\", GHamburgerMenu);\n        app.component(\"GDetailList\", GDetailList);\n        app.component(\"GDetailListItem\", GDetailListItem);\n        app.component(\"GTermSelector\", GTermSelector);\n        app.component(\"GTermSelectorControl\", GTermSelectorControl);\n        app.component(\"GTreeMenu\", GTreeMenu);\n        app.component(\"GUserMenu\", GUserMenu);\n        app.component(\"GCurrencyInput\", GCurrencyInput);\n        app.component(\"GEmailInput\", GEmailInput);\n        app.component(\"GDateInput\", GDateInput);\n        app.component(\"GDateRangeInput\", GDateRangeInput);\n        app.component(\"GForm\", GForm);\n        app.component(\"GSubmitButton\", GSubmitButton);\n    },\n};\n\ndeclare module \"vue\" {\n    export interface GlobalComponents {\n        GAppHeader: typeof GAppHeader;\n        GButton: typeof GButton;\n        GTextInput: typeof GTextInput;\n        GPopover: typeof GPopover;\n        GTooltip: typeof GTooltip;\n        GSelectButton: typeof GSelectButton;\n        GProgress: typeof GProgress;\n        GAlertDialog: typeof GAlertDialog;\n        GSelect: typeof GSelect;\n        GSearch: typeof GSearch;\n        GSidebar: typeof GSidebar;\n        GSidebarMenu: typeof GSidebarMenu;\n        GClipboard: typeof GClipboard;\n        GHistoryScroller: typeof GHistoryScroller;\n        GThreeWayToggle: typeof GThreeWayToggle;\n        GTable: typeof GTable;\n        GTableBody: typeof GTableBody;\n        GTablePagination: typeof GTablePagination;\n        GModal: typeof GModal;\n        GOverlay: typeof GOverlay;\n        GHamburgerMenu: typeof GHamburgerMenu;\n        GDetailList: typeof GDetailList;\n        GDetailListItem: typeof GDetailListItem;\n        GTreeMenu: typeof GTreeMenu;\n        GForm: typeof GForm;\n        GSubmitButton: typeof GSubmitButton;\n    }\n\n    export interface ComponentCustomProperties {\n        vGtooltip: VGtooltipDirective;\n    }\n}\n"],"mappings":";;AAwCA,IAAA,IAAe,EACX,QAAQ,GAAU;AAkCd,CAjCA,EAAI,UAAU,YAAY,EAAU,EACpC,EAAI,UAAU,cAAc,EAAW,EACvC,EAAI,UAAU,WAAW,EAAQ,EACjC,EAAI,UAAU,cAAc,EAAW,EACvC,EAAI,UAAU,YAAY,EAAS,EACnC,EAAI,UAAU,YAAY,EAAS,EACnC,EAAI,UAAU,iBAAiB,EAAc,EAC7C,EAAI,UAAU,aAAa,EAAU,EACrC,EAAI,UAAU,gBAAgB,EAAa,EAC3C,EAAI,UAAU,WAAW,EAAQ,EACjC,EAAI,UAAU,WAAW,EAAQ,EACjC,EAAI,UAAU,YAAY,EAAS,EACnC,EAAI,UAAU,gBAAgB,EAAa,EAC3C,EAAI,UAAU,cAAc,EAAW,EACvC,EAAI,UAAU,oBAAoB,EAAiB,EACnD,EAAI,UAAU,mBAAmB,EAAgB,EACjD,EAAI,UAAU,UAAU,EAAO,EAC/B,EAAI,UAAU,cAAc,EAAW,EACvC,EAAI,UAAU,oBAAoB,EAAiB,EACnD,EAAI,UAAU,UAAU,EAAO,EAC/B,EAAI,UAAU,YAAY,EAAS,EACnC,EAAI,UAAU,kBAAkB,EAAe,EAC/C,EAAI,UAAU,eAAe,EAAY,EACzC,EAAI,UAAU,mBAAmB,EAAgB,EACjD,EAAI,UAAU,iBAAiB,EAAc,EAC7C,EAAI,UAAU,wBAAwB,EAAqB,EAC3D,EAAI,UAAU,aAAa,EAAU,EACrC,EAAI,UAAU,aAAa,EAAU,EACrC,EAAI,UAAU,kBAAkB,EAAe,EAC/C,EAAI,UAAU,eAAe,EAAY,EACzC,EAAI,UAAU,cAAc,EAAW,EACvC,EAAI,UAAU,mBAAmB,EAAgB,EACjD,EAAI,UAAU,SAAS,EAAM,EAC7B,EAAI,UAAU,iBAAiB,EAAc;GAEpD"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@illinois-grad/grad-vue",
-    "version": "2.4.2",
+    "version": "2.5.1",
     "description": "Shared Vue.js components for Graduate College apps.",
     "keywords": [
         "vue",
@@ -24,15 +24,27 @@
         "./plugin": {
             "import": "./dist/plugin.js"
         },
+        "./grad-vue-elements": {
+            "import": "./dist/grad-vue-elements.js"
+        },
+        "./grad-vue-elements.css": {
+            "import": "./dist/grad-vue-elements.css"
+        },
         "./grad-vue.css": {
             "import": "./dist/grad-vue.css"
+        },
+        "./custom-elements": {
+            "types": "./dist/custom-elements.d.ts"
         }
     },
+    "customElements": "custom-elements.json",
     "files": [
-        "dist"
+        "dist",
+        "custom-elements.json"
     ],
     "scripts": {
-        "build": "vite build && vue-tsc --emitDeclarationOnly"
+        "build": "node --experimental-strip-types ../../scripts/experimental/generate-custom-element-types.ts && vite build && vite build --config vite.web-components.config.ts && vue-tsc --emitDeclarationOnly",
+        "build:elements": "vite build --config vite.web-components.config.ts"
     },
     "dependencies": {
         "@vueuse/core": "^14",

package/dist/grad-vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"grad-vue.js","sources":["../src/compose/useActiveLink.ts","../src/compose/useSidebar.ts","../src/compose/useTableChanges.ts"],"sourcesContent":["import { unrefElement, useIntersectionObserver, useMutationObserver } from \"@vueuse/core\";\nimport { ref, Ref } from \"vue\";\n\n/**\n * Monitor a list of elements' intersection with the viewport to update active links.\n *\n * This updates the activeLink store with the active content's ID for use in menus.\n *\n * @param element Children of this element will be observed\n * @param topOffset Offset from the top of the window to consider not visible\n * @param activeId Ref to store the active element ID\n */\nexport function useActiveLinkContent(\n    element: Ref<HTMLElement | null>,\n    topOffset: number,\n    activeId: Ref<string>,\n) {\n    const thresholds = [0, 0.25, 0.5, 0.75, 1];\n    const rootMargin = `${-topOffset}px 0px 0px 0px`;\n    // Track most visible section in viewport\n    const visibility = new Map<Element, number>();\n\n    // Get the children elements to observe\n    const elements = ref<HTMLElement[]>(\n        Array.from(unrefElement(element)?.children || []) as HTMLElement[],\n    );\n\n    // To maintain reactivity, observe for changes in child elements.\n    // This works better with Nuxt's rendering than passing an array of refs.\n    useMutationObserver(\n        element,\n        () => {\n            elements.value = Array.from(\n                unrefElement(element)?.children || [],\n            ) as HTMLElement[];\n        },\n        { childList: true },\n    );\n\n    const { stop } = useIntersectionObserver(\n        elements,\n        (entries) => {\n            const lastElement = elements.value[elements.value.length - 1];\n\n            for (const entry of entries) {\n                // Use intersection ratio as visibility score\n                // Round up to 2 decimal places since it can sometimes be 0.99x\n                // when jumping to it with anchor links.\n                visibility.set(\n                    entry.target,\n                    entry.isIntersecting ? Math.ceil(100 * entry.intersectionRatio)/100 : 0,\n                );\n                if (\n                    entry.target === lastElement &&\n                    entry.intersectionRatio === 1\n                ) {\n                    // If last element is fully visible, prioritize that\n                    visibility.set(entry.target, Number.POSITIVE_INFINITY);\n                }\n            }\n            // Pick the element with highest visibility\n            let bestEl: Element | null = null;\n            let bestScore = 0;\n            for (const el of visibility.keys()) {\n                const score = visibility.get(el) || 0;\n                if (score <= bestScore) {\n                    continue;\n                }\n                const rect = (el as HTMLElement).getBoundingClientRect();\n                bestEl = el;\n                bestScore = score;\n            }\n            if (bestEl instanceof HTMLElement) {\n                activeId.value = bestEl.id;\n            } else {\n                activeId.value = \"\";\n            }\n        },\n        {\n            threshold: thresholds,\n            root: null,\n            rootMargin,\n            immediate: true,\n        },\n    );\n\n    return { stop };\n}\n","import { onBeforeUnmount, onMounted, Ref, ref, useId, watch } from \"vue\";\nimport { useMediaQuery } from \"@vueuse/core\";\n\n/**\n * Composable to manage sidebar state and link components together.\n *\n * @param breakpoint Media query string for when the sidebar should be collapsible\n */\nexport function useSidebar(\n    breakpoint: Ref<string> | string = \"(max-width: 800px)\",\n) {\n    const id = useId();\n    const open = ref(false);\n    const isCollapsible: Ref<boolean> = useMediaQuery(breakpoint, {\n        ssrWidth: 1000\n    });\n\n    function onDocumentClick(e: MouseEvent) {\n        if (!isCollapsible.value || !open.value) {\n            return;\n        }\n        const target = e.target as HTMLElement;\n        const sidebarEl = document.getElementById(`${id}-sidebar`);\n        if (!sidebarEl) {\n            return;\n        }\n        if (sidebarEl.contains(target)) {\n            return;\n        }\n        // Very slight delay means if they click the menu button to close it,\n        // it won't re-open\n        setTimeout(() => {\n            open.value = false;\n        }, 5);\n    }\n    function onDocumentFocus(e: FocusEvent) {\n        if (!isCollapsible.value || !open.value) {\n            return;\n        }\n        const target = e.target as HTMLElement;\n        const sidebarEl = document.getElementById(`${id}-sidebar`);\n        const hamburgerEl = document.getElementById(`${id}-hamburger`);\n        if (!sidebarEl) {\n            return;\n        }\n        if (sidebarEl.contains(target) || hamburgerEl?.contains(target)) {\n            return;\n        }\n        // Very slight delay means if they click the menu button to close it,\n        // it won't re-open\n        setTimeout(() => {\n            open.value = false;\n        }, 5);\n    }\n\n    onMounted(() => {\n        watch(\n            isCollapsible,\n            (val) => {\n                if (val) {\n                    document.addEventListener(\"mousedown\", onDocumentClick);\n                    document.addEventListener(\"focusin\", onDocumentFocus);\n                } else {\n                    document.removeEventListener(\"mousedown\", onDocumentClick);\n                    document.removeEventListener(\"focusin\", onDocumentFocus);\n                }\n            },\n            { immediate: true },\n        );\n    });\n\n    onBeforeUnmount(() => {\n        document.removeEventListener(\"mousedown\", onDocumentClick);\n        document.removeEventListener(\"focusin\", onDocumentFocus);\n    });\n\n    return {\n        id,\n        open,\n        isCollapsible,\n        toggle: () => (open.value = !open.value),\n    };\n}\n","import { computed, ComputedRef, shallowReactive } from \"vue\";\nimport { TableColumn, TableRow } from \"../components/table/TableColumn.ts\";\nimport { createEventHook, EventHook, EventHookOn } from \"@vueuse/core\";\n\nexport type ColumnKey<R extends TableRow> = Extract<keyof R, string>;\n\n/**\n * Represents a single cell change in the table\n */\nexport interface CellChange<\n    R extends TableRow = TableRow,\n    K extends ColumnKey<R> = ColumnKey<R>,\n> {\n    rowKey: string;\n    columnKey: K;\n    row: R;\n    /**\n     * Represents the original value before user changes.\n     */\n    previousValue: R[K];\n    /**\n     * New value from the change. This will be null in events\n     * if the new value is the same as the original.\n     */\n    newValue: R[K];\n    error?: string;\n}\n\nexport interface CellChangeEvent<\n    R extends TableRow = TableRow,\n    K extends ColumnKey<R> = ColumnKey<R>,\n> {\n    rowKey: string;\n    columnKey: K;\n    row: R;\n    previousValue: R[K];\n    newValue: R[K] | null;\n    error?: string;\n}\n\n/**\n * Payload for the `trackChange` function\n */\nexport interface CellChangePayload<\n    T extends TableRow = TableRow,\n    K extends ColumnKey<T> = ColumnKey<T>,\n> {\n    row: T;\n    column: TableColumn<T, K>;\n    value: T[K];\n    previousValue: T[K];\n}\n\n/**\n * Map of changes organized by row key and column key\n */\nexport type ChangeMap<T extends TableRow> = Map<\n    string,\n    Map<ColumnKey<T>, CellChange<T>>\n>;\n\n/**\n * Return type for the useTableChanges composable\n */\nexport interface UseTableChangesReturn<T extends TableRow> {\n    /**\n     * Track a change to a cell\n     */\n    trackChange: <K extends ColumnKey<T>>(payload: CellChangePayload<T, K>) => void;\n\n    /**\n     * Reactive array of all current changes\n     */\n    changes: ComputedRef<CellChange<T>[]>;\n\n    /**\n     * Get changes organized by row\n     */\n    getChangesByRow: () => Map<string, Partial<T>>;\n\n    /**\n     * Reactive flag indicating whether there are any changes\n     */\n    hasChanges: ComputedRef<boolean>;\n\n    /**\n     * Check if a specific cell has changes\n     */\n    hasChange: <K extends ColumnKey<T>>(rowKey: string, columnKey: K) => boolean;\n\n    /**\n     * Get the changed value for a specific cell, or undefined if no change\n     */\n    getChange: <K extends ColumnKey<T>>(\n        rowKey: string,\n        columnKey: K,\n    ) => T[K] | undefined;\n\n    /**\n     * Clear all tracked changes\n     */\n    clearChanges: () => void;\n\n    /**\n     * Clear changes for a specific row\n     */\n    clearRowChanges: (rowKey: string) => void;\n\n    /**\n     * Apply tracked changes to a new dataset (for merging with updated data)\n     */\n    applyChangesToData: (data: T[]) => T[];\n\n    /**\n     * Reactive count of changed cells\n     */\n    changeCount: ComputedRef<number>;\n\n    /**\n     * Reactive flag indicating whether any cell has an error\n     */\n    hasErrors: ComputedRef<boolean>;\n\n    /**\n     * Set an error message for a specific cell\n     */\n    setError: <K extends ColumnKey<T>>(\n        rowKey: string,\n        columnKey: K,\n        error: string,\n    ) => void;\n\n    /**\n     * Clear the error for a specific cell\n     */\n    clearError: <K extends ColumnKey<T>>(rowKey: string, columnKey: K) => void;\n\n    /**\n     * Get the error message for a specific cell, or undefined if no error\n     */\n    getError: <K extends ColumnKey<T>>(\n        rowKey: string,\n        columnKey: K,\n    ) => string | undefined;\n\n    /**\n     * Check if a specific cell has an error\n     */\n    hasError: <K extends ColumnKey<T>>(rowKey: string, columnKey: K) => boolean;\n\n    /**\n     * Event emitted when a cell changes.\n     *\n     * `newValue` will be null if the cell's value is the same as the original.\n     */\n    onChange: EventHookOn<CellChangeEvent<T>>;\n}\n\n/**\n * Composable for tracking changes to table data\n *\n * This composable helps manage user edits to table data by:\n * - Tracking which cells have been modified\n * - Storing both old and new values\n * - Providing methods to retrieve just the changes (not full data)\n * - Allowing changes to be applied to updated data for real-time syncing\n *\n * @example\n * ```typescript\n * const changes = useTableChanges<ProductRow>();\n *\n * // Track a change when user edits a cell\n * function handleCellChange(row, column, newValue) {\n *   changes.trackChange({\n *     row,\n *     column,\n *     value: newValue,\n *     previousValue: row[column.key],\n *   });\n * }\n *\n * // Get all changes to submit\n * const changedData = changes.changes.value;\n * await api.updateProducts(changedData);\n *\n * // Apply user changes to fresh data from server\n * const freshData = await api.getProducts();\n * const mergedData = changes.applyChangesToData(freshData);\n * ```\n */\nexport function useTableChanges<\n    T extends TableRow,\n>(): UseTableChangesReturn<T> {\n    // Store changes in a reactive map: rowKey -> columnKey -> CellChange\n    const changeMap = shallowReactive<ChangeMap<T>>(new Map());\n\n    const changeEvent = createEventHook<CellChangeEvent<T>>();\n\n    /**\n     * Track a change to a specific cell\n     */\n    const trackChange = <K extends ColumnKey<T>>(\n        payload: CellChangePayload<T, K>,\n    ) => {\n        const colKey: K = payload.column.key;\n        const rowKey = payload.row.key;\n        const newValue: T[K] = payload.value;\n        const previousValue: T[K] = payload.previousValue;\n\n        if (!changeMap.has(rowKey)) {\n            changeMap.set(\n                rowKey,\n                shallowReactive(new Map<ColumnKey<T>, CellChange<T>>()),\n            );\n        }\n\n        const rowChanges = changeMap.get(\n            rowKey,\n        )!;\n\n        // If there's already a change for this cell, preserve the original previousValue\n        const existingChange = rowChanges.get(colKey);\n        const originalpreviousValue: T[K] = (existingChange\n            ? existingChange.previousValue\n            : previousValue) as T[K];\n        const existingError = existingChange?.error;\n\n        // If the new value equals the original value, remove the change\n        if (newValue === originalpreviousValue) {\n            rowChanges.delete(colKey);\n            // Clean up empty row maps\n            if (rowChanges.size === 0) {\n                changeMap.delete(rowKey);\n            }\n            // null newValue means the value was reverted to the original\n            changeEvent.trigger({\n                rowKey,\n                columnKey: colKey,\n                row: payload.row,\n                previousValue: originalpreviousValue,\n                newValue: null,\n            });\n        } else {\n            // Store or update the change, preserving error if it exists\n            const updatedChange: CellChange<T, K> = {\n                rowKey,\n                columnKey: colKey,\n                row: payload.row,\n                previousValue: originalpreviousValue,\n                newValue,\n            };\n\n            // Preserve error if it exists\n            if (existingError !== undefined) {\n                updatedChange.error = existingError;\n            }\n\n            rowChanges.set(colKey, updatedChange);\n            changeEvent.trigger(updatedChange);\n        }\n    };\n\n    const changes = computed(() => {\n        const result: CellChange<T>[] = [];\n        changeMap.forEach((rowChanges) => {\n            rowChanges.forEach((change) => {\n                result.push({ ...change });\n            });\n        });\n        return result;\n    });\n\n    /**\n     * Get changes organized by row key\n     * Returns a map of rowKey -> object with changed fields\n     */\n    const getChangesByRow = (): Map<string, Partial<T>> => {\n        const result = new Map<string, Partial<T>>();\n        changeMap.forEach((rowChanges, rowKey) => {\n            const rowData: Partial<T> = { key: rowKey } as Partial<T>;\n            rowChanges.forEach((change, columnKey) => {\n                rowData[columnKey] = change.newValue;\n            });\n            result.set(rowKey, rowData);\n        });\n        return result;\n    };\n\n    const hasChanges = computed<boolean>(() => changeMap.size > 0);\n\n    /**\n     * Check if a specific cell has changes\n     */\n    const hasChange = <K extends ColumnKey<T>>(\n        rowKey: string,\n        columnKey: K,\n    ): boolean => {\n        const rowChanges = changeMap.get(rowKey);\n        if (!rowChanges) return false;\n        return rowChanges.has(columnKey);\n    };\n\n    /**\n     * Get the changed value for a specific cell\n     */\n    const getChange = <K extends ColumnKey<T>>(\n        rowKey: string,\n        columnKey: K,\n    ): T[K] | undefined => {\n        const rowChanges = changeMap.get(rowKey);\n        if (!rowChanges) return undefined;\n        const change = rowChanges.get(columnKey);\n        return change?.newValue as T[K] | undefined;\n    };\n\n    /**\n     * Clear all tracked changes\n     */\n    const clearChanges = () => {\n        changeMap.clear();\n    };\n\n    /**\n     * Clear changes for a specific row\n     */\n    const clearRowChanges = (rowKey: string) => {\n        changeMap.delete(rowKey);\n    };\n\n    /**\n     * Apply tracked changes to a new dataset\n     * This is useful when you have fresh data from the server but want to preserve user edits\n     */\n    const applyChangesToData = (data: T[]): T[] => {\n        return data.map((row) => {\n            const rowChanges = changeMap.get(row.key);\n            if (!rowChanges || rowChanges.size === 0) {\n                return row;\n            }\n\n            // Create a new object with the row data and apply changes\n            const updatedRow = { ...row };\n            rowChanges.forEach((change, columnKey) => {\n                updatedRow[columnKey] = change.newValue;\n            });\n\n            return updatedRow;\n        });\n    };\n\n    const changeCount = computed<number>(() => {\n        let count = 0;\n        changeMap.forEach((rowChanges) => {\n            count += rowChanges.size;\n        });\n        return count;\n    });\n\n    const hasErrors = computed<boolean>(() =>\n        changes.value.some(\n            (change) => change.error !== undefined && change.error !== \"\",\n        ),\n    );\n\n    /**\n     * Set an error message for a specific cell\n     */\n    const setError = <K extends ColumnKey<T>>(\n        rowKey: string,\n        columnKey: K,\n        error: string,\n    ) => {\n        const rowChanges = changeMap.get(rowKey);\n        if (!rowChanges) return;\n\n        const change = rowChanges.get(columnKey);\n        if (!change) return;\n\n        // With shallowReactive(Map), mutating nested objects won't trigger updates.\n        // Replace the map entry so Vue can observe the change.\n        const updatedChange: CellChange<T> = { ...change, error };\n        rowChanges.set(columnKey, updatedChange);\n    };\n\n    /**\n     * Clear the error for a specific cell\n     */\n    const clearError = <K extends ColumnKey<T>>(\n        rowKey: string,\n        columnKey: K,\n    ) => {\n        const rowChanges = changeMap.get(rowKey);\n        if (!rowChanges) return;\n\n        const change = rowChanges.get(columnKey);\n        if (!change) return;\n\n        // Replace the map entry so Vue can observe the change.\n        const updatedChange: CellChange<T> = { ...change };\n        delete updatedChange.error;\n        rowChanges.set(columnKey, updatedChange);\n    };\n\n    /**\n     * Get the error message for a specific cell\n     */\n    const getError = <K extends ColumnKey<T>>(\n        rowKey: string,\n        columnKey: K,\n    ): string | undefined => {\n        const rowChanges = changeMap.get(rowKey);\n        if (!rowChanges) return undefined;\n\n        const change = rowChanges.get(columnKey);\n        return change?.error;\n    };\n\n    /**\n     * Check if a specific cell has an error\n     */\n    const hasError = <K extends ColumnKey<T>>(\n        rowKey: string,\n        columnKey: K,\n    ): boolean => {\n        const error = getError(rowKey, columnKey);\n        return error !== undefined && error !== \"\";\n    };\n\n    return {\n        trackChange,\n        changes,\n        getChangesByRow,\n        hasChanges,\n        hasChange,\n        getChange,\n        clearChanges,\n        clearRowChanges,\n        applyChangesToData,\n        changeCount,\n        hasErrors,\n        setError,\n        clearError,\n        getError,\n        hasError,\n        onChange: changeEvent.on,\n    };\n}\n"],"names":["useActiveLinkContent","element","topOffset","activeId","thresholds","rootMargin","visibility","elements","ref","unrefElement","useMutationObserver","stop","useIntersectionObserver","entries","lastElement","entry","bestEl","bestScore","el","score","useSidebar","breakpoint","id","useId","open","isCollapsible","useMediaQuery","onDocumentClick","e","target","sidebarEl","onDocumentFocus","hamburgerEl","onMounted","watch","val","onBeforeUnmount","useTableChanges","changeMap","shallowReactive","changeEvent","createEventHook","trackChange","payload","colKey","rowKey","newValue","previousValue","rowChanges","existingChange","originalpreviousValue","existingError","updatedChange","changes","computed","result","change","getChangesByRow","rowData","columnKey","hasChanges","hasChange","getChange","clearChanges","clearRowChanges","applyChangesToData","data","row","updatedRow","changeCount","count","hasErrors","setError","error","clearError","getError"],"mappings":"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"}