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

package/lib/components/VMenu/VMenu.mjs

@@ -1,468 +1,70 @@
-// @ts-nocheck
-
-/* eslint-disable */
+import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 // Styles
-import "./VMenu.sass"; // Components
-
-import { VThemeProvider } from "../VThemeProvider/index.mjs"; // Mixins
-
-import Activatable from "../../mixins/activatable/index.mjs";
-import Delayable from "../../mixins/delayable.mjs";
-import Dependent from "../../mixins/dependent/index.mjs";
-import Menuable from "../../mixins/menuable/index.mjs";
-import Returnable from "../../mixins/returnable/index.mjs";
-import Roundable from "../../mixins/roundable/index.mjs";
-import Toggleable from "../../mixins/toggleable/index.mjs";
-import Themeable from "../../mixins/themeable/index.mjs"; // Directives
+import "./VMenu.css"; // Components
 
-import ClickOutside from "../../directives/click-outside/index.mjs";
-import Resize from "../../directives/resize/index.mjs"; // Utilities
+import { VOverlay } from "../VOverlay/index.mjs";
+import { VDialogTransition } from "../transitions/index.mjs"; // Composables
 
-import mixins from "../../util/mixins.mjs";
-import { removed } from "../../util/console.mjs";
-import { convertToUnit, keyCodes } from "../../util/helpers.mjs"; // Types
-
-const baseMixins = mixins(Dependent, Delayable, Menuable, Returnable, Roundable, Toggleable, Themeable);
-/* @vue/component */
-
-export default baseMixins.extend({
-  name: 'v-menu',
-  directives: {
-    ClickOutside,
-    Resize
-  },
+import { makeTransitionProps } from "../../composables/transition.mjs";
+import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
 
-  provide() {
-    return {
-      isInMenu: true,
-      // Pass theme through to default slot
-      theme: this.theme
-    };
-  },
+import { computed } from 'vue';
+import { genericComponent, getUid } from "../../util/index.mjs"; // Types
 
+export const VMenu = genericComponent()({
+  name: 'VMenu',
+  inheritAttrs: false,
   props: {
-    auto: Boolean,
-    closeOnClick: {
-      type: Boolean,
-      default: true
-    },
-    closeOnContentClick: {
-      type: Boolean,
-      default: true
-    },
-    disabled: Boolean,
+    // TODO
+    // closeOnClick: {
+    //   type: Boolean,
+    //   default: true,
+    // },
+    // closeOnContentClick: {
+    //   type: Boolean,
+    //   default: true,
+    // },
     disableKeys: Boolean,
-    maxHeight: {
-      type: [Number, String],
-      default: 'auto'
-    },
-    offsetX: Boolean,
-    offsetY: Boolean,
-    openOnClick: {
-      type: Boolean,
-      default: true
-    },
-    openOnHover: Boolean,
-    origin: {
-      type: String,
-      default: 'top left'
-    },
-    transition: {
-      type: [Boolean, String],
-      default: 'v-menu-transition'
-    }
-  },
-
-  data() {
-    return {
-      calculatedTopAuto: 0,
-      defaultOffset: 8,
-      hasJustFocused: false,
-      listIndex: -1,
-      resizeTimeout: 0,
-      selectedIndex: null,
-      tiles: []
-    };
-  },
-
-  computed: {
-    activeTile() {
-      return this.tiles[this.listIndex];
-    },
-
-    calculatedLeft() {
-      const menuWidth = Math.max(this.dimensions.content.width, parseFloat(this.calculatedMinWidth));
-      if (!this.auto) return this.calcLeft(menuWidth) || '0';
-      return convertToUnit(this.calcXOverflow(this.calcLeftAuto(), menuWidth)) || '0';
-    },
-
-    calculatedMaxHeight() {
-      const height = this.auto ? '200px' : convertToUnit(this.maxHeight);
-      return height || '0';
-    },
-
-    calculatedMaxWidth() {
-      return convertToUnit(this.maxWidth) || '0';
-    },
-
-    calculatedMinWidth() {
-      if (this.minWidth) {
-        return convertToUnit(this.minWidth) || '0';
-      }
-
-      const minWidth = Math.min(this.dimensions.activator.width + Number(this.nudgeWidth) + (this.auto ? 16 : 0), Math.max(this.pageWidth - 24, 0));
-      const calculatedMaxWidth = isNaN(parseInt(this.calculatedMaxWidth)) ? minWidth : parseInt(this.calculatedMaxWidth);
-      return convertToUnit(Math.min(calculatedMaxWidth, minWidth)) || '0';
-    },
-
-    calculatedTop() {
-      const top = !this.auto ? this.calcTop() : convertToUnit(this.calcYOverflow(this.calculatedTopAuto));
-      return top || '0';
-    },
-
-    hasClickableTiles() {
-      return Boolean(this.tiles.find(tile => tile.tabIndex > -1));
-    },
-
-    styles() {
-      return {
-        maxHeight: this.calculatedMaxHeight,
-        minWidth: this.calculatedMinWidth,
-        maxWidth: this.calculatedMaxWidth,
-        top: this.calculatedTop,
-        left: this.calculatedLeft,
-        transformOrigin: this.origin,
-        zIndex: this.zIndex || this.activeZIndex
-      };
-    }
-
-  },
-  watch: {
-    isActive(val) {
-      if (!val) this.listIndex = -1;
-    },
-
-    isContentActive(val) {
-      this.hasJustFocused = val;
-    },
-
-    listIndex(next, prev) {
-      if (next in this.tiles) {
-        const tile = this.tiles[next];
-        tile.classList.add('v-list-item--highlighted');
-        this.$refs.content.scrollTop = tile.offsetTop - tile.clientHeight;
+    modelValue: Boolean,
+    id: String,
+    ...makeTransitionProps({
+      transition: {
+        component: VDialogTransition
       }
-
-      prev in this.tiles && this.tiles[prev].classList.remove('v-list-item--highlighted');
-    }
-
-  },
-
-  created() {
-    /* istanbul ignore next */
-    if (this.$attrs.hasOwnProperty('full-width')) {
-      removed('full-width', this);
-    }
+    })
   },
-
-  mounted() {
-    this.isActive && this.callActivate();
+  emits: {
+    'update:modelValue': value => true
   },
 
-  methods: {
-    activate() {
-      // Update coordinates and dimensions of menu
-      // and its activator
-      this.updateDimensions(); // Start the transition
-
-      requestAnimationFrame(() => {
-        // Once transitioning, calculate scroll and top position
-        this.startTransition().then(() => {
-          if (this.$refs.content) {
-            this.calculatedTopAuto = this.calcTopAuto();
-            this.auto && (this.$refs.content.scrollTop = this.calcScrollPosition());
-          }
-        });
-      });
-    },
-
-    calcScrollPosition() {
-      const $el = this.$refs.content;
-      const activeTile = $el.querySelector('.v-list-item--active');
-      const maxScrollTop = $el.scrollHeight - $el.offsetHeight;
-      return activeTile ? Math.min(maxScrollTop, Math.max(0, activeTile.offsetTop - $el.offsetHeight / 2 + activeTile.offsetHeight / 2)) : $el.scrollTop;
-    },
-
-    calcLeftAuto() {
-      return parseInt(this.dimensions.activator.left - this.defaultOffset * 2);
-    },
-
-    calcTopAuto() {
-      const $el = this.$refs.content;
-      const activeTile = $el.querySelector('.v-list-item--active');
-
-      if (!activeTile) {
-        this.selectedIndex = null;
-      }
-
-      if (this.offsetY || !activeTile) {
-        return this.computedTop;
-      }
-
-      this.selectedIndex = Array.from(this.tiles).indexOf(activeTile);
-      const tileDistanceFromMenuTop = activeTile.offsetTop - this.calcScrollPosition();
-      const firstTileOffsetTop = $el.querySelector('.v-list-item').offsetTop;
-      return this.computedTop - tileDistanceFromMenuTop - firstTileOffsetTop - 1;
-    },
-
-    changeListIndex(e) {
-      // For infinite scroll and autocomplete, re-evaluate children
-      this.getTiles();
-
-      if (!this.isActive || !this.hasClickableTiles) {
-        return;
-      } else if (e.keyCode === keyCodes.tab) {
-        this.isActive = false;
-        return;
-      } else if (e.keyCode === keyCodes.down) {
-        this.nextTile();
-      } else if (e.keyCode === keyCodes.up) {
-        this.prevTile();
-      } else if (e.keyCode === keyCodes.end) {
-        this.lastTile();
-      } else if (e.keyCode === keyCodes.home) {
-        this.firstTile();
-      } else if (e.keyCode === keyCodes.enter && this.listIndex !== -1) {
-        this.tiles[this.listIndex].click();
-      } else {
-        return;
-      } // One of the conditions was met, prevent default action (#2988)
-
-
-      e.preventDefault();
-    },
-
-    closeConditional(e) {
-      const target = e.target;
-      return this.isActive && !this._isDestroyed && this.closeOnClick && !this.$refs.content.contains(target);
-    },
-
-    genActivatorAttributes() {
-      const attributes = Activatable.options.methods.genActivatorAttributes.call(this);
-
-      if (this.activeTile && this.activeTile.id) {
-        return { ...attributes,
-          'aria-activedescendant': this.activeTile.id
-        };
-      }
-
-      return attributes;
-    },
-
-    genActivatorListeners() {
-      const listeners = Menuable.options.methods.genActivatorListeners.call(this);
-
-      if (!this.disableKeys) {
-        listeners.keydown = this.onKeyDown;
-      }
-
-      return listeners;
-    },
-
-    genTransition() {
-      const content = this.genContent();
-      if (!this.transition) return content;
-      return this.$createElement('transition', {
-        props: {
-          name: this.transition
+  setup(props, _ref) {
+    let {
+      attrs,
+      slots
+    } = _ref;
+    const isActive = useProxiedModel(props, 'modelValue');
+    const uid = getUid();
+    const id = computed(() => props.id || `v-menu-${uid}`);
+    return () => {
+      return _createVNode(VOverlay, _mergeProps({
+        "modelValue": isActive.value,
+        "onUpdate:modelValue": $event => isActive.value = $event,
+        "class": ['v-menu'],
+        "transition": props.transition,
+        "absolute": true,
+        "positionStrategy": "connected",
+        "scrollStrategy": "reposition",
+        "scrim": false,
+        "activatorProps": {
+          'aria-haspopup': 'menu',
+          'aria-expanded': String(isActive.value),
+          'aria-owns': id.value
         }
-      }, [content]);
-    },
-
-    genDirectives() {
-      const directives = [{
-        name: 'show',
-        value: this.isContentActive
-      }]; // Do not add click outside for hover menu
-
-      if (!this.openOnHover && this.closeOnClick) {
-        directives.push({
-          name: 'click-outside',
-          value: {
-            handler: () => {
-              this.isActive = false;
-            },
-            closeConditional: this.closeConditional,
-            include: () => [this.$el, ...this.getOpenDependentElements()]
-          }
-        });
-      }
-
-      return directives;
-    },
-
-    genContent() {
-      const options = {
-        attrs: { ...this.getScopeIdAttrs(),
-          role: 'role' in this.$attrs ? this.$attrs.role : 'menu'
-        },
-        staticClass: 'v-menu__content',
-        class: { ...this.rootThemeClasses,
-          ...this.roundedClasses,
-          'v-menu__content--auto': this.auto,
-          'v-menu__content--fixed': this.activatorFixed,
-          menuable__content__active: this.isActive,
-          [this.contentClass.trim()]: true
-        },
-        style: this.styles,
-        directives: this.genDirectives(),
-        ref: 'content',
-        on: {
-          click: e => {
-            const target = e.target;
-            if (target.getAttribute('disabled')) return;
-            if (this.closeOnContentClick) this.isActive = false;
-          },
-          keydown: this.onKeyDown
-        }
-      };
-
-      if (this.$listeners.scroll) {
-        options.on = options.on || {};
-        options.on.scroll = this.$listeners.scroll;
-      }
-
-      if (!this.disabled && this.openOnHover) {
-        options.on = options.on || {};
-        options.on.mouseenter = this.mouseEnterHandler;
-      }
-
-      if (this.openOnHover) {
-        options.on = options.on || {};
-        options.on.mouseleave = this.mouseLeaveHandler;
-      }
-
-      return this.$createElement('div', options, this.getContentSlot());
-    },
-
-    getTiles() {
-      if (!this.$refs.content) return;
-      this.tiles = Array.from(this.$refs.content.querySelectorAll('.v-list-item'));
-    },
-
-    mouseEnterHandler() {
-      this.runDelay('open', () => {
-        if (this.hasJustFocused) return;
-        this.hasJustFocused = true;
-      });
-    },
-
-    mouseLeaveHandler(e) {
-      // Prevent accidental re-activation
-      this.runDelay('close', () => {
-        if (this.$refs.content.contains(e.relatedTarget)) return;
-        requestAnimationFrame(() => {
-          this.isActive = false;
-          this.callDeactivate();
-        });
+      }, attrs), {
+        default: slots.default,
+        activator: slots.activator
       });
-    },
-
-    nextTile() {
-      const tile = this.tiles[this.listIndex + 1];
-
-      if (!tile) {
-        if (!this.tiles.length) return;
-        this.listIndex = -1;
-        this.nextTile();
-        return;
-      }
-
-      this.listIndex++;
-      if (tile.tabIndex === -1) this.nextTile();
-    },
-
-    prevTile() {
-      const tile = this.tiles[this.listIndex - 1];
-
-      if (!tile) {
-        if (!this.tiles.length) return;
-        this.listIndex = this.tiles.length;
-        this.prevTile();
-        return;
-      }
-
-      this.listIndex--;
-      if (tile.tabIndex === -1) this.prevTile();
-    },
-
-    lastTile() {
-      const tile = this.tiles[this.tiles.length - 1];
-      if (!tile) return;
-      this.listIndex = this.tiles.length - 1;
-      if (tile.tabIndex === -1) this.prevTile();
-    },
-
-    firstTile() {
-      const tile = this.tiles[0];
-      if (!tile) return;
-      this.listIndex = 0;
-      if (tile.tabIndex === -1) this.nextTile();
-    },
-
-    onKeyDown(e) {
-      if (e.keyCode === keyCodes.esc) {
-        // Wait for dependent elements to close first
-        setTimeout(() => {
-          this.isActive = false;
-        });
-        const activator = this.getActivator();
-        this.$nextTick(() => activator && activator.focus());
-      } else if (!this.isActive && [keyCodes.up, keyCodes.down].includes(e.keyCode)) {
-        this.isActive = true;
-      } // Allow for isActive watcher to generate tile list
-
-
-      this.$nextTick(() => this.changeListIndex(e));
-    },
-
-    onResize() {
-      if (!this.isActive) return; // Account for screen resize
-      // and orientation change
-      // eslint-disable-next-line no-unused-expressions
-
-      this.$refs.content.offsetWidth;
-      this.updateDimensions(); // When resizing to a smaller width
-      // content width is evaluated before
-      // the new activator width has been
-      // set, causing it to not size properly
-      // hacky but will revisit in the future
-
-      clearTimeout(this.resizeTimeout);
-      this.resizeTimeout = window.setTimeout(this.updateDimensions, 100);
-    }
-
-  },
-
-  render(h) {
-    const data = {
-      staticClass: 'v-menu',
-      class: {
-        'v-menu--attached': this.attach === '' || this.attach === true || this.attach === 'attach'
-      },
-      directives: [{
-        arg: '500',
-        name: 'resize',
-        value: this.onResize
-      }]
     };
-    return h('div', data, [!this.activator && this.genActivator(), this.showLazyContent(() => [this.$createElement(VThemeProvider, {
-      props: {
-        root: true,
-        light: this.light,
-        dark: this.dark
-      }
-    }, [this.genTransition()])])]);
   }
 
 });

package/lib/components/VMenu/VMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VMenu/VMenu.ts"],"names":["VThemeProvider","Activatable","Delayable","Dependent","Menuable","Returnable","Roundable","Toggleable","Themeable","ClickOutside","Resize","mixins","removed","convertToUnit","keyCodes","baseMixins","extend","name","directives","provide","isInMenu","theme","props","auto","Boolean","closeOnClick","type","default","closeOnContentClick","disabled","disableKeys","maxHeight","Number","String","offsetX","offsetY","openOnClick","openOnHover","origin","transition","data","calculatedTopAuto","defaultOffset","hasJustFocused","listIndex","resizeTimeout","selectedIndex","tiles","computed","activeTile","calculatedLeft","menuWidth","Math","max","dimensions","content","width","parseFloat","calculatedMinWidth","calcLeft","calcXOverflow","calcLeftAuto","calculatedMaxHeight","height","calculatedMaxWidth","maxWidth","minWidth","min","activator","nudgeWidth","pageWidth","isNaN","parseInt","calculatedTop","top","calcTop","calcYOverflow","hasClickableTiles","find","tile","tabIndex","styles","left","transformOrigin","zIndex","activeZIndex","watch","isActive","val","isContentActive","next","prev","classList","add","$refs","scrollTop","offsetTop","clientHeight","remove","created","$attrs","hasOwnProperty","mounted","callActivate","methods","activate","updateDimensions","requestAnimationFrame","startTransition","then","calcTopAuto","calcScrollPosition","$el","querySelector","maxScrollTop","scrollHeight","offsetHeight","computedTop","Array","from","indexOf","tileDistanceFromMenuTop","firstTileOffsetTop","changeListIndex","e","getTiles","keyCode","tab","down","nextTile","up","prevTile","end","lastTile","home","firstTile","enter","click","preventDefault","closeConditional","target","_isDestroyed","contains","genActivatorAttributes","attributes","options","call","id","genActivatorListeners","listeners","keydown","onKeyDown","genTransition","genContent","$createElement","genDirectives","value","push","handler","include","getOpenDependentElements","attrs","getScopeIdAttrs","role","staticClass","class","rootThemeClasses","roundedClasses","activatorFixed","menuable__content__active","contentClass","trim","style","ref","on","getAttribute","$listeners","scroll","mouseenter","mouseEnterHandler","mouseleave","mouseLeaveHandler","getContentSlot","querySelectorAll","runDelay","relatedTarget","callDeactivate","length","esc","setTimeout","getActivator","$nextTick","focus","includes","onResize","offsetWidth","clearTimeout","window","render","h","attach","arg","genActivator","showLazyContent","root","light","dark"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Styles\nimport './VMenu.sass'\n\n// Components\nimport { VThemeProvider } from '../VThemeProvider'\n\n// Mixins\nimport Activatable from '../../mixins/activatable'\nimport Delayable from '../../mixins/delayable'\nimport Dependent from '../../mixins/dependent'\nimport Menuable from '../../mixins/menuable'\nimport Returnable from '../../mixins/returnable'\nimport Roundable from '../../mixins/roundable'\nimport Toggleable from '../../mixins/toggleable'\nimport Themeable from '../../mixins/themeable'\n\n// Directives\nimport ClickOutside from '../../directives/click-outside'\nimport Resize from '../../directives/resize'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { removed } from '../../util/console'\nimport {\n  convertToUnit,\n  keyCodes,\n} from '../../util/helpers'\n\n// Types\nimport { VNode, VNodeDirective, VNodeData } from 'vue'\n\nconst baseMixins = mixins(\n  Dependent,\n  Delayable,\n  Menuable,\n  Returnable,\n  Roundable,\n  Toggleable,\n  Themeable\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-menu',\n\n  directives: {\n    ClickOutside,\n    Resize,\n  },\n\n  provide (): object {\n    return {\n      isInMenu: true,\n      // Pass theme through to default slot\n      theme: this.theme,\n    }\n  },\n\n  props: {\n    auto: Boolean,\n    closeOnClick: {\n      type: Boolean,\n      default: true,\n    },\n    closeOnContentClick: {\n      type: Boolean,\n      default: true,\n    },\n    disabled: Boolean,\n    disableKeys: Boolean,\n    maxHeight: {\n      type: [Number, String],\n      default: 'auto',\n    },\n    offsetX: Boolean,\n    offsetY: Boolean,\n    openOnClick: {\n      type: Boolean,\n      default: true,\n    },\n    openOnHover: Boolean,\n    origin: {\n      type: String,\n      default: 'top left',\n    },\n    transition: {\n      type: [Boolean, String],\n      default: 'v-menu-transition',\n    },\n  },\n\n  data () {\n    return {\n      calculatedTopAuto: 0,\n      defaultOffset: 8,\n      hasJustFocused: false,\n      listIndex: -1,\n      resizeTimeout: 0,\n      selectedIndex: null as null | number,\n      tiles: [] as HTMLElement[],\n    }\n  },\n\n  computed: {\n    activeTile (): HTMLElement | undefined {\n      return this.tiles[this.listIndex]\n    },\n    calculatedLeft (): string {\n      const menuWidth = Math.max(this.dimensions.content.width, parseFloat(this.calculatedMinWidth))\n\n      if (!this.auto) return this.calcLeft(menuWidth) || '0'\n\n      return convertToUnit(this.calcXOverflow(this.calcLeftAuto(), menuWidth)) || '0'\n    },\n    calculatedMaxHeight (): string {\n      const height = this.auto\n        ? '200px'\n        : convertToUnit(this.maxHeight)\n\n      return height || '0'\n    },\n    calculatedMaxWidth (): string {\n      return convertToUnit(this.maxWidth) || '0'\n    },\n    calculatedMinWidth (): string {\n      if (this.minWidth) {\n        return convertToUnit(this.minWidth) || '0'\n      }\n\n      const minWidth = Math.min(\n        this.dimensions.activator.width +\n        Number(this.nudgeWidth) +\n        (this.auto ? 16 : 0),\n        Math.max(this.pageWidth - 24, 0)\n      )\n\n      const calculatedMaxWidth = isNaN(parseInt(this.calculatedMaxWidth))\n        ? minWidth\n        : parseInt(this.calculatedMaxWidth)\n\n      return convertToUnit(Math.min(\n        calculatedMaxWidth,\n        minWidth\n      )) || '0'\n    },\n    calculatedTop (): string {\n      const top = !this.auto\n        ? this.calcTop()\n        : convertToUnit(this.calcYOverflow(this.calculatedTopAuto))\n\n      return top || '0'\n    },\n    hasClickableTiles (): boolean {\n      return Boolean(this.tiles.find(tile => tile.tabIndex > -1))\n    },\n    styles (): object {\n      return {\n        maxHeight: this.calculatedMaxHeight,\n        minWidth: this.calculatedMinWidth,\n        maxWidth: this.calculatedMaxWidth,\n        top: this.calculatedTop,\n        left: this.calculatedLeft,\n        transformOrigin: this.origin,\n        zIndex: this.zIndex || this.activeZIndex,\n      }\n    },\n  },\n\n  watch: {\n    isActive (val) {\n      if (!val) this.listIndex = -1\n    },\n    isContentActive (val) {\n      this.hasJustFocused = val\n    },\n    listIndex (next, prev) {\n      if (next in this.tiles) {\n        const tile = this.tiles[next]\n        tile.classList.add('v-list-item--highlighted')\n        this.$refs.content.scrollTop = tile.offsetTop - tile.clientHeight\n      }\n\n      prev in this.tiles &&\n        this.tiles[prev].classList.remove('v-list-item--highlighted')\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('full-width')) {\n      removed('full-width', this)\n    }\n  },\n\n  mounted () {\n    this.isActive && this.callActivate()\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(() => {\n        // Once transitioning, calculate scroll and top position\n        this.startTransition().then(() => {\n          if (this.$refs.content) {\n            this.calculatedTopAuto = this.calcTopAuto()\n            this.auto && (this.$refs.content.scrollTop = this.calcScrollPosition())\n          }\n        })\n      })\n    },\n    calcScrollPosition () {\n      const $el = this.$refs.content\n      const activeTile = $el.querySelector('.v-list-item--active') as HTMLElement\n      const maxScrollTop = $el.scrollHeight - $el.offsetHeight\n\n      return activeTile\n        ? Math.min(maxScrollTop, Math.max(0, activeTile.offsetTop - $el.offsetHeight / 2 + activeTile.offsetHeight / 2))\n        : $el.scrollTop\n    },\n    calcLeftAuto () {\n      return parseInt(this.dimensions.activator.left - this.defaultOffset * 2)\n    },\n    calcTopAuto () {\n      const $el = this.$refs.content\n      const activeTile = $el.querySelector('.v-list-item--active') as HTMLElement | null\n\n      if (!activeTile) {\n        this.selectedIndex = null\n      }\n\n      if (this.offsetY || !activeTile) {\n        return this.computedTop\n      }\n\n      this.selectedIndex = Array.from(this.tiles).indexOf(activeTile)\n\n      const tileDistanceFromMenuTop = activeTile.offsetTop - this.calcScrollPosition()\n      const firstTileOffsetTop = ($el.querySelector('.v-list-item') as HTMLElement).offsetTop\n\n      return this.computedTop - tileDistanceFromMenuTop - firstTileOffsetTop - 1\n    },\n    changeListIndex (e: KeyboardEvent) {\n      // For infinite scroll and autocomplete, re-evaluate children\n      this.getTiles()\n\n      if (!this.isActive || !this.hasClickableTiles) {\n        return\n      } else if (e.keyCode === keyCodes.tab) {\n        this.isActive = false\n        return\n      } else if (e.keyCode === keyCodes.down) {\n        this.nextTile()\n      } else if (e.keyCode === keyCodes.up) {\n        this.prevTile()\n      } else if (e.keyCode === keyCodes.end) {\n        this.lastTile()\n      } else if (e.keyCode === keyCodes.home) {\n        this.firstTile()\n      } else if (e.keyCode === keyCodes.enter && this.listIndex !== -1) {\n        this.tiles[this.listIndex].click()\n      } else { return }\n      // One of the conditions was met, prevent default action (#2988)\n      e.preventDefault()\n    },\n    closeConditional (e: Event) {\n      const target = e.target as HTMLElement\n\n      return this.isActive &&\n        !this._isDestroyed &&\n        this.closeOnClick &&\n        !this.$refs.content.contains(target)\n    },\n    genActivatorAttributes () {\n      const attributes = Activatable.options.methods.genActivatorAttributes.call(this)\n\n      if (this.activeTile && this.activeTile.id) {\n        return {\n          ...attributes,\n          'aria-activedescendant': this.activeTile.id,\n        }\n      }\n\n      return attributes\n    },\n    genActivatorListeners () {\n      const listeners = Menuable.options.methods.genActivatorListeners.call(this)\n\n      if (!this.disableKeys) {\n        listeners.keydown = this.onKeyDown\n      }\n\n      return listeners\n    },\n    genTransition (): VNode {\n      const content = this.genContent()\n\n      if (!this.transition) return content\n\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n        },\n      }, [content])\n    },\n    genDirectives (): VNodeDirective[] {\n      const directives: VNodeDirective[] = [{\n        name: 'show',\n        value: this.isContentActive,\n      }]\n\n      // Do not add click outside for hover menu\n      if (!this.openOnHover && this.closeOnClick) {\n        directives.push({\n          name: 'click-outside',\n          value: {\n            handler: () => { this.isActive = false },\n            closeConditional: this.closeConditional,\n            include: () => [this.$el, ...this.getOpenDependentElements()],\n          },\n        })\n      }\n\n      return directives\n    },\n    genContent (): VNode {\n      const options = {\n        attrs: {\n          ...this.getScopeIdAttrs(),\n          role: 'role' in this.$attrs ? this.$attrs.role : 'menu',\n        },\n        staticClass: 'v-menu__content',\n        class: {\n          ...this.rootThemeClasses,\n          ...this.roundedClasses,\n          'v-menu__content--auto': this.auto,\n          'v-menu__content--fixed': this.activatorFixed,\n          menuable__content__active: this.isActive,\n          [this.contentClass.trim()]: true,\n        },\n        style: this.styles,\n        directives: this.genDirectives(),\n        ref: 'content',\n        on: {\n          click: (e: Event) => {\n            const target = e.target as HTMLElement\n\n            if (target.getAttribute('disabled')) return\n            if (this.closeOnContentClick) this.isActive = false\n          },\n          keydown: this.onKeyDown,\n        },\n      } as VNodeData\n\n      if (this.$listeners.scroll) {\n        options.on = options.on || {}\n        options.on.scroll = this.$listeners.scroll\n      }\n\n      if (!this.disabled && this.openOnHover) {\n        options.on = options.on || {}\n        options.on.mouseenter = this.mouseEnterHandler\n      }\n\n      if (this.openOnHover) {\n        options.on = options.on || {}\n        options.on.mouseleave = this.mouseLeaveHandler\n      }\n\n      return this.$createElement('div', options, this.getContentSlot())\n    },\n    getTiles () {\n      if (!this.$refs.content) return\n\n      this.tiles = Array.from(this.$refs.content.querySelectorAll('.v-list-item'))\n    },\n    mouseEnterHandler () {\n      this.runDelay('open', () => {\n        if (this.hasJustFocused) return\n\n        this.hasJustFocused = true\n      })\n    },\n    mouseLeaveHandler (e: MouseEvent) {\n      // Prevent accidental re-activation\n      this.runDelay('close', () => {\n        if (this.$refs.content.contains(e.relatedTarget as HTMLElement)) return\n\n        requestAnimationFrame(() => {\n          this.isActive = false\n          this.callDeactivate()\n        })\n      })\n    },\n    nextTile () {\n      const tile = this.tiles[this.listIndex + 1]\n\n      if (!tile) {\n        if (!this.tiles.length) return\n\n        this.listIndex = -1\n        this.nextTile()\n\n        return\n      }\n\n      this.listIndex++\n      if (tile.tabIndex === -1) this.nextTile()\n    },\n    prevTile () {\n      const tile = this.tiles[this.listIndex - 1]\n\n      if (!tile) {\n        if (!this.tiles.length) return\n\n        this.listIndex = this.tiles.length\n        this.prevTile()\n\n        return\n      }\n\n      this.listIndex--\n      if (tile.tabIndex === -1) this.prevTile()\n    },\n    lastTile () {\n      const tile = this.tiles[this.tiles.length - 1]\n\n      if (!tile) return\n\n      this.listIndex = this.tiles.length - 1\n\n      if (tile.tabIndex === -1) this.prevTile()\n    },\n    firstTile () {\n      const tile = this.tiles[0]\n\n      if (!tile) return\n\n      this.listIndex = 0\n\n      if (tile.tabIndex === -1) this.nextTile()\n    },\n    onKeyDown (e: KeyboardEvent) {\n      if (e.keyCode === keyCodes.esc) {\n        // Wait for dependent elements to close first\n        setTimeout(() => { this.isActive = false })\n        const activator = this.getActivator()\n        this.$nextTick(() => activator && activator.focus())\n      } else if (\n        !this.isActive &&\n        [keyCodes.up, keyCodes.down].includes(e.keyCode)\n      ) {\n        this.isActive = true\n      }\n\n      // Allow for isActive watcher to generate tile list\n      this.$nextTick(() => this.changeListIndex(e))\n    },\n    onResize () {\n      if (!this.isActive) return\n\n      // Account for screen resize\n      // and orientation change\n      // eslint-disable-next-line no-unused-expressions\n      this.$refs.content.offsetWidth\n      this.updateDimensions()\n\n      // When resizing to a smaller width\n      // content width is evaluated before\n      // the new activator width has been\n      // set, causing it to not size properly\n      // hacky but will revisit in the future\n      clearTimeout(this.resizeTimeout)\n      this.resizeTimeout = window.setTimeout(this.updateDimensions, 100)\n    },\n  },\n\n  render (h): VNode {\n    const data = {\n      staticClass: 'v-menu',\n      class: {\n        'v-menu--attached':\n          this.attach === '' ||\n          this.attach === true ||\n          this.attach === 'attach',\n      },\n      directives: [{\n        arg: '500',\n        name: 'resize',\n        value: this.onResize,\n      }],\n    }\n\n    return h('div', data, [\n      !this.activator && this.genActivator(),\n      this.showLazyContent(() => [\n        this.$createElement(VThemeProvider, {\n          props: {\n            root: true,\n            light: this.light,\n            dark: this.dark,\n          },\n        }, [this.genTransition()]),\n      ]),\n    ])\n  },\n})\n"],"file":"VMenu.mjs"}
+{"version":3,"sources":["../../../src/components/VMenu/VMenu.tsx"],"names":["VOverlay","VDialogTransition","makeTransitionProps","useProxiedModel","computed","genericComponent","getUid","VMenu","name","inheritAttrs","props","disableKeys","Boolean","modelValue","id","String","transition","component","emits","value","setup","attrs","slots","isActive","uid","default","activator"],"mappings":";AAAA;AACA,qB,CAEA;;SACSA,Q;SACAC,iB,oCAET;;SACSC,mB;SACAC,e,8CAET;;AACA,SAASC,QAAT,QAAyB,KAAzB;SACSC,gB,EAAkBC,M,gCAE3B;;AAGA,OAAO,MAAMC,KAAK,GAAGF,gBAAgB,GAEhC;AACHG,EAAAA,IAAI,EAAE,OADH;AAGHC,EAAAA,YAAY,EAAE,KAHX;AAKHC,EAAAA,KAAK,EAAE;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAC,IAAAA,WAAW,EAAEC,OAVR;AAWLC,IAAAA,UAAU,EAAED,OAXP;AAYLE,IAAAA,EAAE,EAAEC,MAZC;AAcL,OAAGb,mBAAmB,CAAC;AACrBc,MAAAA,UAAU,EAAE;AAAEC,QAAAA,SAAS,EAAEhB;AAAb;AADS,KAAD;AAdjB,GALJ;AAwBHiB,EAAAA,KAAK,EAAE;AACL,yBAAsBC,KAAD,IAAoB;AADpC,GAxBJ;;AA4BHC,EAAAA,KAAK,CAAEV,KAAF,QAA2B;AAAA,QAAlB;AAAEW,MAAAA,KAAF;AAASC,MAAAA;AAAT,KAAkB;AAC9B,UAAMC,QAAQ,GAAGpB,eAAe,CAACO,KAAD,EAAQ,YAAR,CAAhC;AAEA,UAAMc,GAAG,GAAGlB,MAAM,EAAlB;AACA,UAAMQ,EAAE,GAAGV,QAAQ,CAAC,MAAMM,KAAK,CAACI,EAAN,IAAa,UAASU,GAAI,EAAjC,CAAnB;AAEA,WAAO,MAAM;AACX;AAAA,sBAEcD,QAAQ,CAACJ,KAFvB;AAAA,yCAEcI,QAAQ,CAACJ,KAFvB;AAAA,iBAGW,CACL,QADK,CAHX;AAAA,sBAMiBT,KAAK,CAACM,UANvB;AAAA;AAAA,4BAQqB,WARrB;AAAA,0BASmB,YATnB;AAAA,iBAUY,KAVZ;AAAA,0BAWoB;AACd,2BAAiB,MADH;AAEd,2BAAiBD,MAAM,CAACQ,QAAQ,CAACJ,KAAV,CAFT;AAGd,uBAAaL,EAAE,CAACK;AAHF;AAXpB,SAgBSE,KAhBT,GAiBa;AACPI,QAAAA,OAAO,EAAEH,KAAK,CAACG,OADR;AAEPC,QAAAA,SAAS,EAAEJ,KAAK,CAACI;AAFV,OAjBb;AAuBD,KAxBD;AAyBD;;AA3DE,CAFgC,CAA9B","sourcesContent":["// Styles\nimport './VMenu.sass'\n\n// Components\nimport { VOverlay } from '@/components/VOverlay'\nimport { VDialogTransition } from '@/components/transitions'\n\n// Composables\nimport { makeTransitionProps } from '@/composables/transition'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, getUid } from '@/util'\n\n// Types\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\n\nexport const VMenu = genericComponent<new () => {\n  $slots: OverlaySlots\n}>()({\n  name: 'VMenu',\n\n  inheritAttrs: false,\n\n  props: {\n    // TODO\n    // closeOnClick: {\n    //   type: Boolean,\n    //   default: true,\n    // },\n    // closeOnContentClick: {\n    //   type: Boolean,\n    //   default: true,\n    // },\n    disableKeys: Boolean,\n    modelValue: Boolean,\n    id: String,\n\n    ...makeTransitionProps({\n      transition: { component: VDialogTransition },\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-menu-${uid}`)\n\n    return () => {\n      return (\n        <VOverlay\n          v-model={ isActive.value }\n          class={[\n            'v-menu',\n          ]}\n          transition={ props.transition }\n          absolute\n          positionStrategy=\"connected\"\n          scrollStrategy=\"reposition\"\n          scrim={ false }\n          activatorProps={{\n            'aria-haspopup': 'menu',\n            'aria-expanded': String(isActive.value),\n            'aria-owns': id.value,\n          }}\n          { ...attrs }\n          v-slots={{\n            default: slots.default,\n            activator: slots.activator,\n          }}\n        />\n      )\n    }\n  },\n})\n\nexport type VMenu = InstanceType<typeof VMenu>\n"],"file":"VMenu.mjs"}