@ianicdev/datatables2 0.8.11 → 0.8.13

package/dist/Options-C6gv21MY.js

@@ -0,0 +1,82 @@
+import { inject as n, computed as v, ref as y, createBlock as b, openBlock as p, unref as c, isRef as _, withCtx as u, createVNode as g, createElementBlock as V, Fragment as w, renderList as B, mergeProps as k } from "vue";
+import { useI18n as E } from "vue-i18n";
+import { g as P, r as I } from "./printjs-kC3Qmb-l.js";
+import { e as d, g as h } from "./escapeKeyString-B_mzfoez.js";
+import { aD as j, ab as C, ac as F, a9 as L } from "./dataTables-qd_2hmGP.js";
+var M = I();
+const O = /* @__PURE__ */ P(M);
+function R() {
+  const m = n("table_props"), r = n("tableRef"), l = n("downloadModal"), s = v(() => m.headers.filter((e) => e?.printable !== !1));
+  return { printTable: async () => {
+    l.value = !0;
+    const e = await r.value.getItemsForPrint(), i = [];
+    e.forEach((o) => {
+      let a = {};
+      s.value.forEach((t) => {
+        t.value ? a[d(t.key)] = t.value(o) : a[d(t.key)] = h(o, t.key) ?? "";
+      }), i.push(a);
+    }), O({
+      printable: i,
+      type: "json",
+      properties: s.value.map((o) => ({
+        field: d(o.key),
+        displayName: o.title
+      }))
+    }), l.value = !1;
+  } };
+}
+const q = {
+  __name: "Options",
+  setup(m) {
+    const r = n("table_props"), l = n("pluginOptions"), { t: s } = E(), { printTable: f } = R(), e = y(!1), i = v(() => [
+      {
+        title: s("$datatables.print"),
+        onClick: f,
+        prependIcon: "mdi-printer",
+        ...r.options.header?.export?.buttons
+      },
+      ...r.options?.globalButtons ?? []
+    ]);
+    return (o, a) => (p(), b(j, {
+      modelValue: c(e),
+      "onUpdate:modelValue": a[0] || (a[0] = (t) => _(e) ? e.value = t : null),
+      "close-on-content-click": !1,
+      location: "bottom end"
+    }, {
+      activator: u(({ props: t }) => [
+        g(L, k({
+          "prepend-icon": c(l).header.icons.options,
+          text: o.$t("$datatables.more"),
+          variant: "text",
+          density: "comfortable",
+          color: "dark",
+          stacked: "",
+          class: "text-capitalize"
+        }, t), null, 16, ["prepend-icon", "text"])
+      ]),
+      default: u(() => [
+        g(C, {
+          "bg-color": "surface-light",
+          class: "options-list d-flex flex-column ga-1 pa-1",
+          density: "compact",
+          rounded: "lg",
+          variant: "text",
+          slim: ""
+        }, {
+          default: u(() => [
+            (p(!0), V(w, null, B(c(i), (t, x) => (p(), b(F, k({ ref_for: !0 }, t, {
+              key: x,
+              rounded: "lg",
+              link: ""
+            }), null, 16))), 128))
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"]));
+  }
+};
+export {
+  q as default
+};

package/dist/Options-XytiOb4O.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),b=require("vue-i18n"),f=require("./printjs-BbgDICDe.cjs"),c=require("./escapeKeyString-CQVlwp30.cjs"),p=require("./dataTables-DP-djHBE.cjs");var g=f.requirePrint();const y=f.getDefaultExportFromCjs(g);function k(){const u=e.inject("table_props"),l=e.inject("tableRef"),a=e.inject("downloadModal"),s=e.computed(()=>u.headers.filter(n=>n?.printable!==!1));return{printTable:async()=>{a.value=!0;const n=await l.value.getItemsForPrint(),i=[];n.forEach(o=>{let r={};s.value.forEach(t=>{t.value?r[c.escapeKeyString(t.key)]=t.value(o):r[c.escapeKeyString(t.key)]=c.getValueByStringPath(o,t.key)??""}),i.push(r)}),y({printable:i,type:"json",properties:s.value.map(o=>({field:c.escapeKeyString(o.key),displayName:o.title}))}),a.value=!1}}}const v={__name:"Options",setup(u){const l=e.inject("table_props"),a=e.inject("pluginOptions"),{t:s}=b.useI18n(),{printTable:d}=k(),n=e.ref(!1),i=e.computed(()=>[{title:s("$datatables.print"),onClick:d,prependIcon:"mdi-printer",...l.options.header?.export?.buttons},...l.options?.globalButtons??[]]);return(o,r)=>(e.openBlock(),e.createBlock(p.VMenu,{modelValue:e.unref(n),"onUpdate:modelValue":r[0]||(r[0]=t=>e.isRef(n)?n.value=t:null),"close-on-content-click":!1,location:"bottom end"},{activator:e.withCtx(({props:t})=>[e.createVNode(p.VBtn,e.mergeProps({"prepend-icon":e.unref(a).header.icons.options,text:o.$t("$datatables.more"),variant:"text",density:"comfortable",color:"dark",stacked:"",class:"text-capitalize"},t),null,16,["prepend-icon","text"])]),default:e.withCtx(()=>[e.createVNode(p.VList,{"bg-color":"surface-light",class:"options-list d-flex flex-column ga-1 pa-1",density:"compact",rounded:"lg",variant:"text",slim:""},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),(t,m)=>(e.openBlock(),e.createBlock(p.VListItem,e.mergeProps({ref_for:!0},t,{key:m,rounded:"lg",link:""}),null,16))),128))]),_:1})]),_:1},8,["modelValue"]))}};exports.default=v;

package/dist/RefreshTable-BO7uzuWX.js

@@ -0,0 +1,26 @@
+import { inject as t, ref as l, createBlock as p, openBlock as d, unref as e } from "vue";
+import { i as f } from "./index-Dt2Z193z.js";
+import { useI18n as m } from "vue-i18n";
+import { a9 as u } from "./dataTables-qd_2hmGP.js";
+const D = {
+  __name: "RefreshTable",
+  setup(_) {
+    const s = t("busEmits"), a = t("table_props"), o = t("pluginOptions"), { deleteDataStorage: r } = f(a), { t: n } = m(), c = l(!1), i = () => {
+      r(), s("refetchData");
+    };
+    return (b, h) => (d(), p(u, {
+      disabled: e(c),
+      "prepend-icon": e(o).header.icons.refresh,
+      text: e(n)("$datatables.refresh"),
+      variant: "text",
+      density: "comfortable",
+      color: "dark",
+      stacked: "",
+      class: "text-capitalize",
+      onClick: i
+    }, null, 8, ["disabled", "prepend-icon", "text"]));
+  }
+};
+export {
+  D as default
+};

package/dist/RefreshTable-C-5AmxAL.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./index-CIkwH8Kr.cjs"),l=require("vue-i18n"),u=require("./dataTables-DP-djHBE.cjs"),d={__name:"RefreshTable",setup(p){const t=e.inject("busEmits"),n=e.inject("table_props"),s=e.inject("pluginOptions"),{deleteDataStorage:r}=i.useDatastate(n),{t:a}=l.useI18n(),c=e.ref(!1),o=()=>{r(),t("refetchData")};return(f,b)=>(e.openBlock(),e.createBlock(u.VBtn,{disabled:e.unref(c),"prepend-icon":e.unref(s).header.icons.refresh,text:e.unref(a)("$datatables.refresh"),variant:"text",density:"comfortable",color:"dark",stacked:"",class:"text-capitalize",onClick:o},null,8,["disabled","prepend-icon","text"]))}};exports.default=d;

package/dist/Search-ByPG22T-.js

@@ -0,0 +1,72 @@
+import { inject as u, ref as d, useTemplateRef as v, computed as _, watch as x, onMounted as k, createBlock as y, openBlock as g, unref as n, isRef as m, withCtx as r, createVNode as s, mergeProps as S } from "vue";
+import { e as T, u as w, f as D, g as F, h as $ } from "./index-Dt2Z193z.js";
+import { watchDebounced as B } from "@vueuse/core";
+import { aD as C, a9 as M } from "./dataTables-qd_2hmGP.js";
+const z = {
+  __name: "Search",
+  setup(O) {
+    const p = u("table_props"), f = u("pluginOptions"), b = T(), { searchState: c } = w(), { setData: h } = b, a = d(null), l = d(!1), i = v("searchField"), V = _(() => c.value);
+    return B(
+      a,
+      (e) => {
+        h({
+          table_id: p.id,
+          name: "search",
+          value: { query: e }
+        });
+      },
+      { debounce: 1e3, maxWait: 5e3 }
+    ), x(l, (e) => {
+      e && setTimeout(() => {
+        i.value?.focus();
+      }, 250);
+    }), k(() => {
+      a.value = c.value;
+    }), (e, o) => (g(), y(C, {
+      modelValue: n(l),
+      "onUpdate:modelValue": o[1] || (o[1] = (t) => m(l) ? l.value = t : null),
+      "close-on-content-click": !1,
+      location: "bottom center"
+    }, {
+      activator: r(({ props: t }) => [
+        s(M, S({
+          "prepend-icon": n(f).header.icons.search,
+          text: e.$t("$datatables.search"),
+          variant: "text",
+          density: "comfortable",
+          color: n(V) ? "primary" : "dark",
+          stacked: "",
+          class: "text-capitalize"
+        }, t), null, 16, ["prepend-icon", "text", "color"])
+      ]),
+      default: r(() => [
+        s(D, { "min-width": "300" }, {
+          default: r(() => [
+            s(F, null, {
+              default: r(() => [
+                s($, {
+                  ref_key: "searchField",
+                  ref: i,
+                  modelValue: n(a),
+                  "onUpdate:modelValue": o[0] || (o[0] = (t) => m(a) ? a.value = t : null),
+                  density: "comfortable",
+                  label: e.$t("$datatables.search"),
+                  variant: "outlined",
+                  clearable: "",
+                  "hide-details": "",
+                  "prepend-inner-icon": "mdi-magnify"
+                }, null, 8, ["modelValue", "label"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"]));
+  }
+};
+export {
+  z as default
+};

package/dist/Search-DIUl3vxm.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-CIkwH8Kr.cjs"),b=require("@vueuse/core"),u=require("./dataTables-DP-djHBE.cjs"),h={__name:"Search",setup(V){const i=e.inject("table_props"),d=e.inject("pluginOptions"),p=n.useDatatablesStore(),{searchState:c}=n.useTableState(),{setData:f}=p,a=e.ref(null),o=e.ref(!1),s=e.useTemplateRef("searchField"),m=e.computed(()=>c.value);return b.watchDebounced(a,t=>{f({table_id:i.id,name:"search",value:{query:t}})},{debounce:1e3,maxWait:5e3}),e.watch(o,t=>{t&&setTimeout(()=>{s.value?.focus()},250)}),e.onMounted(()=>{a.value=c.value}),(t,r)=>(e.openBlock(),e.createBlock(u.VMenu,{modelValue:e.unref(o),"onUpdate:modelValue":r[1]||(r[1]=l=>e.isRef(o)?o.value=l:null),"close-on-content-click":!1,location:"bottom center"},{activator:e.withCtx(({props:l})=>[e.createVNode(u.VBtn,e.mergeProps({"prepend-icon":e.unref(d).header.icons.search,text:t.$t("$datatables.search"),variant:"text",density:"comfortable",color:e.unref(m)?"primary":"dark",stacked:"",class:"text-capitalize"},l),null,16,["prepend-icon","text","color"])]),default:e.withCtx(()=>[e.createVNode(n.VCard,{"min-width":"300"},{default:e.withCtx(()=>[e.createVNode(n.VCardText,null,{default:e.withCtx(()=>[e.createVNode(n.VTextField,{ref_key:"searchField",ref:s,modelValue:e.unref(a),"onUpdate:modelValue":r[0]||(r[0]=l=>e.isRef(a)?a.value=l:null),density:"comfortable",label:t.$t("$datatables.search"),variant:"outlined",clearable:"","hide-details":"","prepend-inner-icon":"mdi-magnify"},null,8,["modelValue","label"])]),_:1})]),_:1})]),_:1},8,["modelValue"]))}};exports.default=h;

package/dist/Table-0QV9000m.js

@@ -0,0 +1,64 @@
+import { inject as w, useModel as C, ref as D, createBlock as n, openBlock as r, mergeProps as R, unref as e, createSlots as T, withCtx as d, createElementVNode as p, createCommentVNode as B, resolveDynamicComponent as N, createVNode as P, renderList as U, normalizeClass as v, createElementBlock as E, toDisplayString as F } from "vue";
+import { u as I } from "./index-Dt2Z193z.js";
+import { u as L, V as M, a as j, C as z } from "./cellRender-L5NaGvf8.js";
+const O = { key: 1 }, $ = { class: "expandable-row" }, q = ["colspan"], K = {
+  __name: "Table",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(f, { expose: V }) {
+    const { tableState: h, searchState: k, headersState: i, saveTableOptions: y } = I(), { filteredData: c } = L(), s = w("table_props"), m = C(f, "modelValue"), S = D(null), x = (l) => l?.lock ? null : `item.${l.key}`;
+    return V({ getItemsForPrint: async () => c.value }), (l, u) => (r(), n(M, R({
+      ref_key: "datatable",
+      ref: S,
+      modelValue: m.value,
+      "onUpdate:modelValue": u[0] || (u[0] = (t) => m.value = t),
+      color: "primary",
+      "show-select": "",
+      items: e(c),
+      headers: e(i),
+      loading: e(s).loading
+    }, { ...e(s).options, ...e(h).options.state }, {
+      search: e(k),
+      "onUpdate:options": e(y)
+    }), T({
+      loading: d(() => [
+        P(j, { type: "table-row@10" })
+      ]),
+      "expanded-row": d(({ columns: t, item: _ }) => [
+        p("tr", $, [
+          p("td", {
+            class: "expandable-row--column",
+            colspan: t.length
+          }, [
+            e(s).options.expandedRowRenderer ? (r(), n(N(e(s).options.expandedRowRenderer), {
+              key: 0,
+              params: { columns: t, item: _ }
+            }, null, 8, ["params"])) : B("", !0)
+          ], 8, q)
+        ])
+      ]),
+      _: 2
+    }, [
+      U(e(i), (t, _) => ({
+        name: x(t),
+        fn: d(({ item: b, internalItem: g, value: a, column: o }) => [
+          p("div", {
+            class: v(o.cellClass)
+          }, [
+            o?.cell ? (r(), n(e(z), {
+              key: 0,
+              render: o.cell({ item: b, internalItem: g, value: a, column: o }),
+              params: { item: b, internalItem: g, value: a, column: o }
+            }, null, 8, ["render", "params"])) : (r(), E("span", O, F(String(a).length || String(a) === "0" ? a : "-"), 1))
+          ], 2)
+        ])
+      }))
+    ]), 1040, ["modelValue", "items", "headers", "loading", "search", "onUpdate:options"]));
+  }
+};
+export {
+  K as default
+};

package/dist/Table-xPzhAgpA.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),y=require("./index-CIkwH8Kr.cjs"),n=require("./cellRender-Ru_IZsKe.cjs"),S={key:1},x={class:"expandable-row"},w=["colspan"],B={__name:"Table",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(f,{expose:b}){const{tableState:g,searchState:k,headersState:s,saveTableOptions:_}=y.useTableState(),{filteredData:d}=n.useTableData(),a=e.inject("table_props"),c=e.useModel(f,"modelValue"),h=e.ref(null),V=l=>l?.lock?null:`item.${l.key}`;return b({getItemsForPrint:async()=>d.value}),(l,i)=>(e.openBlock(),e.createBlock(n.VDataTable,e.mergeProps({ref_key:"datatable",ref:h,modelValue:c.value,"onUpdate:modelValue":i[0]||(i[0]=t=>c.value=t),color:"primary","show-select":"",items:e.unref(d),headers:e.unref(s),loading:e.unref(a).loading},{...e.unref(a).options,...e.unref(g).options.state},{search:e.unref(k),"onUpdate:options":e.unref(_)}),e.createSlots({loading:e.withCtx(()=>[e.createVNode(n.VSkeletonLoader,{type:"table-row@10"})]),"expanded-row":e.withCtx(({columns:t,item:p})=>[e.createElementVNode("tr",x,[e.createElementVNode("td",{class:"expandable-row--column",colspan:t.length},[e.unref(a).options.expandedRowRenderer?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a).options.expandedRowRenderer),{key:0,params:{columns:t,item:p}},null,8,["params"])):e.createCommentVNode("",!0)],8,w)])]),_:2},[e.renderList(e.unref(s),(t,p)=>({name:V(t),fn:e.withCtx(({item:u,internalItem:m,value:o,column:r})=>[e.createElementVNode("div",{class:e.normalizeClass(r.cellClass)},[r?.cell?(e.openBlock(),e.createBlock(e.unref(n.CellRender),{key:0,render:r.cell({item:u,internalItem:m,value:o,column:r}),params:{item:u,internalItem:m,value:o,column:r}},null,8,["render","params"])):(e.openBlock(),e.createElementBlock("span",S,e.toDisplayString(String(o).length||String(o)==="0"?o:"-"),1))],2)])}))]),1040,["modelValue","items","headers","loading","search","onUpdate:options"]))}};exports.default=B;