@ianicdev/datatables2 0.8.10 → 0.8.12

package/dist/index-iDjxmkCZ.js

@@ -0,0 +1,79 @@
+import { mergeModels as g, inject as _, useModel as x, ref as v, watch as S, onMounted as N, createBlock as b, openBlock as m, withCtx as y, createVNode as O, unref as f, isRef as V, createElementBlock as j, Fragment as D, renderList as E, mergeProps as H } from "vue";
+import { u as J, j as M, k as B, l as C, a as w, e as A } from "./index-DgwAqbjp.js";
+const I = {
+  __name: "Selected",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ g(["save"], ["update:modelValue"]),
+  setup(F, { emit: h }) {
+    const r = _("table_props"), o = x(F, "modelValue"), { hardFiltersState: c } = J(), { registerHook: i } = M(), a = v([]), p = h, t = _("busEmits");
+    S(a, (l) => {
+      const e = {};
+      l.forEach((s) => {
+        let n = r.hardFilters?.[s] ?? null;
+        isNaN(s) && (n = r.hardFilters.find((k) => k.value === s)), e[s] = n;
+      }), o.value = e, t("hardFilters:update", { keys: l, filters: e }), p("save");
+    }), N(() => {
+      a.value = Object.keys(c.value), a.value.length || r.hardFilters.forEach((l, e) => {
+        l.active && a.value.push(l.value ?? e);
+      }), i("hardFilters:activate", u), i("hardFilters:deactivate", d);
+    });
+    const u = (l) => {
+      const e = JSON.parse(JSON.stringify(a.value));
+      e.push(l), a.value = e;
+    }, d = (l) => {
+      const e = JSON.parse(JSON.stringify(a.value)), s = e.findIndex((n) => n === l);
+      s !== -1 && (e.splice(s, 1), a.value = e);
+    };
+    return (l, e) => (m(), b(B, null, {
+      default: y(() => [
+        O(C, {
+          modelValue: f(a),
+          "onUpdate:modelValue": e[0] || (e[0] = (s) => V(a) ? a.value = s : null),
+          "selected-class": "text-primary",
+          multiple: ""
+        }, {
+          default: y(() => [
+            (m(!0), j(D, null, E(f(r).hardFilters, (s, n) => (m(), b(w, H({
+              key: n,
+              class: "my-0"
+            }, { ref_for: !0 }, s, { density: "comfortable" }), null, 16))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]),
+      _: 1
+    }));
+  }
+}, G = {
+  __name: "index",
+  setup(F) {
+    const h = A(), { setData: r } = h, o = v({}), c = _("table_props"), i = v(0), a = () => {
+      const p = Object.entries(o.value).filter(([, t]) => Array.isArray(t) || typeof t == "string" ? t.length > 0 : t != null && t !== "").reduce((t, [u, d]) => (t[u] = d, t), {});
+      r({
+        table_id: c.id,
+        name: "hardFilters",
+        value: { query: p }
+      });
+    };
+    return S(
+      () => c.hardFilters,
+      () => {
+        i.value++;
+      }
+    ), (p, t) => {
+      const u = I;
+      return m(), b(u, {
+        key: f(i),
+        modelValue: f(o),
+        "onUpdate:modelValue": t[0] || (t[0] = (d) => V(o) ? o.value = d : null),
+        onSave: a
+      }, null, 8, ["modelValue"]);
+    };
+  }
+};
+export {
+  G as default
+};