@stechquick/symphony-cli 0.4.10 → 0.4.12

package/templates/createui/{{UIName}}/static/js/componentList.ts

@@ -1,5 +1,6 @@
 declare var exports, module;
-interface IPropExtensionUX {
+
+ interface IPropExtensionUX {
     required?: boolean;
     type?: StringConstructor | BooleanConstructor | NumberConstructor | ObjectConstructor | FunctionConstructor | ArrayConstructor | undefined | null | string;
     showInEditor?: boolean;
@@ -10,8 +11,11 @@ interface IPropExtensionUX {
     multiple?: boolean;
     GroupName?: string;
     MultiLanguageProperty?: boolean;
+    propType?: PType;
+    isReadOnly?: boolean;
 }
 
+type PType = "class" | "text" | "prop" | "attr";
 
 type IPropOverrideType = "Append" | "Override" | "Replace";
 
@@ -19,13 +23,27 @@ type ComponentOptions = Record<string, Record<string, IPropExtensionUX>>;
 
 //#region JS Section
 var componentOptions : ComponentOptions = {
+    QReCaptcha: {
+        siteKey: {
+            type: String
+        },
+        size: {
+            type: String,
+            options: ["'compact'", "'normal'", "'invisible'"],
+            editorDefaultValue: "'normal'"
+        },
+        tabindex: {
+            type: Number
+        }
+    },
     VAlert: {
         qValue: {
             type: Boolean
         },
         border: {
             type: String,
-            options: ["'left'"]
+            options: ["'top'", "'left'"],
+            editorDefaultValue: "'top'"
         },
         class: {
             type: String
@@ -37,7 +55,7 @@ var componentOptions : ComponentOptions = {
         },
         closeIcon: {
             type: String,
-            editorDefaultValue: "'mdi-close'"
+            editorDefaultValue: "'mdi-close-circle'"
         },
         closeLabel: {
             type: String
@@ -46,6 +64,9 @@ var componentOptions : ComponentOptions = {
             type: Boolean,
             editorDefaultValue: "true"
         },
+        dark: {
+            type: Boolean
+        },
         dismissible: {
             type: Boolean,
             editorDefaultValue: "true"
@@ -58,11 +79,9 @@ var componentOptions : ComponentOptions = {
         icon: {
             type: String,
             editorDefaultValue: "'mdi-check-circle'",
-            options: ["'mdi-information'", "'mdi-check-circle'", "'mdi-alert-circle'", "'mdi-close-circle'"]
-        },
-        type: {
-            type: String
+            options: ["'mdi-alert-circle'", "'mdi-alert'", "'mdi-check-circle'", "'mdi-information'", "'mdi-help-circle'", "'mdi-close-circle'"]
         },
+
         mode: {
             type: String
         },
@@ -84,16 +103,15 @@ var componentOptions : ComponentOptions = {
         transition: {
             type: String
         },
+        type: {
+            type: String
+        },
         visible: {
             type: Boolean,
             editorDefaultValue: "true"
         }
     },
-
     VAppBar: {
-        dark: {
-            type: Boolean
-        },
         absolute: {
             type: Boolean
         },
@@ -103,6 +121,9 @@ var componentOptions : ComponentOptions = {
         bottom: {
             type: Boolean
         },
+        class: {
+            type: String
+        },
         clippedLeft: {
             type: Boolean
         },
@@ -115,6 +136,9 @@ var componentOptions : ComponentOptions = {
         color: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         dense: {
             type: Boolean
         },
@@ -143,7 +167,7 @@ var componentOptions : ComponentOptions = {
             type: "boolean | string"
         },
         src: {
-            type: "object | string"
+            type: "string | object"
         },
         maxWidth: {
             type: "number | string"
@@ -169,6 +193,9 @@ var componentOptions : ComponentOptions = {
         autofocus: {
             type: Boolean
         },
+        avoidClearableTabIndex: {
+            type: Boolean
+        },
         backgroundColor: {
             type: String
         },
@@ -190,6 +217,9 @@ var componentOptions : ComponentOptions = {
         counterValue: {
             type: Function
         },
+        dark: {
+            type: Boolean
+        },
         disabled: {
             type: Boolean
         },
@@ -212,9 +242,6 @@ var componentOptions : ComponentOptions = {
         errorMessages: {
             type: "Array<any> | string"
         },
-        filter: {
-            type: Function
-        },
         flat: {
             type: Boolean
         },
@@ -237,7 +264,9 @@ var componentOptions : ComponentOptions = {
             type: "string"
         },
         items: {
-            type: "Array<any>"
+            type: "Array<any>",
+            editorDefaultValue: `[{text = 'test1', value = 1},
+{ text = 'test2', value = 2}]`
         },
         itemText: {
             type: "string | Array<any> | Function"
@@ -251,8 +280,12 @@ var componentOptions : ComponentOptions = {
         loading: {
             type: "boolean | string"
         },
+        maxlength: {
+            type: "number | string",
+            propType: "attr"
+        },
         menuProps: {
-            type: "{maxHeight: number}"
+            type: "{closeOnClick: boolean, closeOnContentClick: boolean, disableKeys: boolean, openOnClick: boolean, maxHeight: number, offsetY: boolean, offsetOverflow: boolean, transition: boolean}"
         },
         outlined: {
             type: Boolean
@@ -266,18 +299,30 @@ var componentOptions : ComponentOptions = {
         noFilter: {
             type: Boolean
         },
+        persistentPlaceholder: {
+            type: Boolean
+        },
         prefix: {
             type: String
         },
         prependIcon: {
             type: String
         },
+        preventPaste: {
+            type: Boolean
+        },
         placeholder: {
             type: String
         },
         rules: {
             type: "Array<any>"
         },
+        smallChips: {
+            type: Boolean
+        },
+        solo: {
+            type: Boolean
+        },
         success: {
             type: Boolean
         },
@@ -287,12 +332,6 @@ var componentOptions : ComponentOptions = {
         suffix: {
             type: String
         },
-        smallChips: {
-            type: Boolean
-        },
-        solo: {
-            type: Boolean
-        },
         validateOnBlur: {
             type: Boolean
         },
@@ -302,6 +341,12 @@ var componentOptions : ComponentOptions = {
         },
         tabindex: {
             type: "number | string"
+        },
+        hint: {
+            type: String
+        },
+        persistentHint: {
+            type: Boolean
         }
     },
     VAvatar: {
@@ -315,6 +360,9 @@ var componentOptions : ComponentOptions = {
         height: {
             type: "number | string"
         },
+        width: {
+            type: "number | string"
+        },
         left: {
             type: Boolean
         },
@@ -340,6 +388,11 @@ var componentOptions : ComponentOptions = {
         qValue: {
             type: Boolean
         },
+        color: {
+            editorDefaultValue: "'primary'",
+            type: String,
+            options: ["'primary'", "'secondary'", "'accent'", "'success'", "'error'", "'info'", "'warning'"]
+        },
         bordered: {
             type: Boolean
         },
@@ -352,6 +405,9 @@ var componentOptions : ComponentOptions = {
         content: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         dot: {
             type: Boolean
         },
@@ -363,7 +419,7 @@ var componentOptions : ComponentOptions = {
             type: Boolean
         },
         label: {
-            editorDefaultValue: "'My CheckBox'"
+            editorDefaultValue: "'My Badge'"
         },
         mode: {
             type: String
@@ -378,7 +434,8 @@ var componentOptions : ComponentOptions = {
             type: String
         },
         overlap: {
-            type: Boolean
+            type: Boolean,
+            editorDefaultValue: "true"
         },
         tile: {
             type: Boolean
@@ -397,6 +454,77 @@ var componentOptions : ComponentOptions = {
             type: Boolean
         }
     },
+    VBanner: {
+        app: {
+            type: Boolean
+        },
+        class: {
+            type: String
+        },
+        color: {
+            type: String
+        },
+        dark: {
+            type: Boolean
+        },
+        elevation: {
+            type: "number | string"
+        },
+        height: {
+            type: "number | string"
+        },
+        icon: {
+            type: String
+        },
+        "icon-color": {
+            type: String
+        },
+        light: {
+            type: Boolean
+        },
+        "max-height": {
+            type: "number | string"
+        },
+        "max-width": {
+            type: "number | string"
+        },
+        "min-height": {
+            type: "number | string"
+        },
+        "min-width": {
+            type: "number | string"
+        },
+        "mobile-breakpoint": {
+            type: "number | string"
+        },
+        outlined: {
+            type: Boolean
+        },
+        rounded: {
+            type: "boolean | string"
+        },
+        shaped: {
+            type: Boolean
+        },
+        "single-line": {
+            type: Boolean
+        },
+        sticky: {
+            type: Boolean
+        },
+        tag: {
+            type: String
+        },
+        tile: {
+            type: Boolean
+        },
+        value: {
+            type: Boolean
+        },
+        width: {
+            type: "number | string"
+        },
+    },
     VBottomNavigation: {
         qValue: {
             type: "any"
@@ -404,6 +532,9 @@ var componentOptions : ComponentOptions = {
         class: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         fixed: {
             type: Boolean
         },
@@ -440,6 +571,9 @@ var componentOptions : ComponentOptions = {
         class: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         eager: {
             type: Boolean,
             editorDefaultValue: "true"
@@ -457,6 +591,9 @@ var componentOptions : ComponentOptions = {
         }
     },
     VBreadcrumbs: {
+        dark: {
+            type: Boolean
+        },
         divider: {
             type: String
         },
@@ -520,6 +657,9 @@ var componentOptions : ComponentOptions = {
         absolute: {
             type: Boolean
         },
+        activeClass: {
+            type: String
+        },
         appendIcon: {
             type: String
         },
@@ -537,15 +677,20 @@ var componentOptions : ComponentOptions = {
             type: String,
             options: ["'primary'", "'secondary'", "'accent'", "'success'", "'error'", "'info'", "'warning'", "'white'"]
         },
-        depressed: {
+        dark: {
             type: Boolean
         },
+        depressed: {
+            type: Boolean,
+            editorDefaultValue: "true"
+        },
         disabled: {
             type: Boolean
         },
         elevation: {
             type: "number | string",
-            options: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24"]
+            options: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24"],
+            editorDefaultValue: "0"
         },
         fab: {
             type: Boolean
@@ -554,7 +699,8 @@ var componentOptions : ComponentOptions = {
             type: Boolean
         },
         height: {
-            type: "number | string"
+            type: "number | string",
+            editorDefaultValue: "'40px'"
         },
         href: {
             type: "string | object"
@@ -577,9 +723,6 @@ var componentOptions : ComponentOptions = {
         outlined: {
             type: Boolean
         },
-        regular: {
-            type: Boolean
-        },
         prependInnerIcon: {
             type: String
         },
@@ -601,6 +744,9 @@ var componentOptions : ComponentOptions = {
         ripple: {
             type: "boolean | object"
         },
+        small: {
+            type: Boolean
+        },
         tag: {
             type: String
         },
@@ -652,6 +798,9 @@ var componentOptions : ComponentOptions = {
         class: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         dense: {
             type: Boolean
         },
@@ -685,42 +834,38 @@ var componentOptions : ComponentOptions = {
         activeClass: {
             type: String
         },
-        tile: {
-            type: Boolean
-        },
-        exact: {
+        append: {
             type: Boolean
         },
-        loaderHeight: {
-            type: "string | number"
+        class: {
+            type: String,
+                options: ["'custom-scroll'"]
         },
-        nuxt: {
-            type: Boolean
+        color: {
+            type: String,
+            options: ["'white'", "'primary'", "'secondary'", "'accent'", "'success'", "'error'", "'info'", "'warning'"],
+            editorDefaultValue: "'white'"
         },
-        replace: {
+        dark: {
             type: Boolean
         },
-        ripple: {
+        disabled: {
             type: Boolean
         },
-        rounded: {
-            type: "boolean | string"
+        elevation: {
+            type: String,
+            options: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24"],
+            editorDefaultValue: "0"
         },
-        target: {
-            type: String
+        exact: {
+            type: Boolean
         },
         flat: {
             type: Boolean
         },
-        class: {
+        height: {
             type: String
         },
-        disabled: {
-            type: Boolean
-        },
-        append: {
-            type: Boolean
-        },
         hover: {
             type: Boolean
         },
@@ -733,113 +878,55 @@ var componentOptions : ComponentOptions = {
         link: {
             type: Boolean
         },
-        loading: {
-            type: "string | boolean"
-        },
-        raised: {
-            type: Boolean
+        loaderHeight: {
+            type: "string | number"
         },
-        shaped: {
+        loading: {
             type: Boolean
         },
-        tag: {
-            type: String
-        },
-        to: {
-            type: "string | object"
+        maxHeight: {
+            type: "number | string"
         },
-        outlined: {
+        nuxt: {
             type: Boolean
         },
-        elevation: {
-            type: String,
-            options: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24"]
-        },
-        height: {
-            type: String
-        },
-        width: {
-            type: String
-        },
-        color: {
-            type: String,
-            options: ["'primary'", "'secondary'", "'accent'", "'success'", "'error'", "'info'", "'warning'"]
-        },
-        visible: {
+        outlined: {
             type: Boolean,
             editorDefaultValue: "true"
         },
-    },
-    VSparkline: {
-
-        autoDraw: {
+        raised: {
             type: Boolean
         },
-        autoLineWidth: {
+        replace: {
             type: Boolean
         },
-        autoDrawDuration: {
-            type: Number
-        },
-
-        autoDrawEasing: {
-            type: String
-        },
-        color: {
-            type: String
-        },
-        fill: {
+        ripple: {
             type: Boolean
         },
-        gradient: {
-            type: Array,
-            editorDefaultValue: "['#f72047', '#ffd200', '#1feaea']"
+        rounded: {
+            type: "boolean | string"
         },
-        gradientDirection: {
-            type: String,
-
+        shaped: {
+            type: Boolean
         },
-        height: {
+        tag: {
             type: String
         },
-        labelSize: {
-            type: Number
-        },
-        labels: {
-            type: Array
-        },
-        lineWidth: {
-            type: Number,
-            editorDefaultValue: "2",
-        },
-        showLabels: {
-            type: Boolean,
-
-        },
-        radius: {
-            type: Number
-        },
-        smooth: {
-            type: String,
-            editorDefaultValue: "10",
-        },
-        type: {
+        target: {
             type: String
         },
-        value: {
-
-            type: Array,
-            editorDefaultValue: "[0, 2, 5, 9, 5, 10, 3, 5, 0, 0, 1, 8, 2, 9, 0]",
+        tile: {
+            type: Boolean
         },
-        width: {
-            type: Number
+        to: {
+            type: "string | object"
         },
         visible: {
             type: Boolean,
             editorDefaultValue: "true"
         },
-        tabindex: {
-            type: "number | string"
+        width: {
+            type: String
         }
     },
     VCarousel: {
@@ -848,9 +935,6 @@ var componentOptions : ComponentOptions = {
         },
         class: {
             type: String
-        },
-        append: {
-
         },
         continuous: {
             type: Boolean
@@ -858,6 +942,9 @@ var componentOptions : ComponentOptions = {
         cycle: {
             type: Boolean
         },
+        dark: {
+            type: Boolean
+        },
         delimiterIcon: {
             type: String
         },
@@ -873,22 +960,9 @@ var componentOptions : ComponentOptions = {
         interval: {
             type: "number | string"
         },
-        showArrows: {
-            type: Boolean
-        },
-        showArrowsOnHover: {
-            type: Boolean
-        },
-        vertical: {
+        light: {
             type: Boolean
         },
-        verticalDelimiters: {
-            type: String
-        },
-        visible: {
-            type: Boolean,
-            editorDefaultValue: "true"
-        },
         mandatory: {
             type: Boolean
         },
@@ -913,27 +987,43 @@ var componentOptions : ComponentOptions = {
         reverse: {
             type: Boolean
         },
+        showArrows: {
+            type: Boolean
+        },
+        showArrowsOnHover: {
+            type: Boolean
+        },
+        tabindex: {
+            type: "number | string"
+        },
         touch: {
             type: Object
         },
         touchless: {
             type: Boolean
         },
-        tabindex: {
-            type: "number | string"
-        }
+        vertical: {
+            type: Boolean
+        },
+        verticalDelimiters: {
+            type: String
+        },
+        visible: {
+            type: Boolean,
+            editorDefaultValue: "true"
+        },
     },
     VCarouselItem: {
         qValue: {
             type: "any"
         },
-        eager: {
-            type: Boolean,
-            editorDefaultValue: "true"
-        },
         activeClass: {
             type: String
         },
+        eager: {
+            type: Boolean,
+            editorDefaultValue: "true"
+        },
         append: {
             type: Boolean
         },
@@ -943,6 +1033,9 @@ var componentOptions : ComponentOptions = {
         exact: {
             type: Boolean
         },
+        href: {
+            type: "string | object"
+        },
         link: {
             type: Boolean
         },
@@ -952,6 +1045,9 @@ var componentOptions : ComponentOptions = {
         replace: {
             type: Boolean
         },
+        tabindex: {
+            type: "number | string"
+        },
         target: {
             type: String
         },
@@ -961,17 +1057,10 @@ var componentOptions : ComponentOptions = {
         transition: {
             type: String
         },
-        href: {
-            type: "string | object"
-        },
         visible: {
             type: Boolean,
             editorDefaultValue: "true"
-        },
-        tabindex: {
-            type: "number | string"
         }
-
     },
     VCheckbox: {
         qValue: {
@@ -994,6 +1083,12 @@ var componentOptions : ComponentOptions = {
         compareTableValue: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
+        dense: {
+            type: Boolean
+        },
         disabled: {
             type: Boolean
         },
@@ -1012,9 +1107,6 @@ var componentOptions : ComponentOptions = {
         indeterminateIcon: {
             type: String
         },
-        inputValue: {
-            type: "any"
-        },
         label: {
             editorDefaultValue: "'My CheckBox'"
         },
@@ -1067,18 +1159,27 @@ var componentOptions : ComponentOptions = {
         activeClass: {
             type: String
         },
-        class: {
-            type: String
-        },
         active: {
             type: Boolean
         },
         append: {
             type: Boolean
         },
+        class: {
+            type: String
+        },
         close: {
             type: Boolean
         },
+        closeIcon: {
+            type: String,
+            options: ["'mdi-delete'", "'mdi-close'", "'mdi-close-circle'"]
+        },
+        color: {
+            editorDefaultValue: "'primary'",
+            type: String,
+            options: ["'default'", "'primary'", "'secondary'", "'accent'", "'success'", "'error'", "'info'", "'warning'"]
+        },
         draggable: {
             type: Boolean
         },
@@ -1097,10 +1198,13 @@ var componentOptions : ComponentOptions = {
         label: {
             type: Boolean
         },
+        large: {
+            type: Boolean
+        },
         link: {
             type: Boolean
         },
-        large: {
+        outlined: {
             type: Boolean
         },
         pill: {
@@ -1112,32 +1216,17 @@ var componentOptions : ComponentOptions = {
         ripple: {
             type: "boolean | object"
         },
-        tag: {
-            type: String
-        },
-        to: {
-            type: "string | object"
-        },
         small: {
             type: Boolean
         },
-        xSmall: {
-            type: Boolean
-        },
-        xLarge: {
-            type: Boolean
-        },
-        color: {
-            editorDefaultValue: "'primary'",
-            type: String,
-            options: ["'default'", "'primary'", "'secondary'", "'accent'", "'success'", "'error'", "'info'", "'warning'"]
+        tabindex: {
+            type: "number | string"
         },
-        closeIcon: {
-            type: String,
-            options: ["'mdi-delete'", "'mdi-close'", "'mdi-close-circle'"]
+        tag: {
+            type: String
         },
-        outlined: {
-            type: Boolean
+        to: {
+            type: "string | object"
         },
         textColor: {
             type: String
@@ -1146,12 +1235,17 @@ var componentOptions : ComponentOptions = {
             type: Boolean,
             editorDefaultValue: "true"
         },
-        tabindex: {
-            type: "number | string"
-        }
+        xSmall: {
+            type: Boolean
+        },
+        xLarge: {
+            type: Boolean
+        },
     },
     VChipGroup: {
-
+        qValue: {
+            type: String
+        },
         activeClass: {
             type: String
         },
@@ -1164,6 +1258,9 @@ var componentOptions : ComponentOptions = {
         column: {
             type: Boolean
         },
+        dark: {
+            type: Boolean
+        },
         mandatory: {
             type: Boolean
         },
@@ -1182,16 +1279,13 @@ var componentOptions : ComponentOptions = {
         showArrows: {
             type: Boolean
         },
-        qValue: {
-            type: String
+        tabindex: {
+            type: "number | string"
         },
         visible: {
             type: Boolean,
             editorDefaultValue: "true"
         },
-        tabindex: {
-            type: "number | string"
-        }
     },
     VCombobox: {
         qValue: {
@@ -1207,14 +1301,14 @@ var componentOptions : ComponentOptions = {
             type: Boolean,
             editorDefaultValue: "true"
         },
-        autoSelectFirst: {
+        autofocus: {
             type: Boolean
         },
-        autofocus: {
+        autoSelectFirst: {
             type: Boolean
         },
-        persistentPlaceholder: {
-            type: Boolean,
+        avoidClearableTabIndex: {
+            type: Boolean
         },
         backgroundColor: {
             type: String,
@@ -1226,6 +1320,7 @@ var componentOptions : ComponentOptions = {
         chips: {
             type: Boolean
         },
+
         class: {
             type: String
         },
@@ -1253,6 +1348,9 @@ var componentOptions : ComponentOptions = {
         counterValue: {
             type: Function
         },
+        dark: {
+            type: Boolean
+        },
         deletableChips: {
             type: Boolean
         },
@@ -1346,6 +1444,9 @@ var componentOptions : ComponentOptions = {
         persistentHint: {
             type: Boolean
         },
+        persistentPlaceholder: {
+            type: Boolean,
+        },
         placeholder: {
             type: String
         },
@@ -1355,9 +1456,15 @@ var componentOptions : ComponentOptions = {
         prependInnerIcon: {
             type: String
         },
+        preventPaste: {
+            type: Boolean
+        },
         readonly: {
             type: Boolean
         },
+        rounded: {
+            type: Boolean
+        },
         rules: {
             type: "Array<any>"
         },
@@ -1367,6 +1474,9 @@ var componentOptions : ComponentOptions = {
         singleLine: {
             type: Boolean
         },
+        smallChips: {
+            type: Boolean
+        },
         solo: {
             type: Boolean
         },
@@ -1401,9 +1511,14 @@ var componentOptions : ComponentOptions = {
         }
     },
     VContainer: {
+        eager: {
+            type: Boolean,
+            editorDefaultValue: "true"
+        },
         class: {
             type: String,
-                editorDefaultValue: "'container container--fluid'"
+                editorDefaultValue: "'container container--fluid'",
+                options: ["'devx-datagrid-header-left'", "'devx-datagrid-header-right'", "'devx-datagrid-header-center'", "'devx-datagrid-header-text-compact'"]
         },
         visible: {
             type: Boolean,
@@ -1420,6 +1535,94 @@ var componentOptions : ComponentOptions = {
         disabled: {
             type: Boolean
         },
+        disableFiltering: {
+            type: Boolean
+        },
+        disablePagination: {
+            type: Boolean
+        },
+        disableSort: {
+            type: Boolean
+        },
+        expanded: {
+            type: "Array<any>",
+        },
+        footerProps: {
+            editorDefaultValue: `{showFirstLastPage = true,
+                                firstIcon = 'mdi-arrow-collapse-left',
+                                lastIcon = 'mdi-arrow-collapse-right',
+                                prevIcon = 'mdi-minus',
+                                nextIcon = 'mdi-plus'}`
+        },
+        groupBy: {
+            type: "Array<any> | boolean"
+        },
+        groupDesc: {
+            type: "Array<any> | boolean"
+        },
+        items: {
+            editorDefaultValue: `[{name = 'Frozens Yogurt', calories = 159, fat = '6.0', carbs = 24, protein = '4.0', iron = '1%'},
+                                {name = 'Ice cream sandwich', calories = 237, fat = '9.0', carbs = 37, protein = '4.3', iron = '1%'},
+                                {name = 'Eclair', calories = 262, fat = '16.0', carbs = 23, protein = '6.0', iron = '7%'},
+                                {name = 'Cupcake', calories = 305, fat = '3.7', carbs = 67, protein = '4.3', iron = '8%'},
+                                {name = 'Gingerbread',calories = 356, fat = '16.0', carbs = 49, protein = '3.9', iron = '16%'},
+                                {name = 'Jelly bean', calories = 375,  fat = '0.0', carbs = 94, protein = '0.0', iron = '0%'},
+                                {name = 'Lollipop', calories = 392, fat = '0.2', carbs = 98, protein = '0.0', iron = '2 %'},
+                                {name = 'Honeycomb', calories = 408, fat = '3.2', carbs = 87, protein = '6.5', iron = '45%'},
+                                {name = 'Donut', calories = 452, fat = '25.0', carbs = 51, protein = '4.9', iron = '22%'},
+                                {name = 'KitKat', calories = 518, fat = '26.0', carbs = 65, protein = '7', iron=  '6 %'}]`
+        },
+        itemsPerPage: {
+            editorDefaultValue: "5"
+        },
+        loading: {
+            type: "string | boolean",
+        },
+        locale: {
+            type: String
+        },
+        mobileBreakpoint: {
+            type: "number | string",
+            editorDefaultValue: "md",
+            runTimeDefaultValue: "md"
+        },
+        multiSort: {
+            type: Boolean,
+        },
+        mustSort: {
+            type: Boolean,
+        },
+        noDataText: {
+            type: String,
+        },
+        noResultsText: {
+            type: String
+        },
+        options: {},
+        page: {
+            type: Number
+        },
+        search: {
+            type: String
+        },
+        selectableKey: {
+            type: String
+        },
+        serverItemsLength: {
+            type: Number
+        },
+        singleExpand: {
+            type: Boolean
+        },
+        singleSelect: {
+            type: Boolean
+        },
+        sortBy: {
+            type: "string | Array<any>"
+        },
+        sortDesc: {
+            type: "boolean | Array<any>"
+        },
         visible: {
             type: Boolean,
             editorDefaultValue: "true"
@@ -1439,7 +1642,7 @@ var componentOptions : ComponentOptions = {
             type: "number | string"
         },
         height: {
-            type:"number | string"
+            type: "number | string"
         },
         itemHeight: {
             type: "number | string"
@@ -1474,7 +1677,8 @@ var componentOptions : ComponentOptions = {
             type: String
         },
         class: {
-            type: String
+            type: String,
+                options: ["'v-table-denser'", "'v-table-hover-hidden'", "'v-table-border-b-hidden'", "'stickytable'"]
         },
         calculateWidths: {
             type: Boolean
@@ -1485,6 +1689,9 @@ var componentOptions : ComponentOptions = {
         customGroup: {
             type: Function
         },
+        dark: {
+            type: Boolean
+        },
         disableFiltering: {
             type: Boolean
         },
@@ -1577,6 +1784,7 @@ nextIcon = 'mdi-plus'}`
         },
         mobileBreakpoint: {
             type: "number | string",
+            editorDefaultValue: "600"
         },
         multiSort: {
             type: Boolean,
@@ -1587,7 +1795,7 @@ nextIcon = 'mdi-plus'}`
         noDataText: {
             type: String,
         },
-        noResultText: {
+        noResultsText: {
             type: String
         },
         options: {},
@@ -1631,12 +1839,18 @@ nextIcon = 'mdi-plus'}`
         tabindex: {
             type: "number | string"
         },
+        uniqueSlots: {
+            type: Boolean
+        }
     },
     VDatePicker: {
         qValue: {
             type: "Array<any> | string",
             editorDefaultValue: "Date.now().toFormattedString('YYYY-MM-DD')"
         },
+        dark: {
+            type: Boolean
+        },
         dayFormat: {
             type: String
         },
@@ -1717,6 +1931,9 @@ nextIcon = 'mdi-plus'}`
         titleDateFormat: {
             type: Function
         },
+        weekdayFormat: {
+            type: Function
+        },
         type: {
             type: String
         },
@@ -1735,8 +1952,11 @@ nextIcon = 'mdi-plus'}`
         class: {
             type: String
         },
-        contentClass:{
-            type:String
+        contentClass: {
+            type: String
+        },
+        dark: {
+            type: Boolean
         },
         eager: {
             type: Boolean,
@@ -1788,7 +2008,6 @@ nextIcon = 'mdi-plus'}`
         },
         attach: {
             type: String,
-            editorDefaultValue: "",
             showInEditor: false
         }
     },
@@ -1796,6 +2015,9 @@ nextIcon = 'mdi-plus'}`
         class: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         inset: {
             type: Boolean
         },
@@ -1808,6 +2030,9 @@ nextIcon = 'mdi-plus'}`
         },
     },
     VEditDialog: {
+        dark: {
+            type: Boolean
+        },
         eager: {
             type: Boolean,
             editorDefaultValue: "true"
@@ -1892,6 +2117,9 @@ nextIcon = 'mdi-plus'}`
         activeClass: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         disabled: {
             type: Boolean
         },
@@ -1964,6 +2192,9 @@ nextIcon = 'mdi-plus'}`
         counterSizeString: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         dense: {
             type: Boolean
         },
@@ -2085,6 +2316,9 @@ nextIcon = 'mdi-plus'}`
         class: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         fixed: {
             type: Boolean
         },
@@ -2134,7 +2368,10 @@ nextIcon = 'mdi-plus'}`
             type: String
         },
         color: {
-            type: String,
+            type: String
+        },
+        dark: {
+            type: Boolean
         },
         dense: {
             type: Boolean
@@ -2188,6 +2425,9 @@ nextIcon = 'mdi-plus'}`
         contain: {
             type: Boolean
         },
+        dark: {
+            type: Boolean
+        },
         eager: {
             type: Boolean,
             editorDefaultValue: "true"
@@ -2249,15 +2489,33 @@ nextIcon = 'mdi-plus'}`
         activeClass: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         dense: {
             type: Boolean
         },
         expand: {
             type: Boolean
         },
+        maxHeight: {
+            type: String
+        },
+        maxWidth: {
+            type: String
+        },
+        rounded: {
+            type: Boolean
+        },
+        shaped: {
+            type: Boolean
+        },
         subheader: {
             type: Boolean
         },
+        tabindex: {
+            type: "number | string"
+        },
         tag: {
             type: String
         },
@@ -2267,22 +2525,13 @@ nextIcon = 'mdi-plus'}`
         tile: {
             type: Boolean
         },
-        twoLine: {
-            type: Boolean,
-        },
-        maxHeight: {
-            type: String
-        },
-        maxWidth: {
-            type: String
+        twoLine: {
+            type: Boolean,
         },
         visible: {
             type: Boolean,
             editorDefaultValue: "true"
         },
-        tabindex: {
-            type: "number | string"
-        }
     },
     VListGroup: {
         qValue: {
@@ -2337,6 +2586,9 @@ nextIcon = 'mdi-plus'}`
         color: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         dense: {
             type: Boolean
         },
@@ -2358,6 +2610,21 @@ nextIcon = 'mdi-plus'}`
         link: {
             type: Boolean
         },
+        nuxt: {
+            type: Boolean
+        },
+        replace: {
+            type: Boolean
+        },
+        ripple: {
+            type: Boolean
+        },
+        selectable: {
+            type: Boolean
+        },
+        tabindex: {
+            type: "number | string"
+        },
         tag: {
             type: String
         },
@@ -2373,25 +2640,10 @@ nextIcon = 'mdi-plus'}`
         twoLine: {
             type: Boolean
         },
-        selectable: {
-            type: Boolean
-        },
         visible: {
             type: Boolean,
             editorDefaultValue: "true"
         },
-        nuxt: {
-            type: Boolean
-        },
-        replace: {
-            type: Boolean
-        },
-        ripple: {
-            type: Boolean
-        },
-        tabindex: {
-            type: "number | string"
-        }
     },
     VListItemAction: {
         class: {
@@ -2416,9 +2668,15 @@ nextIcon = 'mdi-plus'}`
         qValue: {
             type: "any"
         },
+        activeClass: {
+            type: String
+        },
         class: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         mandatory: {
             type: Boolean
         },
@@ -2441,6 +2699,9 @@ nextIcon = 'mdi-plus'}`
         class: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         closeOnContentClick: {
             type: Boolean,
             editorDefaultValue: "true"
@@ -2528,6 +2789,12 @@ nextIcon = 'mdi-plus'}`
         clipped: {
             type: Boolean
         },
+        color: {
+            type: String
+        },
+        dark: {
+            type: Boolean
+        },
         disableResizeWatcher: {
             type: Boolean
         },
@@ -2537,21 +2804,27 @@ nextIcon = 'mdi-plus'}`
         fixed: {
             type: Boolean
         },
+        miniVariant: {
+            type: Boolean
+        },
+        mobileBreakpoint: {
+            type: "number | string"
+        },
         permanent: {
             type: Boolean,
         },
         right: {
             type: Boolean,
         },
-        width: {
-            type: String
+        temporary: {
+            type: Boolean,
         },
         visible: {
             type: Boolean,
             editorDefaultValue: "true"
         },
-        temporary: {
-            type: Boolean,
+        width: {
+            type: String
         },
     },
     VOverflowBtn: {
@@ -2591,6 +2864,9 @@ nextIcon = 'mdi-plus'}`
         counterValue: {
             type: Function
         },
+        dark: {
+            type: Boolean
+        },
         deletableChips: {
             type: Boolean
         },
@@ -2694,6 +2970,9 @@ nextIcon = 'mdi-plus'}`
         class: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         opacity: {
             type: "number | string"
         },
@@ -2715,12 +2994,15 @@ nextIcon = 'mdi-plus'}`
         class: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         disabled: {
             type: Boolean
         },
         length: {
             type: String,
-            editorDefaultValue: "'5'"
+            editorDefaultValue: "5"
         },
         nextIcon: {
             type: String
@@ -2746,23 +3028,24 @@ nextIcon = 'mdi-plus'}`
         class: {
             type: String
         },
-        src: {
-            type: String,
-            editorDefaultValue: "'https://cdn.vuetifyjs.com/images/parallax/material.jpg'"
-        },
+
         height: {
             type: String
         },
         srcset: {
             type: String
         },
+        src: {
+            type: String,
+            editorDefaultValue: "'https://cdn.vuetifyjs.com/images/parallax/material.jpg'"
+        },
+        tabindex: {
+            type: "number | string"
+        },
         visible: {
             type: Boolean,
             editorDefaultValue: "true"
         },
-        tabindex: {
-            type: "number | string"
-        }
     },
     VProgressCircular: {
         qValue: {
@@ -2824,6 +3107,9 @@ nextIcon = 'mdi-plus'}`
             type: String,
             options: ["'primary'", "'secondary'", "'accent'", "'success'", "'error'", "'info'", "'warning'"]
         },
+        dark: {
+            type: Boolean
+        },
         fixed: {
             type: Boolean
         },
@@ -2856,6 +3142,9 @@ nextIcon = 'mdi-plus'}`
             type: String,
             options: ["'primary'", "'secondary'", "'accent'", "'success'", "'error'", "'info'", "'warning'"]
         },
+        dark: {
+            type: Boolean
+        },
         disabled: {
             type: Boolean
         },
@@ -2899,7 +3188,7 @@ nextIcon = 'mdi-plus'}`
     },
     VRadioGroup: {
         qValue: {
-            type: Number
+            type: "any"
         },
         appendIcon: {
             type: String
@@ -2920,6 +3209,9 @@ nextIcon = 'mdi-plus'}`
         compareTableValue: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         disabled: {
             type: Boolean
         },
@@ -3000,6 +3292,9 @@ nextIcon = 'mdi-plus'}`
         color: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         dense: {
             type: Boolean
         },
@@ -3048,9 +3343,6 @@ nextIcon = 'mdi-plus'}`
         tickSize: {
             type: "number | string"
         },
-        ticks: {
-            type: "boolean | string"
-        },
         trackColor: {
             type: String
         },
@@ -3086,18 +3378,21 @@ nextIcon = 'mdi-plus'}`
         step: {
             type: "number | string"
         },
-        validateOnBlur: {
-            type: Boolean
-        },
         thumbSize: {
             type: "number | string"
         },
         tickLabels: {
             type: "Array<any>"
         },
+        ticks: {
+            type: "boolean | string"
+        },
         rules: {
             type: "Array<any>"
         },
+        validateOnBlur: {
+            type: Boolean
+        },
         vertical: {
             type: Boolean
         },
@@ -3122,6 +3417,9 @@ nextIcon = 'mdi-plus'}`
         closeDelay: {
             type: "number | string"
         },
+        dark: {
+            type: Boolean
+        },
         dense: {
             type: Boolean
         },
@@ -3192,10 +3490,9 @@ nextIcon = 'mdi-plus'}`
         class: {
             type: String
         },
-        persistentPlaceholder: {
+        dark: {
             type: Boolean
         },
-
         clearable: {
             type: Boolean
         },
@@ -3270,12 +3567,18 @@ nextIcon = 'mdi-plus'}`
         persistentHint: {
             type: Boolean
         },
+        persistentPlaceholder: {
+            type: Boolean
+        },
         placeholder: {
             type: String
         },
         prependInnerIcon: {
             type: String
         },
+        rounded: {
+            type: Boolean
+        },
         solo: {
             type: Boolean
         },
@@ -3303,12 +3606,18 @@ nextIcon = 'mdi-plus'}`
         },
         tabindex: {
             type: "number | string"
+        },
+        autofocus:{
+            type: Boolean
         }
     },
     VSheet: {
         class: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         elevation: {
             type: "number | string"
         },
@@ -3326,6 +3635,65 @@ nextIcon = 'mdi-plus'}`
             editorDefaultValue: "true"
         },
     },
+    VSkeletonLoader: {
+        boilerPlate: {
+            type: Boolean
+        },
+        dark: {
+            type: Boolean
+        },
+        elevation: {
+            type: "number | string",
+            editorDefaultValue: "4",
+            options: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24"]
+        },
+        height: {
+            type: "number | string",
+            editorDefaultValue: "'200'"
+        },
+        width: {
+            type: "number | string",
+            editorDefaultValue: "'200'"
+        },
+        light: {
+            type: Boolean
+        },
+        loading: {
+            type: Boolean
+        },
+        maxHeight: {
+            type: "number | string"
+        },
+        maxWidth: {
+            type: "number | string"
+        },
+        minHeight: {
+            type: "number | string"
+        },
+        minWidth: {
+            type: "number | string"
+        },
+        tile: {
+            type: Boolean
+        },
+        type: {
+            editorDefaultValue: "'card'",
+            type: String,
+            options: ["'actions'", "'article'", "'avatar'", "'button'", "'card'", "'card-avatar'", "'card-heading'", "'chip'",
+                "'date-picker'", "'date-picker-options'", "'date-picker-days'", "'heading'", "'image'", "'list-item'", "'list-item-avatar'",
+                "'list-item-two-line'", "'list-item-avatar-two-line'", "'list-item-three-line'", "'list-item-avatar-three-line'",
+                "'paragraph'", "'sentences'", "'table'", "'table-heading'", "'table-thead'", "'table-tbody'", "'table-row-divider'",
+                "'table-row'", "'table-cell'", "'table-tfoot'", "'text'"
+            ]
+        },
+        types: {
+            type: Object
+        },
+        visible: {
+            type: Boolean,
+            editorDefaultValue: "true"
+        },
+    },
     VSlideGroup: {
         qValue: {
             type: "any"
@@ -3381,6 +3749,9 @@ nextIcon = 'mdi-plus'}`
         class: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         disabled: {
             type: Boolean
         },
@@ -3473,49 +3844,119 @@ nextIcon = 'mdi-plus'}`
         contentClass: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         elevation: {
             type: "number | string"
         },
         multiLine: {
             type: Boolean
         },
-        outlined: {
-            type: Boolean
+        outlined: {
+            type: Boolean
+        },
+        rounded: {
+            type: "number | string"
+        },
+        shaped: {
+            type: Boolean
+        },
+        text: {
+            type: Boolean
+        },
+        tile: {
+            type: Boolean
+        },
+        timeout: {
+            type: "number | string"
+        },
+        transition: {
+            type: String
+        },
+        left: {
+            type: Boolean
+        },
+        top: {
+            type: Boolean
+        },
+        right: {
+            type: Boolean
+        },
+        visible: {
+            type: Boolean,
+            editorDefaultValue: "true"
+        },
+        vertical: {
+            type: Boolean
+        }
+    },
+    VSparkline: {
+        autoDraw: {
+            type: Boolean
+        },
+        autoDrawDuration: {
+            type: Number
+        },
+        autoDrawEasing: {
+            type: String
+        },
+        autoLineWidth: {
+            type: Boolean
+        },
+        color: {
+            type: String
+        },
+        fill: {
+            type: Boolean
+        },
+        gradient: {
+            type: Array,
+            editorDefaultValue: "['#f72047', '#ffd200', '#1feaea']"
+        },
+        gradientDirection: {
+            type: String,
+        },
+        height: {
+            type: String
+        },
+        labelSize: {
+            type: Number
+        },
+        labels: {
+            type: Array
         },
-        rounded: {
-            type: "number | string"
+        lineWidth: {
+            type: Number,
+            editorDefaultValue: "2",
         },
-        shaped: {
-            type: Boolean
+        radius: {
+            type: Number
         },
-        text: {
-            type: Boolean
+        showLabels: {
+            type: Boolean,
         },
-        tile: {
-            type: Boolean
+        smooth: {
+            type: String,
+            editorDefaultValue: "10",
         },
-        timeout: {
+        tabindex: {
             type: "number | string"
         },
-        transition: {
+        type: {
             type: String
         },
-        left: {
-            type: Boolean
-        },
-        top: {
-            type: Boolean
-        },
-        right: {
-            type: Boolean
+        value: {
+            type: Array,
+            editorDefaultValue: "[0, 2, 5, 9, 5, 10, 3, 5, 0, 0, 1, 8, 2, 9, 0]",
         },
         visible: {
             type: Boolean,
             editorDefaultValue: "true"
         },
-        vertical: {
-            type: Boolean
-        }
+        width: {
+            type: Number
+        },
     },
     VSpeedDial: {
         qValue: {
@@ -3572,6 +4013,9 @@ nextIcon = 'mdi-plus'}`
         class: {
             type: String
         },
+        dark: {
+            type: Boolean
+        },
         nonLinear: {
             type: Boolean
         },
@@ -3655,6 +4099,9 @@ nextIcon = 'mdi-plus'}`
             type: String,
             options: ["'primary'", "'secondary'", "'accent'", "'success'", "'error'", "'info'", "'warning'"]
         },
+        dark: {
+            type: Boolean
+        },
         disabled: {
             type: Boolean
         },
@@ -3687,6 +4134,9 @@ nextIcon = 'mdi-plus'}`
         prependInnerIcon: {
             type: String
         },
+        readonly: {
+            type: Boolean
+        },
         ripple: {
             type: "boolean | object"
         },
@@ -3719,7 +4169,11 @@ nextIcon = 'mdi-plus'}`
             type: String
         },
         class: {
-            type: String
+            type: String,
+                options: ["'tab-header-border-radius-left'", "'tab-header-border-radius-right'"]
+        },
+        dark: {
+            type: Boolean
         },
         link: {
             type: Boolean
@@ -3780,7 +4234,8 @@ nextIcon = 'mdi-plus'}`
             type: String
         },
         class: {
-            type: String
+            type: String,
+                options: ["'tab-dense'"]
         },
         centered: {
             type: Boolean
@@ -3788,8 +4243,8 @@ nextIcon = 'mdi-plus'}`
         centerActive: {
             type: Boolean
         },
-        height: {
-            type: String
+        dark: {
+            type: Boolean
         },
         fixedTabs: {
             type: Boolean
@@ -3797,11 +4252,16 @@ nextIcon = 'mdi-plus'}`
         grow: {
             type: Boolean
         },
+        height: {
+            type: String
+        },
         iconsAndText: {
             type: Boolean
         },
-        mobileBreakPoint: {
-            type: "number | string"
+        mobileBreakpoint: {
+            type: "number | string",
+            editorDefaultValue: "md",
+            runTimeDefaultValue: "md"
         },
         nextIcon: {
             type: String
@@ -3827,10 +4287,10 @@ nextIcon = 'mdi-plus'}`
         class: {
             type: String
         },
-        vertical: {
+        continuous: {
             type: Boolean
         },
-        continuous: {
+        dark: {
             type: Boolean
         },
         max: {
@@ -3857,6 +4317,9 @@ nextIcon = 'mdi-plus'}`
         touchless: {
             type: Boolean
         },
+        vertical: {
+            type: Boolean
+        },
         visible: {
             type: Boolean,
             editorDefaultValue: "true"
@@ -3893,17 +4356,15 @@ nextIcon = 'mdi-plus'}`
         clearable: {
             type: Boolean
         },
-        persistentPlaceholder: {
-            type: Boolean
-        },
-        compareValue: {
-            type: "any"
+
+        compareTableValue: {
+            type: String
         },
         compareText: {
             type: String
         },
-        compareTableValue: {
-            type: String
+        compareValue: {
+            type: "any"
         },
         counter: {
             type: "boolean | string | number"
@@ -3911,6 +4372,9 @@ nextIcon = 'mdi-plus'}`
         counterValue: {
             type: Function
         },
+        dark: {
+            type: Boolean
+        },
         dense: {
             type: Boolean
         },
@@ -3927,7 +4391,8 @@ nextIcon = 'mdi-plus'}`
             type: "Array<any> | string"
         },
         format: {
-            type: String
+            type: String,
+            options: ["'number'", "'regex'", "'creditcard'", "'phone'", "'turkishMobilePhone'", "'internationalPhone'", "'email'", "'multipleEmails'", "'ipaddress'", "'iban'", "'onlyAlphabetic'", "'alphaNumeric'", "'bigdecimal'"]
         },
         formatValues: {
             type: "Array<any>"
@@ -3949,7 +4414,8 @@ nextIcon = 'mdi-plus'}`
             type: "boolean | string"
         },
         maxlength: {
-            type: "number | string"
+            type: "number | string",
+            propType: "attr"
         },
         tabindex: {
             type: "number | string"
@@ -3960,6 +4426,9 @@ nextIcon = 'mdi-plus'}`
         persistentHint: {
             type: Boolean
         },
+        persistentPlaceholder: {
+            type: Boolean
+        },
         placeholder: {
             type: String
         },
@@ -3972,12 +4441,21 @@ nextIcon = 'mdi-plus'}`
         prependInnerIcon: {
             type: String
         },
+        avoidClearableTabIndex: {
+            type: Boolean
+        },
+        preventPaste: {
+            type: Boolean
+        },
         regular: {
             type: Boolean
         },
         readonly: {
             type: Boolean
         },
+        rounded: {
+            type: Boolean
+        },
         rules: {
             type: "Array<any>"
         },
@@ -3987,6 +4465,9 @@ nextIcon = 'mdi-plus'}`
         soloInverted: {
             type: Boolean
         },
+        step: {
+            type: Number
+        },
         success: {
             type: Boolean
         },
@@ -4035,6 +4516,9 @@ nextIcon = 'mdi-plus'}`
         counterValue: {
             type: Function
         },
+        dark: {
+            type: Boolean
+        },
         disabled: {
             type: Boolean
         },
@@ -4047,9 +4531,15 @@ nextIcon = 'mdi-plus'}`
         errorMessages: {
             type: "Array<any> | string"
         },
+        flat: {
+            type: Boolean
+        },
         hint: {
             type: String
         },
+        height: {
+            type: "number | string"
+        },
         label: {
             type: String
         },
@@ -4086,6 +4576,9 @@ nextIcon = 'mdi-plus'}`
         rows: {
             type: "number | string"
         },
+        rounded: {
+            type: Boolean
+        },
         rules: {
             type: "Array<any>"
         },
@@ -4152,22 +4645,28 @@ nextIcon = 'mdi-plus'}`
         alignTop: {
             type: Boolean
         },
+        dark: {
+            type: Boolean
+        },
         dense: {
             type: Boolean
         },
+        tabindex: {
+            type: "number | string"
+        },
         visible: {
             type: Boolean,
             editorDefaultValue: "true"
         },
-        tabindex: {
-            type: "number | string"
-        }
     },
     VTimelineItem: {
         color: {
             type: String,
             options: ["'default'", "'primary'", "'secondary'", "'accent'", "'success'", "'error'", "'info'", "'warning'"]
         },
+        dark: {
+            type: Boolean
+        },
         icon: {
             type: String,
             options: ["'mdi-information'", "'mdi-check-circle'", "'mdi-alert-circle'", "'mdi-close-circle'"]
@@ -4212,6 +4711,18 @@ nextIcon = 'mdi-plus'}`
         collapse: {
             type: Boolean
         },
+        color: {
+            type: String
+        },
+        dark: {
+            type: Boolean
+        },
+        dense: {
+            type: Boolean
+        },
+        elevation: {
+            type: "number | string"
+        },
         extended: {
             type: Boolean
         },
@@ -4242,33 +4753,12 @@ nextIcon = 'mdi-plus'}`
         qValue: {
             type: "Array<any>"
         },
-        items: {
-            type: "Array<any>",
-            editorDefaultValue: "[{name = 'test1', id = 1, children=[{name='test1 Child', id = 2}, {name='test2 Child', id = 3}]},{ name = 'test3', id = 4, children=[{name='test4 Child', id=5}]}]"
+        active: {
+            type: "Array<any>"
         },
         activatable: {
             type: Boolean
         },
-        hoverable: {
-            type: Boolean
-        },
-        openAll: {
-            type: Boolean
-        },
-        selectable: {
-            type: Boolean
-        },
-        selectedColor: {
-            editorDefaultValue: "'primary'",
-            type: String,
-            options: ["'primary'", "'secondary'", "'accent'", "'success'", "'error'", "'info'", "'warning'"]
-        },
-        selectionType: {
-            type: String
-        },
-        active: {
-            type: "Array<any>"
-        },
         color: {
             editorDefaultValue: "'primary'",
             type: String,
@@ -4280,15 +4770,31 @@ nextIcon = 'mdi-plus'}`
         expandIcon: {
             type: String
         },
+        hoverable: {
+            type: Boolean
+        },
         itemChildren: {
             type: String
         },
+        itemDisabled: {
+            type: String
+        },
         itemKey: {
             type: String
         },
         itemText: {
             type: String
         },
+        items: {
+            type: "Array<any>",
+            editorDefaultValue: "[{name = 'test1', id = 1, children=[{name='test1 Child', id = 2}, {name='test2 Child', id = 3}]},{ name = 'test3', id = 4, children=[{name='test4 Child', id=5}]}]"
+        },
+        loadChildren: {
+            type: Function,
+        },
+        loadingIcon: {
+            type: String
+        },
         multipleActive: {
             type: Boolean
         },
@@ -4301,17 +4807,28 @@ nextIcon = 'mdi-plus'}`
         open: {
             type: "Array<any>"
         },
+        openAll: {
+            type: Boolean
+        },
         openOnClick: {
             type: Boolean
         },
         search: {
             type: String
         },
-        shaped: {
+        selectable: {
             type: Boolean
         },
-        transition: {
-            type: "string | boolean"
+        selectedColor: {
+            editorDefaultValue: "'primary'",
+            type: String,
+            options: ["'primary'", "'secondary'", "'accent'", "'success'", "'error'", "'info'", "'warning'"]
+        },
+        selectionType: {
+            type: String
+        },
+        shaped: {
+            type: Boolean
         },
         visible: {
             type: Boolean,
@@ -4319,11 +4836,15 @@ nextIcon = 'mdi-plus'}`
         },
         tabindex: {
             type: "number | string"
-        }
+        },
+        transition: {
+            type: "string | boolean"
+        },
     },
     QLabel: {
         class: {
-            type: String
+            type: String,
+                options: ["'devx-ellipsis-qlabel'"]
         },
         maxWidth: {
             type: String
@@ -4338,7 +4859,7 @@ nextIcon = 'mdi-plus'}`
         },
         text: {
             type: String,
-            editorDefaultValue: "'Text'",
+            editorDefaultValue: "'Text'"
         },
         textOverflow: {
             type: String
@@ -4349,7 +4870,11 @@ nextIcon = 'mdi-plus'}`
         },
         whiteSpace: {
             type: String
-        }
+        },
+        processHtml: {
+            type: Boolean,
+            editorDefaultValue: "false"
+        },
     },
     QLegend: {
         QJsonPath: {
@@ -4373,10 +4898,37 @@ nextIcon = 'mdi-plus'}`
             editorDefaultValue: "true"
         },
     },
+    QQRCode: {
+        QJsonPath: {
+            type: String,
+            editorDefaultValue: "'qjson://QQRCode'",
+            runTimeOverrideValue: "qjson://QQRCode"
+        },
+        content: {
+            type: String,
+            editorDefaultValue: "'https://studio.onplateau.com/quick/'"
+        },
+        size: {
+            type: "string | number",
+            editorDefaultValue: "10"
+        },
+        level: {
+            type: String,
+            editorDefaultValue: "'LOW'",
+            options: ["'LOW'", "'MEDIUM'", "'QUARTILE'", "'HIGH'"]
+        }
+    },
     QRichText: {
+        height: {
+            type: String,
+            editorDefaultValue: "'auto'",
+        },
+        minHeight: {
+            type: String,
+            editorDefaultValue: "'auto'",
+        },
         ToolBarcolor: {
             type: String,
-            editorDefaultValue: "",
         },
         disabled: {
             type: Boolean
@@ -4404,12 +4956,47 @@ nextIcon = 'mdi-plus'}`
         },
     },
     QDocumentViewer: {
-        customCompClass: {
-            editorDefaultValue: "'pdf'",
+        showToolBar: {
+            type: Boolean,
+            editorDefaultValue: "true"
+        },
+        hidePagination: {
+            type: Boolean,
+            editorDefaultValue: "false"
+        },
+        hideDescription: {
+            type: Boolean,
+            editorDefaultValue: "false"
+        },
+        hideDownload: {
+            type: Boolean,
+            editorDefaultValue: "false"
+        },
+        hideRotate: {
+            type: Boolean,
+            editorDefaultValue: "false"
+        },
+        hideZoom: {
+            type: Boolean,
+            editorDefaultValue: "false"
+        },
+        fileDescription : {
+            editorDefaultValue: "'File Description'",
             type: String
         },
+        displayOnScroll: {
+            type: Boolean,
+            editorDefaultValue: "false"
+        },
         src: {
-            editorDefaultValue: "",
+            type: String
+        },
+        pdfToolbarBackgroundColor: {
+            editorDefaultValue: "'#fafafa'",
+            type: String
+        },
+        pdfBackgroundColor: {
+            editorDefaultValue: "'#eeeeee'",
             type: String
         },
         height: {