v1.0.0-beta-5

CHANGELOG.md

@@ -1,6 +1,16 @@
 # Change Log
 All notable changes to the "vuetify-drilldown-table" plugin will be documented in this file.
 
+## v1.0.0-beta-5
+06-23-23
+[main] (@webdevnerdstuff)
+* Added ability to pass VTextField props and events to bind to the search field
+* Added ability to pass props to bind to the VProgressLinear, VProgressCircular, and VSkeletonLoader
+* Removed old props no longer used due to adding ability to pass props and events to bind to components
+* Updating Playground examples
+* Update documentation
+* Cleaning up
+
 ## v1.0.0-beta-4
 06-22-23
 [main] (@webdevnerdstuff)

dist/plugin/components/TableLoader.vue.d.ts

@@ -26,6 +26,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<string | boolean | undefined>;
         required: true;
     };
+    loaderProps: {
+        type: __PropType<import('../../types').LoaderProps>;
+        required: true;
+    };
     loadingText: {
         type: __PropType<string | undefined>;
         required: false;
@@ -36,10 +40,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
-    skeltonType: {
-        type: __PropType<string | undefined>;
-        required: true;
-    };
     textLoader: {
         type: __PropType<boolean | undefined>;
         required: false;
@@ -72,6 +72,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<string | boolean | undefined>;
         required: true;
     };
+    loaderProps: {
+        type: __PropType<import('../../types').LoaderProps>;
+        required: true;
+    };
     loadingText: {
         type: __PropType<string | undefined>;
         required: false;
@@ -82,19 +86,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
-    skeltonType: {
-        type: __PropType<string | undefined>;
-        required: true;
-    };
     textLoader: {
         type: __PropType<boolean | undefined>;
         required: false;
         default: boolean;
     };
 }>>, {
     height: string | number | undefined;
-    size: string | number | undefined;
     loadingText: string | undefined;
+    size: string | number | undefined;
     loaderType: string | false | string[] | null | undefined;
     textLoader: boolean | undefined;
 }, {}>;

dist/plugin/composables/levelColors.d.ts

@@ -1,4 +1,9 @@
+import { ThemeInstance } from 'vuetify';
 import { UseGetLevelColors } from '../../types';
+/**
+ * Converts single color
+ */
+export declare const getSingleColor: (color: string, theme: ThemeInstance) => string;
 /**
  * Gets the colors for the current drilldown level
  */

dist/plugin/slots/HeadersSlot.vue.d.ts

@@ -14,6 +14,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<any[] | undefined>;
         required: true;
     };
+    loaderProps: {
+        type: __PropType<import('../../types').LoaderProps>;
+        required: true;
+    };
     loaderSettings: {
         type: __PropType<{
             colspan: number;
@@ -22,7 +26,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             loading: string | boolean | undefined;
             loadingText?: string | undefined;
             size?: string | number | undefined;
-            skeltonType: string | undefined;
             textLoader?: boolean | undefined;
         }>;
         required: true;
@@ -98,6 +101,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<any[] | undefined>;
         required: true;
     };
+    loaderProps: {
+        type: __PropType<import('../../types').LoaderProps>;
+        required: true;
+    };
     loaderSettings: {
         type: __PropType<{
             colspan: number;
@@ -106,7 +113,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             loading: string | boolean | undefined;
             loadingText?: string | undefined;
             size?: string | number | undefined;
-            skeltonType: string | undefined;
             textLoader?: boolean | undefined;
         }>;
         required: true;

dist/plugin/slots/TopSlot.vue.d.ts

@@ -1,5 +1,4 @@
 import type { PropType as __PropType } from 'vue';
-import { SearchProps } from '../../types';
 declare const _sfc_main: import("vue").DefineComponent<{
     items: {
         type: __PropType<any[] | undefined>;
@@ -13,21 +12,17 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<string | boolean | undefined>;
         required: true;
     };
+    searchContainerCols: {
+        type: __PropType<import('../../types').SearchContainerCols>;
+        required: true;
+    };
+    searchEvents: {
+        type: __PropType<import('../../types').KeyStringAny<any> | undefined>;
+        required: false;
+    };
     searchProps: {
-        type: __PropType<SearchProps | undefined>;
+        type: __PropType<import('../../types').KeyStringAny<any> | undefined>;
         required: false;
-        default: () => {
-            cols: {
-                lg: number;
-                md: number;
-                sm: number;
-                xl: number;
-                xs: number;
-                xxl: number;
-            };
-            density: string;
-            variant: string;
-        };
     };
     showSearch: {
         type: __PropType<boolean>;
@@ -71,21 +66,17 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<string | boolean | undefined>;
         required: true;
     };
+    searchContainerCols: {
+        type: __PropType<import('../../types').SearchContainerCols>;
+        required: true;
+    };
+    searchEvents: {
+        type: __PropType<import('../../types').KeyStringAny<any> | undefined>;
+        required: false;
+    };
     searchProps: {
-        type: __PropType<SearchProps | undefined>;
+        type: __PropType<import('../../types').KeyStringAny<any> | undefined>;
         required: false;
-        default: () => {
-            cols: {
-                lg: number;
-                md: number;
-                sm: number;
-                xl: number;
-                xs: number;
-                xxl: number;
-            };
-            density: string;
-            variant: string;
-        };
     };
     showSearch: {
         type: __PropType<boolean>;
@@ -119,7 +110,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:search"?: ((...args: any[]) => any) | undefined;
     "onClick:selectAll"?: ((...args: any[]) => any) | undefined;
-}, {
-    searchProps: SearchProps | undefined;
-}, {}>;
+}, {}, {}>;
 export default _sfc_main;

dist/plugin/utils/props.d.ts

@@ -20,12 +20,6 @@ export declare const AllProps: {
             readonly bg: "primary";
             readonly text: "on-primary";
         };
-        readonly loader: {
-            readonly circular: "primary";
-            readonly color: "primary";
-            readonly linear: "surface-variant";
-            readonly text: "surface-variant";
-        };
         readonly percentageChange: 25;
         readonly percentageDirection: "desc";
     };
@@ -48,8 +42,24 @@ export declare const AllProps: {
     itemsPerPage: number;
     level: number;
     levels: number;
-    loaderHeight: string;
-    loaderSize: string;
+    loaderProps: () => {
+        readonly circular: {
+            readonly bgColor: "theme-surface";
+            readonly color: "primary";
+            readonly indeterminate: true;
+        };
+        readonly linear: {
+            readonly color: "surface-variant";
+            readonly height: "2px";
+            readonly indeterminate: true;
+        };
+        readonly skelton: {
+            readonly type: "heading@1";
+        };
+        readonly text: {
+            readonly color: "surface-variant";
+        };
+    };
     loaderType: string;
     loading: boolean;
     loadingText: string;
@@ -60,20 +70,18 @@ export declare const AllProps: {
     page: number;
     returnObject: boolean;
     search: string;
+    searchContainerCols: () => {
+        lg: number;
+        md: number;
+        sm: number;
+        xl: number;
+        xs: number;
+        xxl: number;
+    };
     searchDebounce: number;
+    searchEvents: () => {};
     searchMaxWait: number;
-    searchProps: () => {
-        readonly cols: {
-            readonly lg: 3;
-            readonly md: 6;
-            readonly sm: 12;
-            readonly xl: 3;
-            readonly xs: 12;
-            readonly xxl: 2;
-        };
-        readonly density: "comfortable";
-        readonly variant: "underlined";
-    };
+    searchProps: () => {};
     selectStrategy: "page";
     separator: "default";
     server: boolean;
@@ -82,7 +90,6 @@ export declare const AllProps: {
     showFooterRow: boolean;
     showSearch: boolean;
     showSelect: boolean;
-    skeltonType: string;
     sortAscIcon: string;
     sortBy: () => never[];
     tableType: () => {};