@vuetify/nightly 3.0.0-alpha.11 → 3.0.0-beta.0

package/lib/components/VToolbar/VToolbar.sass

@@ -1,160 +1,111 @@
-@import './index'
-
-+theme('v-toolbar.v-sheet') using ($material)
-  background-color: map-get($material, 'toolbar')
-
-
-// Sheet
-+sheet(v-toolbar, $toolbar-elevation, $toolbar-border-radius, $toolbar-shaped-border-radius)
+@forward './variables'
+@use '../../styles/tools'
+@use './variables' as *
 
 // Block
 .v-toolbar
-  contain: layout
-  display: block
-  flex: 1 1 auto
+  align-items: flex-start
+  display: flex
+  flex-direction: column
+  justify-content: space-between
   max-width: 100%
-  transition: $toolbar-transition
+  overflow: hidden
+  padding-inline-end: calc(#{$toolbar-padding-end} + var(--v-scrollbar-offset))
+  padding-inline-start: $toolbar-padding-start
   position: relative
+  transition-property: height, transform, max-width
+  transition: $toolbar-transition
 
-  +elevation(4)
-
-  .v-input
-    padding-top: 0
-    margin-top: 0
-
-// Element
-.v-toolbar__content,
-.v-toolbar__extension
-  padding: $toolbar-content-padding-y $toolbar-content-padding-x
-
-  .v-btn.v-btn--icon.v-size--default
-    height: $toolbar-btn-icon-size
-    width: $toolbar-btn-icon-size
-
-  > .v-btn.v-btn--icon
-    &:first-child
-      +ltr()
-        margin-left: -$toolbar-btn-icon-size * .25
+  @include tools.elevation($toolbar-elevation)
+  @include tools.rounded($toolbar-border-radius)
+  @include tools.theme($toolbar-theme...)
 
-      +rtl()
-        margin-right: -$toolbar-btn-icon-size * .25
+  @at-root
+    @include tools.density('v-toolbar', $toolbar-density) using ($modifier)
+      .v-toolbar__content
+        padding-top: $toolbar-padding + $modifier
+        padding-bottom: $toolbar-padding + $modifier
 
-      + .v-toolbar__title
-        +ltr()
-          padding-left: $toolbar-title-padding
+  &--absolute
+    position: absolute
 
-        +rtl()
-          padding-right: $toolbar-title-padding
+  &--collapse
+    max-width: $toolbar-collapsed-max-width
+    overflow: hidden
 
-    &:last-child
-      +ltr()
-        margin-right: -$toolbar-btn-icon-size * .25
+    .v-toolbar-title
+      display: none
 
-      +rtl()
-        margin-left: -$toolbar-btn-icon-size * .25
+    @include tools.ltr()
+      border-bottom-right-radius: $toolbar-collapsed-border-radius
 
-  > .v-tabs
-    height: inherit
-    margin-top: -$toolbar-content-padding-y
-    margin-bottom: -$toolbar-content-padding-y
+    @include tools.rtl()
+      border-bottom-left-radius: $toolbar-collapsed-border-radius
 
-    > .v-slide-group.v-tabs-bar
-      background-color: inherit
-      height: inherit
+  &--flat
+    @include tools.elevation($toolbar-flat-elevation)
 
-    &:first-child
-      margin-left: -$toolbar-content-padding-x
+  &--floating
+    display: inline-flex
 
-    &:last-child
-      margin-right: -$toolbar-content-padding-x
+  &--rounded
+    @include tools.rounded($toolbar-rounded-border-radius)
 
 .v-toolbar__content,
 .v-toolbar__extension
   align-items: center
   display: flex
+  flex: 0 0 auto
   position: relative
-  z-index: 0
-
-.v-toolbar__image
-  border-radius: inherit
-  position: absolute
-  top: 0
-  bottom: 0
+  transition: inherit
   width: 100%
-  z-index: 0
-  contain: strict
 
-  .v-image
-    border-radius: inherit
-
-.v-toolbar__items
-  display: flex
-  height: inherit
-
-  > .v-btn
-    border-radius: 0
-    height: 100% !important
-    max-height: none
+.v-toolbar__content
+  .v-toolbar--density-prominent &
+    align-items: flex-start
 
-.v-toolbar__title
-  font-size: 1.25rem
-  line-height: 1.5
-  overflow: hidden
-  text-overflow: ellipsis
-  white-space: nowrap
+.v-toolbar__image
+  @include tools.absolute()
 
-// Modifier
-.v-toolbar.v-toolbar--absolute
-  position: absolute
-  top: 0
-  z-index: 1
+  display: flex
 
-.v-toolbar.v-toolbar--bottom
-  top: initial
-  bottom: 0
+.v-toolbar__prepend,
+.v-toolbar__append
+  display: flex
 
-.v-toolbar.v-toolbar--collapse
-  .v-toolbar__title
-    white-space: nowrap
+.v-toolbar__prepend
+  margin-inline-end: auto
 
-.v-toolbar.v-toolbar--collapsed
-  max-width: $toolbar-collapsed-max-width
-  overflow: hidden
+  > .v-btn:first-child
+    margin-inline-start: $toolbar-prepend-btn-margin-start
 
-  +ltr()
-    border-bottom-right-radius: $toolbar-collapsed-border-radius
+  + .v-toolbar-title
+    padding-inline-start: $toolbar-title-padding
 
-  +rtl()
-    border-bottom-left-radius: $toolbar-collapsed-border-radius
+.v-toolbar__append
+  margin-inline-start: auto
 
-  .v-toolbar__title,
-  .v-toolbar__extension
-    display: none
+  > .v-btn:last-child
+    margin-inline-end: $toolbar-append-btn-margin-end
 
-.v-toolbar--dense
-  .v-toolbar__content,
-  .v-toolbar__extension
-    padding-top: 0
-    padding-bottom: 0
+.v-toolbar-title
+  flex: 1 1
+  font-size: $toolbar-title-font-size
+  min-width: 0
 
-// @deprecated
-// TODO: Remove in v3
-.v-toolbar--flat
-  +elevation(0, true)
+  @include tools.typography($toolbar-title-typography...)
 
-.v-toolbar--floating
-  display: inline-flex
+  .v-toolbar--density-prominent &
+    align-self: flex-end
+    padding-bottom: 6px
 
-.v-toolbar--prominent
-  .v-toolbar__content
-    align-items: flex-start
+    @include tools.typography($toolbar-prominent-title-typography...)
 
-  .v-toolbar__title
-    font-size: 1.5rem
-    padding-top: $toolbar-prominent-padding
+.v-toolbar-title__placeholder
+  overflow: hidden
+  text-overflow: ellipsis
+  white-space: nowrap
 
-  &:not(.v-toolbar--bottom)
-    .v-toolbar__title
-      align-self: flex-end
-      padding-bottom: $toolbar-prominent-padding
-      padding-top: 0
+.v-toolbar-items
+  display: flex
+  height: inherit

package/lib/components/VToolbar/VToolbarItems.mjs

@@ -0,0 +1,33 @@
+// Composables
+import { makeVariantProps } from "../../composables/variant.mjs";
+import { provideDefaults } from "../../composables/defaults.mjs"; // Utilities
+
+import { defineComponent } from "../../util/index.mjs";
+import { toRef } from 'vue';
+export const VToolbarItems = defineComponent({
+  name: 'VToolbarItems',
+  props: { ...makeVariantProps({
+      variant: 'contained-text'
+    })
+  },
+
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    provideDefaults({
+      VBtn: {
+        color: toRef(props, 'color'),
+        textColor: toRef(props, 'textColor'),
+        variant: toRef(props, 'variant')
+      }
+    });
+    return () => {
+      var _slots$default;
+
+      return (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots);
+    };
+  }
+
+});
+//# sourceMappingURL=VToolbarItems.mjs.map

package/lib/components/VToolbar/VToolbarItems.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VToolbar/VToolbarItems.tsx"],"names":["makeVariantProps","provideDefaults","defineComponent","toRef","VToolbarItems","name","props","variant","setup","slots","VBtn","color","textColor","default"],"mappings":"AAAA;SACSA,gB;SACAC,e,0CAET;;SACSC,e;AACT,SAASC,KAAT,QAAsB,KAAtB;AAEA,OAAO,MAAMC,aAAa,GAAGF,eAAe,CAAC;AAC3CG,EAAAA,IAAI,EAAE,eADqC;AAG3CC,EAAAA,KAAK,EAAE,EACL,GAAGN,gBAAgB,CAAC;AAAEO,MAAAA,OAAO,EAAE;AAAX,KAAD;AADd,GAHoC;;AAO3CC,EAAAA,KAAK,CAAEF,KAAF,QAAoB;AAAA,QAAX;AAAEG,MAAAA;AAAF,KAAW;AACvBR,IAAAA,eAAe,CAAC;AACdS,MAAAA,IAAI,EAAE;AACJC,QAAAA,KAAK,EAAER,KAAK,CAACG,KAAD,EAAQ,OAAR,CADR;AAEJM,QAAAA,SAAS,EAAET,KAAK,CAACG,KAAD,EAAQ,WAAR,CAFZ;AAGJC,QAAAA,OAAO,EAAEJ,KAAK,CAACG,KAAD,EAAQ,SAAR;AAHV;AADQ,KAAD,CAAf;AAQA,WAAO;AAAA;;AAAA,+BAAMG,KAAK,CAACI,OAAZ,qBAAM,oBAAAJ,KAAK,CAAX;AAAA,KAAP;AACD;;AAjB0C,CAAD,CAArC","sourcesContent":["// Composables\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utilities\nimport { defineComponent } from '@/util'\nimport { toRef } from 'vue'\n\nexport const VToolbarItems = defineComponent({\n  name: 'VToolbarItems',\n\n  props: {\n    ...makeVariantProps({ variant: 'contained-text' }),\n  },\n\n  setup (props, { slots }) {\n    provideDefaults({\n      VBtn: {\n        color: toRef(props, 'color'),\n        textColor: toRef(props, 'textColor'),\n        variant: toRef(props, 'variant'),\n      },\n    })\n\n    return () => slots.default?.()\n  },\n})\n\nexport type VToolbarItems = InstanceType<typeof VToolbarItems>\n"],"file":"VToolbarItems.mjs"}

package/lib/components/VToolbar/VToolbarTitle.mjs

@@ -0,0 +1,34 @@
+import { createVNode as _createVNode } from "vue";
+// Composables
+import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
+
+import { genericComponent, useRender } from "../../util/index.mjs"; // Types
+
+export const VToolbarTitle = genericComponent()({
+  name: 'VToolbarTitle',
+  props: {
+    text: String,
+    ...makeTagProps()
+  },
+
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    useRender(() => {
+      var _slots$default;
+
+      const hasText = !!(slots.default || slots.text || props.text);
+      return _createVNode(props.tag, {
+        "class": "v-toolbar-title"
+      }, {
+        default: () => [hasText && _createVNode("div", {
+          "class": "v-toolbar-title__placeholder"
+        }, [slots.text ? slots.text() : props.text, (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)])]
+      });
+    });
+    return {};
+  }
+
+});
+//# sourceMappingURL=VToolbarTitle.mjs.map

package/lib/components/VToolbar/VToolbarTitle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VToolbar/VToolbarTitle.tsx"],"names":["makeTagProps","genericComponent","useRender","VToolbarTitle","name","props","text","String","setup","slots","hasText","default"],"mappings":";AAAA;SACSA,Y,qCAET;;SACSC,gB,EAAkBC,S,gCAE3B;;AAGA,OAAO,MAAMC,aAAa,GAAGF,gBAAgB,GAKxC;AACHG,EAAAA,IAAI,EAAE,eADH;AAGHC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEC,MADD;AAGL,OAAGP,YAAY;AAHV,GAHJ;;AASHQ,EAAAA,KAAK,CAAEH,KAAF,QAAoB;AAAA,QAAX;AAAEI,MAAAA;AAAF,KAAW;AACvBP,IAAAA,SAAS,CAAC,MAAM;AAAA;;AACd,YAAMQ,OAAO,GAAG,CAAC,EAAED,KAAK,CAACE,OAAN,IAAiBF,KAAK,CAACH,IAAvB,IAA+BD,KAAK,CAACC,IAAvC,CAAjB;AAEA;AAAA,iBACmB;AADnB;AAAA,wBAEMI,OAAO;AAAA,mBACI;AADJ,YAEHD,KAAK,CAACH,IAAN,GAAaG,KAAK,CAACH,IAAN,EAAb,GAA4BD,KAAK,CAACC,IAF/B,oBAIHG,KAAK,CAACE,OAJH,qBAIH,oBAAAF,KAAK,CAJF,EAFb;AAAA;AAWD,KAdQ,CAAT;AAgBA,WAAO,EAAP;AACD;;AA3BE,CALwC,CAAtC","sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { MakeSlots } from '@/util'\n\nexport const VToolbarTitle = genericComponent<new () => {\n  $slots: MakeSlots<{\n    default: []\n    text: []\n  }>\n}>()({\n  name: 'VToolbarTitle',\n\n  props: {\n    text: String,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => {\n      const hasText = !!(slots.default || slots.text || props.text)\n\n      return (\n        <props.tag class=\"v-toolbar-title\">\n          { hasText && (\n            <div class=\"v-toolbar-title__placeholder\">\n              { slots.text ? slots.text() : props.text }\n\n              { slots.default?.() }\n            </div>\n          ) }\n        </props.tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VToolbarTitle = InstanceType<typeof VToolbarTitle>\n"],"file":"VToolbarTitle.mjs"}

package/lib/components/VToolbar/_variables.scss

@@ -1,18 +1,56 @@
-// Defaults
+@use "sass:map";
+@use "../../styles/settings/variables";
+@use "../../styles/tools/functions";
+
+$toolbar-background: rgb(var(--v-theme-on-surface-variant)) !default;
+$toolbar-color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !default;
+$toolbar-border-radius: 0 !default;
 $toolbar-btn-icon-size: 48px !default;
-$toolbar-content-padding-y: 4px !default;
+$toolbar-collapsed-border-radius: 24px !default;
+$toolbar-collapsed-max-width: 112px !default;
 $toolbar-content-padding-x: 16px !default;
-$toolbar-elevation: 4 !default;
-$toolbar-border-radius: 0 !default;
-$toolbar-shaped-border-radius: map-get($rounded, 'xl') $toolbar-border-radius !default;
+$toolbar-content-padding-y: 4px !default;
+$toolbar-density: ( 'default': 0, 'comfortable': -1, 'compact': -2, 'prominent': -3 ) !default;
+$toolbar-elevation: 0 !default;
+$toolbar-flat-elevation: 0 !default;
+$toolbar-padding-end: 16px !default;
+$toolbar-padding-start: 16px !default;
+$toolbar-padding: 16px !default;
+$toolbar-prepend-btn-margin-start: -12px !default;
+$toolbar-append-btn-margin-end: -12px !default;
+$toolbar-rounded-border-radius: variables.$border-radius-root !default;
+$toolbar-transition: .2s variables.$standard-easing !default;
+
 $toolbar-title-padding: 20px !default;
-$toolbar-transition: 0.2s map-get($transition, 'fast-out-slow-in') transform,
-                     0.2s map-get($transition, 'fast-out-slow-in') background-color,
-                     0.2s map-get($transition, 'fast-out-slow-in') left,
-                     0.2s map-get($transition, 'fast-out-slow-in') right,
-                     280ms map-get($transition, 'fast-out-slow-in') box-shadow,
-                     0.25s map-get($transition, 'fast-out-slow-in') max-width,
-                     0.25s map-get($transition, 'fast-out-slow-in') width !default;
-$toolbar-collapsed-max-width: 112px !default;
-$toolbar-collapsed-border-radius: 24px !default;
-$toolbar-prominent-padding: 6px !default;
+$toolbar-title-extended-padding: 56px !default;
+$toolbar-title-font-size: 1.25rem !default;
+$toolbar-title-font-weight: 400 !default;
+$toolbar-title-letter-spacing: 0 !default;
+$toolbar-title-line-height: 1.75rem !default;
+$toolbar-title-text-transform: none !default;
+$toolbar-prominent-title-font-size: 1.5rem !default;
+$toolbar-prominent-title-font-weight: 400 !default;
+$toolbar-prominent-title-letter-spacing: 0 !default;
+$toolbar-prominent-title-line-height: 2.25rem !default;
+$toolbar-prominent-title-text-transform: none !default;
+
+$toolbar-title-typography: (
+  $toolbar-title-font-size,
+  $toolbar-title-font-weight,
+  $toolbar-title-letter-spacing,
+  $toolbar-title-line-height,
+  $toolbar-title-text-transform
+);
+
+$toolbar-prominent-title-typography: (
+  $toolbar-prominent-title-font-size,
+  $toolbar-prominent-title-font-weight,
+  $toolbar-prominent-title-letter-spacing,
+  $toolbar-prominent-title-line-height,
+  $toolbar-prominent-title-text-transform
+);
+
+$toolbar-theme: (
+  $toolbar-background,
+  $toolbar-color
+) !default;

package/lib/components/VToolbar/index.mjs

@@ -1,15 +1,4 @@
-// Components
-import VToolbar from "./VToolbar.mjs"; // Utilities
-
-import { createSimpleFunctional } from "../../util/index.mjs";
-const VToolbarTitle = createSimpleFunctional('v-toolbar__title');
-const VToolbarItems = createSimpleFunctional('v-toolbar__items');
-export { VToolbar, VToolbarItems, VToolbarTitle };
-export default {
-  $_vuetify_subcomponents: {
-    VToolbar,
-    VToolbarItems,
-    VToolbarTitle
-  }
-};
+export { VToolbar } from "./VToolbar.mjs";
+export { VToolbarTitle } from "./VToolbarTitle.mjs";
+export { VToolbarItems } from "./VToolbarItems.mjs";
 //# sourceMappingURL=index.mjs.map

package/lib/components/VToolbar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VToolbar/index.ts"],"names":["VToolbar","createSimpleFunctional","VToolbarTitle","VToolbarItems","$_vuetify_subcomponents"],"mappings":"AAAA;OACOA,Q,wBAEP;;SACSC,sB;AAET,MAAMC,aAAa,GAAGD,sBAAsB,CAAC,kBAAD,CAA5C;AACA,MAAME,aAAa,GAAGF,sBAAsB,CAAC,kBAAD,CAA5C;AAEA,SACED,QADF,EAEEG,aAFF,EAGED,aAHF;AAMA,eAAe;AACbE,EAAAA,uBAAuB,EAAE;AACvBJ,IAAAA,QADuB;AAEvBG,IAAAA,aAFuB;AAGvBD,IAAAA;AAHuB;AADZ,CAAf","sourcesContent":["// Components\nimport VToolbar from './VToolbar'\n\n// Utilities\nimport { createSimpleFunctional } from '@/util'\n\nconst VToolbarTitle = createSimpleFunctional('v-toolbar__title')\nconst VToolbarItems = createSimpleFunctional('v-toolbar__items')\n\nexport {\n  VToolbar,\n  VToolbarItems,\n  VToolbarTitle,\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VToolbar,\n    VToolbarItems,\n    VToolbarTitle,\n  },\n}\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VToolbar/index.ts"],"names":["VToolbar","VToolbarTitle","VToolbarItems"],"mappings":"SAASA,Q;SACAC,a;SACAC,a","sourcesContent":["export { VToolbar } from './VToolbar'\nexport { VToolbarTitle } from './VToolbarTitle'\nexport { VToolbarItems } from './VToolbarItems'\n"],"file":"index.mjs"}

package/lib/components/VTooltip/VTooltip.css

@@ -1,6 +1,6 @@
 .v-tooltip .v-overlay__content {
-  background: rgba(var(--v-theme-on-surface), 0.5);
-  color: rgb(var(--v-theme-surface));
+  background: rgba(var(--v-theme-surface-variant), 0.7);
+  color: rgb(var(--v-theme-on-surface-variant));
   border-radius: 4px;
   font-size: 0.875rem;
   line-height: 1.6;
@@ -10,6 +10,7 @@
   width: auto;
   opacity: 1;
   pointer-events: none;
+  transition-property: opacity, transform;
 }
 .v-tooltip .v-overlay__content[class*=enter-active] {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);

package/lib/components/VTooltip/VTooltip.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 // Styles
 import "./VTooltip.css"; // Components
 
@@ -8,9 +8,9 @@ import { useProxiedModel } from "../../composables/proxiedModel.mjs";
 import { makeTransitionProps } from "../../composables/transition.mjs"; // Utilities
 
 import { computed } from 'vue';
-import { defineComponent, getUid } from "../../util/index.mjs"; // Types
+import { genericComponent, getUid } from "../../util/index.mjs"; // Types
 
-export default defineComponent({
+export const VTooltip = genericComponent()({
   name: 'VTooltip',
   inheritAttrs: false,
   props: {
@@ -33,10 +33,11 @@ export default defineComponent({
     'update:modelValue': value => true
   },
 
-  setup(props, {
-    attrs,
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      attrs,
+      slots
+    } = _ref;
     const isActive = useProxiedModel(props, 'modelValue');
     const uid = getUid();
     const id = computed(() => props.id || `v-tooltip-${uid}`);
@@ -51,8 +52,6 @@ export default defineComponent({
       return isActive.value ? 'scale-transition' : 'fade-transition';
     });
     return () => {
-      var _slots$default, _slots$default2;
-
       return _createVNode(VOverlay, _mergeProps({
         "modelValue": isActive.value,
         "onUpdate:modelValue": $event => isActive.value = $event,
@@ -76,10 +75,17 @@ export default defineComponent({
           'aria-describedby': id.value
         }
       }, attrs), {
-        default: () => [(_slots$default = (_slots$default2 = slots.default) == null ? void 0 : _slots$default2.call(slots)) != null ? _slots$default : props.text],
         activator: slots.activator,
-        _: 1
-      }, 16, ["modelValue", "onUpdate:modelValue", "id", "transition", "absolute", "anchor", "origin", "persistent", "open-on-hover", "eager", "activatorProps"]);
+        default: function () {
+          var _slots$default, _slots$default2;
+
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+
+          return (_slots$default = (_slots$default2 = slots.default) == null ? void 0 : _slots$default2.call(slots, ...args)) != null ? _slots$default : props.text;
+        }
+      });
     };
   }
 

package/lib/components/VTooltip/VTooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VTooltip/VTooltip.tsx"],"names":["VOverlay","useProxiedModel","makeTransitionProps","computed","defineComponent","getUid","name","inheritAttrs","props","id","String","modelValue","Boolean","text","anchor","type","default","origin","transition","emits","value","setup","attrs","slots","isActive","uid","split","length","activator"],"mappings":";AAAA;AACA,wB,CAEA;;SACSA,Q,iCAET;;SACSC,e;SACAC,mB,4CAET;;AACA,SAASC,QAAT,QAAyB,KAAzB;SACSC,e,EAAiBC,M,gCAE1B;;AAIA,eAAeD,eAAe,CAAC;AAC7BE,EAAAA,IAAI,EAAE,UADuB;AAG7BC,EAAAA,YAAY,EAAE,KAHe;AAK7BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,EAAE,EAAEC,MADC;AAELC,IAAAA,UAAU,EAAEC,OAFP;AAGLC,IAAAA,IAAI,EAAEH,MAHD;AAKLI,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAEL,MADA;AAENM,MAAAA,OAAO,EAAE;AAFH,KALH;AASLC,IAAAA,MAAM,EAAE;AACNF,MAAAA,IAAI,EAAEL,MADA;AAENM,MAAAA,OAAO,EAAE;AAFH,KATH;AAcL,OAAGd,mBAAmB,CAAC;AACrBgB,MAAAA,UAAU,EAAE;AADS,KAAD;AAdjB,GALsB;AAwB7BC,EAAAA,KAAK,EAAE;AACL,yBAAsBC,KAAD,IAAoB;AADpC,GAxBsB;;AA4B7BC,EAAAA,KAAK,CAAEb,KAAF,EAAS;AAAEc,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAT,EAA2B;AAC9B,UAAMC,QAAQ,GAAGvB,eAAe,CAACO,KAAD,EAAQ,YAAR,CAAhC;AAEA,UAAMiB,GAAG,GAAGpB,MAAM,EAAlB;AACA,UAAMI,EAAE,GAAGN,QAAQ,CAAC,MAAMK,KAAK,CAACC,EAAN,IAAa,aAAYgB,GAAI,EAApC,CAAnB;AAEA,UAAMX,MAAM,GAAGX,QAAQ,CAAC,MAAM;AAC5B,aAAOK,KAAK,CAACM,MAAN,CAAaY,KAAb,CAAmB,GAAnB,EAAwBC,MAAxB,GAAiC,CAAjC,GACHnB,KAAK,CAACM,MADH,GAEHN,KAAK,CAACM,MAAN,GAAe,SAFnB;AAGD,KAJsB,CAAvB;AAMA,UAAMG,MAAM,GAAGd,QAAQ,CAAC,MAAM;AAC5B,aACEK,KAAK,CAACS,MAAN,KAAiB,MAAjB,IACAT,KAAK,CAACS,MAAN,KAAiB,SADjB,IAEAT,KAAK,CAACS,MAAN,CAAaS,KAAb,CAAmB,GAAnB,EAAwBC,MAAxB,GAAiC,CAFjC,IAGAnB,KAAK,CAACM,MAAN,CAAaY,KAAb,CAAmB,GAAnB,EAAwBC,MAAxB,GAAiC,CAJ5B,GAKHnB,KAAK,CAACS,MALH,GAMHT,KAAK,CAACS,MAAN,GAAe,SANnB;AAOD,KARsB,CAAvB;AAUA,UAAMC,UAAU,GAAGf,QAAQ,CAAC,MAAM;AAChC,UAAIK,KAAK,CAACU,UAAV,EAAsB,OAAOV,KAAK,CAACU,UAAb;AACtB,aAAOM,QAAQ,CAACJ,KAAT,GAAiB,kBAAjB,GAAsC,iBAA7C;AACD,KAH0B,CAA3B;AAKA,WAAO,MAAM;AAAA;;AACX;AAAA,sBAEcI,QAAQ,CAACJ,KAFvB;AAAA,yCAEcI,QAAQ,CAACJ,KAFvB;AAAA,iBAGW,CACL,WADK,CAHX;AAAA,cAMSX,EAAE,CAACW,KANZ;AAAA,sBAOiBF,UAAU,CAACE,KAP5B;AAAA;AAAA,4BASqB,WATrB;AAAA,0BAUmB,YAVnB;AAAA,kBAWaN,MAAM,CAACM,KAXpB;AAAA,kBAYaH,MAAM,CAACG,KAZpB;AAAA,qBAagB,CAbhB;AAAA,kBAca,EAdb;AAAA,iBAeY,KAfZ;AAAA;AAAA,yBAiBoB,KAjBpB;AAAA;AAAA,gBAmBS,SAnBT;AAAA;AAAA,0BAqBoB;AACd,8BAAoBX,EAAE,CAACW;AADT;AArBpB,SAwBSE,KAxBT;AAAA,6DA6BMC,KAAK,CAACP,OA7BZ,qBA6BM,qBAAAO,KAAK,CA7BX,6BA6B2Bf,KAAK,CAACK,IA7BjC;AA0BMe,QAAAA,SAAS,EAAEL,KAAK,CAACK,SA1BvB;AAAA;AAAA;AAgCD,KAjCD;AAkCD;;AAzF4B,CAAD,CAA9B","sourcesContent":["// Styles\nimport './VTooltip.sass'\n\n// Components\nimport { VOverlay } from '@/components/VOverlay'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeTransitionProps } from '@/composables/transition'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent, getUid } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { StrategyProps } from '@/components/VOverlay/positionStrategies'\n\nexport default defineComponent({\n  name: 'VTooltip',\n\n  inheritAttrs: false,\n\n  props: {\n    id: String,\n    modelValue: Boolean,\n    text: String,\n\n    anchor: {\n      type: String as PropType<StrategyProps['anchor']>,\n      default: 'end',\n    },\n    origin: {\n      type: String as PropType<StrategyProps['origin']>,\n      default: 'auto',\n    },\n\n    ...makeTransitionProps({\n      transition: false,\n    } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n\n    const uid = getUid()\n    const id = computed(() => props.id || `v-tooltip-${uid}`)\n\n    const anchor = computed(() => {\n      return props.anchor.split(' ').length > 1\n        ? props.anchor\n        : props.anchor + ' center' as StrategyProps['anchor']\n    })\n\n    const origin = computed(() => {\n      return (\n        props.origin === 'auto' ||\n        props.origin === 'overlap' ||\n        props.origin.split(' ').length > 1 ||\n        props.anchor.split(' ').length > 1\n      ) ? props.origin\n        : props.origin + ' center' as StrategyProps['origin']\n    })\n\n    const transition = computed(() => {\n      if (props.transition) return props.transition\n      return isActive.value ? 'scale-transition' : 'fade-transition'\n    })\n\n    return () => {\n      return (\n        <VOverlay\n          v-model={ isActive.value }\n          class={[\n            'v-tooltip',\n          ]}\n          id={ id.value }\n          transition={ transition.value }\n          absolute\n          positionStrategy=\"connected\"\n          scrollStrategy=\"reposition\"\n          anchor={ anchor.value }\n          origin={ origin.value }\n          min-width={ 0 }\n          offset={ 10 }\n          scrim={ false }\n          persistent\n          open-on-click={ false }\n          open-on-hover\n          role=\"tooltip\"\n          eager\n          activatorProps={{\n            'aria-describedby': id.value,\n          }}\n          { ...attrs }\n          v-slots={{\n            activator: slots.activator,\n          }}\n        >\n          { slots.default?.() ?? props.text }\n        </VOverlay>\n      )\n    }\n  },\n})\n"],"file":"VTooltip.mjs"}
+{"version":3,"sources":["../../../src/components/VTooltip/VTooltip.tsx"],"names":["VOverlay","useProxiedModel","makeTransitionProps","computed","genericComponent","getUid","VTooltip","name","inheritAttrs","props","id","String","modelValue","Boolean","text","anchor","type","default","origin","transition","emits","value","setup","attrs","slots","isActive","uid","split","length","activator","args"],"mappings":"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","sourcesContent":["// Styles\nimport './VTooltip.sass'\n\n// Components\nimport { VOverlay } from '@/components/VOverlay'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeTransitionProps } from '@/composables/transition'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, getUid } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\nimport type { StrategyProps } from '@/components/VOverlay/positionStrategies'\n\nexport const VTooltip = genericComponent<new () => {\n  $slots: OverlaySlots\n}>()({\n  name: 'VTooltip',\n\n  inheritAttrs: false,\n\n  props: {\n    id: String,\n    modelValue: Boolean,\n    text: String,\n\n    anchor: {\n      type: String as PropType<StrategyProps['anchor']>,\n      default: 'end',\n    },\n    origin: {\n      type: String as PropType<StrategyProps['origin']>,\n      default: 'auto',\n    },\n\n    ...makeTransitionProps({\n      transition: false,\n    } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n\n    const uid = getUid()\n    const id = computed(() => props.id || `v-tooltip-${uid}`)\n\n    const anchor = computed(() => {\n      return props.anchor.split(' ').length > 1\n        ? props.anchor\n        : props.anchor + ' center' as StrategyProps['anchor']\n    })\n\n    const origin = computed(() => {\n      return (\n        props.origin === 'auto' ||\n        props.origin === 'overlap' ||\n        props.origin.split(' ').length > 1 ||\n        props.anchor.split(' ').length > 1\n      ) ? props.origin\n        : props.origin + ' center' as StrategyProps['origin']\n    })\n\n    const transition = computed(() => {\n      if (props.transition) return props.transition\n      return isActive.value ? 'scale-transition' : 'fade-transition'\n    })\n\n    return () => {\n      return (\n        <VOverlay\n          v-model={ isActive.value }\n          class={[\n            'v-tooltip',\n          ]}\n          id={ id.value }\n          transition={ transition.value }\n          absolute\n          positionStrategy=\"connected\"\n          scrollStrategy=\"reposition\"\n          anchor={ anchor.value }\n          origin={ origin.value }\n          min-width={ 0 }\n          offset={ 10 }\n          scrim={ false }\n          persistent\n          open-on-click={ false }\n          open-on-hover\n          role=\"tooltip\"\n          eager\n          activatorProps={{\n            'aria-describedby': id.value,\n          }}\n          { ...attrs }\n        >\n          {{\n            activator: slots.activator,\n            default: (...args) => slots.default?.(...args) ?? props.text,\n          }}\n        </VOverlay>\n      )\n    }\n  },\n})\n\nexport type VTooltip = InstanceType<typeof VTooltip>\n"],"file":"VTooltip.mjs"}

package/lib/components/VTooltip/VTooltip.sass

@@ -15,6 +15,7 @@
     width: auto
     opacity: 1
     pointer-events: none
+    transition-property: opacity, transform
 
     &[class*="enter-active"]
       transition-timing-function: settings.$decelerated-easing

package/lib/components/VTooltip/_variables.scss

@@ -1,7 +1,7 @@
 @use '../../styles/settings';
 
-$tooltip-background-color: rgba(var(--v-theme-on-surface), 0.5) !default;
-$tooltip-text-color: rgb(var(--v-theme-surface)) !default;
+$tooltip-background-color: rgba(var(--v-theme-surface-variant), .7) !default;
+$tooltip-text-color: rgb(var(--v-theme-on-surface-variant)) !default;
 $tooltip-border-radius: settings.$border-radius-root !default;
 $tooltip-font-size: .875rem !default;
 $tooltip-line-height: 1.6 !default;

package/lib/components/VTooltip/index.mjs

@@ -1,2 +1,2 @@
-export { default as VTooltip } from "./VTooltip.mjs";
+export { VTooltip } from "./VTooltip.mjs";
 //# sourceMappingURL=index.mjs.map

package/lib/components/VTooltip/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VTooltip/index.ts"],"names":["default","VTooltip"],"mappings":"SAASA,OAAO,IAAIC,Q","sourcesContent":["export { default as VTooltip } from './VTooltip'\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VTooltip/index.ts"],"names":["VTooltip"],"mappings":"SAASA,Q","sourcesContent":["export { VTooltip } from './VTooltip'\n"],"file":"index.mjs"}

package/lib/components/VTreeview/VTreeview.mjs

@@ -7,7 +7,7 @@ import "./VTreeview.css"; // Types
 // Components
 import VTreeviewNode, { VTreeviewNodeProps } from "./VTreeviewNode.mjs"; // Mixins
 
-import Themeable from "../../mixins/themeable/index.mjs";
+import Themeable from "../../mixins/themeable.mjs";
 import { provide as RegistrableProvide } from "../../mixins/registrable.mjs"; // Utils
 
 import { arrayDiff, deepEqual, getObjectValueByPath } from "../../util/helpers.mjs";
@@ -31,6 +31,7 @@ export default mixins(RegistrableProvide('treeview'), Themeable
       default: () => []
     },
     dense: Boolean,
+    disabled: Boolean,
     filter: Function,
     hoverable: Boolean,
     items: {
@@ -149,7 +150,9 @@ export default mixins(RegistrableProvide('treeview'), Themeable
       this.emitOpen();
     },
 
-    getKeys(items, keys = []) {
+    getKeys(items) {
+      let keys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+
       for (let i = 0; i < items.length; i++) {
         const key = getObjectValueByPath(items[i], this.itemKey);
         keys.push(key);
@@ -163,7 +166,9 @@ export default mixins(RegistrableProvide('treeview'), Themeable
       return keys;
     },
 
-    buildTree(items, parent = null) {
+    buildTree(items) {
+      let parent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+
       for (let i = 0; i < items.length; i++) {
         var _getObjectValueByPath;
 
@@ -196,7 +201,7 @@ export default mixins(RegistrableProvide('treeview'), Themeable
         node.isOpen = oldNode.isOpen;
         this.nodes[key] = node;
 
-        if (children.length) {
+        if (children.length && this.selectionType !== 'independent') {
           const {
             isSelected,
             isIndeterminate
@@ -253,7 +258,8 @@ export default mixins(RegistrableProvide('treeview'), Themeable
       emitFn();
     },
 
-    getDescendants(key, descendants = []) {
+    getDescendants(key) {
+      let descendants = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       const children = this.nodes[key].children;
       descendants.push(...children);
 
@@ -309,7 +315,8 @@ export default mixins(RegistrableProvide('treeview'), Themeable
       this.updateVnodeState(key);
     },
 
-    updateSelected(key, isSelected, isForced = false) {
+    updateSelected(key, isSelected) {
+      let isForced = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       if (!this.nodes.hasOwnProperty(key)) return;
       const changed = new Map();
 
@@ -382,7 +389,7 @@ export default mixins(RegistrableProvide('treeview'), Themeable
       return !this.isExcluded(getObjectValueByPath(item, this.itemKey));
     }).map(item => {
       const genChild = VTreeviewNode.options.methods.genChild.bind(this);
-      return genChild(item, getObjectValueByPath(item, this.itemDisabled));
+      return genChild(item, this.disabled || getObjectValueByPath(item, this.itemDisabled));
     })
     /* istanbul ignore next */
     : this.$slots.default; // TODO: remove type annotation with TS 3.2