@ianicdev/datatables2 0.10.2 → 0.10.4

package/dist/{Options-DCQAU-J6.js → Options-BHx4o8aa.js}

@@ -1,10 +1,10 @@
-import { inject as r, 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 h } from "./printjs-kC3Qmb-l.js";
+import { inject as r, 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 P, renderList as w, mergeProps as k } from "vue";
+import { useI18n as B } from "vue-i18n";
+import { g as E, r as h } from "./printjs-kC3Qmb-l.js";
 import { e as d, g as I } from "./escapeKeyString-CngwDxKW.js";
-import { aD as j, a9 as C, aa as F, a7 as L } from "./dataTables-4_0nZg-y.js";
+import { aD as j, a9 as C, aa as F, a7 as L } from "./dataTables-Be-U1RVV.js";
 var M = h();
-const O = /* @__PURE__ */ P(M);
+const O = /* @__PURE__ */ E(M);
 function R() {
   const m = r("table_props"), l = r("tableRef"), n = r("downloadModal"), s = v(() => m.headers.filter((e) => e?.printable !== !1));
   return { printTable: async () => {
@@ -28,7 +28,7 @@ function R() {
 const q = {
   __name: "Options",
   setup(m) {
-    const l = r("table_props"), n = r("pluginOptions"), { t: s } = E(), { printTable: f } = R(), e = y(!1), i = v(() => [
+    const l = r("table_props"), n = r("datatablesPluginOptions"), { t: s } = B(), { printTable: f } = R(), e = y(!1), i = v(() => [
       {
         title: s("$datatables.print"),
         onClick: f,
@@ -64,7 +64,7 @@ const q = {
           slim: ""
         }, {
           default: u(() => [
-            (p(!0), V(w, null, B(c(i), (t, x) => (p(), b(F, k({ ref_for: !0 }, t, {
+            (p(!0), V(P, null, w(c(i), (t, x) => (p(), b(F, k({ ref_for: !0 }, t, {
               key: x,
               rounded: "lg",
               link: ""

package/dist/Options-e0hJOpF8.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-nS7kXLwu.cjs"),u=require("./dataTables-BbXv6am2.cjs");var g=f.requirePrint();const y=f.getDefaultExportFromCjs(g);function k(){const p=e.inject("table_props"),l=e.inject("tableRef"),a=e.inject("downloadModal"),s=e.computed(()=>p.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(p){const l=e.inject("table_props"),a=e.inject("datatablesPluginOptions"),{t:s}=b.useI18n(),{printTable:d}=k(),n=e.ref(!1),i=e.computed(()=>[{title:s("$datatables.print"),onClick:d,prependIcon:a.header.icons.print,...l.options.header?.export?.buttons},...l.options?.globalButtons??[]]);return(o,r)=>(e.openBlock(),e.createBlock(u.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(u.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(u.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(u.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-CyPWCK3e.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./index-m_LBTAkz.cjs"),l=require("vue-i18n"),u=require("./dataTables-BbXv6am2.cjs"),d={__name:"RefreshTable",setup(p){const t=e.inject("busEmits"),n=e.inject("table_props"),a=e.inject("datatablesPluginOptions"),{deleteDataStorage:s}=i.useDatastate(n),{t:r}=l.useI18n(),c=e.ref(!1),o=()=>{s(),t("refetchData")};return(b,f)=>(e.openBlock(),e.createBlock(u.VBtn,{disabled:e.unref(c),"prepend-icon":e.unref(a).header.icons.refresh,text:e.unref(r)("$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/{RefreshTable-CJghSR2x.js → RefreshTable-DlG8UH4c.js}

@@ -1,14 +1,14 @@
 import { inject as t, ref as l, createBlock as p, openBlock as d, unref as e } from "vue";
-import { h as f } from "./index-D-1LWR3S.js";
+import { i as f } from "./index-BAxGZLuh.js";
 import { useI18n as m } from "vue-i18n";
-import { a7 as u } from "./dataTables-4_0nZg-y.js";
+import { a7 as u } from "./dataTables-Be-U1RVV.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");
+  setup(b) {
+    const a = t("busEmits"), s = t("table_props"), o = t("datatablesPluginOptions"), { deleteDataStorage: r } = f(s), { t: n } = m(), c = l(!1), i = () => {
+      r(), a("refetchData");
     };
-    return (b, h) => (d(), p(u, {
+    return (_, h) => (d(), p(u, {
       disabled: e(c),
       "prepend-icon": e(o).header.icons.refresh,
       text: e(n)("$datatables.refresh"),

package/dist/Search-D4UmoZpS.cjs

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

package/dist/{Search-btos05iH.js → Search-DDRz2N_S.js}

@@ -1,11 +1,11 @@
-import { inject as d, ref as p, useTemplateRef as v, computed as _, watch as x, onMounted as k, createBlock as y, openBlock as S, unref as l, isRef as m, withCtx as r, createVNode as s, mergeProps as T } from "vue";
-import { c as g, u as w, e as D, f as F, g as $ } from "./index-D-1LWR3S.js";
+import { inject as u, ref as p, useTemplateRef as v, computed as _, watch as x, onMounted as k, createBlock as y, openBlock as S, unref as l, isRef as m, withCtx as r, createVNode as s, mergeProps as T } from "vue";
+import { e as g, u as w, f as D, g as F, h as $ } from "./index-BAxGZLuh.js";
 import { watchDebounced as B } from "@vueuse/core";
-import { aD as C, a7 as M } from "./dataTables-4_0nZg-y.js";
-const z = {
+import { aD as C, a7 as P } from "./dataTables-Be-U1RVV.js";
+const q = {
   __name: "Search",
-  setup(O) {
-    const f = d("table_props"), c = d("pluginOptions"), b = g(), { searchState: i } = w(), { setData: h } = b, a = p(null), o = p(!1), u = v("searchField"), V = _(() => i.value);
+  setup(M) {
+    const f = u("table_props"), c = u("datatablesPluginOptions"), b = g(), { searchState: i } = w(), { setData: h } = b, a = p(null), o = p(!1), d = v("searchField"), V = _(() => i.value);
     return B(
       a,
       (e) => {
@@ -18,7 +18,7 @@ const z = {
       { debounce: 1e3, maxWait: 5e3 }
     ), x(o, (e) => {
       e && setTimeout(() => {
-        u.value?.focus();
+        d.value?.focus();
       }, 250);
     }), k(() => {
       a.value = i.value;
@@ -29,7 +29,7 @@ const z = {
       location: "bottom center"
     }, {
       activator: r(({ props: t }) => [
-        s(M, T({
+        s(P, T({
           "prepend-icon": l(c).header.icons.search,
           text: e.$t("$datatables.search"),
           variant: "text",
@@ -46,7 +46,7 @@ const z = {
               default: r(() => [
                 s($, {
                   ref_key: "searchField",
-                  ref: u,
+                  ref: d,
                   modelValue: l(a),
                   "onUpdate:modelValue": n[0] || (n[0] = (t) => m(a) ? a.value = t : null),
                   density: "comfortable",
@@ -68,5 +68,5 @@ const z = {
   }
 };
 export {
-  z as default
+  q as default
 };

package/dist/Table-ACmKFpAk.cjs

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

package/dist/Table-QxreAQB1.js

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