@vuetify/nightly 3.7.4-master.2024-11-24 → 3.7.4-master.2024-11-29

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

@@ -83,9 +83,9 @@ declare const VStepperVertical: {
         rounded?: string | number | boolean | undefined;
         selectedClass?: string | undefined;
         bgColor?: string | undefined;
-        completeIcon?: string | undefined;
-        editIcon?: string | undefined;
-        errorIcon?: string | undefined;
+        completeIcon?: IconValue | undefined;
+        editIcon?: IconValue | undefined;
+        errorIcon?: IconValue | undefined;
     } & {
         $children?: vue.VNodeChild | {
             [x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -172,9 +172,9 @@ declare const VStepperVertical: {
         rounded?: string | number | boolean | undefined;
         selectedClass?: string | undefined;
         bgColor?: string | undefined;
-        completeIcon?: string | undefined;
-        editIcon?: string | undefined;
-        errorIcon?: string | undefined;
+        completeIcon?: IconValue | undefined;
+        editIcon?: IconValue | undefined;
+        errorIcon?: IconValue | undefined;
     } & {
         $children?: vue.VNodeChild | {
             [x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -308,9 +308,9 @@ declare const VStepperVertical: {
         rounded?: string | number | boolean | undefined;
         selectedClass?: string | undefined;
         bgColor?: string | undefined;
-        completeIcon?: string | undefined;
-        editIcon?: string | undefined;
-        errorIcon?: string | undefined;
+        completeIcon?: IconValue | undefined;
+        editIcon?: IconValue | undefined;
+        errorIcon?: IconValue | undefined;
     } & {
         $children?: vue.VNodeChild | {
             [x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -428,9 +428,9 @@ declare const VStepperVertical: {
     rounded?: string | number | boolean | undefined;
     selectedClass?: string | undefined;
     bgColor?: string | undefined;
-    completeIcon?: string | undefined;
-    editIcon?: string | undefined;
-    errorIcon?: string | undefined;
+    completeIcon?: IconValue | undefined;
+    editIcon?: IconValue | undefined;
+    errorIcon?: IconValue | undefined;
 } & {
     $children?: vue.VNodeChild | {
         [x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -586,10 +586,10 @@ declare const VStepperVertical: {
     };
     mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
     altLabels: BooleanConstructor;
-    completeIcon: StringConstructor;
-    editIcon: StringConstructor;
+    completeIcon: vue.PropType<IconValue>;
+    editIcon: vue.PropType<IconValue>;
     editable: BooleanConstructor;
-    errorIcon: StringConstructor;
+    errorIcon: vue.PropType<IconValue>;
     items: {
         type: vue.PropType<readonly StepperItem[]>;
         default: () => never[];
@@ -676,10 +676,10 @@ declare const VStepperVertical: {
     };
     mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
     altLabels: BooleanConstructor;
-    completeIcon: StringConstructor;
-    editIcon: StringConstructor;
+    completeIcon: vue.PropType<IconValue>;
+    editIcon: vue.PropType<IconValue>;
     editable: BooleanConstructor;
-    errorIcon: StringConstructor;
+    errorIcon: vue.PropType<IconValue>;
     items: {
         type: vue.PropType<readonly StepperItem[]>;
         default: () => never[];
@@ -723,10 +723,10 @@ declare const VStepperVerticalItem: {
         collapseIcon: IconValue;
         expandIcon: IconValue;
         hideActions: boolean;
-        completeIcon: string;
+        completeIcon: IconValue;
         editable: boolean;
-        editIcon: string;
-        errorIcon: string;
+        editIcon: IconValue;
+        errorIcon: IconValue;
     } & {
         height?: string | number | undefined;
         width?: string | number | undefined;
@@ -739,7 +739,7 @@ declare const VStepperVerticalItem: {
         title?: string | undefined;
         text?: string | undefined;
         class?: any;
-        icon?: string | undefined;
+        icon?: IconValue | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
         selectedClass?: string | undefined;
@@ -810,10 +810,10 @@ declare const VStepperVerticalItem: {
         collapseIcon: IconValue;
         expandIcon: IconValue;
         hideActions: boolean;
-        completeIcon: string;
+        completeIcon: IconValue;
         editable: boolean;
-        editIcon: string;
-        errorIcon: string;
+        editIcon: IconValue;
+        errorIcon: IconValue;
     } & {
         height?: string | number | undefined;
         width?: string | number | undefined;
@@ -826,7 +826,7 @@ declare const VStepperVerticalItem: {
         title?: string | undefined;
         text?: string | undefined;
         class?: any;
-        icon?: string | undefined;
+        icon?: IconValue | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
         selectedClass?: string | undefined;
@@ -894,10 +894,10 @@ declare const VStepperVerticalItem: {
         collapseIcon: IconValue;
         expandIcon: IconValue;
         hideActions: boolean;
-        completeIcon: string;
+        completeIcon: IconValue;
         editable: boolean;
-        editIcon: string;
-        errorIcon: string;
+        editIcon: IconValue;
+        errorIcon: IconValue;
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: StepperItemSlot) => vue.VNode[];
         icon: (arg: StepperItemSlot) => vue.VNode[];
@@ -935,10 +935,10 @@ declare const VStepperVerticalItem: {
         collapseIcon: IconValue;
         expandIcon: IconValue;
         hideActions: boolean;
-        completeIcon: string;
+        completeIcon: IconValue;
         editable: boolean;
-        editIcon: string;
-        errorIcon: string;
+        editIcon: IconValue;
+        errorIcon: IconValue;
     } & {
         height?: string | number | undefined;
         width?: string | number | undefined;
@@ -951,7 +951,7 @@ declare const VStepperVerticalItem: {
         title?: string | undefined;
         text?: string | undefined;
         class?: any;
-        icon?: string | undefined;
+        icon?: IconValue | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
         selectedClass?: string | undefined;
@@ -1019,10 +1019,10 @@ declare const VStepperVerticalItem: {
         collapseIcon: IconValue;
         expandIcon: IconValue;
         hideActions: boolean;
-        completeIcon: string;
+        completeIcon: IconValue;
         editable: boolean;
-        editIcon: string;
-        errorIcon: string;
+        editIcon: IconValue;
+        errorIcon: IconValue;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -1045,10 +1045,10 @@ declare const VStepperVerticalItem: {
     collapseIcon: IconValue;
     expandIcon: IconValue;
     hideActions: boolean;
-    completeIcon: string;
+    completeIcon: IconValue;
     editable: boolean;
-    editIcon: string;
-    errorIcon: string;
+    editIcon: IconValue;
+    errorIcon: IconValue;
 } & {
     height?: string | number | undefined;
     width?: string | number | undefined;
@@ -1061,7 +1061,7 @@ declare const VStepperVerticalItem: {
     title?: string | undefined;
     text?: string | undefined;
     class?: any;
-    icon?: string | undefined;
+    icon?: IconValue | undefined;
     elevation?: string | number | undefined;
     rounded?: string | number | boolean | undefined;
     selectedClass?: string | undefined;
@@ -1133,10 +1133,10 @@ declare const VStepperVerticalItem: {
     collapseIcon: IconValue;
     expandIcon: IconValue;
     hideActions: boolean;
-    completeIcon: string;
+    completeIcon: IconValue;
     editable: boolean;
-    editIcon: string;
-    errorIcon: string;
+    editIcon: IconValue;
+    errorIcon: IconValue;
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: StepperItemSlot) => vue.VNode[];
     icon: (arg: StepperItemSlot) => vue.VNode[];
@@ -1206,20 +1206,20 @@ declare const VStepperVerticalItem: {
     subtitle: StringConstructor;
     complete: BooleanConstructor;
     completeIcon: {
-        type: StringConstructor;
+        type: vue.PropType<IconValue>;
         default: string;
     };
     editable: BooleanConstructor;
     editIcon: {
-        type: StringConstructor;
+        type: vue.PropType<IconValue>;
         default: string;
     };
     error: BooleanConstructor;
     errorIcon: {
-        type: StringConstructor;
+        type: vue.PropType<IconValue>;
         default: string;
     };
-    icon: StringConstructor;
+    icon: vue.PropType<IconValue>;
     rules: {
         type: vue.PropType<readonly ValidationRule[]>;
         default: () => never[];
@@ -1282,20 +1282,20 @@ declare const VStepperVerticalItem: {
     subtitle: StringConstructor;
     complete: BooleanConstructor;
     completeIcon: {
-        type: StringConstructor;
+        type: vue.PropType<IconValue>;
         default: string;
     };
     editable: BooleanConstructor;
     editIcon: {
-        type: StringConstructor;
+        type: vue.PropType<IconValue>;
         default: string;
     };
     error: BooleanConstructor;
     errorIcon: {
-        type: StringConstructor;
+        type: vue.PropType<IconValue>;
         default: string;
     };
-    icon: StringConstructor;
+    icon: vue.PropType<IconValue>;
     rules: {
         type: vue.PropType<readonly ValidationRule[]>;
         default: () => never[];

package/lib/labs/VTreeview/VTreeviewItem.mjs

@@ -33,9 +33,8 @@ export const VTreeviewItem = genericComponent()({
     const vListItemRef = ref();
     const isActivatableGroupActivator = computed(() => vListItemRef.value?.root.activatable.value && vListItemRef.value?.isGroupActivator);
     const isClickable = computed(() => !props.disabled && props.link !== false && (props.link || link.isClickable.value || props.value != null && !!vListItemRef.value?.list || isActivatableGroupActivator.value));
-    function activateItem(e) {
-      if (!isClickable.value || !isActivatableGroupActivator.value && vListItemRef.value?.isGroupActivator) return;
-      if (vListItemRef.value?.root.activatable.value) {
+    function activateGroupActivator(e) {
+      if (isClickable.value && isActivatableGroupActivator.value) {
         vListItemRef.value?.activate(!vListItemRef.value?.isActivated, e);
       }
     }
@@ -54,7 +53,7 @@ export const VTreeviewItem = genericComponent()({
           'v-treeview-item--filtered': visibleIds.value && !visibleIds.value.has(vListItemRef.value?.id)
         }, props.class],
         "ripple": false,
-        "onClick": props.onClick ?? activateItem
+        "onClick": props.onClick ?? activateGroupActivator
       }), {
         ...slots,
         prepend: hasPrepend ? slotProps => {

package/lib/labs/VTreeview/VTreeviewItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VTreeviewItem.mjs","names":["VBtn","VListItemAction","makeVListItemProps","VListItem","VProgressCircular","IconValue","useLink","computed","inject","ref","EventProp","genericComponent","omit","propsFactory","useRender","VTreeviewSymbol","makeVTreeviewItemProps","loading","Boolean","onToggleExpand","toggleIcon","slim","VTreeviewItem","name","props","setup","_ref","attrs","slots","emit","link","vListItemRef","isActivatableGroupActivator","value","root","activatable","isGroupActivator","isClickable","disabled","list","activateItem","e","activate","isActivated","visibleIds","listItemProps","filterProps","hasPrepend","prepend","_createVNode","_mergeProps","has","id","class","onClick","slotProps","_Fragment","default","loader","undefined"],"sources":["../../../src/labs/VTreeview/VTreeviewItem.tsx"],"sourcesContent":["// Styles\nimport './VTreeviewItem.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { VListItemAction } from '@/components/VList'\nimport { makeVListItemProps, VListItem } from '@/components/VList/VListItem'\nimport { VProgressCircular } from '@/components/VProgressCircular'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { useLink } from '@/composables/router'\n\n// Utilities\nimport { computed, inject, ref } from 'vue'\nimport { EventProp, genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport { VTreeviewSymbol } from './shared'\nimport type { VListItemSlots } from '@/components/VList/VListItem'\n\nexport const makeVTreeviewItemProps = propsFactory({\n  loading: Boolean,\n  onToggleExpand: EventProp<[MouseEvent]>(),\n  toggleIcon: IconValue,\n\n  ...makeVListItemProps({ slim: true }),\n}, 'VTreeviewItem')\n\nexport const VTreeviewItem = genericComponent<VListItemSlots>()({\n  name: 'VTreeviewItem',\n\n  props: makeVTreeviewItemProps(),\n\n  setup (props, { attrs, slots, emit }) {\n    const link = useLink(props, attrs)\n    const vListItemRef = ref<VListItem>()\n\n    const isActivatableGroupActivator = computed(() =>\n      (vListItemRef.value?.root.activatable.value) &&\n      vListItemRef.value?.isGroupActivator\n    )\n\n    const isClickable = computed(() =>\n      !props.disabled &&\n      props.link !== false &&\n      (props.link || link.isClickable.value || (props.value != null && !!vListItemRef.value?.list) || isActivatableGroupActivator.value)\n    )\n\n    function activateItem (e: MouseEvent | KeyboardEvent) {\n      if (\n        !isClickable.value ||\n        (!isActivatableGroupActivator.value && vListItemRef.value?.isGroupActivator)\n      ) return\n\n      if (vListItemRef.value?.root.activatable.value) {\n        vListItemRef.value?.activate(!vListItemRef.value?.isActivated, e)\n      }\n    }\n\n    const visibleIds = inject(VTreeviewSymbol, { visibleIds: ref() }).visibleIds\n\n    useRender(() => {\n      const listItemProps = omit(VListItem.filterProps(props), ['onClick'])\n      const hasPrepend = slots.prepend || props.toggleIcon\n\n      return (\n        <VListItem\n          ref={ vListItemRef }\n          { ...listItemProps }\n          active={ vListItemRef.value?.isActivated }\n          class={[\n            'v-treeview-item',\n            {\n              'v-treeview-item--activatable-group-activator': isActivatableGroupActivator.value,\n              'v-treeview-item--filtered': visibleIds.value && !visibleIds.value.has(vListItemRef.value?.id),\n            },\n            props.class,\n          ]}\n          ripple={ false }\n          onClick={ props.onClick ?? activateItem }\n        >\n          {{\n            ...slots,\n            prepend: hasPrepend ? slotProps => {\n              return (\n                <>\n                  { props.toggleIcon && (\n                    <VListItemAction start={ false }>\n                      <VBtn\n                        density=\"compact\"\n                        icon={ props.toggleIcon }\n                        loading={ props.loading }\n                        variant=\"text\"\n                        onClick={ props.onToggleExpand }\n                      >\n                        {{\n                          loader () {\n                            return (\n                              <VProgressCircular\n                                indeterminate=\"disable-shrink\"\n                                size=\"20\"\n                                width=\"2\"\n                              />\n                            )\n                          },\n                        }}\n                      </VBtn>\n                    </VListItemAction>\n                  )}\n\n                  { slots.prepend?.(slotProps) }\n                </>\n              )\n            } : undefined,\n          }}\n        </VListItem>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VTreeviewItem = InstanceType<typeof VTreeviewItem>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VTreeviewItem.mjs","names":["VBtn","VListItemAction","makeVListItemProps","VListItem","VProgressCircular","IconValue","useLink","computed","inject","ref","EventProp","genericComponent","omit","propsFactory","useRender","VTreeviewSymbol","makeVTreeviewItemProps","loading","Boolean","onToggleExpand","toggleIcon","slim","VTreeviewItem","name","props","setup","_ref","attrs","slots","emit","link","vListItemRef","isActivatableGroupActivator","value","root","activatable","isGroupActivator","isClickable","disabled","list","activateGroupActivator","e","activate","isActivated","visibleIds","listItemProps","filterProps","hasPrepend","prepend","_createVNode","_mergeProps","has","id","class","onClick","slotProps","_Fragment","default","loader","undefined"],"sources":["../../../src/labs/VTreeview/VTreeviewItem.tsx"],"sourcesContent":["// Styles\nimport './VTreeviewItem.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { VListItemAction } from '@/components/VList'\nimport { makeVListItemProps, VListItem } from '@/components/VList/VListItem'\nimport { VProgressCircular } from '@/components/VProgressCircular'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { useLink } from '@/composables/router'\n\n// Utilities\nimport { computed, inject, ref } from 'vue'\nimport { EventProp, genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport { VTreeviewSymbol } from './shared'\nimport type { VListItemSlots } from '@/components/VList/VListItem'\n\nexport const makeVTreeviewItemProps = propsFactory({\n  loading: Boolean,\n  onToggleExpand: EventProp<[MouseEvent]>(),\n  toggleIcon: IconValue,\n\n  ...makeVListItemProps({ slim: true }),\n}, 'VTreeviewItem')\n\nexport const VTreeviewItem = genericComponent<VListItemSlots>()({\n  name: 'VTreeviewItem',\n\n  props: makeVTreeviewItemProps(),\n\n  setup (props, { attrs, slots, emit }) {\n    const link = useLink(props, attrs)\n    const vListItemRef = ref<VListItem>()\n\n    const isActivatableGroupActivator = computed(() =>\n      (vListItemRef.value?.root.activatable.value) &&\n      vListItemRef.value?.isGroupActivator\n    )\n\n    const isClickable = computed(() =>\n      !props.disabled &&\n      props.link !== false &&\n      (props.link || link.isClickable.value || (props.value != null && !!vListItemRef.value?.list) || isActivatableGroupActivator.value)\n    )\n\n    function activateGroupActivator (e: MouseEvent | KeyboardEvent) {\n      if (isClickable.value && isActivatableGroupActivator.value) {\n        vListItemRef.value?.activate(!vListItemRef.value?.isActivated, e)\n      }\n    }\n\n    const visibleIds = inject(VTreeviewSymbol, { visibleIds: ref() }).visibleIds\n\n    useRender(() => {\n      const listItemProps = omit(VListItem.filterProps(props), ['onClick'])\n      const hasPrepend = slots.prepend || props.toggleIcon\n\n      return (\n        <VListItem\n          ref={ vListItemRef }\n          { ...listItemProps }\n          active={ vListItemRef.value?.isActivated }\n          class={[\n            'v-treeview-item',\n            {\n              'v-treeview-item--activatable-group-activator': isActivatableGroupActivator.value,\n              'v-treeview-item--filtered': visibleIds.value && !visibleIds.value.has(vListItemRef.value?.id),\n            },\n            props.class,\n          ]}\n          ripple={ false }\n          onClick={ props.onClick ?? activateGroupActivator }\n        >\n          {{\n            ...slots,\n            prepend: hasPrepend ? slotProps => {\n              return (\n                <>\n                  { props.toggleIcon && (\n                    <VListItemAction start={ false }>\n                      <VBtn\n                        density=\"compact\"\n                        icon={ props.toggleIcon }\n                        loading={ props.loading }\n                        variant=\"text\"\n                        onClick={ props.onToggleExpand }\n                      >\n                        {{\n                          loader () {\n                            return (\n                              <VProgressCircular\n                                indeterminate=\"disable-shrink\"\n                                size=\"20\"\n                                width=\"2\"\n                              />\n                            )\n                          },\n                        }}\n                      </VBtn>\n                    </VListItemAction>\n                  )}\n\n                  { slots.prepend?.(slotProps) }\n                </>\n              )\n            } : undefined,\n          }}\n        </VListItem>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VTreeviewItem = InstanceType<typeof VTreeviewItem>\n"],"mappings":"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","ignoreList":[]}

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

@@ -191,8 +191,8 @@ declare const VTreeview: {
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
-        collapseIcon: string;
-        expandIcon: string;
+        collapseIcon: IconValue;
+        expandIcon: IconValue;
         returnObject: boolean;
         filterMode: FilterMode;
         noFilter: boolean;
@@ -289,8 +289,8 @@ declare const VTreeview: {
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
-        collapseIcon: string;
-        expandIcon: string;
+        collapseIcon: IconValue;
+        expandIcon: IconValue;
         returnObject: boolean;
         filterMode: FilterMode;
         noFilter: boolean;
@@ -373,8 +373,8 @@ declare const VTreeview: {
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
-        collapseIcon: string;
-        expandIcon: string;
+        collapseIcon: IconValue;
+        expandIcon: IconValue;
         returnObject: boolean;
         filterMode: FilterMode;
         noFilter: boolean;
@@ -435,8 +435,8 @@ declare const VTreeview: {
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
-        collapseIcon: string;
-        expandIcon: string;
+        collapseIcon: IconValue;
+        expandIcon: IconValue;
         returnObject: boolean;
         filterMode: FilterMode;
         noFilter: boolean;
@@ -519,8 +519,8 @@ declare const VTreeview: {
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
-        collapseIcon: string;
-        expandIcon: string;
+        collapseIcon: IconValue;
+        expandIcon: IconValue;
         returnObject: boolean;
         filterMode: FilterMode;
         noFilter: boolean;
@@ -552,8 +552,8 @@ declare const VTreeview: {
     activatable: boolean;
     selectable: boolean;
     selectStrategy: SelectStrategyProp;
-    collapseIcon: string;
-    expandIcon: string;
+    collapseIcon: IconValue;
+    expandIcon: IconValue;
     returnObject: boolean;
     filterMode: FilterMode;
     noFilter: boolean;
@@ -651,8 +651,8 @@ declare const VTreeview: {
     activatable: boolean;
     selectable: boolean;
     selectStrategy: SelectStrategyProp;
-    collapseIcon: string;
-    expandIcon: string;
+    collapseIcon: IconValue;
+    expandIcon: IconValue;
     returnObject: boolean;
     filterMode: FilterMode;
     noFilter: boolean;
@@ -771,12 +771,12 @@ declare const VTreeview: {
     };
     'onUpdate:opened': vue.PropType<() => void>;
     collapseIcon: {
-        type: vue.PropType<string>;
-        default: string;
+        type: vue.PropType<IconValue>;
+        default: NonNullable<IconValue>;
     };
     expandIcon: {
-        type: vue.PropType<string>;
-        default: string;
+        type: vue.PropType<IconValue>;
+        default: NonNullable<IconValue>;
     };
     returnObject: BooleanConstructor;
     itemTitle: {
@@ -913,12 +913,12 @@ declare const VTreeview: {
     };
     'onUpdate:opened': vue.PropType<() => void>;
     collapseIcon: {
-        type: vue.PropType<string>;
-        default: string;
+        type: vue.PropType<IconValue>;
+        default: NonNullable<IconValue>;
     };
     expandIcon: {
-        type: vue.PropType<string>;
-        default: string;
+        type: vue.PropType<IconValue>;
+        default: NonNullable<IconValue>;
     };
     returnObject: BooleanConstructor;
     itemTitle: {