@modeltables/fontawesome-vuetify 1.0.4 → 1.0.5

package/components/index.d.ts

@@ -1,7 +1,7 @@
 /*! @licence MIT */
 
 export { default as TableView } from "./table/TableView.vue";
-export { HeaderModel, PaginatonModel, PaginatedResponse } from './models/table-models';
+export { HeaderModel, PaginatonModel, PaginatedResponse } from './models/tablemodels';
 
 /*! 
 * Vuetify Labs v3.4.0 by vuetify - https://vuetifyjs.com

package/components/index.js

@@ -0,0 +1,7 @@
+// Minimal build entry for Vue CLI pages
+console.log('components/index.js loaded for build');
+
+// If you want to mount a demo app during build, import Vue and mount here.
+// import { createApp } from 'vue';
+// import App from './App.vue';
+// createApp(App).mount('#app');

package/components/models/tablemodels.d.ts

@@ -0,0 +1,20 @@
+export declare class HeaderModel {
+    title: string;
+    key?: string;
+    sort?: any;
+}
+
+export declare class PaginatonModel {
+    PageCount: number;
+    PerPage: number;
+    CurrentPage: number;
+    TotalCount: number;
+}
+
+export declare class PaginatedResponse<T> {
+    PageSize?: number;
+    PageCount?: number;
+    CurrentPage?: number;
+    TotalCount?: number;
+    Items: Array<T>;
+}

package/components/models/tablemodels.js

@@ -0,0 +1,26 @@
+export class HeaderModel {
+  constructor() {
+    this.title = '';
+    this.key = undefined;
+    this.sort = undefined;
+  }
+}
+
+export class PaginatonModel {
+  constructor() {
+    this.PageCount = 1;
+    this.PerPage = 10;
+    this.CurrentPage = 1;
+    this.TotalCount = 0;
+  }
+}
+
+export class PaginatedResponse {
+  constructor() {
+    this.PageSize = undefined;
+    this.PageCount = undefined;
+    this.CurrentPage = undefined;
+    this.TotalCount = undefined;
+    this.Items = [];
+  }
+}

package/components/pagination/PaginationView.vue

@@ -1,8 +1,12 @@
 <script lang="ts">
 import { faArrowAltCircleDown } from '@fortawesome/free-regular-svg-icons';
 import { faChevronLeft, faChevronRight, faFastBackward, faFastForward } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 
 export default {
+    components: {
+        FontAwesomeIcon: FontAwesomeIcon
+    },
     props: {
         totalCount: {
             type: Number,

package/components/table/TableView.vue

@@ -2,7 +2,8 @@
 import { ref } from 'vue'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import { faRefresh, faSearch } from '@fortawesome/free-solid-svg-icons';
-import { HeaderModel, PaginatonModel } from '../models/table-models';
+import { HeaderModel } from './../models/tablemodels';
+import { PaginatonModel } from './../models/tablemodels';
 import { change, Id, load, rowClick, search } from '../helpers/resources';
 import Date from '../headerFilters/Date.vue';
 import Search from '../search/SearchView.vue';
@@ -16,31 +17,27 @@ import DataItem from './data/ItemView.vue';
 export default {
   props: {
     dataheader: {
-      type: Array<HeaderModel>,
+      type: Array<HeaderModel[]>,
+      default: () => []
     },
     key: {
       type: String,
-      required: true,
       default: () => 'Id'
     },
     name: {
       type: String
     },
     dataItems: {
-      type: Array as () => any[],
-      reactive: true,
+      type: Array<Object[]>,
       required: true
     },
     currentItem: {
       type: Object,
-      reactive: true,
       required: false
-      
     },
     currentId: {
       type: Number,
-        reactive: true,
-        required: false
+      required: false
     },
     loading: {
       type: Boolean,
@@ -289,7 +286,7 @@ export default {
                   @filterValue="filterValue($event, filters[prop])">
                 </Filters>
               </td>
-            </tr>>
+            </tr>
             <tr @dblclick="updateItem(item, $event)">
               <td v-for="(prop) in Object.keys(item)">
                 <DataItem