@vuetify/nightly 3.0.0-alpha.3 → 3.0.0-beta.2

package/lib/components/VToolbar/_variables.scss

@@ -1,18 +1,68 @@
-// Defaults
+@use "sass:map";
+@use '../../styles/settings';
+@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-color: settings.$border-color-root !default;
+$toolbar-border-radius: map.get(settings.$rounded, 0) !default;
+$toolbar-border-style: settings.$border-style-root !default;
+$toolbar-border-thin-width: thin !default;
+$toolbar-border-width: 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-border: (
+  $toolbar-border-color,
+  $toolbar-border-style,
+  $toolbar-border-width,
+  $toolbar-border-thin-width
+) !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

@@ -0,0 +1,22 @@
+.v-tooltip .v-overlay__content {
+  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;
+  display: inline-block;
+  padding: 5px 16px;
+  text-transform: initial;
+  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);
+  transition-duration: 150ms;
+}
+.v-tooltip .v-overlay__content[class*=leave-active] {
+  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  transition-duration: 75ms;
+}

package/lib/components/VTooltip/VTooltip.mjs

@@ -1,218 +1,92 @@
-// @ts-nocheck
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+// Styles
+import "./VTooltip.css"; // Components
 
-/* eslint-disable */
-import "./VTooltip.sass"; // Mixins
+import { VOverlay } from "../VOverlay/index.mjs"; // Composables
 
-import Activatable from "../../mixins/activatable/index.mjs";
-import Colorable from "../../mixins/colorable/index.mjs";
-import Delayable from "../../mixins/delayable.mjs";
-import Dependent from "../../mixins/dependent/index.mjs";
-import Detachable from "../../mixins/detachable/index.mjs";
-import Menuable from "../../mixins/menuable/index.mjs";
-import Toggleable from "../../mixins/toggleable/index.mjs"; // Helpers
+import { useProxiedModel } from "../../composables/proxiedModel.mjs";
+import { makeTransitionProps } from "../../composables/transition.mjs"; // Utilities
 
-import { convertToUnit, keyCodes, getSlotType } from "../../util/helpers.mjs";
-import { consoleError } from "../../util/console.mjs"; // Types
+import { computed } from 'vue';
+import { genericComponent, getUid } from "../../util/index.mjs"; // Types
 
-import mixins from "../../util/mixins.mjs";
-/* @vue/component */
-
-export default mixins(Colorable, Delayable, Dependent, Detachable, Menuable, Toggleable).extend({
-  name: 'v-tooltip',
+export const VTooltip = genericComponent()({
+  name: 'VTooltip',
+  inheritAttrs: false,
   props: {
-    closeDelay: {
-      type: [Number, String],
-      default: 0
-    },
-    disabled: Boolean,
-    fixed: {
-      type: Boolean,
-      default: true
-    },
-    openDelay: {
-      type: [Number, String],
-      default: 0
-    },
-    openOnHover: {
-      type: Boolean,
-      default: true
+    id: String,
+    modelValue: Boolean,
+    text: String,
+    anchor: {
+      type: String,
+      default: 'end'
     },
-    tag: {
+    origin: {
       type: String,
-      default: 'span'
+      default: 'auto'
     },
-    transition: String
+    ...makeTransitionProps({
+      transition: false
+    })
   },
-  data: () => ({
-    calculatedMinWidth: 0,
-    closeDependents: false
-  }),
-  computed: {
-    calculatedLeft() {
-      const {
-        activator,
-        content
-      } = this.dimensions;
-      const unknown = !this.bottom && !this.left && !this.top && !this.right;
-      const activatorLeft = this.attach !== false ? activator.offsetLeft : activator.left;
-      let left = 0;
-
-      if (this.top || this.bottom || unknown) {
-        left = activatorLeft + activator.width / 2 - content.width / 2;
-      } else if (this.left || this.right) {
-        left = activatorLeft + (this.right ? activator.width : -content.width) + (this.right ? 10 : -10);
-      }
-
-      if (this.nudgeLeft) left -= parseInt(this.nudgeLeft);
-      if (this.nudgeRight) left += parseInt(this.nudgeRight);
-      return "".concat(this.calcXOverflow(left, this.dimensions.content.width), "px");
-    },
-
-    calculatedTop() {
-      const {
-        activator,
-        content
-      } = this.dimensions;
-      const activatorTop = this.attach !== false ? activator.offsetTop : activator.top;
-      let top = 0;
-
-      if (this.top || this.bottom) {
-        top = activatorTop + (this.bottom ? activator.height : -content.height) + (this.bottom ? 10 : -10);
-      } else if (this.left || this.right) {
-        top = activatorTop + activator.height / 2 - content.height / 2;
-      }
-
-      if (this.nudgeTop) top -= parseInt(this.nudgeTop);
-      if (this.nudgeBottom) top += parseInt(this.nudgeBottom);
-      return "".concat(this.calcYOverflow(top + this.pageYOffset), "px");
-    },
-
-    classes() {
-      return {
-        'v-tooltip--top': this.top,
-        'v-tooltip--right': this.right,
-        'v-tooltip--bottom': this.bottom,
-        'v-tooltip--left': this.left,
-        'v-tooltip--attached': this.attach === '' || this.attach === true || this.attach === 'attach'
-      };
-    },
-
-    computedTransition() {
-      if (this.transition) return this.transition;
-      return this.isActive ? 'scale-transition' : 'fade-transition';
-    },
-
-    offsetY() {
-      return this.top || this.bottom;
-    },
-
-    offsetX() {
-      return this.left || this.right;
-    },
-
-    styles() {
-      return {
-        left: this.calculatedLeft,
-        maxWidth: convertToUnit(this.maxWidth),
-        minWidth: convertToUnit(this.minWidth),
-        opacity: this.isActive ? 0.9 : 0,
-        top: this.calculatedTop,
-        zIndex: this.zIndex || this.activeZIndex
-      };
-    }
-
+  emits: {
+    'update:modelValue': value => true
   },
 
-  beforeMount() {
-    this.$nextTick(() => {
-      this.value && this.callActivate();
+  setup(props, _ref) {
+    let {
+      attrs,
+      slots
+    } = _ref;
+    const isActive = useProxiedModel(props, 'modelValue');
+    const uid = getUid();
+    const id = computed(() => props.id || `v-tooltip-${uid}`);
+    const anchor = computed(() => {
+      return props.anchor.split(' ').length > 1 ? props.anchor : props.anchor + ' center';
     });
-  },
-
-  mounted() {
-    if (getSlotType(this, 'activator', true) === 'v-slot') {
-      consoleError("v-tooltip's activator slot must be bound, try '<template #activator=\"data\"><v-btn v-on=\"data.on>'", this);
-    }
-  },
-
-  methods: {
-    activate() {
-      // Update coordinates and dimensions of menu
-      // and its activator
-      this.updateDimensions(); // Start the transition
-
-      requestAnimationFrame(this.startTransition);
-    },
-
-    deactivate() {
-      this.runDelay('close');
-    },
-
-    genActivatorListeners() {
-      const listeners = Activatable.options.methods.genActivatorListeners.call(this);
-
-      listeners.focus = e => {
-        this.getActivator(e);
-        this.runDelay('open');
-      };
-
-      listeners.blur = e => {
-        this.getActivator(e);
-        this.runDelay('close');
-      };
-
-      listeners.keydown = e => {
-        if (e.keyCode === keyCodes.esc) {
-          this.getActivator(e);
-          this.runDelay('close');
+    const origin = computed(() => {
+      return props.origin === 'auto' || props.origin === 'overlap' || props.origin.split(' ').length > 1 || props.anchor.split(' ').length > 1 ? props.origin : props.origin + ' center';
+    });
+    const transition = computed(() => {
+      if (props.transition) return props.transition;
+      return isActive.value ? 'scale-transition' : 'fade-transition';
+    });
+    return () => {
+      return _createVNode(VOverlay, _mergeProps({
+        "modelValue": isActive.value,
+        "onUpdate:modelValue": $event => isActive.value = $event,
+        "class": ['v-tooltip'],
+        "id": id.value,
+        "transition": transition.value,
+        "absolute": true,
+        "positionStrategy": "connected",
+        "scrollStrategy": "reposition",
+        "anchor": anchor.value,
+        "origin": origin.value,
+        "min-width": 0,
+        "offset": 10,
+        "scrim": false,
+        "persistent": true,
+        "open-on-click": false,
+        "open-on-hover": true,
+        "role": "tooltip",
+        "eager": true,
+        "activatorProps": {
+          'aria-describedby': id.value
         }
-      };
+      }, attrs), {
+        activator: slots.activator,
+        default: function () {
+          var _slots$default, _slots$default2;
 
-      return listeners;
-    },
-
-    genActivatorAttributes() {
-      return {
-        'aria-haspopup': true,
-        'aria-expanded': String(this.isActive)
-      };
-    },
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
 
-    genTransition() {
-      const content = this.genContent();
-      if (!this.computedTransition) return content;
-      return this.$createElement('transition', {
-        props: {
-          name: this.computedTransition
+          return (_slots$default = (_slots$default2 = slots.default) == null ? void 0 : _slots$default2.call(slots, ...args)) != null ? _slots$default : props.text;
         }
-      }, [content]);
-    },
-
-    genContent() {
-      return this.$createElement('div', this.setBackgroundColor(this.color, {
-        staticClass: 'v-tooltip__content',
-        class: {
-          [this.contentClass]: true,
-          menuable__content__active: this.isActive,
-          'v-tooltip__content--fixed': this.activatorFixed
-        },
-        style: this.styles,
-        attrs: this.getScopeIdAttrs(),
-        directives: [{
-          name: 'show',
-          value: this.isContentActive
-        }],
-        ref: 'content'
-      }), this.getContentSlot());
-    }
-
-  },
-
-  render(h) {
-    return h(this.tag, {
-      staticClass: 'v-tooltip',
-      class: this.classes
-    }, [this.showLazyContent(() => [this.genTransition()]), this.genActivator()]);
+      });
+    };
   }
 
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VTooltip/VTooltip.ts"],"names":["Activatable","Colorable","Delayable","Dependent","Detachable","Menuable","Toggleable","convertToUnit","keyCodes","getSlotType","consoleError","mixins","extend","name","props","closeDelay","type","Number","String","default","disabled","Boolean","fixed","openDelay","openOnHover","tag","transition","data","calculatedMinWidth","closeDependents","computed","calculatedLeft","activator","content","dimensions","unknown","bottom","left","top","right","activatorLeft","attach","offsetLeft","width","nudgeLeft","parseInt","nudgeRight","calcXOverflow","calculatedTop","activatorTop","offsetTop","height","nudgeTop","nudgeBottom","calcYOverflow","pageYOffset","classes","computedTransition","isActive","offsetY","offsetX","styles","maxWidth","minWidth","opacity","zIndex","activeZIndex","beforeMount","$nextTick","value","callActivate","mounted","methods","activate","updateDimensions","requestAnimationFrame","startTransition","deactivate","runDelay","genActivatorListeners","listeners","options","call","focus","e","getActivator","blur","keydown","keyCode","esc","genActivatorAttributes","genTransition","genContent","$createElement","setBackgroundColor","color","staticClass","class","contentClass","menuable__content__active","activatorFixed","style","attrs","getScopeIdAttrs","directives","isContentActive","ref","getContentSlot","render","h","showLazyContent","genActivator"],"mappings":"AAAA;;AACA;AAEA,yB,CAEA;;OACOA,W;OACAC,S;OACAC,S;OACAC,S;OACAC,U;OACAC,Q;OACAC,U,2CAEP;;SACSC,a,EAAeC,Q,EAAUC,W;SACzBC,Y,kCAET;;OAEOC,M;AAEP;;AACA,eAAeA,MAAM,CAACV,SAAD,EAAYC,SAAZ,EAAuBC,SAAvB,EAAkCC,UAAlC,EAA8CC,QAA9C,EAAwDC,UAAxD,CAAN,CAA0EM,MAA1E,CAAiF;AAC9FC,EAAAA,IAAI,EAAE,WADwF;AAG9FC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,CAACC,MAAD,EAASC,MAAT,CADI;AAEVC,MAAAA,OAAO,EAAE;AAFC,KADP;AAKLC,IAAAA,QAAQ,EAAEC,OALL;AAMLC,IAAAA,KAAK,EAAE;AACLN,MAAAA,IAAI,EAAEK,OADD;AAELF,MAAAA,OAAO,EAAE;AAFJ,KANF;AAULI,IAAAA,SAAS,EAAE;AACTP,MAAAA,IAAI,EAAE,CAACC,MAAD,EAASC,MAAT,CADG;AAETC,MAAAA,OAAO,EAAE;AAFA,KAVN;AAcLK,IAAAA,WAAW,EAAE;AACXR,MAAAA,IAAI,EAAEK,OADK;AAEXF,MAAAA,OAAO,EAAE;AAFE,KAdR;AAkBLM,IAAAA,GAAG,EAAE;AACHT,MAAAA,IAAI,EAAEE,MADH;AAEHC,MAAAA,OAAO,EAAE;AAFN,KAlBA;AAsBLO,IAAAA,UAAU,EAAER;AAtBP,GAHuF;AA4B9FS,EAAAA,IAAI,EAAE,OAAO;AACXC,IAAAA,kBAAkB,EAAE,CADT;AAEXC,IAAAA,eAAe,EAAE;AAFN,GAAP,CA5BwF;AAiC9FC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,cAAc,GAAY;AACxB,YAAM;AAAEC,QAAAA,SAAF;AAAaC,QAAAA;AAAb,UAAyB,KAAKC,UAApC;AACA,YAAMC,OAAO,GAAG,CAAC,KAAKC,MAAN,IAAgB,CAAC,KAAKC,IAAtB,IAA8B,CAAC,KAAKC,GAApC,IAA2C,CAAC,KAAKC,KAAjE;AACA,YAAMC,aAAa,GAAG,KAAKC,MAAL,KAAgB,KAAhB,GAAwBT,SAAS,CAACU,UAAlC,GAA+CV,SAAS,CAACK,IAA/E;AACA,UAAIA,IAAI,GAAG,CAAX;;AAEA,UAAI,KAAKC,GAAL,IAAY,KAAKF,MAAjB,IAA2BD,OAA/B,EAAwC;AACtCE,QAAAA,IAAI,GACFG,aAAa,GACZR,SAAS,CAACW,KAAV,GAAkB,CADnB,GAECV,OAAO,CAACU,KAAR,GAAgB,CAHnB;AAKD,OAND,MAMO,IAAI,KAAKN,IAAL,IAAa,KAAKE,KAAtB,EAA6B;AAClCF,QAAAA,IAAI,GACFG,aAAa,IACZ,KAAKD,KAAL,GAAaP,SAAS,CAACW,KAAvB,GAA+B,CAACV,OAAO,CAACU,KAD5B,CAAb,IAEC,KAAKJ,KAAL,GAAa,EAAb,GAAkB,CAAC,EAFpB,CADF;AAKD;;AAED,UAAI,KAAKK,SAAT,EAAoBP,IAAI,IAAIQ,QAAQ,CAAC,KAAKD,SAAN,CAAhB;AACpB,UAAI,KAAKE,UAAT,EAAqBT,IAAI,IAAIQ,QAAQ,CAAC,KAAKC,UAAN,CAAhB;AAErB,uBAAU,KAAKC,aAAL,CAAmBV,IAAnB,EAAyB,KAAKH,UAAL,CAAgBD,OAAhB,CAAwBU,KAAjD,CAAV;AACD,KAzBO;;AA0BRK,IAAAA,aAAa,GAAY;AACvB,YAAM;AAAEhB,QAAAA,SAAF;AAAaC,QAAAA;AAAb,UAAyB,KAAKC,UAApC;AACA,YAAMe,YAAY,GAAG,KAAKR,MAAL,KAAgB,KAAhB,GAAwBT,SAAS,CAACkB,SAAlC,GAA8ClB,SAAS,CAACM,GAA7E;AACA,UAAIA,GAAG,GAAG,CAAV;;AAEA,UAAI,KAAKA,GAAL,IAAY,KAAKF,MAArB,EAA6B;AAC3BE,QAAAA,GAAG,GACDW,YAAY,IACX,KAAKb,MAAL,GAAcJ,SAAS,CAACmB,MAAxB,GAAiC,CAAClB,OAAO,CAACkB,MAD/B,CAAZ,IAEC,KAAKf,MAAL,GAAc,EAAd,GAAmB,CAAC,EAFrB,CADF;AAKD,OAND,MAMO,IAAI,KAAKC,IAAL,IAAa,KAAKE,KAAtB,EAA6B;AAClCD,QAAAA,GAAG,GACDW,YAAY,GACXjB,SAAS,CAACmB,MAAV,GAAmB,CADpB,GAEClB,OAAO,CAACkB,MAAR,GAAiB,CAHpB;AAKD;;AAED,UAAI,KAAKC,QAAT,EAAmBd,GAAG,IAAIO,QAAQ,CAAC,KAAKO,QAAN,CAAf;AACnB,UAAI,KAAKC,WAAT,EAAsBf,GAAG,IAAIO,QAAQ,CAAC,KAAKQ,WAAN,CAAf;AAEtB,uBAAU,KAAKC,aAAL,CAAmBhB,GAAG,GAAG,KAAKiB,WAA9B,CAAV;AACD,KAjDO;;AAkDRC,IAAAA,OAAO,GAAY;AACjB,aAAO;AACL,0BAAkB,KAAKlB,GADlB;AAEL,4BAAoB,KAAKC,KAFpB;AAGL,6BAAqB,KAAKH,MAHrB;AAIL,2BAAmB,KAAKC,IAJnB;AAKL,+BACE,KAAKI,MAAL,KAAgB,EAAhB,IACA,KAAKA,MAAL,KAAgB,IADhB,IAEA,KAAKA,MAAL,KAAgB;AARb,OAAP;AAUD,KA7DO;;AA8DRgB,IAAAA,kBAAkB,GAAY;AAC5B,UAAI,KAAK/B,UAAT,EAAqB,OAAO,KAAKA,UAAZ;AAErB,aAAO,KAAKgC,QAAL,GAAgB,kBAAhB,GAAqC,iBAA5C;AACD,KAlEO;;AAmERC,IAAAA,OAAO,GAAa;AAClB,aAAO,KAAKrB,GAAL,IAAY,KAAKF,MAAxB;AACD,KArEO;;AAsERwB,IAAAA,OAAO,GAAa;AAClB,aAAO,KAAKvB,IAAL,IAAa,KAAKE,KAAzB;AACD,KAxEO;;AAyERsB,IAAAA,MAAM,GAAY;AAChB,aAAO;AACLxB,QAAAA,IAAI,EAAE,KAAKN,cADN;AAEL+B,QAAAA,QAAQ,EAAEvD,aAAa,CAAC,KAAKuD,QAAN,CAFlB;AAGLC,QAAAA,QAAQ,EAAExD,aAAa,CAAC,KAAKwD,QAAN,CAHlB;AAILC,QAAAA,OAAO,EAAE,KAAKN,QAAL,GAAgB,GAAhB,GAAsB,CAJ1B;AAKLpB,QAAAA,GAAG,EAAE,KAAKU,aALL;AAMLiB,QAAAA,MAAM,EAAE,KAAKA,MAAL,IAAe,KAAKC;AANvB,OAAP;AAQD;;AAlFO,GAjCoF;;AAsH9FC,EAAAA,WAAW,GAAI;AACb,SAAKC,SAAL,CAAe,MAAM;AACnB,WAAKC,KAAL,IAAc,KAAKC,YAAL,EAAd;AACD,KAFD;AAGD,GA1H6F;;AA4H9FC,EAAAA,OAAO,GAAI;AACT,QAAI9D,WAAW,CAAC,IAAD,EAAO,WAAP,EAAoB,IAApB,CAAX,KAAyC,QAA7C,EAAuD;AACrDC,MAAAA,YAAY,yGAAsG,IAAtG,CAAZ;AACD;AACF,GAhI6F;;AAkI9F8D,EAAAA,OAAO,EAAE;AACPC,IAAAA,QAAQ,GAAI;AACV;AACA;AACA,WAAKC,gBAAL,GAHU,CAIV;;AACAC,MAAAA,qBAAqB,CAAC,KAAKC,eAAN,CAArB;AACD,KAPM;;AAQPC,IAAAA,UAAU,GAAI;AACZ,WAAKC,QAAL,CAAc,OAAd;AACD,KAVM;;AAWPC,IAAAA,qBAAqB,GAAI;AACvB,YAAMC,SAAS,GAAGhF,WAAW,CAACiF,OAAZ,CAAoBT,OAApB,CAA4BO,qBAA5B,CAAkDG,IAAlD,CAAuD,IAAvD,CAAlB;;AAEAF,MAAAA,SAAS,CAACG,KAAV,GAAmBC,CAAD,IAAc;AAC9B,aAAKC,YAAL,CAAkBD,CAAlB;AACA,aAAKN,QAAL,CAAc,MAAd;AACD,OAHD;;AAIAE,MAAAA,SAAS,CAACM,IAAV,GAAkBF,CAAD,IAAc;AAC7B,aAAKC,YAAL,CAAkBD,CAAlB;AACA,aAAKN,QAAL,CAAc,OAAd;AACD,OAHD;;AAIAE,MAAAA,SAAS,CAACO,OAAV,GAAqBH,CAAD,IAAsB;AACxC,YAAIA,CAAC,CAACI,OAAF,KAAchF,QAAQ,CAACiF,GAA3B,EAAgC;AAC9B,eAAKJ,YAAL,CAAkBD,CAAlB;AACA,eAAKN,QAAL,CAAc,OAAd;AACD;AACF,OALD;;AAOA,aAAOE,SAAP;AACD,KA9BM;;AA+BPU,IAAAA,sBAAsB,GAAI;AACxB,aAAO;AACL,yBAAiB,IADZ;AAEL,yBAAiBxE,MAAM,CAAC,KAAKwC,QAAN;AAFlB,OAAP;AAID,KApCM;;AAqCPiC,IAAAA,aAAa,GAAI;AACf,YAAM1D,OAAO,GAAG,KAAK2D,UAAL,EAAhB;AAEA,UAAI,CAAC,KAAKnC,kBAAV,EAA8B,OAAOxB,OAAP;AAE9B,aAAO,KAAK4D,cAAL,CAAoB,YAApB,EAAkC;AACvC/E,QAAAA,KAAK,EAAE;AACLD,UAAAA,IAAI,EAAE,KAAK4C;AADN;AADgC,OAAlC,EAIJ,CAACxB,OAAD,CAJI,CAAP;AAKD,KA/CM;;AAgDP2D,IAAAA,UAAU,GAAI;AACZ,aAAO,KAAKC,cAAL,CACL,KADK,EAEL,KAAKC,kBAAL,CAAwB,KAAKC,KAA7B,EAAoC;AAClCC,QAAAA,WAAW,EAAE,oBADqB;AAElCC,QAAAA,KAAK,EAAE;AACL,WAAC,KAAKC,YAAN,GAAqB,IADhB;AAELC,UAAAA,yBAAyB,EAAE,KAAKzC,QAF3B;AAGL,uCAA6B,KAAK0C;AAH7B,SAF2B;AAOlCC,QAAAA,KAAK,EAAE,KAAKxC,MAPsB;AAQlCyC,QAAAA,KAAK,EAAE,KAAKC,eAAL,EAR2B;AASlCC,QAAAA,UAAU,EAAE,CAAC;AACX3F,UAAAA,IAAI,EAAE,MADK;AAEXwD,UAAAA,KAAK,EAAE,KAAKoC;AAFD,SAAD,CATsB;AAalCC,QAAAA,GAAG,EAAE;AAb6B,OAApC,CAFK,EAiBL,KAAKC,cAAL,EAjBK,CAAP;AAmBD;;AApEM,GAlIqF;;AAyM9FC,EAAAA,MAAM,CAAEC,CAAF,EAAY;AAChB,WAAOA,CAAC,CAAC,KAAKpF,GAAN,EAAW;AACjBuE,MAAAA,WAAW,EAAE,WADI;AAEjBC,MAAAA,KAAK,EAAE,KAAKzC;AAFK,KAAX,EAGL,CACD,KAAKsD,eAAL,CAAqB,MAAM,CAAC,KAAKnB,aAAL,EAAD,CAA3B,CADC,EAED,KAAKoB,YAAL,EAFC,CAHK,CAAR;AAOD;;AAjN6F,CAAjF,CAAf","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\nimport './VTooltip.sass'\n\n// Mixins\nimport Activatable from '../../mixins/activatable'\nimport Colorable from '../../mixins/colorable'\nimport Delayable from '../../mixins/delayable'\nimport Dependent from '../../mixins/dependent'\nimport Detachable from '../../mixins/detachable'\nimport Menuable from '../../mixins/menuable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Helpers\nimport { convertToUnit, keyCodes, getSlotType } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Colorable, Delayable, Dependent, Detachable, Menuable, Toggleable).extend({\n  name: 'v-tooltip',\n\n  props: {\n    closeDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    disabled: Boolean,\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n    openDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    openOnHover: {\n      type: Boolean,\n      default: true,\n    },\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    transition: String,\n  },\n\n  data: () => ({\n    calculatedMinWidth: 0,\n    closeDependents: false,\n  }),\n\n  computed: {\n    calculatedLeft (): string {\n      const { activator, content } = this.dimensions\n      const unknown = !this.bottom && !this.left && !this.top && !this.right\n      const activatorLeft = this.attach !== false ? activator.offsetLeft : activator.left\n      let left = 0\n\n      if (this.top || this.bottom || unknown) {\n        left = (\n          activatorLeft +\n          (activator.width / 2) -\n          (content.width / 2)\n        )\n      } else if (this.left || this.right) {\n        left = (\n          activatorLeft +\n          (this.right ? activator.width : -content.width) +\n          (this.right ? 10 : -10)\n        )\n      }\n\n      if (this.nudgeLeft) left -= parseInt(this.nudgeLeft)\n      if (this.nudgeRight) left += parseInt(this.nudgeRight)\n\n      return `${this.calcXOverflow(left, this.dimensions.content.width)}px`\n    },\n    calculatedTop (): string {\n      const { activator, content } = this.dimensions\n      const activatorTop = this.attach !== false ? activator.offsetTop : activator.top\n      let top = 0\n\n      if (this.top || this.bottom) {\n        top = (\n          activatorTop +\n          (this.bottom ? activator.height : -content.height) +\n          (this.bottom ? 10 : -10)\n        )\n      } else if (this.left || this.right) {\n        top = (\n          activatorTop +\n          (activator.height / 2) -\n          (content.height / 2)\n        )\n      }\n\n      if (this.nudgeTop) top -= parseInt(this.nudgeTop)\n      if (this.nudgeBottom) top += parseInt(this.nudgeBottom)\n\n      return `${this.calcYOverflow(top + this.pageYOffset)}px`\n    },\n    classes (): object {\n      return {\n        'v-tooltip--top': this.top,\n        'v-tooltip--right': this.right,\n        'v-tooltip--bottom': this.bottom,\n        'v-tooltip--left': this.left,\n        'v-tooltip--attached':\n          this.attach === '' ||\n          this.attach === true ||\n          this.attach === 'attach',\n      }\n    },\n    computedTransition (): string {\n      if (this.transition) return this.transition\n\n      return this.isActive ? 'scale-transition' : 'fade-transition'\n    },\n    offsetY (): boolean {\n      return this.top || this.bottom\n    },\n    offsetX (): boolean {\n      return this.left || this.right\n    },\n    styles (): object {\n      return {\n        left: this.calculatedLeft,\n        maxWidth: convertToUnit(this.maxWidth),\n        minWidth: convertToUnit(this.minWidth),\n        opacity: this.isActive ? 0.9 : 0,\n        top: this.calculatedTop,\n        zIndex: this.zIndex || this.activeZIndex,\n      }\n    },\n  },\n\n  beforeMount () {\n    this.$nextTick(() => {\n      this.value && this.callActivate()\n    })\n  },\n\n  mounted () {\n    if (getSlotType(this, 'activator', true) === 'v-slot') {\n      consoleError(`v-tooltip's activator slot must be bound, try '<template #activator=\"data\"><v-btn v-on=\"data.on>'`, this)\n    }\n  },\n\n  methods: {\n    activate () {\n      // Update coordinates and dimensions of menu\n      // and its activator\n      this.updateDimensions()\n      // Start the transition\n      requestAnimationFrame(this.startTransition)\n    },\n    deactivate () {\n      this.runDelay('close')\n    },\n    genActivatorListeners () {\n      const listeners = Activatable.options.methods.genActivatorListeners.call(this)\n\n      listeners.focus = (e: Event) => {\n        this.getActivator(e)\n        this.runDelay('open')\n      }\n      listeners.blur = (e: Event) => {\n        this.getActivator(e)\n        this.runDelay('close')\n      }\n      listeners.keydown = (e: KeyboardEvent) => {\n        if (e.keyCode === keyCodes.esc) {\n          this.getActivator(e)\n          this.runDelay('close')\n        }\n      }\n\n      return listeners\n    },\n    genActivatorAttributes () {\n      return {\n        'aria-haspopup': true,\n        'aria-expanded': String(this.isActive),\n      }\n    },\n    genTransition () {\n      const content = this.genContent()\n\n      if (!this.computedTransition) return content\n\n      return this.$createElement('transition', {\n        props: {\n          name: this.computedTransition,\n        },\n      }, [content])\n    },\n    genContent () {\n      return this.$createElement(\n        'div',\n        this.setBackgroundColor(this.color, {\n          staticClass: 'v-tooltip__content',\n          class: {\n            [this.contentClass]: true,\n            menuable__content__active: this.isActive,\n            'v-tooltip__content--fixed': this.activatorFixed,\n          },\n          style: this.styles,\n          attrs: this.getScopeIdAttrs(),\n          directives: [{\n            name: 'show',\n            value: this.isContentActive,\n          }],\n          ref: 'content',\n        }),\n        this.getContentSlot()\n      )\n    },\n  },\n\n  render (h): VNode {\n    return h(this.tag, {\n      staticClass: 'v-tooltip',\n      class: this.classes,\n    }, [\n      this.showLazyContent(() => [this.genTransition()]),\n      this.genActivator(),\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

@@ -1,33 +1,26 @@
-@import './_variables.scss'
+@forward './variables'
+@use '../../styles/settings'
+@use './variables' as *
 
 .v-tooltip
-  display: none
-
-  &--attached
-    display: inline
-
-  &__content
+  .v-overlay__content
     background: $tooltip-background-color
     color: $tooltip-text-color
     border-radius: $tooltip-border-radius
     font-size: $tooltip-font-size
-    line-height: round($tooltip-font-size * 1.6)
+    line-height: $tooltip-line-height
     display: inline-block
     padding: $tooltip-padding
-    position: absolute
     text-transform: initial
     width: auto
     opacity: 1
     pointer-events: none
-
-    &--fixed
-      position: fixed
-
-    &[class*="-active"]
-      transition-timing-function: $tooltip-transition-timing-function
+    transition-property: opacity, transform
 
     &[class*="enter-active"]
+      transition-timing-function: settings.$decelerated-easing
       transition-duration: $tooltip-transition-enter-duration
 
     &[class*="leave-active"]
+      transition-timing-function: settings.$accelerated-easing
       transition-duration: $tooltip-transition-leave-duration

package/lib/components/VTooltip/_variables.scss

@@ -1,10 +1,10 @@
-@import '../../styles/styles.sass';
+@use '../../styles/settings';
 
-$tooltip-background-color: rgba(map-get($grey, 'darken-2'), 0.9) !default;
-$tooltip-text-color: map-get($shades, 'white') !default;
-$tooltip-border-radius: $border-radius-root !default;
-$tooltip-font-size: 14px !default;
-$tooltip-transition-timing-function: map-get($transition, 'linear-out-slow-in') !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;
 $tooltip-transition-enter-duration: 150ms !default;
 $tooltip-transition-leave-duration: 75ms !default;
 $tooltip-padding: 5px 16px !default;

package/lib/components/VTooltip/index.mjs

@@ -1,4 +1,2 @@
-import VTooltip from "./VTooltip.mjs";
-export { VTooltip };
-export default VTooltip;
+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":["VTooltip"],"mappings":"OAAOA,Q;AAEP,SAASA,QAAT;AACA,eAAeA,QAAf","sourcesContent":["import VTooltip from './VTooltip'\n\nexport { VTooltip }\nexport default 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

@@ -2,12 +2,12 @@
 
 /* eslint-disable */
 // Styles
-import "./VTreeview.sass"; // Types
+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,11 +166,15 @@ 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;
+
         const item = items[i];
         const key = getObjectValueByPath(item, this.itemKey);
-        const children = getObjectValueByPath(item, this.itemChildren, []);
+        const children = (_getObjectValueByPath = getObjectValueByPath(item, this.itemChildren)) != null ? _getObjectValueByPath : [];
         const oldNode = this.nodes.hasOwnProperty(key) ? this.nodes[key] : {
           isSelected: false,
           isIndeterminate: false,
@@ -194,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
@@ -251,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);
 
@@ -307,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();
 
@@ -380,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