vuetify 3.5.9 → 3.5.11

package/lib/labs/VSparkline/index.d.mts

@@ -18,8 +18,8 @@ declare const VSparkline: {
         smooth: boolean;
         padding: string | number;
         labels: SparklineItem[];
-        gradient: string[];
         modelValue: SparklineItem[];
+        gradient: string[];
         itemValue: string;
         autoDraw: boolean;
         autoDrawEasing: string;
@@ -63,8 +63,8 @@ declare const VSparkline: {
         smooth: boolean;
         padding: string | number;
         labels: SparklineItem[];
-        gradient: string[];
         modelValue: SparklineItem[];
+        gradient: string[];
         itemValue: string;
         autoDraw: boolean;
         autoDrawEasing: string;
@@ -108,8 +108,8 @@ declare const VSparkline: {
         smooth: boolean;
         padding: string | number;
         labels: SparklineItem[];
-        gradient: string[];
         modelValue: SparklineItem[];
+        gradient: string[];
         itemValue: string;
         autoDraw: boolean;
         autoDrawEasing: string;
@@ -143,8 +143,8 @@ declare const VSparkline: {
         smooth: boolean;
         padding: string | number;
         labels: SparklineItem[];
-        gradient: string[];
         modelValue: SparklineItem[];
+        gradient: string[];
         itemValue: string;
         autoDraw: boolean;
         autoDrawEasing: string;
@@ -188,8 +188,8 @@ declare const VSparkline: {
         smooth: boolean;
         padding: string | number;
         labels: SparklineItem[];
-        gradient: string[];
         modelValue: SparklineItem[];
+        gradient: string[];
         itemValue: string;
         autoDraw: boolean;
         autoDrawEasing: string;
@@ -210,8 +210,8 @@ declare const VSparkline: {
     smooth: boolean;
     padding: string | number;
     labels: SparklineItem[];
-    gradient: string[];
     modelValue: SparklineItem[];
+    gradient: string[];
     itemValue: string;
     autoDraw: boolean;
     autoDrawEasing: string;
@@ -255,8 +255,8 @@ declare const VSparkline: {
     smooth: boolean;
     padding: string | number;
     labels: SparklineItem[];
-    gradient: string[];
     modelValue: SparklineItem[];
+    gradient: string[];
     itemValue: string;
     autoDraw: boolean;
     autoDrawEasing: string;

package/lib/labs/VSpeedDial/VSpeedDial.mjs

@@ -7,7 +7,8 @@ import { VDefaultsProvider } from "../../components/VDefaultsProvider/index.mjs"
 import { makeVMenuProps, VMenu } from "../../components/VMenu/VMenu.mjs"; // Composables
 import { makeComponentProps } from "../../composables/component.mjs";
 import { makeTransitionProps, MaybeTransition } from "../../composables/transition.mjs"; // Utilities
-import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
+import { ref } from 'vue';
+import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
 export const makeVSpeedDialProps = propsFactory({
   ...makeComponentProps(),
   ...makeVMenuProps({
@@ -26,14 +27,17 @@ export const VSpeedDial = genericComponent()({
     let {
       slots
     } = _ref;
+    const menuRef = ref();
     useRender(() => {
       const menuProps = VMenu.filterProps(props);
       return _createVNode(VMenu, _mergeProps(menuProps, {
         "class": props.class,
         "style": props.style,
-        "contentClass": "v-speed-dial__content"
+        "contentClass": "v-speed-dial__content",
+        "ref": menuRef
       }), {
-        default: () => [_createVNode(VDefaultsProvider, {
+        ...slots,
+        default: slotProps => _createVNode(VDefaultsProvider, {
           "defaults": {
             VBtn: {
               size: 'small'
@@ -45,9 +49,9 @@ export const VSpeedDial = genericComponent()({
             "group": true,
             "transition": props.transition
           }, {
-            default: () => [slots.default?.()]
+            default: () => [slots.default?.(slotProps)]
           })]
-        })]
+        })
       });
     });
     return {};

package/lib/labs/VSpeedDial/VSpeedDial.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VSpeedDial.mjs","names":["VDefaultsProvider","makeVMenuProps","VMenu","makeComponentProps","makeTransitionProps","MaybeTransition","genericComponent","propsFactory","useRender","makeVSpeedDialProps","offset","minWidth","location","transition","VSpeedDial","name","props","setup","_ref","slots","menuProps","filterProps","_createVNode","_mergeProps","class","style","default","VBtn","size"],"sources":["../../../src/labs/VSpeedDial/VSpeedDial.tsx"],"sourcesContent":["// Styles\nimport './VSpeedDial.sass'\n\n// Components\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { makeVMenuProps, VMenu } from '@/components/VMenu/VMenu'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVSpeedDialProps = propsFactory({\n  ...makeComponentProps(),\n  ...makeVMenuProps({ offset: 8, minWidth: 0, location: 'top center' as const }),\n  ...makeTransitionProps({ transition: 'fade-transition' }),\n}, 'VSpeedDial')\n\nexport const VSpeedDial = genericComponent()({\n  name: 'VSpeedDial',\n\n  props: makeVSpeedDialProps(),\n\n  setup (props, { slots }) {\n    useRender(() => {\n      const menuProps = VMenu.filterProps(props)\n\n      return (\n        <VMenu\n          { ...menuProps }\n          class={ props.class }\n          style={ props.style }\n          contentClass=\"v-speed-dial__content\"\n        >\n          <VDefaultsProvider\n            defaults={{\n              VBtn: {\n                size: 'small',\n              },\n            }}\n          >\n            <MaybeTransition\n              appear\n              group\n              transition={ props.transition }\n            >\n              { slots.default?.() }\n            </MaybeTransition>\n          </VDefaultsProvider>\n        </VMenu>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VSpeedDial = InstanceType<typeof VSpeedDial>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,iBAAiB;AAAA,SACjBC,cAAc,EAAEC,KAAK,4CAE9B;AAAA,SACSC,kBAAkB;AAAA,SAClBC,mBAAmB,EAAEC,eAAe,4CAE7C;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,mBAAmB,GAAGF,YAAY,CAAC;EAC9C,GAAGJ,kBAAkB,CAAC,CAAC;EACvB,GAAGF,cAAc,CAAC;IAAES,MAAM,EAAE,CAAC;IAAEC,QAAQ,EAAE,CAAC;IAAEC,QAAQ,EAAE;EAAsB,CAAC,CAAC;EAC9E,GAAGR,mBAAmB,CAAC;IAAES,UAAU,EAAE;EAAkB,CAAC;AAC1D,CAAC,EAAE,YAAY,CAAC;AAEhB,OAAO,MAAMC,UAAU,GAAGR,gBAAgB,CAAC,CAAC,CAAC;EAC3CS,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAEP,mBAAmB,CAAC,CAAC;EAE5BQ,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrBV,SAAS,CAAC,MAAM;MACd,MAAMY,SAAS,GAAGlB,KAAK,CAACmB,WAAW,CAACL,KAAK,CAAC;MAE1C,OAAAM,YAAA,CAAApB,KAAA,EAAAqB,WAAA,CAESH,SAAS;QAAA,SACNJ,KAAK,CAACQ,KAAK;QAAA,SACXR,KAAK,CAACS,KAAK;QAAA;MAAA;QAAAC,OAAA,EAAAA,CAAA,MAAAJ,YAAA,CAAAtB,iBAAA;UAAA,YAIP;YACR2B,IAAI,EAAE;cACJC,IAAI,EAAE;YACR;UACF;QAAC;UAAAF,OAAA,EAAAA,CAAA,MAAAJ,YAAA,CAAAjB,eAAA;YAAA;YAAA;YAAA,cAKcW,KAAK,CAACH;UAAU;YAAAa,OAAA,EAAAA,CAAA,MAE3BP,KAAK,CAACO,OAAO,GAAG,CAAC;UAAA;QAAA;MAAA;IAK7B,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VSpeedDial.mjs","names":["VDefaultsProvider","makeVMenuProps","VMenu","makeComponentProps","makeTransitionProps","MaybeTransition","ref","genericComponent","propsFactory","useRender","makeVSpeedDialProps","offset","minWidth","location","transition","VSpeedDial","name","props","setup","_ref","slots","menuRef","menuProps","filterProps","_createVNode","_mergeProps","class","style","default","slotProps","VBtn","size"],"sources":["../../../src/labs/VSpeedDial/VSpeedDial.tsx"],"sourcesContent":["// Styles\nimport './VSpeedDial.sass'\n\n// Components\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { makeVMenuProps, VMenu } from '@/components/VMenu/VMenu'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport { ref } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\n\nexport const makeVSpeedDialProps = propsFactory({\n  ...makeComponentProps(),\n  ...makeVMenuProps({ offset: 8, minWidth: 0, location: 'top center' as const }),\n  ...makeTransitionProps({ transition: 'fade-transition' }),\n}, 'VSpeedDial')\n\nexport const VSpeedDial = genericComponent<OverlaySlots>()({\n  name: 'VSpeedDial',\n\n  props: makeVSpeedDialProps(),\n\n  setup (props, { slots }) {\n    const menuRef = ref<VMenu>()\n\n    useRender(() => {\n      const menuProps = VMenu.filterProps(props)\n\n      return (\n        <VMenu\n          { ...menuProps }\n          class={ props.class }\n          style={ props.style }\n          contentClass=\"v-speed-dial__content\"\n          ref={ menuRef }\n        >\n          {{\n            ...slots,\n            default: slotProps => (\n              <VDefaultsProvider\n                defaults={{\n                  VBtn: {\n                    size: 'small',\n                  },\n                }}\n              >\n                <MaybeTransition\n                  appear\n                  group\n                  transition={ props.transition }\n                >\n                  { slots.default?.(slotProps) }\n                </MaybeTransition>\n              </VDefaultsProvider>\n            ),\n          }}\n        </VMenu>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VSpeedDial = InstanceType<typeof VSpeedDial>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,iBAAiB;AAAA,SACjBC,cAAc,EAAEC,KAAK,4CAE9B;AAAA,SACSC,kBAAkB;AAAA,SAClBC,mBAAmB,EAAEC,eAAe,4CAE7C;AACA,SAASC,GAAG,QAAQ,KAAK;AAAA,SAChBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAGA,OAAO,MAAMC,mBAAmB,GAAGF,YAAY,CAAC;EAC9C,GAAGL,kBAAkB,CAAC,CAAC;EACvB,GAAGF,cAAc,CAAC;IAAEU,MAAM,EAAE,CAAC;IAAEC,QAAQ,EAAE,CAAC;IAAEC,QAAQ,EAAE;EAAsB,CAAC,CAAC;EAC9E,GAAGT,mBAAmB,CAAC;IAAEU,UAAU,EAAE;EAAkB,CAAC;AAC1D,CAAC,EAAE,YAAY,CAAC;AAEhB,OAAO,MAAMC,UAAU,GAAGR,gBAAgB,CAAe,CAAC,CAAC;EACzDS,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAEP,mBAAmB,CAAC,CAAC;EAE5BQ,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,OAAO,GAAGf,GAAG,CAAQ,CAAC;IAE5BG,SAAS,CAAC,MAAM;MACd,MAAMa,SAAS,GAAGpB,KAAK,CAACqB,WAAW,CAACN,KAAK,CAAC;MAE1C,OAAAO,YAAA,CAAAtB,KAAA,EAAAuB,WAAA,CAESH,SAAS;QAAA,SACNL,KAAK,CAACS,KAAK;QAAA,SACXT,KAAK,CAACU,KAAK;QAAA;QAAA,OAEbN;MAAO;QAGX,GAAGD,KAAK;QACRQ,OAAO,EAAEC,SAAS,IAAAL,YAAA,CAAAxB,iBAAA;UAAA,YAEJ;YACR8B,IAAI,EAAE;cACJC,IAAI,EAAE;YACR;UACF;QAAC;UAAAH,OAAA,EAAAA,CAAA,MAAAJ,YAAA,CAAAnB,eAAA;YAAA;YAAA;YAAA,cAKcY,KAAK,CAACH;UAAU;YAAAc,OAAA,EAAAA,CAAA,MAE3BR,KAAK,CAACQ,OAAO,GAAGC,SAAS,CAAC;UAAA;QAAA;MAGjC;IAIT,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/labs/VSpeedDial/index.d.mts

@@ -130,14 +130,34 @@ declare const VSpeedDial: {
         contentProps?: any;
         attach?: string | boolean | Element | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            default?: (() => vue.VNodeChild) | undefined;
-        };
+        $children?: vue.VNodeChild | {
+            default?: ((arg: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild) | undefined;
+            activator?: ((arg: {
+                isActive: boolean;
+                props: Record<string, any>;
+            }) => vue.VNodeChild) | undefined;
+        } | ((arg: {
+            isActive: vue.Ref<boolean>;
+        }) => vue.VNodeChild);
         'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
+            default?: false | ((arg: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild) | undefined;
+            activator?: false | ((arg: {
+                isActive: boolean;
+                props: Record<string, any>;
+            }) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:default"?: false | ((arg: {
+            isActive: vue.Ref<boolean>;
+        }) => vue.VNodeChild) | undefined;
+        "v-slot:activator"?: false | ((arg: {
+            isActive: boolean;
+            props: Record<string, any>;
+        }) => vue.VNodeChild) | undefined;
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         offset: NonNullable<string | number | number[] | undefined>;
         location: NonNullable<Anchor>;
@@ -183,14 +203,34 @@ declare const VSpeedDial: {
         contentProps?: any;
         attach?: string | boolean | Element | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            default?: (() => vue.VNodeChild) | undefined;
-        };
+        $children?: vue.VNodeChild | {
+            default?: ((arg: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild) | undefined;
+            activator?: ((arg: {
+                isActive: boolean;
+                props: Record<string, any>;
+            }) => vue.VNodeChild) | undefined;
+        } | ((arg: {
+            isActive: vue.Ref<boolean>;
+        }) => vue.VNodeChild);
         'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
+            default?: false | ((arg: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild) | undefined;
+            activator?: false | ((arg: {
+                isActive: boolean;
+                props: Record<string, any>;
+            }) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:default"?: false | ((arg: {
+            isActive: vue.Ref<boolean>;
+        }) => vue.VNodeChild) | undefined;
+        "v-slot:activator"?: false | ((arg: {
+            isActive: boolean;
+            props: Record<string, any>;
+        }) => vue.VNodeChild) | undefined;
     }, {
         offset: NonNullable<string | number | number[] | undefined>;
         location: NonNullable<Anchor>;
@@ -221,7 +261,15 @@ declare const VSpeedDial: {
         persistent: boolean;
         scrim: NonNullable<string | boolean>;
     }, true, {}, vue.SlotsType<Partial<{
-        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        default: (arg: {
+            isActive: vue.Ref<boolean>;
+        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+        activator: (arg: {
+            isActive: boolean;
+            props: Record<string, any>;
+        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
     }>>, {
@@ -276,14 +324,34 @@ declare const VSpeedDial: {
         contentProps?: any;
         attach?: string | boolean | Element | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            default?: (() => vue.VNodeChild) | undefined;
-        };
+        $children?: vue.VNodeChild | {
+            default?: ((arg: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild) | undefined;
+            activator?: ((arg: {
+                isActive: boolean;
+                props: Record<string, any>;
+            }) => vue.VNodeChild) | undefined;
+        } | ((arg: {
+            isActive: vue.Ref<boolean>;
+        }) => vue.VNodeChild);
         'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
+            default?: false | ((arg: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild) | undefined;
+            activator?: false | ((arg: {
+                isActive: boolean;
+                props: Record<string, any>;
+            }) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:default"?: false | ((arg: {
+            isActive: vue.Ref<boolean>;
+        }) => vue.VNodeChild) | undefined;
+        "v-slot:activator"?: false | ((arg: {
+            isActive: boolean;
+            props: Record<string, any>;
+        }) => vue.VNodeChild) | undefined;
     }, {}, {}, {}, {}, {
         offset: NonNullable<string | number | number[] | undefined>;
         location: NonNullable<Anchor>;
@@ -362,14 +430,34 @@ declare const VSpeedDial: {
     contentProps?: any;
     attach?: string | boolean | Element | undefined;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-        default?: (() => vue.VNodeChild) | undefined;
-    };
+    $children?: vue.VNodeChild | {
+        default?: ((arg: {
+            isActive: vue.Ref<boolean>;
+        }) => vue.VNodeChild) | undefined;
+        activator?: ((arg: {
+            isActive: boolean;
+            props: Record<string, any>;
+        }) => vue.VNodeChild) | undefined;
+    } | ((arg: {
+        isActive: vue.Ref<boolean>;
+    }) => vue.VNodeChild);
     'v-slots'?: {
-        default?: false | (() => vue.VNodeChild) | undefined;
+        default?: false | ((arg: {
+            isActive: vue.Ref<boolean>;
+        }) => vue.VNodeChild) | undefined;
+        activator?: false | ((arg: {
+            isActive: boolean;
+            props: Record<string, any>;
+        }) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:default"?: false | ((arg: {
+        isActive: vue.Ref<boolean>;
+    }) => vue.VNodeChild) | undefined;
+    "v-slot:activator"?: false | ((arg: {
+        isActive: boolean;
+        props: Record<string, any>;
+    }) => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     offset: NonNullable<string | number | number[] | undefined>;
     location: NonNullable<Anchor>;
@@ -400,7 +488,15 @@ declare const VSpeedDial: {
     persistent: boolean;
     scrim: NonNullable<string | boolean>;
 }, {}, string, vue.SlotsType<Partial<{
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    default: (arg: {
+        isActive: vue.Ref<boolean>;
+    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    activator: (arg: {
+        isActive: boolean;
+        props: Record<string, any>;
+    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
@@ -456,8 +552,8 @@ declare const VSpeedDial: {
     disabled: BooleanConstructor;
     class: vue.PropType<any>;
     theme: StringConstructor;
-    contentClass: null;
     modelValue: BooleanConstructor;
+    contentClass: null;
     activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
     locationStrategy: Omit<{
         type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
@@ -576,8 +672,8 @@ declare const VSpeedDial: {
     disabled: BooleanConstructor;
     class: vue.PropType<any>;
     theme: StringConstructor;
-    contentClass: null;
     modelValue: BooleanConstructor;
+    contentClass: null;
     activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
     locationStrategy: Omit<{
         type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {

package/lib/labs/VTreeview/index.d.mts

@@ -724,14 +724,14 @@ declare const VTreeview: {
         validator(v: any): boolean;
     };
     theme: StringConstructor;
-    items: {
-        type: vue.PropType<any[]>;
-        default: () => never[];
-    };
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
+    items: {
+        type: vue.PropType<any[]>;
+        default: () => never[];
+    };
     tile: BooleanConstructor;
     density: {
         type: vue.PropType<Density>;
@@ -854,14 +854,14 @@ declare const VTreeview: {
         validator(v: any): boolean;
     };
     theme: StringConstructor;
-    items: {
-        type: vue.PropType<any[]>;
-        default: () => never[];
-    };
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
+    items: {
+        type: vue.PropType<any[]>;
+        default: () => never[];
+    };
     tile: BooleanConstructor;
     density: {
         type: vue.PropType<Density>;