vuetify 3.9.0-beta.1 → 3.9.0

package/lib/components/VTreeview/VTreeviewGroup.d.ts

@@ -3,6 +3,7 @@ export declare const makeVTreeviewGroupProps: <Defaults extends {
     value?: unknown;
     style?: unknown;
     title?: unknown;
+    disabled?: unknown;
     class?: unknown;
     tag?: unknown;
     baseColor?: unknown;
@@ -36,6 +37,10 @@ export declare const makeVTreeviewGroupProps: <Defaults extends {
         type: import("vue").PropType<unknown extends Defaults["title"] ? string : string | Defaults["title"]>;
         default: unknown extends Defaults["title"] ? string : string | Defaults["title"];
     };
+    disabled: unknown extends Defaults["disabled"] ? BooleanConstructor : {
+        type: import("vue").PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
+        default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
+    };
     class: unknown extends Defaults["class"] ? import("vue").PropType<any> : {
         type: import("vue").PropType<unknown extends Defaults["class"] ? any : any>;
         default: unknown extends Defaults["class"] ? any : any;
@@ -110,6 +115,7 @@ export declare const makeVTreeviewGroupProps: <Defaults extends {
 export declare const VTreeviewGroup: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{
         style: import("vue").StyleValue;
+        disabled: boolean;
         tag: string | import("../../util/index.js").JSXComponent;
         collapseIcon: import("../../composables/icons.js").IconValue;
         expandIcon: import("../../composables/icons.js").IconValue;
@@ -147,6 +153,7 @@ export declare const VTreeviewGroup: {
         }) => import("vue").VNodeChild) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
         style: import("vue").StyleValue;
+        disabled: boolean;
         tag: string | import("../../util/index.js").JSXComponent;
         collapseIcon: import("../../composables/icons.js").IconValue;
         expandIcon: import("../../composables/icons.js").IconValue;
@@ -166,6 +173,7 @@ export declare const VTreeviewGroup: {
         Defaults: {};
     }, {
         style: import("vue").StyleValue;
+        disabled: boolean;
         tag: string | import("../../util/index.js").JSXComponent;
         collapseIcon: import("../../composables/icons.js").IconValue;
         expandIcon: import("../../composables/icons.js").IconValue;
@@ -203,6 +211,7 @@ export declare const VTreeviewGroup: {
         }) => import("vue").VNodeChild) | undefined;
     }, {}, {}, {}, {}, {
         style: import("vue").StyleValue;
+        disabled: boolean;
         tag: string | import("../../util/index.js").JSXComponent;
         collapseIcon: import("../../composables/icons.js").IconValue;
         expandIcon: import("../../composables/icons.js").IconValue;
@@ -213,6 +222,7 @@ export declare const VTreeviewGroup: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<{
     style: import("vue").StyleValue;
+    disabled: boolean;
     tag: string | import("../../util/index.js").JSXComponent;
     collapseIcon: import("../../composables/icons.js").IconValue;
     expandIcon: import("../../composables/icons.js").IconValue;
@@ -250,6 +260,7 @@ export declare const VTreeviewGroup: {
     }) => import("vue").VNodeChild) | undefined;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
     style: import("vue").StyleValue;
+    disabled: boolean;
     tag: string | import("../../util/index.js").JSXComponent;
     collapseIcon: import("../../composables/icons.js").IconValue;
     expandIcon: import("../../composables/icons.js").IconValue;
@@ -268,6 +279,7 @@ export declare const VTreeviewGroup: {
         default: null;
     };
     title: StringConstructor;
+    disabled: BooleanConstructor;
     class: import("vue").PropType<import("../../composables/component.js").ClassValue>;
     tag: {
         type: import("vue").PropType<string | import("../../util/index.js").JSXComponent>;
@@ -301,6 +313,7 @@ export declare const VTreeviewGroup: {
         default: null;
     };
     title: StringConstructor;
+    disabled: BooleanConstructor;
     class: import("vue").PropType<import("../../composables/component.js").ClassValue>;
     tag: {
         type: import("vue").PropType<string | import("../../util/index.js").JSXComponent>;

package/lib/components/VTreeview/VTreeviewItem.css

@@ -17,6 +17,63 @@
 .v-treeview.v-list--disabled .v-list-item__prepend {
   pointer-events: auto;
 }
+.v-treeview .v-list-item--slim > .v-list-item__prepend > .v-icon ~ .v-list-item__spacer {
+  width: 10px;
+}
+.v-treeview .v-list-item--slim > .v-list-item__prepend:not(:has(.v-list-item-action)) > .v-icon {
+  margin-inline-start: -6px;
+}
+
+.v-treeview-indent-lines {
+  position: absolute;
+  left: 0;
+  height: 100%;
+  display: grid;
+  padding-left: 8px;
+  padding-block: 0;
+  grid-template-columns: repeat(var(--v-indent-parts, 1), var(--prepend-width));
+  opacity: 0.4;
+  pointer-events: none;
+}
+
+.v-treeview-indent-line, .v-treeview-indent-line::before {
+  border: 0px solid rgb(var(--v-theme-on-surface));
+}
+.v-treeview-indent-line--leaf, .v-treeview-indent-line--line {
+  border-left-width: 1px;
+  height: 100%;
+  width: calc(50% + 1px);
+  justify-self: end;
+}
+.v-treeview-indent-line--leaf {
+  position: relative;
+}
+.v-treeview-indent-line--leaf::before {
+  content: "";
+  position: absolute;
+  border-bottom-width: 1px;
+  height: calc(50% + 1px);
+  width: 100%;
+}
+.v-treeview-indent-line--leaf:last-child::before {
+  width: calc(100% - 4px);
+}
+.v-treeview-indent-line--leaf-link {
+  border-bottom-width: 1px;
+  height: calc(50% + 1px);
+  margin-left: 0;
+  margin-right: 6px;
+}
+.v-treeview-indent-line--last-leaf {
+  border-left-width: 1px;
+  border-bottom-width: 1px;
+  height: calc(50% + 1px);
+  margin-left: calc(50% - 1px);
+  border-bottom-left-radius: 4px;
+}
+.v-treeview-indent-line--last-leaf:last-child {
+  margin-right: 4px;
+}
 
 .v-treeview-group.v-list-group {
   --list-indent-size: 0px;