r3ui-lib 1.3.20 → 1.3.21

package/dist/modules/components/tables/ManagedRemoteTable.vue.js

@@ -0,0 +1,72 @@
+import { defineComponent as v, createElementBlock as a, openBlock as o, createCommentVNode as t, createBlock as p, toDisplayString as i, mergeProps as b, createSlots as c, renderList as f, withCtx as h, renderSlot as g, normalizeProps as C, guardReactiveProps as k, createElementVNode as E } from "vue";
+import O from "./Table.vue.js";
+/* empty css           */
+const R = ["aria-busy"], S = {
+  key: 0,
+  class: "visually-hidden",
+  role: "status"
+}, M = {
+  key: 1,
+  class: "alert alert-danger mt-2",
+  role: "alert"
+}, T = ["disabled"], N = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "ManagedRemoteTable",
+  props: {
+    view: {}
+  },
+  emits: ["retryError", "readyError"],
+  setup(d, { emit: u }) {
+    const r = d, s = u;
+    async function w(e) {
+      try {
+        await r.view.ready(e);
+      } catch (n) {
+        if (!r.view.error) throw n;
+        s("readyError", n);
+      }
+    }
+    async function y() {
+      if (!(!r.view.canRetry || r.view.busy))
+        try {
+          await r.view.retry();
+        } catch (e) {
+          s("retryError", e);
+        }
+    }
+    return (e, n) => (o(), a("section", {
+      "aria-busy": e.view.busy
+    }, [
+      e.view.busy ? (o(), a("p", S, i(e.view.labels.loading), 1)) : t("", !0),
+      (o(), p(O, b({ ...e.$attrs, ...e.view.props }, {
+        key: e.view.key,
+        "managed-loading": e.view.busy,
+        "managed-failed": e.view.status === "failed",
+        onUpdateTable: w,
+        onOnTableRowMoved: e.view.rowMoved,
+        onOnShowColumn: e.view.showColumn,
+        onOnHideColumn: e.view.hideColumn
+      }), c({ _: 2 }, [
+        f(e.$slots, ($, l) => ({
+          name: l,
+          fn: h((m) => [
+            g(e.$slots, l, C(k(m || {})))
+          ])
+        }))
+      ]), 1040, ["managed-loading", "managed-failed", "onOnTableRowMoved", "onOnShowColumn", "onOnHideColumn"])),
+      e.view.error ? (o(), a("div", M, [
+        E("p", null, i(e.view.labels.error), 1),
+        e.view.canRetry ? (o(), a("button", {
+          key: 0,
+          type: "button",
+          class: "btn btn-primary",
+          disabled: e.view.busy,
+          onClick: y
+        }, i(e.view.labels.retry), 9, T)) : t("", !0)
+      ])) : t("", !0)
+    ], 8, R));
+  }
+});
+export {
+  N as default
+};

package/dist/modules/components/tables/ManagedRemoteTable.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ManagedRemoteTable.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/tables/SubFilterToggleBtn.vue.js

@@ -0,0 +1,28 @@
+import { createElementBlock as e, openBlock as o } from "vue";
+/* empty css                        */
+import i from "../../_virtual/_plugin-vue_export-helper.js";
+const a = {
+  key: 0,
+  class: "bi bi-chevron-up"
+}, r = {
+  key: 1,
+  class: "bi bi-chevron-down"
+}, d = {
+  __name: "SubFilterToggleBtn",
+  props: ["modelValue"],
+  emits: ["update:modelValue"],
+  setup(t, { emit: l }) {
+    const c = l, s = t, n = () => {
+      c("update:modelValue", !s.modelValue);
+    };
+    return (m, u) => (o(), e("div", {
+      class: "icon",
+      onClick: n
+    }, [
+      t.modelValue ? (o(), e("i", a)) : (o(), e("i", r))
+    ]));
+  }
+}, f = /* @__PURE__ */ i(d, [["__scopeId", "data-v-4810f2ed"]]);
+export {
+  f as default
+};

package/dist/modules/components/tables/Table.vue.js

@@ -0,0 +1,416 @@
+import { defineComponent as we, inject as $, ref as r, computed as R, watch as c, toRaw as k, nextTick as w, useSlots as Ce, onMounted as Pe, onBeforeUnmount as Re, createElementBlock as L, openBlock as T, normalizeClass as Le, withDirectives as z, createCommentVNode as V, createVNode as G, createElementVNode as m, createStaticVNode as Te, vShow as B, toDisplayString as K, renderSlot as Ne, createTextVNode as Me } from "vue";
+import { TabulatorFull as De, AjaxModule as je } from "../../vendor/tabulator-tables/dist/js/tabulator_esm.js";
+import _e from "../notifications/Toast.vue.js";
+import Fe from "../form/VSelect.vue.js";
+import ke from "./SubFilterToggleBtn.vue.js";
+import ze from "../../utils/constants.js";
+import { getUniqueKey as Ve, mountSubFilter as Be } from "../../utils/helpers.js";
+import { getTableLocalizations as Ae } from "../../utils/tableLocalizations.js";
+import { createTableResponseGuard as qe, installTableCancellationGuard as Ee } from "../../utils/tableCancellation.js";
+import Ie from "../../assets/img/preloader.gif.js";
+const He = { class: "placeholder-glow" }, Ue = {
+  key: 0,
+  class: "alert alert-danger mt-2 table-load-error",
+  role: "alert"
+}, Oe = { class: "tabulator hide-to-print sticky-bottom bg-white" }, $e = { class: "row" }, Ge = {
+  key: 0,
+  class: "col-auto"
+}, Ke = { class: "col" }, Je = {
+  class: "tabulator-footer",
+  ref: "footer"
+}, Qe = ["id"], We = ["disabled"], Xe = {
+  key: 0,
+  class: "spinner-border spinner-border-sm",
+  role: "status",
+  "aria-hidden": "true"
+}, ia = /* @__PURE__ */ we({
+  __name: "Table",
+  props: {
+    managedLoading: { type: Boolean, default: void 0 },
+    managedFailed: { type: Boolean, default: !1 },
+    langs: { type: Object, default: () => ({}) },
+    paginationPage: { type: Number, default: null },
+    locale: { type: String, default: "en-en" },
+    rtl: { type: Boolean, default: !1 },
+    columnHide: { type: String, default: "" },
+    columnShow: { type: String, default: "" },
+    options: {
+      type: Object,
+      default: () => ({}),
+      required: !0
+    },
+    filters: {
+      type: [Array, Function, Object],
+      default: () => []
+    },
+    tableData: { type: Array, default: () => [] },
+    showAllColumnsIfAllHidden: { type: Boolean, default: !1 },
+    parentComponent: { type: Object, default: () => ({}) },
+    selectedRowsStorage: { type: Array, default: () => [] },
+    isVisibleColumnSubFilter: { type: Boolean, default: null },
+    loadMoreText: { type: String, default: "Load More" },
+    noDataText: { type: String, default: "No data found" },
+    paginationLimitText: {
+      type: String,
+      default: "Please use pagination to navigate"
+    }
+  },
+  emits: [
+    "selectedRow",
+    "unselectedRow",
+    "updateSelectedRows",
+    "updateUnselectedRows",
+    "updateTable",
+    "onHideColumn",
+    "onShowColumn",
+    "onTableRowClick",
+    "onCellClick",
+    "onTableRowMoved",
+    "pageLoaded",
+    "savePaginationPage",
+    "updateIsVisibleColumnSubFilter",
+    "loadError"
+  ],
+  setup(C, { emit: J }) {
+    const l = C, u = J, Q = $("selectedTabIndex", r()), A = $("selectAll", r(0)), x = r(""), N = r(""), M = r(null), g = r({
+      data: [],
+      rows: []
+    }), S = r(new Set(l.selectedRowsStorage)), f = r(!1), q = r(Ve()), d = r(null), a = r(null), h = r(!1), b = R(() => l.managedLoading ?? h.value), D = R(
+      () => l.managedLoading === void 0 ? N.value : ""
+    ), P = r(
+      l.options?.paginationMode === "remote"
+    );
+    let E = !1, I = !1;
+    const y = r(null), n = r(!1);
+    c(b, async (e) => {
+      if (e || !f.value || !a.value) return;
+      const t = k(a.value);
+      if (await w(), !n.value && !b.value && f.value && k(a.value) === t) {
+        if (l.managedLoading !== void 0) {
+          const o = t.getPageSize();
+          typeof o == "number" && (M.value = o);
+        }
+        t.redraw();
+      }
+    });
+    const i = R(() => l.options?.paginationMode === "remote"), W = R(() => ze.customPerPageOptions), X = Ce(), Y = (e) => !!X[e], Z = () => {
+      x.value = "";
+    }, ee = (e) => !e || !e.length ? [] : e.map((t) => t), ae = () => {
+      a.value && (n.value = !0, u("updateTable", null), a.value.destroy(), f.value = !1, a.value = null);
+    }, te = () => {
+      if (!d.value) return;
+      const e = d.value.querySelector(".tabulator-header");
+      !e || l.isVisibleColumnSubFilter === null || Be(e, ke, {
+        modelValue: l.isVisibleColumnSubFilter,
+        "onUpdate:modelValue": (t) => u("updateIsVisibleColumnSubFilter", t)
+      });
+    }, le = () => {
+      if (!d.value) return;
+      const e = d.value.querySelector(".tabulator-header");
+      e && (e.classList.add("position-relative"), te());
+    }, H = () => {
+      if (!a.value) return null;
+      const e = a.value;
+      if (typeof e.getPageMax == "function") {
+        const o = e.getPageMax();
+        if (o != null && !Number.isNaN(Number(o)))
+          return Number(o);
+      }
+      const t = e.last_page;
+      return t != null && t !== "" && !Number.isNaN(Number(t)) ? Number(t) : null;
+    }, U = () => {
+      if (!a.value) return;
+      const e = d.value?.parentNode?.querySelector(".tabulator-footer"), t = d.value?.parentNode?.querySelector(
+        ".tabulator-pages"
+      ), o = H();
+      if (o == null || o < 1 || Number.isNaN(o)) {
+        e && e.classList.add("d-none");
+        return;
+      }
+      o > 1 ? (e && e.classList.remove("d-none"), t && t.style.display === "none" && (t.style.display = "")) : e && e.classList.add("d-none");
+    }, oe = () => {
+      n.value || i.value && !f.value || (h.value = !0, N.value = "", P.value && (E = !0));
+    }, ne = (e) => {
+      if (!n.value && !(!i.value || !f.value)) {
+        if (!Array.isArray(e))
+          throw new TypeError("Некорректный ответ сервера: ожидался массив строк");
+        E && (I = !0);
+      }
+    }, se = (e) => {
+      if (h.value = !1, n.value) return;
+      const t = e instanceof Error && e.message ? e.message : typeof e == "string" && e ? e : "Failed to load data";
+      N.value = t, u("loadError", e);
+    }, ue = () => {
+      n.value || (f.value = !0, u("updateTable", a.value), a.value && a.value.selectRow(Array.from(S.value)));
+    }, ie = (e) => {
+      n.value || (setTimeout(() => {
+        n.value || u("savePaginationPage", e);
+      }), i.value && U(), A.value > 0 && u("pageLoaded"), le());
+    }, re = (e) => {
+      if (n.value) return;
+      const t = e.getData(), o = a.value?.options?.index || "id", s = t[o] ?? null;
+      s !== null && (S.value.add(s), g.value.data.push(t), g.value.rows.push(e), u("updateSelectedRows", {
+        data: g.value.data,
+        row: g.value.rows
+      }), u("selectedRow", { data: t, row: e }));
+    }, de = (e) => {
+      if (n.value) return;
+      const t = e.getData(), o = a.value?.options?.index || "id", s = t[o] ?? null;
+      if (s === null) return;
+      S.value.delete(s);
+      const v = g.value.data.findIndex(
+        (p) => p[o] === s
+      );
+      v !== -1 && (g.value.data.splice(v, 1), g.value.rows.splice(v, 1)), u("updateUnselectedRows", { data: t, row: e }), u("unselectedRow", { data: t, row: e });
+    }, ce = function() {
+      n.value || (I && (P.value = !1), a.value && a.value.selectRow(Array.from(S.value)), P.value || (h.value = !1), i.value && U());
+    }, ve = (e, t) => {
+      if (n.value) return;
+      if (t?._cell?.column?.definition?.hasCellClickHandler) {
+        u("onCellClick", e, t);
+        return;
+      }
+      const o = [], s = e.target;
+      for (let v = 0; v < s.childNodes.length; v++) {
+        const p = s.childNodes[v];
+        p.nodeName === "INPUT" && p.type === "checkbox" && o.push("checkbox");
+      }
+      o.includes("checkbox") || u("onTableRowClick", e, t._cell.row, l.parentComponent);
+    }, pe = (e) => {
+      n.value || a.value && u("onTableRowMoved", a.value.getColumnLayout());
+    }, fe = () => {
+      n.value || setTimeout(() => {
+        n.value;
+      });
+    }, me = () => {
+      n.value || setTimeout(() => {
+        if (n.value) return;
+        const e = d.value?.parentElement?.querySelector(
+          ".tabulator-paginator"
+        );
+        e && !y.value && (y.value = new MutationObserver(() => {
+          const t = d.value?.parentElement?.querySelector(
+            ".tabulator-pages"
+          ), o = H();
+          t && o != null && !Number.isNaN(o) && o > 1 && t.style.display === "none" && (t.style.display = "");
+        }), y.value.observe(e, {
+          childList: !0,
+          subtree: !0,
+          attributes: !0
+        })), Se();
+      });
+    }, ge = () => {
+      f.value = !1;
+    };
+    let j = (e) => e;
+    const _ = () => {
+      if (!d.value || i.value && !l.options.ajaxResponse || a.value)
+        return;
+      h.value = !0;
+      const e = Ae(), t = l.langs && typeof l.langs == "object" ? l.langs : {}, o = {
+        ...l.options,
+        // В remote режиме не передаем data, данные загружаются через ajaxURL
+        ...i.value ? {} : { data: l.tableData },
+        langs: { ...e, ...t },
+        locale: l.locale,
+        textDirection: l.rtl ? "rtl" : "ltr",
+        columns: ee(l.options.columns),
+        dataLoaderLoading: `<img alt="" src="${Ie}">`,
+        placeholder: l.noDataText,
+        // debugEventsExternal: true,
+        ...l.options.ajaxResponse ? { ajaxResponse: l.options.ajaxResponse } : {}
+      };
+      let s, v;
+      if (i.value) {
+        delete o.ajaxURL, o.footerElement = `#tabulator-footer${q.value}`;
+        const p = je.defaultLoaderPromise, F = qe(
+          l.options.ajaxRequestFunc || p,
+          () => !n.value && k(a.value) === s,
+          () => {
+            h.value = !1;
+          }
+        );
+        v = F, j = F.wrapResponse, o.ajaxRequestFunc = F.request, o.ajaxResponse = j(l.options.ajaxResponse);
+      }
+      s = new De(d.value, o), a.value = s, i.value && Ee(a.value, v), a.value.on("dataLoading", oe), a.value.on("dataLoaded", ne), a.value.on("dataLoadError", se), a.value.on("tableBuilt", ue), a.value.on("pageLoaded", ie), a.value.on("rowSelected", re), a.value.on("rowDeselected", de), a.value.on("dataProcessed", ce), a.value.on("cellClick", ve), a.value.on("columnMoved", pe), a.value.on("renderStarted", fe), a.value.on("renderComplete", me), a.value.on("tableDestroyed", ge);
+    }, be = (e) => {
+      if (n.value || !f.value || !e || !a.value || Number(e) === a.value.getPageSize()) return;
+      const t = a.value.options.ajaxParams;
+      t && (t.per_page = Number(e)), a.value.options.paginationSize = Number(e), a.value.setPageSize(e);
+    }, he = () => {
+      if (n.value || !a.value) return;
+      const e = 640, t = a.value.options;
+      if (i.value) {
+        const o = t.ajaxParams?.per_page ?? t.paginationSize ?? a.value.getPageSize() ?? 10, s = Number(o);
+        if (!Number.isFinite(s) || s < 1)
+          return;
+        if (s >= e) {
+          x.value = l.paginationLimitText;
+          return;
+        }
+        const p = Math.min(
+          s + s,
+          e
+        );
+        t.ajaxParams || (t.ajaxParams = {}), t.ajaxParams.per_page = p, t.paginationSize = p, a.value.setPageSize(p), p >= e && (x.value = l.paginationLimitText);
+        return;
+      } else {
+        const o = a.value.getPageSize();
+        if (typeof o == "number" && o < e) {
+          const s = o;
+          a.value.setPageSize(
+            Math.min(o + s, e)
+          );
+        }
+      }
+      t.paginationSize >= e && (x.value = l.paginationLimitText);
+    }, ye = (e) => {
+      n.value || e === "" || !a.value || (a.value.showColumn(e), u("onShowColumn", a.value.getColumnLayout()));
+    }, xe = (e) => {
+      n.value || e === "" || !a.value || (a.value.hideColumn(e), u("onHideColumn", a.value.getColumnLayout()));
+    }, O = (e) => {
+      n.value || !a.value || (e.filter(({ visible: t }) => !t).length === e.length ? e.map(({ field: t }) => {
+        w(() => {
+          !n.value && a.value && a.value.showColumn(t);
+        });
+      }) : e.map(({ field: t, visible: o }) => {
+        !n.value && a.value && (o ? a.value.showColumn(t) : a.value.hideColumn(t));
+      }));
+    }, Se = () => {
+      w(() => {
+        if (n.value || !a.value || a.value.getPage() !== 1 || !l.paginationPage || l.paginationPage === a.value.getPage()) return !1;
+        a.value.setPage(l.paginationPage);
+      });
+    };
+    return Pe(() => {
+      _();
+    }), Re(() => {
+      n.value = !0, y.value && (y.value.disconnect(), y.value = null), ae();
+    }), c(
+      () => l.columnShow,
+      (e) => {
+        e && ye(e);
+      }
+    ), c(
+      () => l.columnHide,
+      (e) => {
+        e && xe(e);
+      }
+    ), c(
+      () => l.filters,
+      (e) => {
+        n.value || !a.value || a.value.setFilter(e);
+      },
+      { deep: !0 }
+    ), c(
+      () => l.tableData,
+      (e) => {
+        n.value || !a.value || i.value || a.value.setData(e);
+      },
+      { deep: !1 }
+    ), c(
+      () => l.options.ajaxResponse,
+      (e) => {
+        n.value || (a.value && e ? a.value.options.ajaxResponse = i.value ? j(e) : e : i.value && e && !a.value && w(() => {
+          n.value || !d.value || _();
+        }));
+      }
+    ), c(
+      () => l.options,
+      (e) => {
+        n.value || i.value && e.ajaxResponse && !a.value && w(() => {
+          n.value || !d.value || _();
+        });
+      },
+      { deep: !0 }
+    ), c(Q, () => {
+      n.value || !a.value || a.value.deselectRow();
+    }), c(A, (e) => {
+      n.value || e <= 0 || !a.value || a.value.selectRow();
+    }), c(
+      () => l.options.columns,
+      (e) => {
+        n.value || !f.value || !a.value || !e || (!e.find(({ visible: t }) => t) && l.showAllColumnsIfAllHidden ? O(e) : a.value.setColumns(e));
+      },
+      { deep: !0 }
+    ), c(
+      () => l.selectedRowsStorage,
+      (e) => {
+        n.value || !e || (S.value = new Set(e));
+      },
+      { deep: !0 }
+    ), c(
+      f,
+      (e) => {
+        n.value || !e || (l.showAllColumnsIfAllHidden && O(l.options.columns || []), l.tableData.length > 0 && !i.value && a.value && a.value.setData(l.tableData));
+      },
+      { deep: !0 }
+    ), (e, t) => (T(), L("div", {
+      class: Le(["position-relative", {
+        "table-has-load-error": !!D.value || C.managedFailed,
+        "table-awaiting-first-page": C.managedLoading === void 0 ? P.value : b.value
+      }]),
+      style: { "min-height": "300px" }
+    }, [
+      z(m("p", He, [...t[2] || (t[2] = [
+        Te('<span class="placeholder col-12 mb-1" style="min-height:50px;"></span><span class="placeholder col-12 mb-1" style="min-height:50px;"></span><span class="placeholder col-12 mb-1" style="min-height:50px;"></span><span class="placeholder col-12 mb-1" style="min-height:50px;"></span><span class="placeholder col-12 mb-1" style="min-height:50px;"></span><span class="placeholder col-12 mb-1" style="min-height:50px;"></span><span class="placeholder col-12 mb-1" style="min-height:50px;"></span><span class="placeholder col-12 mb-1" style="min-height:50px;"></span><span class="placeholder col-12 mb-1" style="min-height:50px;"></span><span class="placeholder col-12 mb-1" style="min-height:50px;"></span>', 10)
+      ])], 512), [
+        [B, b.value]
+      ]),
+      z(m("div", {
+        ref_key: "tableRef",
+        ref: d
+      }, null, 512), [
+        [B, !b.value]
+      ]),
+      D.value ? (T(), L("div", Ue, K(D.value), 1)) : V("", !0),
+      z(m("div", Oe, [
+        m("div", $e, [
+          Y("table-footer-left") ? (T(), L("div", Ge, [
+            Ne(e.$slots, "table-footer-left")
+          ])) : V("", !0),
+          m("div", Ke, [
+            m("div", Je, [
+              m("div", {
+                class: "tabulator-footer-contents d-flex",
+                id: `tabulator-footer${q.value}`
+              }, [
+                m("button", {
+                  class: "btn btn-primary me-3",
+                  id: "loadMoreButton",
+                  onClick: he,
+                  disabled: b.value
+                }, [
+                  Me(K(C.loadMoreText) + " ", 1),
+                  t[3] || (t[3] = m("i", { class: "bi bi-plus-lg" }, null, -1)),
+                  b.value ? (T(), L("div", Xe)) : V("", !0)
+                ], 8, We),
+                G(Fe, {
+                  class: "me-3",
+                  style: { "min-width": "150px" },
+                  modelValue: M.value,
+                  "onUpdate:modelValue": [
+                    t[0] || (t[0] = (o) => M.value = o),
+                    t[1] || (t[1] = (o) => be(o))
+                  ],
+                  allowClear: !1,
+                  options: W.value,
+                  dropDownPlacement: "top"
+                }, null, 8, ["modelValue", "options"])
+              ], 8, Qe)
+            ], 512)
+          ])
+        ])
+      ], 512), [
+        [B, i.value]
+      ]),
+      G(_e, {
+        message: x.value,
+        onClearMessage: Z
+      }, null, 8, ["message"])
+    ], 2));
+  }
+});
+export {
+  ia as default
+};

package/dist/modules/components/tables/Table.vue3.js

@@ -0,0 +1,5 @@
+import o from "./Table.vue.js";
+/* empty css           */
+export {
+  o as default
+};

package/dist/modules/components/tables/TableAppliedFiltersStorage.vue.js

@@ -0,0 +1,7 @@
+import o from "./TableAppliedFiltersStorage.vue2.js";
+/* empty css                                */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-08a5ac04"]]);
+export {
+  p as default
+};

package/dist/modules/components/tables/TableAppliedFiltersStorage.vue2.js

@@ -0,0 +1,56 @@
+import { defineComponent as N, computed as v, toRef as b, createCommentVNode as O } from "vue";
+import { getDeepCopyObject as f } from "../../utils/helpers.js";
+const I = /* @__PURE__ */ N({
+  __name: "TableAppliedFiltersStorage",
+  props: {
+    tableName: {},
+    filters: {}
+  },
+  emits: ["update:filters"],
+  setup(u, { expose: c, emit: m }) {
+    const a = u, s = m, r = v(() => "default-page"), p = b(a, "filters");
+    function o() {
+      let e = localStorage.getItem("filters"), t = e ? JSON.parse(e) : {};
+      t = {
+        ...f(t),
+        [r.value]: {
+          [a.tableName]: n(p.value)
+        }
+      };
+      const l = JSON.stringify(t);
+      return localStorage.setItem("filters", l), e = localStorage.getItem("filters"), e ? JSON.parse(e) : {};
+    }
+    function g(e) {
+      return !(!e || !e[r.value] || !e[r.value][a.tableName]);
+    }
+    function S(e) {
+      const t = JSON.parse(e);
+      return g(t) ? (e = localStorage.getItem("filters") || "{}", JSON.parse(e)) : o();
+    }
+    function n(e) {
+      const t = {};
+      for (const [l, i] of Object.entries(e))
+        t[l] = f(i._value || i);
+      return t;
+    }
+    function d() {
+      let e = localStorage.getItem("filters");
+      if (!e)
+        return s("update:filters", {}), !1;
+      let t = S(e);
+      if (!t[r.value] || !t[r.value][a.tableName])
+        return s("update:filters", {}), !1;
+      const l = n(t[r.value][a.tableName]);
+      return s("update:filters", {
+        ...l
+      }), !0;
+    }
+    return c({
+      getFilters: d,
+      saveFilters: o
+    }), (e, t) => O("", !0);
+  }
+});
+export {
+  I as default
+};

package/dist/modules/components/tables/TableColumnsButton.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent as r, createBlock as s, openBlock as a, mergeProps as m } from "vue";
+import u from "./TableColumnsDialog.vue.js";
+const d = /* @__PURE__ */ r({
+  __name: "TableColumnsButton",
+  props: {
+    columns: {},
+    applyColumns: {},
+    applyContext: {},
+    applyErrorText: { default: "Unable to apply column settings. Try again." },
+    title: { default: "Table Columns Settings" },
+    applyText: { default: "Apply" },
+    selectAllText: { default: "Select All" },
+    unselectAllText: { default: "Unselect All" }
+  },
+  emits: ["columns-changed", "apply", "apply-error"],
+  setup(n, { emit: p }) {
+    const o = n, t = p;
+    return (y, l) => (a(), s(u, m(o, {
+      onColumnsChanged: l[0] || (l[0] = (e) => t("columns-changed", e)),
+      onApply: l[1] || (l[1] = (e) => t("apply")),
+      onApplyError: l[2] || (l[2] = (e) => t("apply-error", e))
+    }), null, 16));
+  }
+});
+export {
+  d as default
+};

package/dist/modules/components/tables/TableColumnsButton.vue2.js

@@ -0,0 +1,4 @@
+import f from "./TableColumnsButton.vue.js";
+export {
+  f as default
+};