@illinois-grad/grad-vue 2.3.2 → 2.3.3

package/dist/{main-BKw4zajF.js → main-8xPutD6u.js}

@@ -1,4 +1,4 @@
-import { defineComponent as T, useSlots as Me, useAttrs as Xe, computed as x, createBlock as q, openBlock as u, resolveDynamicComponent as fe, mergeProps as ae, unref as f, withCtx as U, createElementBlock as v, renderSlot as P, Fragment as F, createElementVNode as n, normalizeClass as G, inject as be, onMounted as re, onBeforeUnmount as de, createCommentVNode as M, renderList as Z, createTextVNode as N, toDisplayString as C, mergeModels as H, useModel as j, useId as Y, toRef as $e, ref as B, createVNode as W, shallowRef as Oe, watch as Q, toValue as Ie, nextTick as J, useTemplateRef as ge, Transition as _e, normalizeStyle as ce, onBeforeMount as Ue, Teleport as je, withDirectives as we, withModifiers as ue, vShow as et, getCurrentInstance as Ne, watchEffect as De, reactive as tt, toRaw as We, vModelCheckbox as Fe, normalizeProps as lt, guardReactiveProps as at, shallowReactive as ot, provide as st } from "vue";
+import { defineComponent as T, useSlots as Me, useAttrs as Xe, computed as x, createBlock as q, openBlock as u, resolveDynamicComponent as fe, mergeProps as ae, unref as f, withCtx as U, createElementBlock as v, renderSlot as P, Fragment as F, createElementVNode as n, normalizeClass as G, inject as be, onMounted as ie, onBeforeUnmount as ce, createCommentVNode as M, renderList as Z, createTextVNode as N, toDisplayString as C, mergeModels as H, useModel as j, useId as Y, toRef as $e, ref as B, createVNode as W, shallowRef as Oe, watch as Q, toValue as Ie, nextTick as J, useTemplateRef as ge, Transition as _e, normalizeStyle as ve, onBeforeMount as Ue, Teleport as je, withDirectives as we, withModifiers as de, vShow as et, getCurrentInstance as Ne, watchEffect as De, reactive as tt, toRaw as We, vModelCheckbox as Fe, normalizeProps as lt, guardReactiveProps as at, shallowReactive as ot, provide as st } from "vue";
 import { toArray as nt, unrefElement as rt, tryOnScopeDispose as it, useFocusWithin as ut, useDebounceFn as dt, useClipboard as ct, useResizeObserver as Pe } from "@vueuse/core";
 import { createFocusTrap as vt } from "focus-trap";
 const ft = { class: "g-btn--icon" }, gt = { class: "g-btn--label" }, ne = /* @__PURE__ */ T({
@@ -75,13 +75,13 @@ function Ce(e) {
     const s = [];
     return e.errors && s.push(...e.errors.value.filter(Boolean)), s;
   }), a = x(() => t.value.length > 0), o = e.name;
-  return l && o && (re(() => {
+  return l && o && (ie(() => {
     l.registerField(o, {
       name: o,
       value: e.value,
       errors: t
     });
-  }), de(() => {
+  }), ce(() => {
     e.name && l.unregisterField(e.name);
   })), {
     displayErrors: t,
@@ -266,7 +266,7 @@ function xe(e, l = !1, t = !1) {
     const p = d.value.indexOf(e);
     return p === -1 ? 0 : (l ? 200 : 100) + p;
   });
-  return de(c), { push: r, pop: c, isTop: g, zIndex: m };
+  return ce(c), { push: r, pop: c, isTop: g, zIndex: m };
 }
 function _t() {
   if (!document)
@@ -361,9 +361,9 @@ function Te(e, l, t, a, o) {
       console.error(r);
     }));
   }
-  re(() => {
+  ie(() => {
     document.addEventListener("mousedown", s), document.addEventListener("keydown", i);
-  }), de(() => {
+  }), ce(() => {
     document.removeEventListener("mousedown", s), document.removeEventListener("keydown", i), o();
   });
 }
@@ -403,10 +403,10 @@ const Lt = { class: "g-popover-wrap" }, St = ["id"], It = ["aria-labelledby"], M
     function K() {
       if (!s.value || !i.value)
         return;
-      const O = s.value.getBoundingClientRect(), X = i.value.getBoundingClientRect(), R = window.innerWidth - document.documentElement.clientWidth, te = window.innerWidth - R, ee = new DOMRect(0, 0, te, window.innerHeight), { top: se, left: $, xOffset: V, placedAbove: k, overlay: D } = Ze(O, X, ee, {
+      const O = s.value.getBoundingClientRect(), X = i.value.getBoundingClientRect(), R = window.innerWidth - document.documentElement.clientWidth, te = window.innerWidth - R, ee = new DOMRect(0, 0, te, window.innerHeight), { top: se, left: _, xOffset: V, placedAbove: k, overlay: D } = Ze(O, X, ee, {
         gap: t.minimal ? 0 : 8
       });
-      y.value = { top: se, left: $ }, h.value = {
+      y.value = { top: se, left: _ }, h.value = {
         left: `${X.width / 2 - V}px`,
         top: k ? "auto" : void 0,
         bottom: k ? "-8px" : void 0
@@ -418,7 +418,7 @@ const Lt = { class: "g-popover-wrap" }, St = ["id"], It = ["aria-labelledby"], M
           () => K()
         ), I.observe(i.value));
       }) : (window.removeEventListener("resize", K), I && I.disconnect());
-    }), de(() => {
+    }), ce(() => {
       window.removeEventListener("resize", K), I && I.disconnect();
     }), (O, X) => (u(), v("div", Lt, [
       n("div", {
@@ -447,7 +447,7 @@ const Lt = { class: "g-popover-wrap" }, St = ["id"], It = ["aria-labelledby"], M
             role: "dialog",
             "aria-modal": "true",
             "aria-labelledby": `${f(d)}-trigger`,
-            style: ce({
+            style: ve({
               top: y.value.top + "px",
               left: y.value.left + "px",
               zIndex: f(m)
@@ -456,7 +456,7 @@ const Lt = { class: "g-popover-wrap" }, St = ["id"], It = ["aria-labelledby"], M
             !w.value && !e.minimal ? (u(), v("div", {
               key: 0,
               class: G(["g-popover-arrow", { "g-popover-arrow-above": A.value }]),
-              style: ce(h.value),
+              style: ve(h.value),
               "aria-hidden": "true"
             }, null, 6)) : M("", !0),
             P(O.$slots, "default", {}, void 0, !0),
@@ -643,7 +643,7 @@ const Lt = { class: "g-popover-wrap" }, St = ["id"], It = ["aria-labelledby"], M
     function L() {
       a("cancel");
     }
-    return Te([o], c, s, L, d), re(() => {
+    return Te([o], c, s, L, d), ie(() => {
       r(), p();
     }), Ue(() => {
       d(), m();
@@ -662,7 +662,7 @@ const Lt = { class: "g-popover-wrap" }, St = ["id"], It = ["aria-labelledby"], M
             "aria-describedby": "alertdialog-description-" + f(i),
             ref_key: "dialog",
             ref: o,
-            style: ce({ zIndex: f(g) })
+            style: ve({ zIndex: f(g) })
           }, [
             n("div", Ut, [
               n("h2", {
@@ -730,13 +730,13 @@ const Lt = { class: "g-popover-wrap" }, St = ["id"], It = ["aria-labelledby"], M
       value: o,
       errors: $e(t, "errors")
     }), h = B("below"), A = B(null), w = x(() => {
-      const _ = {};
-      return A.value !== null && (_.maxHeight = `${A.value}px`), h.value === "above" ? (_.top = "auto", _.bottom = "100%") : (_.top = "100%", _.bottom = "auto"), _;
+      const $ = {};
+      return A.value !== null && ($.maxHeight = `${A.value}px`), h.value === "above" ? ($.top = "auto", $.bottom = "100%") : ($.top = "100%", $.bottom = "auto"), $;
     });
     function I() {
       if (!r.value || !i.value)
         return;
-      const _ = i.value.getBoundingClientRect(), E = window.innerHeight - _.bottom, le = _.top, ie = d.value?.scrollHeight ?? 200, Le = Math.min(200, ie), Se = 8;
+      const $ = i.value.getBoundingClientRect(), E = window.innerHeight - $.bottom, le = $.top, ue = d.value?.scrollHeight ?? 200, Le = Math.min(200, ue), Se = 8;
       if (E >= Le) {
         h.value = "below", A.value = Math.max(0, Math.floor(E - Se));
         return;
@@ -751,49 +751,49 @@ const Lt = { class: "g-popover-wrap" }, St = ["id"], It = ["aria-labelledby"], M
     function O() {
       if (K)
         return;
-      const _ = () => {
+      const $ = () => {
         I();
       };
-      window.addEventListener("resize", _, { passive: !0 }), window.addEventListener("scroll", _, {
+      window.addEventListener("resize", $, { passive: !0 }), window.addEventListener("scroll", $, {
         passive: !0,
         capture: !0
       }), K = () => {
-        window.removeEventListener("resize", _), window.removeEventListener("scroll", _, !0), K = null;
+        window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0), K = null;
       };
     }
     function X() {
       K && K();
     }
-    const R = x(() => t.options.map((_) => typeof _ == "string" ? { label: _, value: _ } : _)), te = B(""), ee = x(() => {
+    const R = x(() => t.options.map(($) => typeof $ == "string" ? { label: $, value: $ } : $)), te = B(""), ee = x(() => {
       if (!t.searchable || !r.value || !te.value)
         return R.value;
-      const _ = te.value.toLowerCase();
+      const $ = te.value.toLowerCase();
       return R.value.filter(
-        (E) => E.label.toLowerCase().includes(_)
+        (E) => E.label.toLowerCase().includes($)
       );
-    }), se = x(() => ee.value.findIndex((_) => _.value === o.value));
+    }), se = x(() => ee.value.findIndex(($) => $.value === o.value));
     Q(
       () => o.value,
-      (_) => {
-        const E = ee.value.findIndex((le) => le.value === _);
+      ($) => {
+        const E = ee.value.findIndex((le) => le.value === $);
         E !== -1 && (c.value = E);
       }
-    ), Q(r, (_) => {
-      _ ? p() : L();
-    }), Q(r, (_) => {
-      _ ? (O(), J(() => {
+    ), Q(r, ($) => {
+      $ ? p() : L();
+    }), Q(r, ($) => {
+      $ ? (O(), J(() => {
         I();
       })) : (X(), h.value = "below", A.value = null);
     });
-    function $() {
+    function _() {
       if (!t.disabled && (r.value = !0, J(() => {
         I();
       }), t.searchable)) {
         te.value = "";
-        const _ = ee.value.findIndex(
+        const $ = ee.value.findIndex(
           (E) => E.value === o.value
         );
-        c.value = _ !== -1 ? _ : 0, J(() => {
+        c.value = $ !== -1 ? $ : 0, J(() => {
           k.value && k.value.focus();
         });
       }
@@ -801,97 +801,97 @@ const Lt = { class: "g-popover-wrap" }, St = ["id"], It = ["aria-labelledby"], M
     function V() {
       r.value = !1, t.searchable && (te.value = "");
     }
-    de(() => {
+    ce(() => {
       X();
     });
     const k = B(null);
-    function D(_) {
+    function D($) {
       if (!t.disabled && t.searchable) {
         if (m.value) {
           m.value = !1;
           return;
         }
-        $();
+        _();
       }
     }
-    function ve(_) {
+    function re($) {
       if (!t.searchable) return;
-      r.value || $(), te.value = _.target.value;
+      r.value || _(), te.value = $.target.value;
       const E = ee.value.findIndex(
         (le) => le.value === o.value
       );
       c.value = E !== -1 ? E : 0;
     }
-    function me(_) {
-      const E = _.relatedTarget;
+    function me($) {
+      const E = $.relatedTarget;
       if (g.value) {
         g.value = !1;
         return;
       }
       E && d.value && d.value.contains(E) || (t.searchable && (te.value = ""), V());
     }
-    function pe(_) {
-      const E = ee.value[_];
+    function pe($) {
+      const E = ee.value[$];
       E && E.value !== o.value && (o.value = E.value, a("change", E.value)), m.value = !0, V(), setTimeout(() => {
         m.value = !1;
       }, 100);
     }
     function he() {
-      t.disabled || (r.value ? V() : $());
+      t.disabled || (r.value ? V() : _());
     }
-    function ye(_) {
+    function ye($) {
       if (t.disabled)
         return;
       const E = ee.value.length - 1;
-      if (!r.value && ["ArrowDown", "ArrowUp", "Enter", " "].includes(_.key)) {
-        _.preventDefault(), $();
+      if (!r.value && ["ArrowDown", "ArrowUp", "Enter", " "].includes($.key)) {
+        $.preventDefault(), _();
         return;
       }
-      switch (_.key) {
+      switch ($.key) {
         case "ArrowDown":
-          _.preventDefault(), r.value ? (c.value = Math.min(E, c.value + 1), ke()) : $();
+          $.preventDefault(), r.value ? (c.value = Math.min(E, c.value + 1), ke()) : _();
           break;
         case "ArrowUp":
-          _.preventDefault(), r.value ? (c.value = Math.max(0, c.value - 1), ke()) : $();
+          $.preventDefault(), r.value ? (c.value = Math.max(0, c.value - 1), ke()) : _();
           break;
         case "Home":
-          _.preventDefault(), c.value = 0, ke();
+          $.preventDefault(), c.value = 0, ke();
           break;
         case "End":
-          _.preventDefault(), c.value = E, ke();
+          $.preventDefault(), c.value = E, ke();
           break;
         case "Enter":
         case " ":
-          _.preventDefault(), r.value ? pe(c.value) : $();
+          $.preventDefault(), r.value ? pe(c.value) : _();
           break;
         case "Escape":
-          S.value && (_.preventDefault(), setTimeout(() => {
+          S.value && ($.preventDefault(), setTimeout(() => {
             V();
           }, 0));
           break;
       }
     }
-    function Qe(_) {
-      pe(_);
+    function Qe($) {
+      pe($);
     }
     function Je() {
       g.value = !0;
     }
     function ke() {
       J(() => {
-        const _ = document.getElementById(
+        const $ = document.getElementById(
           `${s}-option-${c.value}`
         );
-        _ && _.scrollIntoView({ block: "nearest" });
+        $ && $.scrollIntoView({ block: "nearest" });
       });
     }
     const ze = x(() => t.clearButton && o.value !== null && o.value !== void 0 && !t.disabled);
     function Ge() {
       t.disabled || (o.value = null, a("change", null), t.searchable && (te.value = ""));
     }
-    return de(() => {
+    return ce(() => {
       L();
-    }), (_, E) => (u(), v("div", {
+    }), ($, E) => (u(), v("div", {
       class: G(["g-select-root g-select-combo", { "g-select-open": r.value, "g-select-compact": e.compact, "g-select-has-error": f(y) }])
     }, [
       e.hiddenLabel ? M("", !0) : (u(), v("div", {
@@ -916,7 +916,7 @@ const Lt = { class: "g-popover-wrap" }, St = ["id"], It = ["aria-labelledby"], M
               placeholder: r.value ? "" : e.placeholder,
               disabled: t.disabled,
               onFocus: D,
-              onInput: ve,
+              onInput: re,
               onKeydown: ye,
               onBlur: me,
               "aria-autocomplete": "list",
@@ -989,7 +989,7 @@ const Lt = { class: "g-popover-wrap" }, St = ["id"], It = ["aria-labelledby"], M
             key: 0,
             type: "button",
             class: "g-select-clear-btn",
-            onClick: ue(Ge, ["stop"])
+            onClick: de(Ge, ["stop"])
           }, [...E[2] || (E[2] = [
             n("svg", {
               role: "img",
@@ -1031,22 +1031,22 @@ const Lt = { class: "g-popover-wrap" }, St = ["id"], It = ["aria-labelledby"], M
           e.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": f(s) + "-label" },
           { tabindex: "-1" }
         ), [
-          ee.value.length > 0 ? (u(!0), v(F, { key: 0 }, Z(ee.value, (le, ie) => (u(), v("div", {
+          ee.value.length > 0 ? (u(!0), v(F, { key: 0 }, Z(ee.value, (le, ue) => (u(), v("div", {
             key: le.value,
-            id: f(s) + "-option-" + ie,
+            id: f(s) + "-option-" + ue,
             class: G(["g-select-combo-option g-select-option", {
-              "g-select-option-current": ie === c.value,
+              "g-select-option-current": ue === c.value,
               "ilw-theme-blue": le.value === o.value
             }]),
             role: "option",
             "aria-selected": le.value === o.value ? "true" : "false",
             onMousedown: Je,
-            onClick: (Le) => Qe(ie)
+            onClick: (Le) => Qe(ue)
           }, [
-            P(_.$slots, "option", {
+            P($.$slots, "option", {
               option: le,
               selected: le.value === o.value,
-              index: ie
+              index: ue
             }, () => [
               N(C(le.label), 1)
             ], !0)
@@ -1132,7 +1132,7 @@ const Lt = { class: "g-popover-wrap" }, St = ["id"], It = ["aria-labelledby"], M
     }, [
       n("form", {
         class: "g-search-form",
-        onSubmit: K[0] || (K[0] = ue((O) => b(null), ["prevent"]))
+        onSubmit: K[0] || (K[0] = de((O) => b(null), ["prevent"]))
       }, [
         n("input", {
           ref_key: "inputRef",
@@ -1202,7 +1202,7 @@ const Lt = { class: "g-popover-wrap" }, St = ["id"], It = ["aria-labelledby"], M
                 "g-search-option-active": c.value[r.value] && c.value[r.value].id === R.id
               }]),
               role: "option",
-              onMousedown: ue((ee) => b(R), ["prevent"]),
+              onMousedown: de((ee) => b(R), ["prevent"]),
               "aria-selected": c.value[r.value] && c.value[r.value].id === R.id
             }, [
               P(I.$slots, "option", { option: R }, () => [
@@ -1216,7 +1216,7 @@ const Lt = { class: "g-popover-wrap" }, St = ["id"], It = ["aria-labelledby"], M
               "g-search-option-active": r.value === X
             }]),
             role: "option",
-            onMousedown: ue((R) => b(O), ["prevent"]),
+            onMousedown: de((R) => b(O), ["prevent"]),
             "aria-selected": r.value === X
           }, [
             P(I.$slots, "option", { option: O }, () => [
@@ -1313,7 +1313,7 @@ const Lt = { class: "g-popover-wrap" }, St = ["id"], It = ["aria-labelledby"], M
           "g-sidebar--open": f(t)?.open?.value && f(t)?.isCollapsible?.value
         }
       ]]),
-      style: ce({
+      style: ve({
         backgroundImage: a.value,
         backgroundColor: o.value,
         "--g-sidebar-top-offset": s.value,
@@ -1341,7 +1341,7 @@ const Lt = { class: "g-popover-wrap" }, St = ["id"], It = ["aria-labelledby"], M
   emits: ["update:modelValue"],
   setup(e) {
     const l = e, t = j(e, "modelValue"), a = x(() => l.spy && t.value ? "#" + t.value : null), o = ge("content");
-    re(() => {
+    ie(() => {
       Q(
         t,
         () => {
@@ -1553,7 +1553,7 @@ const Ml = {
       const { scrollTop: c, scrollHeight: g, clientHeight: m } = t.value;
       o.value = c + m >= g - 2, s.value = c <= 2;
     }
-    re(() => {
+    ie(() => {
       J(i);
     }), Pe(t, () => {
       o.value && i();
@@ -1858,7 +1858,7 @@ const Ml = {
           e.bulkSelectionEnabled ? (u(), v("td", {
             key: 0,
             class: "td-checkbox",
-            onClick: y[0] || (y[0] = ue(() => {
+            onClick: y[0] || (y[0] = de(() => {
             }, ["stop"]))
           }, [
             n("input", {
@@ -2056,75 +2056,76 @@ const ba = { class: "g-table-outer-wrap" }, ma = {
   emits: /* @__PURE__ */ H(["row-click", "bulk-action", "cell-change"], ["update:sortField", "update:sortOrder", "update:filter", "update:selectedRows"]),
   setup(e, { emit: l }) {
     const t = j(e, "sortField"), a = j(e, "sortOrder"), o = j(e, "filter"), s = j(e, "selectedRows"), i = e, d = l;
-    function r($) {
-      $.sortable && (t.value === $.key ? a.value === 1 ? a.value = -1 : a.value === -1 && (t.value = void 0, a.value = 1) : (t.value = $.key, a.value = 1));
+    function r(_) {
+      _.sortable && (t.value === _.key ? a.value === 1 ? a.value = -1 : a.value === -1 && (t.value = void 0, a.value = 1) : (t.value = _.key, a.value = 1));
     }
     let c = i.filtering;
     c || (c = ga({}));
-    const { filters: g, filteredColumns: m, isFiltered: p, clearFilters: L } = c, S = x(() => i.data.map(($) => $.key)), b = x(() => s.value.filter(($) => S.value.includes($))), y = x(() => !i.bulkSelectionEnabled || i.data.length === 0 ? !1 : b.value.length === S.value.length), h = x(() => !i.bulkSelectionEnabled || i.data.length === 0 ? !1 : b.value.length > 0 && b.value.length < S.value.length), A = B(null);
+    const { filters: g, filteredColumns: m, isFiltered: p, clearFilters: L } = c, S = x(() => i.data.map((_) => _.key)), b = x(() => s.value.filter((_) => S.value.includes(_))), y = x(() => !i.bulkSelectionEnabled || i.data.length === 0 ? !1 : b.value.length === S.value.length), h = x(() => !i.bulkSelectionEnabled || i.data.length === 0 ? !1 : b.value.length > 0 && b.value.length < S.value.length), A = B(null);
     function w() {
       if (y.value)
         s.value = s.value.filter(
-          ($) => !S.value.includes($)
+          (_) => !S.value.includes(_)
         );
       else {
-        const $ = new Set(s.value);
-        S.value.forEach((V) => $.add(V)), s.value = Array.from($);
+        const _ = new Set(s.value);
+        S.value.forEach((V) => _.add(V)), s.value = Array.from(_);
       }
     }
-    function I($, V = !1) {
+    function I(_, V = !1) {
       if (V && A.value) {
-        const k = S.value.indexOf(A.value), D = S.value.indexOf($);
+        const k = S.value.indexOf(A.value), D = S.value.indexOf(_);
         if (k !== -1 && D !== -1) {
-          const ve = Math.min(k, D), me = Math.max(k, D), pe = S.value.slice(ve, me + 1), he = new Set(s.value);
+          const re = Math.min(k, D), me = Math.max(k, D), pe = S.value.slice(re, me + 1), he = new Set(s.value);
           pe.forEach((ye) => he.add(ye)), s.value = Array.from(he);
         }
       } else
-        s.value.includes($) ? s.value = s.value.filter(
-          (k) => k !== $
-        ) : s.value = [...s.value, $];
-      A.value = $;
+        s.value.includes(_) ? s.value = s.value.filter(
+          (k) => k !== _
+        ) : s.value = [...s.value, _];
+      A.value = _;
     }
-    function K($) {
-      d("row-click", $);
+    function K(_) {
+      d("row-click", _);
     }
-    function O($) {
-      d("bulk-action", $, s.value);
+    function O(_) {
+      d("bulk-action", _, s.value);
     }
-    function X($) {
-      let V = $.value, k = We($.row[$.column.key]);
-      $.column.editable?.inputAttributes?.type === "number" && (V = $.value === "" ? null : Number($.value)), $.row[$.column.key] = V;
-      const D = {
-        row: $.row,
-        column: $.column,
+    function X(_) {
+      let V = _.value;
+      const k = _.column.key, D = We(_.row[k]);
+      _.column.editable?.inputAttributes?.type === "number" && (V = _.value === "" ? null : Number(_.value)), _.row[k] = V;
+      const re = {
+        row: _.row,
+        column: _.column,
         value: V,
-        previousValue: k
+        previousValue: D
       };
-      d("cell-change", D);
+      d("cell-change", re);
     }
     const R = Y(), te = Me(), ee = x(() => i.showPagination ? !0 : !!te.pagination), se = x(() => !!(p.value || ee.value));
-    return re(() => {
+    return ie(() => {
       i.rowClickable && i.bulkSelectionEnabled && console.warn(
         "GTable: rowClickable and bulkSelectionEnabled cannot be used together. rowClickable will be ignored."
       );
-      for (const $ of i.columns)
-        if ($.editable && $.display && console.warn(
-          `GTable: Column "${String($.key)}" has both 'editable' and 'display' configured. 'display' will be ignored.`
-        ), $.filter && $.filter.type === "multi-select" && !Array.isArray(o.value[$.key])) {
-          let V = o.value[$.key];
-          o.value[$.key] = V ? [V] : [];
+      for (const _ of i.columns)
+        if (_.editable && _.display && console.warn(
+          `GTable: Column "${String(_.key)}" has both 'editable' and 'display' configured. 'display' will be ignored.`
+        ), _.filter && _.filter.type === "multi-select" && !Array.isArray(o.value[_.key])) {
+          let V = o.value[_.key];
+          o.value[_.key] = V ? [V] : [];
         }
     }), Q(
       () => i.columns,
-      ($) => {
-        for (const V of $)
+      (_) => {
+        for (const V of _)
           if (V.filter && V.filter.type === "multi-select" && !Array.isArray(o.value[V.key])) {
             let k = o.value[V.key];
             o.value[V.key] = k ? [k] : [];
           }
       },
       { immediate: !0 }
-    ), ($, V) => (u(), v("div", ba, [
+    ), (_, V) => (u(), v("div", ba, [
       se.value ? (u(), v("div", ma, [
         n("div", pa, [
           f(p) ? (u(), q(ne, {
@@ -2152,7 +2153,7 @@ const ba = { class: "g-table-outer-wrap" }, ma = {
           }, 8, ["onClick"])) : M("", !0)
         ]),
         ee.value ? (u(), v("div", ha, [
-          P($.$slots, "pagination", {}, void 0, !0)
+          P(_.$slots, "pagination", {}, void 0, !0)
         ])) : M("", !0),
         n("span", ya, C(i.resultCount || e.data.length) + " results", 1)
       ])) : M("", !0),
@@ -2200,7 +2201,7 @@ const ba = { class: "g-table-outer-wrap" }, ma = {
                       height: "1.5em",
                       role: "img",
                       "aria-label": a.value === 1 ? "Sorted ascending" : "Sorted descending",
-                      style: ce({
+                      style: ve({
                         transform: `rotate(${a.value === 1 ? 0 : 180}deg)`
                       })
                     }, [...V[1] || (V[1] = [
@@ -2214,7 +2215,7 @@ const ba = { class: "g-table-outer-wrap" }, ma = {
                 k.filter ? (u(), q(Ae, { key: 2 }, {
                   trigger: U(({ toggle: D }) => [
                     n("button", {
-                      onClick: ue(D, ["stop"]),
+                      onClick: de(D, ["stop"]),
                       "aria-label": f(m)[k.key] ? "Column Filtered" : "Filter Column",
                       class: G(["g-filter-btn", {
                         "g-active": f(m)[k.key]
@@ -2270,7 +2271,7 @@ const ba = { class: "g-table-outer-wrap" }, ma = {
                       }, [
                         we(n("input", {
                           type: "checkbox",
-                          "onUpdate:modelValue": (ve) => o.value[k.key] = ve,
+                          "onUpdate:modelValue": (re) => o.value[k.key] = re,
                           id: `filter-${String(k.key)}-${D.value}`,
                           value: D.value,
                           name: "filter-multiselect"
@@ -2339,7 +2340,7 @@ const ba = { class: "g-table-outer-wrap" }, ma = {
       ])) : M("", !0)
     ]));
   }
-}), es = /* @__PURE__ */ z(Ka, [["__scopeId", "data-v-f59daf0b"]]), Ua = {
+}), es = /* @__PURE__ */ z(Ka, [["__scopeId", "data-v-875824b8"]]), Ua = {
   class: "g-pagination",
   "aria-label": "Pagination"
 }, ja = ["disabled"], Na = ["disabled"], Wa = { class: "page-range" }, qa = ["disabled"], Za = ["disabled"], Ya = ["value"], Qa = ["value"], Ja = /* @__PURE__ */ T({
@@ -2503,7 +2504,7 @@ const ba = { class: "g-table-outer-wrap" }, ma = {
     function p() {
       t("close");
     }
-    return Te([a], r, o, p, i), re(() => {
+    return Te([a], r, o, p, i), ie(() => {
       d(), m();
     }), Ue(() => {
       i(), g();
@@ -2765,7 +2766,7 @@ const ba = { class: "g-table-outer-wrap" }, ma = {
         trigger: U(({ toggle: c }) => [
           n("button", {
             class: "g-user-menu__avatar",
-            style: ce({ backgroundColor: e.color }),
+            style: ve({ backgroundColor: e.color }),
             "aria-label": e.initials + " - " + e.label,
             "aria-expanded": a.value,
             "aria-haspopup": "menu",
@@ -3117,4 +3118,4 @@ export {
   ds as y,
   Ke as z
 };
-//# sourceMappingURL=main-BKw4zajF.js.map
+//# sourceMappingURL=main-8xPutD6u.js.map