| { | ||
| "components": { | ||
| "VColorInput": { | ||
| "from": "labs/VColorInput", | ||
| "styles": [] | ||
| }, | ||
| "VCommandPalette": { | ||
@@ -19,6 +15,2 @@ "from": "labs/VCommandPalette", | ||
| }, | ||
| "VIconBtn": { | ||
| "from": "labs/VIconBtn", | ||
| "styles": [] | ||
| }, | ||
| "VFileUpload": { | ||
@@ -32,2 +24,14 @@ "from": "labs/VFileUpload", | ||
| }, | ||
| "VIconBtn": { | ||
| "from": "labs/VIconBtn", | ||
| "styles": [] | ||
| }, | ||
| "VPicker": { | ||
| "from": "labs/VPicker", | ||
| "styles": [] | ||
| }, | ||
| "VPickerTitle": { | ||
| "from": "labs/VPicker", | ||
| "styles": [] | ||
| }, | ||
| "VStepperVertical": { | ||
@@ -45,10 +49,2 @@ "from": "labs/VStepperVertical", | ||
| }, | ||
| "VPicker": { | ||
| "from": "labs/VPicker", | ||
| "styles": [] | ||
| }, | ||
| "VPickerTitle": { | ||
| "from": "labs/VPicker", | ||
| "styles": [] | ||
| }, | ||
| "VPie": { | ||
@@ -66,2 +62,6 @@ "from": "labs/VPie", | ||
| }, | ||
| "VColorInput": { | ||
| "from": "labs/VColorInput", | ||
| "styles": [] | ||
| }, | ||
| "VVideo": { | ||
@@ -68,0 +68,0 @@ "from": "labs/VVideo", |
+166
-166
@@ -11,2 +11,6 @@ { | ||
| }, | ||
| "VApp": { | ||
| "from": "components/VApp", | ||
| "styles": [] | ||
| }, | ||
| "VAppBar": { | ||
@@ -24,6 +28,2 @@ "from": "components/VAppBar", | ||
| }, | ||
| "VApp": { | ||
| "from": "components/VApp", | ||
| "styles": [] | ||
| }, | ||
| "VAutocomplete": { | ||
@@ -33,2 +33,6 @@ "from": "components/VAutocomplete", | ||
| }, | ||
| "VAvatar": { | ||
| "from": "components/VAvatar", | ||
| "styles": [] | ||
| }, | ||
| "VBadge": { | ||
@@ -38,2 +42,6 @@ "from": "components/VBadge", | ||
| }, | ||
| "VBottomNavigation": { | ||
| "from": "components/VBottomNavigation", | ||
| "styles": [] | ||
| }, | ||
| "VBanner": { | ||
@@ -51,16 +59,16 @@ "from": "components/VBanner", | ||
| }, | ||
| "VBtnGroup": { | ||
| "from": "components/VBtnGroup", | ||
| "VBtnToggle": { | ||
| "from": "components/VBtnToggle", | ||
| "styles": [] | ||
| }, | ||
| "VAvatar": { | ||
| "from": "components/VAvatar", | ||
| "VBreadcrumbs": { | ||
| "from": "components/VBreadcrumbs", | ||
| "styles": [] | ||
| }, | ||
| "VBottomSheet": { | ||
| "from": "components/VBottomSheet", | ||
| "VBreadcrumbsItem": { | ||
| "from": "components/VBreadcrumbs", | ||
| "styles": [] | ||
| }, | ||
| "VBtnToggle": { | ||
| "from": "components/VBtnToggle", | ||
| "VBreadcrumbsDivider": { | ||
| "from": "components/VBreadcrumbs", | ||
| "styles": [] | ||
@@ -72,18 +80,10 @@ }, | ||
| }, | ||
| "VBottomNavigation": { | ||
| "from": "components/VBottomNavigation", | ||
| "VBottomSheet": { | ||
| "from": "components/VBottomSheet", | ||
| "styles": [] | ||
| }, | ||
| "VBreadcrumbs": { | ||
| "from": "components/VBreadcrumbs", | ||
| "VBtnGroup": { | ||
| "from": "components/VBtnGroup", | ||
| "styles": [] | ||
| }, | ||
| "VBreadcrumbsItem": { | ||
| "from": "components/VBreadcrumbs", | ||
| "styles": [] | ||
| }, | ||
| "VBreadcrumbsDivider": { | ||
| "from": "components/VBreadcrumbs", | ||
| "styles": [] | ||
| }, | ||
| "VCard": { | ||
@@ -113,2 +113,18 @@ "from": "components/VCard", | ||
| }, | ||
| "VCalendar": { | ||
| "from": "components/VCalendar", | ||
| "styles": [] | ||
| }, | ||
| "VCheckbox": { | ||
| "from": "components/VCheckbox", | ||
| "styles": [] | ||
| }, | ||
| "VCheckboxBtn": { | ||
| "from": "components/VCheckbox", | ||
| "styles": [] | ||
| }, | ||
| "VColorPicker": { | ||
| "from": "components/VColorPicker", | ||
| "styles": [] | ||
| }, | ||
| "VCarousel": { | ||
@@ -122,6 +138,2 @@ "from": "components/VCarousel", | ||
| }, | ||
| "VCalendar": { | ||
| "from": "components/VCalendar", | ||
| "styles": [] | ||
| }, | ||
| "VChip": { | ||
@@ -131,6 +143,2 @@ "from": "components/VChip", | ||
| }, | ||
| "VChipGroup": { | ||
| "from": "components/VChipGroup", | ||
| "styles": [] | ||
| }, | ||
| "VCode": { | ||
@@ -140,4 +148,4 @@ "from": "components/VCode", | ||
| }, | ||
| "VCombobox": { | ||
| "from": "components/VCombobox", | ||
| "VChipGroup": { | ||
| "from": "components/VChipGroup", | ||
| "styles": [] | ||
@@ -149,14 +157,6 @@ }, | ||
| }, | ||
| "VCheckbox": { | ||
| "from": "components/VCheckbox", | ||
| "VCombobox": { | ||
| "from": "components/VCombobox", | ||
| "styles": [] | ||
| }, | ||
| "VCheckboxBtn": { | ||
| "from": "components/VCheckbox", | ||
| "styles": [] | ||
| }, | ||
| "VColorPicker": { | ||
| "from": "components/VColorPicker", | ||
| "styles": [] | ||
| }, | ||
| "VDatePicker": { | ||
@@ -238,8 +238,8 @@ "from": "components/VDatePicker", | ||
| }, | ||
| "VFooter": { | ||
| "from": "components/VFooter", | ||
| "VField": { | ||
| "from": "components/VField", | ||
| "styles": [] | ||
| }, | ||
| "VFab": { | ||
| "from": "components/VFab", | ||
| "VFieldLabel": { | ||
| "from": "components/VField", | ||
| "styles": [] | ||
@@ -251,10 +251,6 @@ }, | ||
| }, | ||
| "VField": { | ||
| "from": "components/VField", | ||
| "VFooter": { | ||
| "from": "components/VFooter", | ||
| "styles": [] | ||
| }, | ||
| "VFieldLabel": { | ||
| "from": "components/VField", | ||
| "styles": [] | ||
| }, | ||
| "VHotkey": { | ||
@@ -272,6 +268,2 @@ "from": "components/VHotkey", | ||
| }, | ||
| "VInfiniteScroll": { | ||
| "from": "components/VInfiniteScroll", | ||
| "styles": [] | ||
| }, | ||
| "VIcon": { | ||
@@ -297,10 +289,2 @@ "from": "components/VIcon", | ||
| }, | ||
| "VItemGroup": { | ||
| "from": "components/VItemGroup", | ||
| "styles": [] | ||
| }, | ||
| "VItem": { | ||
| "from": "components/VItemGroup", | ||
| "styles": [] | ||
| }, | ||
| "VInput": { | ||
@@ -310,18 +294,14 @@ "from": "components/VInput", | ||
| }, | ||
| "VKbd": { | ||
| "from": "components/VKbd", | ||
| "VInfiniteScroll": { | ||
| "from": "components/VInfiniteScroll", | ||
| "styles": [] | ||
| }, | ||
| "VMain": { | ||
| "from": "components/VMain", | ||
| "VItemGroup": { | ||
| "from": "components/VItemGroup", | ||
| "styles": [] | ||
| }, | ||
| "VLabel": { | ||
| "from": "components/VLabel", | ||
| "VItem": { | ||
| "from": "components/VItemGroup", | ||
| "styles": [] | ||
| }, | ||
| "VMessages": { | ||
| "from": "components/VMessages", | ||
| "styles": [] | ||
| }, | ||
| "VList": { | ||
@@ -363,6 +343,14 @@ "from": "components/VList", | ||
| }, | ||
| "VNumberInput": { | ||
| "from": "components/VNumberInput", | ||
| "VMain": { | ||
| "from": "components/VMain", | ||
| "styles": [] | ||
| }, | ||
| "VLabel": { | ||
| "from": "components/VLabel", | ||
| "styles": [] | ||
| }, | ||
| "VKbd": { | ||
| "from": "components/VKbd", | ||
| "styles": [] | ||
| }, | ||
| "VMenu": { | ||
@@ -372,6 +360,10 @@ "from": "components/VMenu", | ||
| }, | ||
| "VNavigationDrawer": { | ||
| "from": "components/VNavigationDrawer", | ||
| "VNumberInput": { | ||
| "from": "components/VNumberInput", | ||
| "styles": [] | ||
| }, | ||
| "VMessages": { | ||
| "from": "components/VMessages", | ||
| "styles": [] | ||
| }, | ||
| "VOtpInput": { | ||
@@ -381,6 +373,10 @@ "from": "components/VOtpInput", | ||
| }, | ||
| "VProgressCircular": { | ||
| "from": "components/VProgressCircular", | ||
| "VNavigationDrawer": { | ||
| "from": "components/VNavigationDrawer", | ||
| "styles": [] | ||
| }, | ||
| "VPagination": { | ||
| "from": "components/VPagination", | ||
| "styles": [] | ||
| }, | ||
| "VOverlay": { | ||
@@ -390,2 +386,6 @@ "from": "components/VOverlay", | ||
| }, | ||
| "VRadioGroup": { | ||
| "from": "components/VRadioGroup", | ||
| "styles": [] | ||
| }, | ||
| "VProgressLinear": { | ||
@@ -395,6 +395,14 @@ "from": "components/VProgressLinear", | ||
| }, | ||
| "VSelect": { | ||
| "from": "components/VSelect", | ||
| "VProgressCircular": { | ||
| "from": "components/VProgressCircular", | ||
| "styles": [] | ||
| }, | ||
| "VSelectionControl": { | ||
| "from": "components/VSelectionControl", | ||
| "styles": [] | ||
| }, | ||
| "VFab": { | ||
| "from": "components/VFab", | ||
| "styles": [] | ||
| }, | ||
| "VRating": { | ||
@@ -404,2 +412,6 @@ "from": "components/VRating", | ||
| }, | ||
| "VSelect": { | ||
| "from": "components/VSelect", | ||
| "styles": [] | ||
| }, | ||
| "VSelectionControlGroup": { | ||
@@ -409,18 +421,10 @@ "from": "components/VSelectionControlGroup", | ||
| }, | ||
| "VRadioGroup": { | ||
| "from": "components/VRadioGroup", | ||
| "VSheet": { | ||
| "from": "components/VSheet", | ||
| "styles": [] | ||
| }, | ||
| "VPagination": { | ||
| "from": "components/VPagination", | ||
| "VSnackbar": { | ||
| "from": "components/VSnackbar", | ||
| "styles": [] | ||
| }, | ||
| "VSelectionControl": { | ||
| "from": "components/VSelectionControl", | ||
| "styles": [] | ||
| }, | ||
| "VSkeletonLoader": { | ||
| "from": "components/VSkeletonLoader", | ||
| "styles": [] | ||
| }, | ||
| "VSlider": { | ||
@@ -430,6 +434,2 @@ "from": "components/VSlider", | ||
| }, | ||
| "VSheet": { | ||
| "from": "components/VSheet", | ||
| "styles": [] | ||
| }, | ||
| "VSlideGroup": { | ||
@@ -443,6 +443,30 @@ "from": "components/VSlideGroup", | ||
| }, | ||
| "VSnackbar": { | ||
| "from": "components/VSnackbar", | ||
| "VStepper": { | ||
| "from": "components/VStepper", | ||
| "styles": [] | ||
| }, | ||
| "VStepperActions": { | ||
| "from": "components/VStepper", | ||
| "styles": [] | ||
| }, | ||
| "VStepperHeader": { | ||
| "from": "components/VStepper", | ||
| "styles": [] | ||
| }, | ||
| "VStepperItem": { | ||
| "from": "components/VStepper", | ||
| "styles": [] | ||
| }, | ||
| "VStepperWindow": { | ||
| "from": "components/VStepper", | ||
| "styles": [] | ||
| }, | ||
| "VStepperWindowItem": { | ||
| "from": "components/VStepper", | ||
| "styles": [] | ||
| }, | ||
| "VSkeletonLoader": { | ||
| "from": "components/VSkeletonLoader", | ||
| "styles": [] | ||
| }, | ||
| "VTab": { | ||
@@ -476,34 +500,2 @@ "from": "components/VTabs", | ||
| }, | ||
| "VStepper": { | ||
| "from": "components/VStepper", | ||
| "styles": [] | ||
| }, | ||
| "VStepperActions": { | ||
| "from": "components/VStepper", | ||
| "styles": [] | ||
| }, | ||
| "VStepperHeader": { | ||
| "from": "components/VStepper", | ||
| "styles": [] | ||
| }, | ||
| "VStepperItem": { | ||
| "from": "components/VStepper", | ||
| "styles": [] | ||
| }, | ||
| "VStepperWindow": { | ||
| "from": "components/VStepper", | ||
| "styles": [] | ||
| }, | ||
| "VStepperWindowItem": { | ||
| "from": "components/VStepper", | ||
| "styles": [] | ||
| }, | ||
| "VTextarea": { | ||
| "from": "components/VTextarea", | ||
| "styles": [] | ||
| }, | ||
| "VTextField": { | ||
| "from": "components/VTextField", | ||
| "styles": [] | ||
| }, | ||
| "VTimePicker": { | ||
@@ -521,2 +513,6 @@ "from": "components/VTimePicker", | ||
| }, | ||
| "VTextField": { | ||
| "from": "components/VTextField", | ||
| "styles": [] | ||
| }, | ||
| "VTimeline": { | ||
@@ -542,14 +538,6 @@ "from": "components/VTimeline", | ||
| }, | ||
| "VWindow": { | ||
| "from": "components/VWindow", | ||
| "VTextarea": { | ||
| "from": "components/VTextarea", | ||
| "styles": [] | ||
| }, | ||
| "VWindowItem": { | ||
| "from": "components/VWindow", | ||
| "styles": [] | ||
| }, | ||
| "VTooltip": { | ||
| "from": "components/VTooltip", | ||
| "styles": [] | ||
| }, | ||
| "VTreeview": { | ||
@@ -567,2 +555,14 @@ "from": "components/VTreeview", | ||
| }, | ||
| "VTooltip": { | ||
| "from": "components/VTooltip", | ||
| "styles": [] | ||
| }, | ||
| "VWindow": { | ||
| "from": "components/VWindow", | ||
| "styles": [] | ||
| }, | ||
| "VWindowItem": { | ||
| "from": "components/VWindow", | ||
| "styles": [] | ||
| }, | ||
| "VConfirmEdit": { | ||
@@ -584,6 +584,2 @@ "from": "components/VConfirmEdit", | ||
| }, | ||
| "VHover": { | ||
| "from": "components/VHover", | ||
| "styles": [] | ||
| }, | ||
| "VContainer": { | ||
@@ -605,10 +601,6 @@ "from": "components/VGrid", | ||
| }, | ||
| "VLazy": { | ||
| "from": "components/VLazy", | ||
| "VHover": { | ||
| "from": "components/VHover", | ||
| "styles": [] | ||
| }, | ||
| "VLocaleProvider": { | ||
| "from": "components/VLocaleProvider", | ||
| "styles": [] | ||
| }, | ||
| "VLayout": { | ||
@@ -622,2 +614,10 @@ "from": "components/VLayout", | ||
| }, | ||
| "VLazy": { | ||
| "from": "components/VLazy", | ||
| "styles": [] | ||
| }, | ||
| "VLocaleProvider": { | ||
| "from": "components/VLocaleProvider", | ||
| "styles": [] | ||
| }, | ||
| "VNoSsr": { | ||
@@ -631,2 +631,6 @@ "from": "components/VNoSsr", | ||
| }, | ||
| "VRadio": { | ||
| "from": "components/VRadio", | ||
| "styles": [] | ||
| }, | ||
| "VRangeSlider": { | ||
@@ -636,6 +640,2 @@ "from": "components/VRangeSlider", | ||
| }, | ||
| "VRadio": { | ||
| "from": "components/VRadio", | ||
| "styles": [] | ||
| }, | ||
| "VResponsive": { | ||
@@ -645,2 +645,6 @@ "from": "components/VResponsive", | ||
| }, | ||
| "VSparkline": { | ||
| "from": "components/VSparkline", | ||
| "styles": [] | ||
| }, | ||
| "VSnackbarQueue": { | ||
@@ -654,6 +658,2 @@ "from": "components/VSnackbarQueue", | ||
| }, | ||
| "VSparkline": { | ||
| "from": "components/VSparkline", | ||
| "styles": [] | ||
| }, | ||
| "VThemeProvider": { | ||
@@ -667,6 +667,2 @@ "from": "components/VThemeProvider", | ||
| }, | ||
| "VVirtualScroll": { | ||
| "from": "components/VVirtualScroll", | ||
| "styles": [] | ||
| }, | ||
| "VFabTransition": { | ||
@@ -739,2 +735,6 @@ "from": "components/transitions", | ||
| "styles": [] | ||
| }, | ||
| "VVirtualScroll": { | ||
| "from": "components/VVirtualScroll", | ||
| "styles": [] | ||
| } | ||
@@ -741,0 +741,0 @@ }, |
@@ -46,5 +46,4 @@ @use 'sass:map'; | ||
| $list-item-padding: 4px 16px !default; | ||
| $list-item-prepend-size: 32px !default; | ||
| $list-item-slim-prepend-size: 20px !default; | ||
| $list-item-prepend-icon-size: 24px !default; | ||
| $list-item-prepend-size: 40px !default; | ||
| $list-item-slim-prepend-size: 28px !default; | ||
| $list-item-plain-opacity: .62 !default; | ||
@@ -51,0 +50,0 @@ $list-item-rounded-border-radius: map.get(settings.$rounded, null) !default; |
| .v-list { | ||
| --v-list-prepend-gap: 32px; | ||
| --v-list-indent: calc(var(--v-list-prepend-gap) + 24px); | ||
| overflow: auto; | ||
@@ -28,5 +26,2 @@ padding: 8px 0; | ||
| } | ||
| .v-list--slim { | ||
| --v-list-prepend-gap: 20px; | ||
| } | ||
| .v-list--disabled { | ||
@@ -33,0 +28,0 @@ pointer-events: none; |
@@ -288,2 +288,3 @@ import { createVNode as _createVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from "vue"; | ||
| useRender(() => { | ||
| const indent = props.indent ?? (props.prependGap ? Number(props.prependGap) + 24 : undefined); | ||
| const ariaMultiselectable = isSelectable.value ? attrs.ariaMultiselectable ?? !String(props.selectStrategy).startsWith('single-') : undefined; | ||
@@ -298,3 +299,4 @@ return _createVNode(props.tag, { | ||
| "style": _normalizeStyle([{ | ||
| '--v-list-indent': convertToUnit(props.indent), | ||
| '--v-list-indent': convertToUnit(indent), | ||
| '--v-list-group-prepend': indent ? '0px' : undefined, | ||
| '--v-list-prepend-gap': convertToUnit(props.prependGap) | ||
@@ -301,0 +303,0 @@ }, backgroundColorStyles.value, dimensionStyles.value, props.style]), |
@@ -7,5 +7,2 @@ @use 'sass:list' | ||
| .v-list | ||
| --v-list-prepend-gap: #{$list-item-prepend-size} | ||
| --v-list-indent: calc(var(--v-list-prepend-gap) + #{$list-item-prepend-icon-size}) | ||
| overflow: auto | ||
@@ -21,5 +18,2 @@ padding: $list-padding | ||
| &--slim | ||
| --v-list-prepend-gap: #{$list-item-slim-prepend-size} | ||
| &--disabled | ||
@@ -26,0 +20,0 @@ pointer-events: none |
@@ -150,3 +150,3 @@ .v-list-item { | ||
| } | ||
| .v-list-item__prepend *:not(.v-treeview-indent-lines) ~ .v-list-item__spacer { | ||
| .v-list-item__prepend * ~ .v-list-item__spacer { | ||
| width: var(--v-list-prepend-gap); | ||
@@ -445,10 +445,21 @@ } | ||
| .v-list-group { | ||
| --list-indent-size: 16px; | ||
| --parent-padding: var(--indent-padding); | ||
| --prepend-width: var(--v-list-group-prepend, 40px); | ||
| } | ||
| .v-list-group--fluid > .v-list-group__items { | ||
| --indent-padding: 0px; | ||
| .v-list--slim .v-list-group { | ||
| --prepend-width: var(--v-list-group-prepend, 28px); | ||
| } | ||
| .v-list-group--fluid { | ||
| --list-indent-size: 0px; | ||
| } | ||
| .v-list-group--prepend { | ||
| --parent-padding: calc(var(--indent-padding) + var(--prepend-width)); | ||
| } | ||
| .v-list-group--fluid.v-list-group--prepend { | ||
| --parent-padding: var(--indent-padding); | ||
| } | ||
| .v-list-group__items { | ||
| --indent-padding: calc(var(--parent-padding) + var(--v-list-indent)); | ||
| --indent-padding: calc(var(--parent-padding) + var(--v-list-indent, var(--list-indent-size))); | ||
| min-width: min-content; | ||
@@ -455,0 +466,0 @@ } |
@@ -82,3 +82,3 @@ @use 'sass:list' | ||
| *:not(.v-treeview-indent-lines) ~ .v-list-item__spacer | ||
| * ~ .v-list-item__spacer | ||
| width: var(--v-list-prepend-gap) | ||
@@ -97,2 +97,3 @@ | ||
| .v-list-item--slim & | ||
@@ -316,9 +317,20 @@ > .v-badge, | ||
| .v-list-group | ||
| --list-indent-size: #{$list-indent-size} | ||
| --parent-padding: var(--indent-padding) | ||
| --prepend-width: var(--v-list-group-prepend, #{$list-item-prepend-size}) | ||
| &--fluid > .v-list-group__items | ||
| --indent-padding: 0px | ||
| .v-list--slim & | ||
| --prepend-width: var(--v-list-group-prepend, #{$list-item-slim-prepend-size}) | ||
| &--fluid | ||
| --list-indent-size: 0px | ||
| &--prepend | ||
| --parent-padding: calc(var(--indent-padding) + var(--prepend-width)) | ||
| &--fluid.v-list-group--prepend | ||
| --parent-padding: var(--indent-padding) | ||
| .v-list-group__items | ||
| --indent-padding: calc(var(--parent-padding) + var(--v-list-indent)) | ||
| --indent-padding: calc(var(--parent-padding) + var(--v-list-indent, var(--list-indent-size))) | ||
| min-width: min-content | ||
@@ -325,0 +337,0 @@ |
@@ -5,8 +5,8 @@ @use 'sass:map'; | ||
| $treeview-item-spacer-width: 10px !default; | ||
| $treeview-item-first-icon-margin-start: -2px !default; | ||
| $treeview-item-first-icon-margin-start: -6px !default; | ||
| $treeview-prepend-gap: 10px !default; | ||
| $treeview-action-width: 28px !default; // expand toggle VBtn | ||
| $treeview-indent-size: 28px !default; // 28px here to match the width of the expand toggle VBtn. | ||
| $treeview-indent-padding: 16px !default; | ||
| $treeview-indent-lines-padding-left: 12px !default; | ||
| $treeview-indent-lines-padding-left: 8px !default; | ||
| $treeview-indent-lines-gap: 0 !default; | ||
@@ -18,4 +18,4 @@ $treeview-indent-lines-opacity: .4 !default; | ||
| $treeview-indent-line-style: solid !default; | ||
| $treeview-indent-line-leaf-link-width: 24px !default; | ||
| $treeview-indent-line-leaf-link-margin-right: 6px !default; | ||
| $treeview-indent-line-leaf-margin-right: 4px !default; | ||
| $treeview-indent-line-border-radius: 4px !default; |
@@ -0,1 +1,4 @@ | ||
| .v-treeview-item { | ||
| --list-indent-size: 28px; | ||
| } | ||
| .v-treeview-item.v-treeview-item--filtered { | ||
@@ -10,5 +13,8 @@ display: none; | ||
| } | ||
| .v-treeview-item .v-list-item-action--start { | ||
| margin-inline: -4px 4px; | ||
| .v-treeview-item__level { | ||
| width: 28px; | ||
| } | ||
| .v-treeview--fluid .v-treeview-item__level { | ||
| width: 0; | ||
| } | ||
@@ -18,17 +24,19 @@ .v-treeview { | ||
| --v-treeview-indent-line-opacity: 0.4; | ||
| --v-list-prepend-gap: 10px; | ||
| } | ||
| .v-treeview.v-list { | ||
| --indent-padding: 16px; | ||
| } | ||
| .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: var(--v-list-prepend-gap, 10px); | ||
| } | ||
| .v-treeview .v-list-item--slim > .v-list-item__prepend:not(:has(.v-list-item-action)) > .v-icon { | ||
| margin-inline-start: -2px; | ||
| margin-inline-start: -6px; | ||
| } | ||
| .v-treeview:has(.v-treeview-indent-lines) .v-list-item-action:first-child > .v-selection-control, | ||
| .v-treeview:has(.v-treeview-indent-lines) .v-treeview-indent-lines + .v-list-item-action > .v-selection-control { | ||
| margin-inline: min(0px, -1 * (var(--v-selection-control-size) - var(--v-list-indent)) / 2); | ||
| margin-inline: min(0px, -1 * (var(--v-selection-control-size) - 28px) / 2); | ||
| } | ||
| .v-treeview .v-list-group > .v-list-group__header:not(:has(.v-list-item-action + .v-list-item__spacer)) + .v-list-group__items > .v-list-item > .v-list-item__prepend > .v-list-item-action:has(.v-treeview-item__level) + .v-list-item__spacer, .v-treeview:not(.v-treeview--fluid) .v-list-group > .v-list-group__header:has(.v-list-item-action + .v-list-item__spacer) + .v-list-group__items > .v-list-item > .v-list-item__prepend > .v-list-item-action:has(.v-treeview-item__level) + .v-list-item__spacer { | ||
| width: 0; | ||
| } | ||
@@ -40,5 +48,5 @@ .v-treeview-indent-lines { | ||
| display: grid; | ||
| padding-inline-start: 12px; | ||
| padding-inline-start: 8px; | ||
| padding-block: 0; | ||
| grid-template-columns: repeat(var(--v-indent-parts, 1), var(--v-list-indent)); | ||
| grid-template-columns: repeat(var(--v-indent-parts, 1), var(--prepend-width)); | ||
| opacity: var(--v-treeview-indent-line-opacity); | ||
@@ -54,3 +62,3 @@ pointer-events: none; | ||
| height: 100%; | ||
| width: calc(100% - 28px / 2 + 1px); | ||
| width: calc(50% + 1px); | ||
| justify-self: end; | ||
@@ -75,3 +83,3 @@ } | ||
| margin-inline-start: 0; | ||
| margin-inline-end: calc(100% - 24px); | ||
| margin-inline-end: 6px; | ||
| } | ||
@@ -82,3 +90,3 @@ .v-treeview-indent-line--last-leaf { | ||
| height: calc(50% + 1px); | ||
| margin-inline-start: calc(24px / 2 + 1px); | ||
| margin-inline-start: calc(50% - 1px); | ||
| border-bottom-left-radius: 4px; | ||
@@ -95,13 +103,10 @@ } | ||
| .v-treeview-group.v-list-group .v-list-group__items > .v-list-item { | ||
| --indent-padding: calc(var(--parent-padding) + var(--v-list-indent)); | ||
| .v-treeview-group.v-list-group { | ||
| --list-indent-size: 0px; | ||
| } | ||
| .v-treeview--fluid .v-treeview-group.v-list-group .v-list-group__items > .v-list-item { | ||
| --indent-padding: var(--v-list-indent); | ||
| .v-treeview-group.v-list-group > .v-treeview-item__level { | ||
| width: 0px; | ||
| } | ||
| .v-treeview-group.v-list-group:has(> .v-list-item .v-list-item-action > .v-btn) > .v-list-group__items > .v-list-item { | ||
| --indent-padding: calc(var(--parent-padding) + var(--v-list-indent) + 28px); | ||
| } | ||
| .v-treeview--fluid .v-treeview-group.v-list-group:has(> .v-list-item .v-list-item-action > .v-btn) > .v-list-group__items > .v-list-item { | ||
| --indent-padding: calc(var(--parent-padding) + 28px); | ||
| .v-treeview-group.v-list-group .v-list-group__items .v-list-item { | ||
| padding-inline-start: calc(var(--indent-padding)) !important; | ||
| } |
@@ -6,3 +6,3 @@ @use '../../styles/tools' | ||
| .v-treeview-item | ||
| --list-indent-size: #{$treeview-indent-size} | ||
| &.v-treeview-item--filtered | ||
@@ -17,10 +17,16 @@ display: none | ||
| .v-list-item-action--start | ||
| margin-inline: -4px 4px | ||
| &__level | ||
| width: #{$treeview-indent-size} | ||
| .v-treeview--fluid & | ||
| width: 0 | ||
| .v-treeview | ||
| --v-treeview-indent-line-color: #{$treeview-indent-line-color} | ||
| --v-treeview-indent-line-opacity: #{$treeview-indent-lines-opacity} | ||
| --v-list-prepend-gap: #{$treeview-prepend-gap} | ||
| &.v-list | ||
| --indent-padding: #{$treeview-indent-padding} | ||
| &.v-list--disabled .v-list-item__prepend | ||
@@ -30,2 +36,5 @@ pointer-events: auto | ||
| .v-list-item--slim > .v-list-item__prepend | ||
| > .v-icon ~ .v-list-item__spacer | ||
| width: var(--v-list-prepend-gap, $treeview-item-spacer-width) | ||
| &:not(:has(.v-list-item-action)) | ||
@@ -39,12 +48,4 @@ > .v-icon | ||
| > .v-selection-control | ||
| margin-inline: min(0px, calc(-1 * (var(--v-selection-control-size) - var(--v-list-indent)) / 2)) | ||
| margin-inline: min(0px, calc(-1 * (var(--v-selection-control-size) - #{$treeview-indent-size}) / 2)) | ||
| // complex selector to keep showing spacer when fluid is used in basic scenario (no checkboxes, no icons) | ||
| // it is a heacache to understand because it describes conditions to hide the spacer (counter intuitive) | ||
| .v-list-group > .v-list-group__header:not(:has(.v-list-item-action + .v-list-item__spacer)), | ||
| &:not(&--fluid) .v-list-group > .v-list-group__header:has(.v-list-item-action + .v-list-item__spacer) | ||
| + .v-list-group__items > .v-list-item > .v-list-item__prepend | ||
| > .v-list-item-action:has(.v-treeview-item__level) + .v-list-item__spacer | ||
| width: 0 | ||
| .v-treeview-indent-lines | ||
@@ -57,3 +58,3 @@ position: absolute | ||
| padding-block: $treeview-indent-lines-gap | ||
| grid-template-columns: repeat(var(--v-indent-parts, 1), var(--v-list-indent)) | ||
| grid-template-columns: repeat(var(--v-indent-parts, 1), var(--prepend-width)) | ||
| opacity: var(--v-treeview-indent-line-opacity) | ||
@@ -71,3 +72,3 @@ pointer-events: none | ||
| height: 100% | ||
| width: calc(100% - #{$treeview-action-width} / 2 + #{$treeview-indent-line-width-half}) | ||
| width: calc(50% + #{$treeview-indent-line-width-half}) | ||
| justify-self: end | ||
@@ -92,3 +93,3 @@ | ||
| margin-inline-start: $treeview-indent-lines-gap | ||
| margin-inline-end: calc(100% - #{$treeview-indent-line-leaf-link-width}) | ||
| margin-inline-end: $treeview-indent-line-leaf-link-margin-right | ||
@@ -99,3 +100,3 @@ &--last-leaf | ||
| height: calc(50% + #{$treeview-indent-line-width-half}) | ||
| margin-inline-start: calc(#{$treeview-indent-line-leaf-link-width} / 2 + #{$treeview-indent-line-width-half}) | ||
| margin-inline-start: calc(50% - #{$treeview-indent-line-width-half}) | ||
| border-bottom-left-radius: $treeview-indent-line-border-radius | ||
@@ -111,12 +112,8 @@ | ||
| .v-treeview-group.v-list-group | ||
| .v-list-group__items > .v-list-item | ||
| --indent-padding: calc(var(--parent-padding) + var(--v-list-indent)) | ||
| --list-indent-size: 0px | ||
| .v-treeview--fluid & | ||
| --indent-padding: var(--v-list-indent) | ||
| & > .v-treeview-item__level | ||
| width: 0px | ||
| &:has(> .v-list-item .v-list-item-action > .v-btn) > .v-list-group__items > .v-list-item | ||
| --indent-padding: calc(var(--parent-padding) + var(--v-list-indent) + #{$treeview-action-width}) | ||
| .v-treeview--fluid & | ||
| --indent-padding: calc(var(--parent-padding) + #{$treeview-action-width}) | ||
| .v-list-group__items .v-list-item | ||
| padding-inline-start: calc(var(--indent-padding)) !important |
@@ -19,3 +19,3 @@ /* eslint-disable local-rules/sort-imports */ | ||
| }; | ||
| export const version = "3.12.0"; | ||
| export const version = "3.12.1"; | ||
| createVuetify.version = version; | ||
@@ -22,0 +22,0 @@ export { blueprints, components, directives }; |
+1
-1
@@ -113,3 +113,3 @@ // Composables | ||
| } | ||
| export const version = "3.12.0"; | ||
| export const version = "3.12.1"; | ||
| createVuetify.version = version; | ||
@@ -116,0 +116,0 @@ |
+1
-1
| { | ||
| "name": "vuetify", | ||
| "description": "Vue Material Component Framework", | ||
| "version": "3.12.0", | ||
| "version": "3.12.1", | ||
| "author": { | ||
@@ -6,0 +6,0 @@ "name": "John Leider", |
+0
-24
@@ -138,28 +138,4 @@ <p align="center"> | ||
| </td> | ||
| <td> | ||
| <a href="https://views4you.com/buy-instagram-followers/"> | ||
| <img height="30px" src="https://cdn.cosmicjs.com/861b0ce0-50e4-11ef-b1ea-f56c65dfade9-views-4-you-light.png"> | ||
| </a> | ||
| </td> | ||
| <td> | ||
| <a href="https://word.tips/"> | ||
| <img height="30px" src="https://cdn.cosmicjs.com/5b16bd20-afab-11ef-bee4-3bb1d3c55332-wordtips-light.svg"> | ||
| </a> | ||
| </td> | ||
| </tr> | ||
| <tr></tr> | ||
| <tr> | ||
| <td> | ||
| <a href="https://www.vso.org.uk/"> | ||
| <img height="30px" src="https://cdn.cosmicjs.com/64287760-e7c2-11ef-b333-e101bec29f3d-horizontal_logo.svg"> | ||
| </a> | ||
| </td> | ||
| </td> | ||
| <td style="text-align: center;"> | ||
| <a href="https://haircenterofturkey.com/"> | ||
| <img height="30px" src="https://cdn.cosmicjs.com/ba1af160-1a27-11f0-a229-dfe84053cfeb-hcof-logo-light-1.png"> | ||
| </a> | ||
| </td> | ||
| <td></td> | ||
| </tr> | ||
| </tbody> | ||
@@ -166,0 +142,0 @@ </table> |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
URL strings
Supply chain riskPackage contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
URL strings
Supply chain riskPackage contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.
Found 1 instance in 1 package
62522545
0742458
0.01%302
-7.36%