mdb-vue-ui-kit - npm Package Compare versions

Comparing version 3.0.0 to 3.1.0

package.json

 {
   "name": "mdb-vue-ui-kit",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "type": "module",
@@ -5,0 +5,0 @@ "main": "js/mdb.umd.min.js",

README.txt

 MDB 5 Vue
 
-Version: FREE 3.0.0
+Version: FREE 3.1.0
 
@@ -5,0 +5,0 @@ Documentation:

types/components/free/components/MDBCollapse.vue.d.ts

@@ -11,2 +11,3 @@ import type { Ref } from "vue";
             sidenav: boolean;
+            horizontal: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -28,5 +29,9 @@ tag: {
             };
+            horizontal: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:modelValue"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "modelValue" | "duration" | "sidenav">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "modelValue" | "duration" | "sidenav" | "horizontal">;
         $attrs: {
@@ -61,2 +66,6 @@ [x: string]: unknown;
             };
+            horizontal: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
@@ -71,2 +80,3 @@ "onUpdate:modelValue"?: (...args: any[]) => any;
             sidenav: boolean;
+            horizontal: boolean;
         }> & {
@@ -108,2 +118,6 @@ beforeCreate?: (() => void) | (() => void)[];
         };
+        horizontal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
@@ -133,2 +147,6 @@ "onUpdate:modelValue"?: (...args: any[]) => any;
     };
+    horizontal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
@@ -143,2 +161,3 @@ "onUpdate:modelValue"?: (...args: any[]) => any;
     sidenav: boolean;
+    horizontal: boolean;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -145,0 +164,0 @@ $slots: {

types/components/free/components/MDBDropdownMenu.vue.d.ts

@@ -6,8 +6,9 @@ declare const _default: {
         $props: Partial<{
+            filter: boolean;
             tag: string;
             dark: boolean;
+            animation: boolean;
+            static: boolean;
             fadeIn: string;
             fadeOut: string;
-            animation: boolean;
-            static: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -38,3 +39,7 @@ tag: {
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "dark" | "fadeIn" | "fadeOut" | "animation" | "static">;
+            filter: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "filter" | "tag" | "dark" | "animation" | "static" | "fadeIn" | "fadeOut">;
         $attrs: {
@@ -78,9 +83,14 @@ [x: string]: unknown;
             };
+            filter: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            filter: boolean;
             tag: string;
             dark: boolean;
+            animation: boolean;
+            static: boolean;
             fadeIn: string;
             fadeOut: string;
-            animation: boolean;
-            static: boolean;
         }> & {
@@ -131,2 +141,6 @@ beforeCreate?: (() => void) | (() => void)[];
         };
+        filter: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
@@ -161,9 +175,14 @@ __isFragment?: never;
     };
+    filter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    filter: boolean;
     tag: string;
     dark: boolean;
+    animation: boolean;
+    static: boolean;
     fadeIn: string;
     fadeOut: string;
-    animation: boolean;
-    static: boolean;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -170,0 +189,0 @@ $slots: {

types/components/free/data/MDBTable.vue.d.ts

@@ -12,4 +12,4 @@ declare const _default: {
             hover: boolean;
+            striped: boolean;
             sm: boolean;
-            striped: boolean;
             responsive: string | boolean;
@@ -61,3 +61,3 @@ captionTop: boolean;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "borderless" | "light" | "dark" | "border" | "hover" | "sm" | "striped" | "responsive" | "captionTop">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "borderless" | "light" | "dark" | "border" | "hover" | "striped" | "sm" | "responsive" | "captionTop">;
         $attrs: {
@@ -127,4 +127,4 @@ [x: string]: unknown;
             hover: boolean;
+            striped: boolean;
             sm: boolean;
-            striped: boolean;
             responsive: string | boolean;
@@ -251,4 +251,4 @@ captionTop: boolean;
     hover: boolean;
+    striped: boolean;
     sm: boolean;
-    striped: boolean;
     responsive: string | boolean;
@@ -255,0 +255,0 @@ captionTop: boolean;

types/components/free/forms/MDBCheckbox.vue.d.ts

@@ -10,8 +10,8 @@ declare const _default: {
             wrap: boolean;
+            isValidated: boolean;
+            isValid: boolean;
+            tooltipFeedback: boolean;
             inline: boolean;
             btnCheck: boolean;
             validateOnChange: boolean;
-            isValidated: boolean;
-            isValid: boolean;
-            tooltipFeedback: boolean;
             formCheck: boolean;
@@ -52,3 +52,3 @@ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             "onOn-validate"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "tag" | "modelValue" | "wrap" | "inline" | "btnCheck" | "validateOnChange" | "isValidated" | "isValid" | "tooltipFeedback" | "formCheck">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "tag" | "modelValue" | "wrap" | "isValidated" | "isValid" | "tooltipFeedback" | "inline" | "btnCheck" | "validateOnChange" | "formCheck">;
         $attrs: {
@@ -106,8 +106,8 @@ [x: string]: unknown;
             wrap: boolean;
+            isValidated: boolean;
+            isValid: boolean;
+            tooltipFeedback: boolean;
             inline: boolean;
             btnCheck: boolean;
             validateOnChange: boolean;
-            isValidated: boolean;
-            isValid: boolean;
-            tooltipFeedback: boolean;
             formCheck: boolean;
@@ -211,8 +211,8 @@ }> & {
     wrap: boolean;
+    isValidated: boolean;
+    isValid: boolean;
+    tooltipFeedback: boolean;
     inline: boolean;
     btnCheck: boolean;
     validateOnChange: boolean;
-    isValidated: boolean;
-    isValid: boolean;
-    tooltipFeedback: boolean;
     formCheck: boolean;
@@ -219,0 +219,0 @@ }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

types/components/free/forms/MDBFile.vue.d.ts

@@ -8,6 +8,6 @@ import { PropType } from "vue";
             modelValue: FileList | File[];
-            validateOnChange: boolean;
             isValidated: boolean;
             isValid: boolean;
             tooltipFeedback: boolean;
+            validateOnChange: boolean;
             isInvalid: boolean;
@@ -34,3 +34,3 @@ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             "onOn-validate"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "validateOnChange" | "isValidated" | "isValid" | "tooltipFeedback" | "isInvalid">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "isValidated" | "isValid" | "tooltipFeedback" | "validateOnChange" | "isInvalid">;
         $attrs: {
@@ -71,6 +71,6 @@ [x: string]: unknown;
             modelValue: FileList | File[];
-            validateOnChange: boolean;
             isValidated: boolean;
             isValid: boolean;
             tooltipFeedback: boolean;
+            validateOnChange: boolean;
             isInvalid: boolean;
@@ -143,6 +143,6 @@ }> & {
     modelValue: FileList | File[];
-    validateOnChange: boolean;
     isValidated: boolean;
     isValid: boolean;
     tooltipFeedback: boolean;
+    validateOnChange: boolean;
     isInvalid: boolean;
@@ -149,0 +149,0 @@ }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

types/components/free/forms/MDBInput.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: {
             white: boolean;
+            formOutline: boolean;
+            inputGroup: string | boolean;
             isValidated: boolean;
             isValid: boolean;
             tooltipFeedback: boolean;
-            formOutline: boolean;
-            inputGroup: string | boolean;
             counter: boolean;
@@ -59,5 +59,5 @@ maxlength: number;
             "onUpdate:modelValue"?: (...args: any[]) => any;
+            "onClick-outside"?: (...args: any[]) => any;
             "onOn-validate"?: (...args: any[]) => any;
-            "onClick-outside"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "wrap" | "white" | "isValidated" | "isValid" | "tooltipFeedback" | "formOutline" | "inputGroup" | "counter" | "maxlength">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "wrap" | "white" | "formOutline" | "inputGroup" | "isValidated" | "isValid" | "tooltipFeedback" | "counter" | "maxlength">;
         $attrs: {
@@ -74,3 +74,3 @@ [x: string]: unknown;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $emit: (event: "update:modelValue" | "on-validate" | "click-outside", ...args: any[]) => void;
+        $emit: (event: "update:modelValue" | "click-outside" | "on-validate", ...args: any[]) => void;
         $el: any;
@@ -119,15 +119,15 @@ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             "onUpdate:modelValue"?: (...args: any[]) => any;
+            "onClick-outside"?: (...args: any[]) => any;
             "onOn-validate"?: (...args: any[]) => any;
-            "onClick-outside"?: (...args: any[]) => any;
         }, {
             inputRef: import("vue").Ref<HTMLInputElement>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "on-validate" | "click-outside")[], string, {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "click-outside" | "on-validate")[], string, {
             tag: string;
             wrap: boolean;
             white: boolean;
+            formOutline: boolean;
+            inputGroup: string | boolean;
             isValidated: boolean;
             isValid: boolean;
             tooltipFeedback: boolean;
-            formOutline: boolean;
-            inputGroup: string | boolean;
             counter: boolean;
@@ -197,4 +197,4 @@ maxlength: number;
         "onUpdate:modelValue"?: (...args: any[]) => any;
+        "onClick-outside"?: (...args: any[]) => any;
         "onOn-validate"?: (...args: any[]) => any;
-        "onClick-outside"?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<{
@@ -248,15 +248,15 @@ inputRef: import("vue").Ref<HTMLInputElement>;
     "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onClick-outside"?: (...args: any[]) => any;
     "onOn-validate"?: (...args: any[]) => any;
-    "onClick-outside"?: (...args: any[]) => any;
 }, {
     inputRef: import("vue").Ref<HTMLInputElement>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "on-validate" | "click-outside")[], "update:modelValue" | "on-validate" | "click-outside", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "click-outside" | "on-validate")[], "update:modelValue" | "click-outside" | "on-validate", {
     tag: string;
     wrap: boolean;
     white: boolean;
+    formOutline: boolean;
+    inputGroup: string | boolean;
     isValidated: boolean;
     isValid: boolean;
     tooltipFeedback: boolean;
-    formOutline: boolean;
-    inputGroup: string | boolean;
     counter: boolean;
@@ -263,0 +263,0 @@ maxlength: number;

types/components/free/forms/MDBRadio.vue.d.ts

@@ -9,8 +9,8 @@ declare const _default: {
             wrap: boolean;
+            isValidated: boolean;
+            isValid: boolean;
+            tooltipFeedback: boolean;
             inline: boolean;
             btnCheck: boolean;
             validateOnChange: boolean;
-            isValidated: boolean;
-            isValid: boolean;
-            tooltipFeedback: boolean;
             formCheck: boolean;
@@ -50,3 +50,3 @@ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             "onOn-validate"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "tag" | "wrap" | "inline" | "btnCheck" | "validateOnChange" | "isValidated" | "isValid" | "tooltipFeedback" | "formCheck">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "tag" | "wrap" | "isValidated" | "isValid" | "tooltipFeedback" | "inline" | "btnCheck" | "validateOnChange" | "formCheck">;
         $attrs: {
@@ -102,8 +102,8 @@ [x: string]: unknown;
             wrap: boolean;
+            isValidated: boolean;
+            isValid: boolean;
+            tooltipFeedback: boolean;
             inline: boolean;
             btnCheck: boolean;
             validateOnChange: boolean;
-            isValidated: boolean;
-            isValid: boolean;
-            tooltipFeedback: boolean;
             formCheck: boolean;
@@ -204,8 +204,8 @@ }> & {
     wrap: boolean;
+    isValidated: boolean;
+    isValid: boolean;
+    tooltipFeedback: boolean;
     inline: boolean;
     btnCheck: boolean;
     validateOnChange: boolean;
-    isValidated: boolean;
-    isValid: boolean;
-    tooltipFeedback: boolean;
     formCheck: boolean;
@@ -212,0 +212,0 @@ }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

types/components/free/forms/MDBTextarea.vue.d.ts

@@ -10,7 +10,7 @@ declare const _default: {
             white: boolean;
+            formOutline: boolean;
+            inputGroup: string | boolean;
             isValidated: boolean;
             isValid: boolean;
             tooltipFeedback: boolean;
-            formOutline: boolean;
-            inputGroup: string | boolean;
             counter: boolean;
@@ -64,3 +64,3 @@ rows: string | number;
             "onOn-validate"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "wrap" | "maxLength" | "white" | "isValidated" | "isValid" | "tooltipFeedback" | "formOutline" | "inputGroup" | "counter" | "rows">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag" | "wrap" | "maxLength" | "white" | "formOutline" | "inputGroup" | "isValidated" | "isValid" | "tooltipFeedback" | "counter" | "rows">;
         $attrs: {
@@ -130,7 +130,7 @@ [x: string]: unknown;
             white: boolean;
+            formOutline: boolean;
+            inputGroup: string | boolean;
             isValidated: boolean;
             isValid: boolean;
             tooltipFeedback: boolean;
-            formOutline: boolean;
-            inputGroup: string | boolean;
             counter: boolean;
@@ -259,7 +259,7 @@ rows: string | number;
     white: boolean;
+    formOutline: boolean;
+    inputGroup: string | boolean;
     isValidated: boolean;
     isValid: boolean;
     tooltipFeedback: boolean;
-    formOutline: boolean;
-    inputGroup: string | boolean;
     counter: boolean;
@@ -266,0 +266,0 @@ rows: string | number;

types/components/free/navigation/MDBTabNav.vue.d.ts

@@ -9,4 +9,4 @@ declare const _default: {
             tag: string;
+            pills: boolean;
             justify: boolean;
-            pills: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -25,3 +25,3 @@ tag: {
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "col" | "fill" | "tag" | "justify" | "pills">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "col" | "fill" | "tag" | "pills" | "justify">;
         $attrs: {
@@ -57,4 +57,4 @@ [x: string]: unknown;
             tag: string;
+            pills: boolean;
             justify: boolean;
-            pills: boolean;
         }> & {
@@ -114,4 +114,4 @@ beforeCreate?: (() => void) | (() => void)[];
     tag: string;
+    pills: boolean;
     justify: boolean;
-    pills: boolean;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -118,0 +118,0 @@ $slots: {

types/components/utils/MDBStackableElements.d.ts

@@ -10,3 +10,7 @@ import type { Ref } from "vue";
     resetStackingOffset: () => void;
+    stackableElements: () => {
+        el: any;
+        rect: any;
+    }[];
 };
 export default MDBStackable;

types/composables/free/useMDBModal.d.ts

@@ -47,2 +47,3 @@ export interface Props {
     fullscreenClass: import("vue").ComputedRef<false | string[]>;
+    clickFromBackdrop: import("vue").Ref<boolean>;
 };

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3193023

increased by38.17%

Number of package files

403

increased by342.86%

Lines of code

23492

increased by9.19%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes