datatables.net-vue3 2.0.0 → 2.1.1

package/Readme.md

@@ -89,3 +89,15 @@ And in your Vue application's CSS (assuming your are using Vite or some other bu
 @import 'datatables.net-dt';
 @import 'datatables.net-select-dt';
 ```
+
+
+## Development
+
+Clone this repo and then in your terminal:
+
+```
+npm install
+npm run dev
+```
+
+You will then be able to access various examples in your browser by clicking the link shown in your terminal.

package/dist/datatables.net-vue3.d.ts

@@ -0,0 +1,83 @@
+import { AllowedComponentProps } from 'vue';
+import type { Api } from 'datatables.net';
+import { ComponentCustomProps } from 'vue';
+import { ComponentOptionsMixin } from 'vue';
+import type { Config } from 'datatables.net';
+import type { ConfigColumns } from 'datatables.net';
+import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { Plugin as Plugin_2 } from 'vue';
+import { PropType } from 'vue';
+import { Ref } from 'vue';
+import { VNodeProps } from 'vue';
+
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare const _default: InstallableComponent;
+export default _default;
+
+declare const _default_2: __VLS_WithTemplateSlots<DefineComponent<__VLS_TypePropsToRuntimeProps<{
+/**
+* Load data for the table's content from an Ajax source
+*/
+ajax?: Config['ajax'];
+/**
+* Set column specific initialisation properties.
+*/
+columns?: ConfigColumns[] | undefined;
+/**
+* Data to use as the display data for the table.
+*/
+data?: any;
+/**
+* DataTables options
+*/
+options?: Config | undefined;
+}>, {
+/**
+* DataTable instance
+*/
+dt: Ref<Api<any> | undefined>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, string[], string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+/**
+* Load data for the table's content from an Ajax source
+*/
+ajax?: Config['ajax'];
+/**
+* Set column specific initialisation properties.
+*/
+columns?: ConfigColumns[] | undefined;
+/**
+* Data to use as the display data for the table.
+*/
+data?: any;
+/**
+* DataTables options
+*/
+options?: Config | undefined;
+}>>> & {
+[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {}>, {
+    default: (_: {}) => any;
+}>;
+
+export declare type InstallableComponent = typeof _default_2 & {
+    install: Exclude<Plugin_2['install'], undefined>;
+};
+
+export { }

package/dist/datatables.net-vue3.js

@@ -0,0 +1 @@
+"use strict";const r=require("vue"),v=["childRow","column-sizing","column-visibility","destroy","draw","error","init","length","order","page","preDraw","preInit","preXhr","processing","requestChild","search","stateLoadParams","stateLoaded","stateSaveParams","xhr","autoFill","preAutoFill","buttons-action","buttons-processing","column-reorder","key","key-blur","key-focus","key-refocus","key-return-submit","responsive-display","responsive-resize","rowgroup-datasrc","pre-row-reorder","row-reorder","row-reordered","dtsb-inserted","deselect","select","select-blur","selectItems","selectStyle","user-select","stateRestore-change"];let d;const w={name:"Datatables.netVue",inheritAttrs:!1,use(o){d=o}},g=r.defineComponent({...w,props:{ajax:null,columns:null,data:null,options:null},emits:v,setup(o,{expose:u}){const s=o,c=r.ref(null),a=r.ref(),b=r.ref([]);r.watch(()=>s.data,e=>{var l,i,p,m;let t=(l=a.value)==null?void 0:l.data().toArray();for(let n of e)t!=null&&t.includes(n)||(i=a.value)==null||i.row.add(n);if(typeof t<"u")for(let n of t)e.includes(n)||(p=a.value)==null||p.row((k,y)=>y===n).remove();(m=a.value)==null||m.rows().invalidate().draw(!1),f(e)},{deep:!0}),r.onMounted(()=>{const e=r.getCurrentInstance();let t=s.options||{};if(s.data&&(t.data=s.data,f(t.data)),s.columns&&(t.columns=s.columns),s.ajax&&(t.ajax=s.ajax),!d)throw new Error("DataTables library not set. See https://datatables.net/tn/19 for details.");a.value=new d(r.unref(c),t);for(let l of v)a.value&&e&&a.value.on(l,i=>{e.emit(l,{event:i,dt:a})})}),r.onBeforeUnmount(()=>{var e;(e=a.value)==null||e.destroy(!0)});function f(e){b.value=e.value?e.value.slice():e.slice()}return u({dt:a}),(e,t)=>t[0]||(r.setBlockTracking(-1),t[0]=r.createElementVNode("div",{class:"datatable"},[r.createElementVNode("table",r.mergeProps({ref_key:"table",ref:c},e.$attrs,{style:{width:"100%"}}),[r.renderSlot(e.$slots,"default")],16)]),r.setBlockTracking(1),t[0])}}),h=(()=>{const o=g;return o.install=u=>{u.component("Datatables.netVue",o)},o})();module.exports=h;

package/dist/datatables.net-vue3.mjs

@@ -0,0 +1,119 @@
+import { defineComponent as h, ref as u, watch as k, onMounted as x, getCurrentInstance as D, unref as _, onBeforeUnmount as j, setBlockTracking as v, createElementVNode as b, mergeProps as S, renderSlot as A } from "vue";
+const y = [
+  "childRow",
+  "column-sizing",
+  "column-visibility",
+  "destroy",
+  "draw",
+  "error",
+  "init",
+  "length",
+  "order",
+  "page",
+  "preDraw",
+  "preInit",
+  "preXhr",
+  "processing",
+  "requestChild",
+  "search",
+  "stateLoadParams",
+  "stateLoaded",
+  "stateSaveParams",
+  "xhr",
+  "autoFill",
+  "preAutoFill",
+  "buttons-action",
+  "buttons-processing",
+  "column-reorder",
+  "key",
+  "key-blur",
+  "key-focus",
+  "key-refocus",
+  "key-return-submit",
+  "responsive-display",
+  "responsive-resize",
+  "rowgroup-datasrc",
+  "pre-row-reorder",
+  "row-reorder",
+  "row-reordered",
+  "dtsb-inserted",
+  "deselect",
+  "select",
+  "select-blur",
+  "selectItems",
+  "selectStyle",
+  "user-select",
+  "stateRestore-change"
+];
+let d;
+const C = {
+  name: "Datatables.netVue",
+  inheritAttrs: !1,
+  use(s) {
+    d = s;
+  }
+}, E = /* @__PURE__ */ h({
+  ...C,
+  props: {
+    ajax: null,
+    columns: null,
+    data: null,
+    options: null
+  },
+  emits: y,
+  setup(s, { expose: i }) {
+    const r = s, c = u(null), a = u(), w = u([]);
+    k(
+      () => r.data,
+      (e) => {
+        var o, n, p, m;
+        let t = (o = a.value) == null ? void 0 : o.data().toArray();
+        for (let l of e)
+          t != null && t.includes(l) || (n = a.value) == null || n.row.add(l);
+        if (typeof t < "u")
+          for (let l of t)
+            e.includes(l) || (p = a.value) == null || p.row((I, g) => g === l).remove();
+        (m = a.value) == null || m.rows().invalidate().draw(!1), f(e);
+      },
+      {
+        deep: !0
+      }
+    ), x(() => {
+      const e = D();
+      let t = r.options || {};
+      if (r.data && (t.data = r.data, f(t.data)), r.columns && (t.columns = r.columns), r.ajax && (t.ajax = r.ajax), !d)
+        throw new Error(
+          "DataTables library not set. See https://datatables.net/tn/19 for details."
+        );
+      a.value = new d(_(c), t);
+      for (let o of y)
+        a.value && e && a.value.on(o, (n) => {
+          e.emit(o, { event: n, dt: a });
+        });
+    }), j(() => {
+      var e;
+      (e = a.value) == null || e.destroy(!0);
+    });
+    function f(e) {
+      w.value = e.value ? e.value.slice() : e.slice();
+    }
+    return i({
+      dt: a
+    }), (e, t) => t[0] || (v(-1), t[0] = b("div", { class: "datatable" }, [
+      b("table", S({
+        ref_key: "table",
+        ref: c
+      }, e.$attrs, { style: { width: "100%" } }), [
+        A(e.$slots, "default")
+      ], 16)
+    ]), v(1), t[0]);
+  }
+}), P = /* @__PURE__ */ (() => {
+  const s = E;
+  return s.install = (i) => {
+    i.component("Datatables.netVue", s);
+  }, s;
+})();
+export {
+  P as default
+};

package/dist/datatables.net-vue3.umd.js

@@ -0,0 +1 @@
+(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(e=typeof globalThis<"u"?globalThis:e||self,e.datatables=e.datatables||{},e.datatables["net-vue3"]=o(e.Vue))})(this,function(e){"use strict";const o=["childRow","column-sizing","column-visibility","destroy","draw","error","init","length","order","page","preDraw","preInit","preXhr","processing","requestChild","search","stateLoadParams","stateLoaded","stateSaveParams","xhr","autoFill","preAutoFill","buttons-action","buttons-processing","column-reorder","key","key-blur","key-focus","key-refocus","key-return-submit","responsive-display","responsive-resize","rowgroup-datasrc","pre-row-reorder","row-reorder","row-reordered","dtsb-inserted","deselect","select","select-blur","selectItems","selectStyle","user-select","stateRestore-change"];let u;const y={name:"Datatables.netVue",inheritAttrs:!1,use(n){u=n}},h=e.defineComponent({...y,props:{ajax:null,columns:null,data:null,options:null},emits:o,setup(n,{expose:c}){const r=n,f=e.ref(null),s=e.ref(),w=e.ref([]);e.watch(()=>r.data,t=>{var l,d,m,b;let a=(l=s.value)==null?void 0:l.data().toArray();for(let i of t)a!=null&&a.includes(i)||(d=s.value)==null||d.row.add(i);if(typeof a<"u")for(let i of a)t.includes(i)||(m=s.value)==null||m.row((x,k)=>k===i).remove();(b=s.value)==null||b.rows().invalidate().draw(!1),p(t)},{deep:!0}),e.onMounted(()=>{const t=e.getCurrentInstance();let a=r.options||{};if(r.data&&(a.data=r.data,p(a.data)),r.columns&&(a.columns=r.columns),r.ajax&&(a.ajax=r.ajax),!u)throw new Error("DataTables library not set. See https://datatables.net/tn/19 for details.");s.value=new u(e.unref(f),a);for(let l of o)s.value&&t&&s.value.on(l,d=>{t.emit(l,{event:d,dt:s})})}),e.onBeforeUnmount(()=>{var t;(t=s.value)==null||t.destroy(!0)});function p(t){w.value=t.value?t.value.slice():t.slice()}return c({dt:s}),(t,a)=>a[0]||(e.setBlockTracking(-1),a[0]=e.createElementVNode("div",{class:"datatable"},[e.createElementVNode("table",e.mergeProps({ref_key:"table",ref:f},t.$attrs,{style:{width:"100%"}}),[e.renderSlot(t.$slots,"default")],16)]),e.setBlockTracking(1),a[0])}});return(()=>{const n=h;return n.install=c=>{c.component("Datatables.netVue",n)},n})()});

package/package.json

@@ -1,59 +1,36 @@
 {
   "name": "datatables.net-vue3",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "description": "Vue3 component for DataTables",
-  "main": "dist/datatables.net-vue.ssr.js",
-  "browser": "dist/datatables.net-vue.esm.js",
-  "module": "dist/datatables.net-vue.esm.js",
-  "unpkg": "dist/datatables.net-vue.min.js",
-  "types": "dist/types/src/entry.esm.d.ts",
+  "main": "dist/datatables.net-vue3.umd.js",
+  "module": "dist/datatables.net-vue3.mjs",
+  "require": "dist/datatables.net-vue3.js",
+  "unpkg": "dist/datatables.net-vue3.umd.js",
+  "types": "dist/datatables.net-vue3.d.ts",
   "files": [
     "dist/*",
     "src/**/*.vue"
   ],
   "sideEffects": false,
   "scripts": {
-    "serve": "vue-cli-service serve dev/serve.ts",
-    "prebuild": "rimraf ./dist",
-    "build": "NODE_ENV=production rollup --config build/rollup.config.js",
-    "build:ssr": "NODE_ENV=production rollup --config build/rollup.config.js --format cjs",
-    "build:es": "NODE_ENV=production rollup --config build/rollup.config.js --format es",
-    "build:unpkg": "NODE_ENV=production rollup --config build/rollup.config.js --format iife",
-    "postbuild": "rimraf ./dist/types/dev ./dist/types/src/entry.d.ts"
-  },
-  "dependencies": {
-    "datatables.net": "^1.13.1",
-    "jquery": "^3.6.0"
+    "dev": "vite --host",
+    "build": "cross-env NODE_ENV=production vite build && npm run build-types",
+    "build-types": "vue-tsc --emitDeclarationOnly -p ./tsconfig.types.json && api-extractor run && rimraf ./temp"
   },
   "devDependencies": {
-    "@babel/core": "^7.14.6",
-    "@babel/preset-env": "^7.14.7",
-    "@babel/preset-typescript": "^7.14.5",
-    "@rollup/plugin-alias": "^3.1.2",
-    "@rollup/plugin-babel": "^5.3.0",
-    "@rollup/plugin-commonjs": "^14.0.0",
-    "@rollup/plugin-node-resolve": "^9.0.0",
-    "@rollup/plugin-replace": "^2.4.2",
+    "@microsoft/api-extractor": "^7.33.7",
     "@types/jquery": "^3.5.14",
-    "@vue/cli-plugin-babel": "^4.5.13",
-    "@vue/cli-plugin-typescript": "^4.5.13",
-    "@vue/cli-service": "^4.5.13",
-    "@vue/compiler-sfc": "^3.0.11",
-    "@zerollup/ts-transform-paths": "^1.7.18",
+    "@vitejs/plugin-vue": "^4.0.0",
     "cross-env": "^7.0.3",
-    "minimist": "^1.2.5",
-    "postcss": "^8.2.10",
+    "datatables.net-select-dt": "^1.5.0",
     "rimraf": "^3.0.2",
-    "rollup": "^2.52.8",
-    "rollup-plugin-postcss": "^4.0.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.30.0",
-    "rollup-plugin-vue": "^6.0.0",
-    "ttypescript": "^1.5.12",
-    "typescript": "^4.0.3",
-    "vue": "^3.0.5"
+    "typescript": "^4.8.4",
+    "vue": "^3.2.45",
+    "vue-tsc": "^1.0.16"
   },
   "peerDependencies": {
+    "datatables.net": "^1.13.1",
+    "jquery": "^3.6.0",
     "vue": "^3.0.5"
   },
   "engines": {
@@ -66,5 +43,8 @@
   "author": {
     "name": "SpryMedia Ltd",
     "url": "http://datatables.net"
+  },
+  "dependencies": {
+    "datatables.net-responsive-dt": "^2.4.0"
   }
 }

package/src/datatables.net-vue.vue

@@ -1,122 +1,145 @@
 <script lang="ts">
+  export let DataTablesLib: any
 
-import { defineComponent } from 'vue';
-
-var DataTablesLib: any;
-
-export interface IData {
-  _dt: null | any,
-  oldData: Array<any>
-}
-
-const Comp = defineComponent({
-  name: 'DataTable',
-  expose: [
-    'dt',
-  ],
-  data(): IData {
-    return {
-      _dt: null,
-      oldData: [],
-    };
-  },
-  computed: {},
-  methods: {
-    dt() {
-      return this._dt;
-    },
-    saveOld(d: any) {
-      this.oldData = d.value
-        ? d.value.slice()
-        : d.slice();
-    }
-  },
-  mounted() {
-    // Component shown so we can initialise DataTables of the table now
-    let table = this.$el.querySelector('table');
-    let options: any = this.options;
-
-    if (this.data) {
-      options.data = this.data;
-      this.saveOld(options.data);
-    }
-
-    if (this.columns) {
-      options.columns = this.columns;
-    }
-
-    if (this.ajax) {
-      options.ajax = this.ajax;
+  export default {
+    name: 'Datatables.netVue',
+    inheritAttrs: false,
+    use(lib: any) {
+      DataTablesLib = lib;
     }
+  }
+</script>
 
-    if (! DataTablesLib) {
-      throw new Error('DataTables library not set. See https://datatables.net/tn/19 for details.');
-    }
+<script lang="ts" setup>
+// imports
+import { ref, unref, watch, onMounted, onBeforeUnmount, getCurrentInstance} from 'vue';
+import type { Api, Config, ConfigColumns } from 'datatables.net';
+import dtEvents from './dtEvents';
+
+// props
+const props = defineProps<{
+	/**
+	 * Load data for the table's content from an Ajax source
+	 */
+	ajax?: Config['ajax'];
+	/**
+	 * Set column specific initialisation properties.
+	 */
+	columns?: ConfigColumns[];
+	/**
+	 * Data to use as the display data for the table.
+	 */
+	data?: any;
+	/**
+	 * DataTables options
+	 */
+	options?: Config;
+}>();
+
+// emits
+defineEmits(dtEvents);
+
+// setup
+const table = ref<HTMLTableElement | null>(null);
+
+// data
+const dt = ref<Api<any>>();
+const oldData = ref<any[]>([]);
+
+// computed
+
+// watch
+watch(
+	() => props.data,
+	(newVal) => {
+		let known = dt.value?.data().toArray();
+
+		// Find any new rows
+		for (let n of newVal) {
+			if (!known?.includes(n)) {
+				dt.value?.row.add(n);
+			}
+		}
+
+		// Remove any old rows
+		if (typeof known !== 'undefined') {
+			for (let k of known) {
+				if (!newVal.includes(k)) {
+					dt.value?.row((_idx: any, d: any) => d === k).remove();
+				}
+			}
+		}
+
+		// Data in other rows might have changes, so we need to invalidate the rows
+		dt.value?.rows().invalidate().draw(false);
+
+		saveOld(newVal);
+	},
+	{
+		deep: true,
+	}
+);
+
+// lifecycle
+onMounted(() => {
+	const inst = getCurrentInstance();
+	let options: any = props.options || {};
+
+	if (props.data) {
+		options.data = props.data;
+		saveOld(options.data);
+	}
+
+	if (props.columns) {
+		options.columns = props.columns;
+	}
+
+	if (props.ajax) {
+		options.ajax = props.ajax;
+	}
+
+	if (!DataTablesLib) {
+		throw new Error(
+			'DataTables library not set. See https://datatables.net/tn/19 for details.'
+		);
+	}
+
+	// Create the DataTable!
+	dt.value = new DataTablesLib(unref(table), options);
+
+	// Re-export all DataTables events by listening for them using DataTable's
+	// `on` method and then emit them to our Vue component
+	for (let eName of dtEvents) {
+		if (dt.value && inst) {
+			dt.value.on(eName, (event) => {
+				inst.emit(eName, { event: event, dt: dt });
+			});
+		}
+	}
+});
 
-    this._dt = new (DataTablesLib as any)(table, options);
-  },
-  beforeUnmount() {
-    this._dt.destroy(true);
-  },
-  props: {
-    ajax: null,
-    class: {
-      type: String,
-      default: '',
-    },
-    columns: {
-      type: Array,
-      default: null,
-    },
-    data: {
-      type: Array,
-      default: null,
-    },
-    options: {
-      default: {}
-    }
-  },
-  watch: {
-    data: {
-      handler(newVal) {
-        let known = this._dt.data().toArray();
-
-        // Find any new rows
-        for (let n of newVal) {
-          if (! known.includes(n)) {
-            this._dt.row.add(n);
-          }
-        }
-
-        // Remove any old rows
-        for (let k of known) {
-          if (! newVal.includes(k)) {
-            this._dt.row((_idx: any, d: any) => d === k).remove();
-          }
-        }
-
-        // Data in other rows might have changes, so we need to invalidate the rows
-        this._dt.rows().invalidate().draw(false);
-
-        this.saveOld(newVal);
-      },
-      deep: true
-    }
-  }
+onBeforeUnmount(() => {
+	dt.value?.destroy(true);
 });
 
-// Expose a static method that can be used to add extensions
-Comp.use = function(lib: any) {
-  DataTablesLib = lib;
+// methods
+function saveOld(d: any) {
+	oldData.value = d.value ? d.value.slice() : d.slice();
 }
 
-export default Comp;
+// expose
+defineExpose({
+	/**
+	 * DataTable instance
+	 */
+	dt,
+});
 
 </script>
 
 <template>
   <div class="datatable" v-once>
-    <table :class="class">
+    <table ref="table" v-bind="$attrs" style="width:100%">
       <slot></slot>
     </table>
   </div>

package/dist/datatables.net-vue.esm.js

@@ -1,137 +0,0 @@
-import { defineComponent, setBlockTracking, createElementVNode, normalizeClass, renderSlot } from 'vue';
-
-var DataTablesLib;
-const Comp = defineComponent({
-  name: 'DataTable',
-  expose: ['dt'],
-
-  data() {
-    return {
-      _dt: null,
-      oldData: []
-    };
-  },
-
-  computed: {},
-  methods: {
-    dt() {
-      return this._dt;
-    },
-
-    saveOld(d) {
-      this.oldData = d.value ? d.value.slice() : d.slice();
-    }
-
-  },
-
-  mounted() {
-    // Component shown so we can initialise DataTables of the table now
-    let table = this.$el.querySelector('table');
-    let options = this.options;
-
-    if (this.data) {
-      options.data = this.data;
-      this.saveOld(options.data);
-    }
-
-    if (this.columns) {
-      options.columns = this.columns;
-    }
-
-    if (this.ajax) {
-      options.ajax = this.ajax;
-    }
-
-    if (!DataTablesLib) {
-      throw new Error('DataTables library not set. See https://datatables.net/tn/19 for details.');
-    }
-
-    this._dt = new DataTablesLib(table, options);
-  },
-
-  beforeUnmount() {
-    this._dt.destroy(true);
-  },
-
-  props: {
-    ajax: null,
-    class: {
-      type: String,
-      default: ''
-    },
-    columns: {
-      type: Array,
-      default: null
-    },
-    data: {
-      type: Array,
-      default: null
-    },
-    options: {
-      default: {}
-    }
-  },
-  watch: {
-    data: {
-      handler(newVal) {
-        let known = this._dt.data().toArray(); // Find any new rows
-
-
-        for (let n of newVal) {
-          if (!known.includes(n)) {
-            this._dt.row.add(n);
-          }
-        } // Remove any old rows
-
-
-        for (let k of known) {
-          if (!newVal.includes(k)) {
-            this._dt.row((_idx, d) => d === k).remove();
-          }
-        } // Data in other rows might have changes, so we need to invalidate the rows
-
-
-        this._dt.rows().invalidate().draw(false);
-
-        this.saveOld(newVal);
-      },
-
-      deep: true
-    }
-  }
-}); // Expose a static method that can be used to add extensions
-
-Comp.use = function (lib) {
-  DataTablesLib = lib;
-};
-
-var script = Comp;
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _cache[0] || (setBlockTracking(-1), _cache[0] = createElementVNode("div", {
-    class: "datatable"
-  }, [createElementVNode("table", {
-    class: normalizeClass(_ctx.class)
-  }, [renderSlot(_ctx.$slots, "default")], 2)]), setBlockTracking(1), _cache[0]);
-}
-
-script.render = render;
-
-// Import vue component
-// IIFE injects install function into component, allowing component
-// to be registered via Vue.use() as well as Vue.component(),
-
-var entry_esm = /*#__PURE__*/(() => {
-  // Assign InstallableComponent type
-  const installable = script; // Attach install function executed by Vue.use()
-
-  installable.install = app => {
-    app.component('Datatables.netVue', installable);
-  };
-
-  return installable;
-})(); // It's possible to expose named exports when writing components that can
-// also be used as directives, etc. - eg. import { RollupDemoDirective } from 'rollup-demo';
-// export const RollupDemoDirective = directive;
-
-export { entry_esm as default };

package/dist/datatables.net-vue.min.js

@@ -1 +0,0 @@
-this.Datatables=this.Datatables||{},this.Datatables.netVue=function(t){"use strict";function e(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==n)return;var r,a,o=[],l=!0,i=!1;try{for(n=n.call(t);!(l=(r=n.next()).done)&&(o.push(r.value),!e||o.length!==e);l=!0);}catch(t){i=!0,a=t}finally{try{l||null==n.return||n.return()}finally{if(i)throw a}}return o}(t,e)||n(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(t,e){if(t){if("string"==typeof t)return r(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}}function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function a(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=n(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var a=0,o=function(){};return{s:o,n:function(){return a>=t.length?{done:!0}:{done:!1,value:t[a++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,i=!0,u=!1;return{s:function(){r=r.call(t)},n:function(){var t=r.next();return i=t.done,t},e:function(t){u=!0,l=t},f:function(){try{i||null==r.return||r.return()}finally{if(u)throw l}}}}var o,l=t.defineComponent({name:"DataTable",expose:["dt"],data:function(){return{_dt:null,oldData:[]}},computed:{},methods:{dt:function(){return this._dt},saveOld:function(t){this.oldData=t.value?t.value.slice():t.slice()}},mounted:function(){var t=this.$el.querySelector("table"),e=this.options;if(this.data&&(e.data=this.data,this.saveOld(e.data)),this.columns&&(e.columns=this.columns),this.ajax&&(e.ajax=this.ajax),!o)throw new Error("DataTables library not set. See https://datatables.net/tn/19 for details.");this._dt=new o(t,e)},beforeUnmount:function(){this._dt.destroy(!0)},props:{ajax:null,class:{type:String,default:""},columns:{type:Array,default:null},data:{type:Array,default:null},options:{default:{}}},watch:{data:{handler:function(t){var e,n=this,r=this._dt.data().toArray(),o=a(t);try{for(o.s();!(e=o.n()).done;){var l=e.value;r.includes(l)||this._dt.row.add(l)}}catch(t){o.e(t)}finally{o.f()}var i,u=a(r);try{var s=function(){var e=i.value;t.includes(e)||n._dt.row((function(t,n){return n===e})).remove()};for(u.s();!(i=u.n()).done;)s()}catch(t){u.e(t)}finally{u.f()}this._dt.rows().invalidate().draw(!1),this.saveOld(t)},deep:!0}}});l.use=function(t){o=t};var i=l;i.render=function(e,n,r,a,o,l){return n[0]||(t.setBlockTracking(-1),n[0]=t.createElementVNode("div",{class:"datatable"},[t.createElementVNode("table",{class:t.normalizeClass(e.class)},[t.renderSlot(e.$slots,"default")],2)]),t.setBlockTracking(1),n[0])};var u=function(){var t=i;return t.install=function(e){e.component("Datatables.netVue",t)},t}(),s=Object.freeze({__proto__:null,default:u});return Object.entries(s).forEach((function(t){var n=e(t,2),r=n[0],a=n[1];"default"!==r&&(u[r]=a)})),u}(Vue);

package/dist/datatables.net-vue.ssr.js

@@ -1,274 +0,0 @@
-'use strict';var vue=require('vue');function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-
-  return _arr;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-  return arr2;
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _createForOfIteratorHelper(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-
-  if (!it) {
-    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-      if (it) o = it;
-      var i = 0;
-
-      var F = function () {};
-
-      return {
-        s: F,
-        n: function () {
-          if (i >= o.length) return {
-            done: true
-          };
-          return {
-            done: false,
-            value: o[i++]
-          };
-        },
-        e: function (e) {
-          throw e;
-        },
-        f: F
-      };
-    }
-
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  var normalCompletion = true,
-      didErr = false,
-      err;
-  return {
-    s: function () {
-      it = it.call(o);
-    },
-    n: function () {
-      var step = it.next();
-      normalCompletion = step.done;
-      return step;
-    },
-    e: function (e) {
-      didErr = true;
-      err = e;
-    },
-    f: function () {
-      try {
-        if (!normalCompletion && it.return != null) it.return();
-      } finally {
-        if (didErr) throw err;
-      }
-    }
-  };
-}var DataTablesLib;
-var Comp = vue.defineComponent({
-  name: 'DataTable',
-  expose: ['dt'],
-  data: function data() {
-    return {
-      _dt: null,
-      oldData: []
-    };
-  },
-  computed: {},
-  methods: {
-    dt: function dt() {
-      return this._dt;
-    },
-    saveOld: function saveOld(d) {
-      this.oldData = d.value ? d.value.slice() : d.slice();
-    }
-  },
-  mounted: function mounted() {
-    // Component shown so we can initialise DataTables of the table now
-    var table = this.$el.querySelector('table');
-    var options = this.options;
-
-    if (this.data) {
-      options.data = this.data;
-      this.saveOld(options.data);
-    }
-
-    if (this.columns) {
-      options.columns = this.columns;
-    }
-
-    if (this.ajax) {
-      options.ajax = this.ajax;
-    }
-
-    if (!DataTablesLib) {
-      throw new Error('DataTables library not set. See https://datatables.net/tn/19 for details.');
-    }
-
-    this._dt = new DataTablesLib(table, options);
-  },
-  beforeUnmount: function beforeUnmount() {
-    this._dt.destroy(true);
-  },
-  props: {
-    ajax: null,
-    class: {
-      type: String,
-      default: ''
-    },
-    columns: {
-      type: Array,
-      default: null
-    },
-    data: {
-      type: Array,
-      default: null
-    },
-    options: {
-      default: {}
-    }
-  },
-  watch: {
-    data: {
-      handler: function handler(newVal) {
-        var _this = this;
-
-        var known = this._dt.data().toArray(); // Find any new rows
-
-
-        var _iterator = _createForOfIteratorHelper(newVal),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var n = _step.value;
-
-            if (!known.includes(n)) {
-              this._dt.row.add(n);
-            }
-          } // Remove any old rows
-
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-
-        var _iterator2 = _createForOfIteratorHelper(known),
-            _step2;
-
-        try {
-          var _loop = function _loop() {
-            var k = _step2.value;
-
-            if (!newVal.includes(k)) {
-              _this._dt.row(function (_idx, d) {
-                return d === k;
-              }).remove();
-            }
-          };
-
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            _loop();
-          } // Data in other rows might have changes, so we need to invalidate the rows
-
-        } catch (err) {
-          _iterator2.e(err);
-        } finally {
-          _iterator2.f();
-        }
-
-        this._dt.rows().invalidate().draw(false);
-
-        this.saveOld(newVal);
-      },
-      deep: true
-    }
-  }
-}); // Expose a static method that can be used to add extensions
-
-Comp.use = function (lib) {
-  DataTablesLib = lib;
-};
-
-var script = Comp;function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _cache[0] || (vue.setBlockTracking(-1), _cache[0] = vue.createElementVNode("div", {
-    class: "datatable"
-  }, [vue.createElementVNode("table", {
-    class: vue.normalizeClass(_ctx.class)
-  }, [vue.renderSlot(_ctx.$slots, "default")], 2)]), vue.setBlockTracking(1), _cache[0]);
-}script.render = render;// Import vue component
-
-// Default export is installable instance of component.
-// IIFE injects install function into component, allowing component
-// to be registered via Vue.use() as well as Vue.component(),
-var component = /*#__PURE__*/(function () {
-  // Assign InstallableComponent type
-  var installable = script; // Attach install function executed by Vue.use()
-
-  installable.install = function (app) {
-    app.component('Datatables.netVue', installable);
-  };
-
-  return installable;
-})(); // It's possible to expose named exports when writing components that can
-// also be used as directives, etc. - eg. import { RollupDemoDirective } from 'rollup-demo';
-// export const RollupDemoDirective = directive;
-var namedExports=/*#__PURE__*/Object.freeze({__proto__:null,'default':component});// only expose one global var, with named exports exposed as properties of
-// that global var (eg. plugin.namedExport)
-
-Object.entries(namedExports).forEach(function (_ref) {
-  var _ref2 = _slicedToArray(_ref, 2),
-      exportName = _ref2[0],
-      exported = _ref2[1];
-
-  if (exportName !== 'default') component[exportName] = exported;
-});module.exports=component;

package/dist/types/src/datatables.net-vue.vue.d.ts

@@ -1,48 +0,0 @@
-export interface IData {
-    _dt: null | any;
-    oldData: Array<any>;
-}
-declare const Comp: import("vue").DefineComponent<{
-    ajax: null;
-    class: {
-        type: StringConstructor;
-        default: string;
-    };
-    columns: {
-        type: ArrayConstructor;
-        default: null;
-    };
-    data: {
-        type: ArrayConstructor;
-        default: null;
-    };
-    options: {
-        default: {};
-    };
-}, unknown, IData, {}, {
-    dt(): any;
-    saveOld(d: any): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    ajax: null;
-    class: {
-        type: StringConstructor;
-        default: string;
-    };
-    columns: {
-        type: ArrayConstructor;
-        default: null;
-    };
-    data: {
-        type: ArrayConstructor;
-        default: null;
-    };
-    options: {
-        default: {};
-    };
-}>>, {
-    data: unknown[];
-    class: string;
-    columns: unknown[];
-    options: {};
-}>;
-export default Comp;

package/dist/types/src/entry.esm.d.ts

@@ -1,7 +0,0 @@
-import { Plugin } from 'vue';
-import component from "./datatables.net-vue.vue";
-declare type InstallableComponent = typeof component & {
-    install: Exclude<Plugin['install'], undefined>;
-};
-declare const _default: InstallableComponent;
-export default _default;