@vuetify/nightly 3.6.0-alpha.2-dev.2024-04-29 → 3.6.1-dev.2024-05-01

package/lib/components/VSpeedDial/VSpeedDial.mjs

@@ -1,93 +1,76 @@
-// @ts-nocheck
-/* eslint-disable */
-
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 // Styles
 import "./VSpeedDial.css";
 
-// Mixins
-import Toggleable from "../../mixins/toggleable.mjs";
-import Positionable from "../../mixins/positionable.mjs";
-import Transitionable from "../../mixins/transitionable.mjs"; // Directives
-import ClickOutside from "../../directives/click-outside/index.mjs"; // Types
-import mixins from "../../util/mixins.mjs";
-/* @vue/component */
-export default mixins(Positionable, Toggleable, Transitionable).extend({
-  name: 'v-speed-dial',
-  directives: {
-    ClickOutside
-  },
-  props: {
-    direction: {
-      type: String,
-      default: 'top',
-      validator: val => {
-        return ['top', 'right', 'bottom', 'left'].includes(val);
-      }
-    },
-    openOnHover: Boolean,
-    transition: {
-      type: String,
-      default: 'scale-transition'
-    }
-  },
-  computed: {
-    classes() {
-      return {
-        'v-speed-dial': true,
-        'v-speed-dial--top': this.top,
-        'v-speed-dial--right': this.right,
-        'v-speed-dial--bottom': this.bottom,
-        'v-speed-dial--left': this.left,
-        'v-speed-dial--absolute': this.absolute,
-        'v-speed-dial--fixed': this.fixed,
-        [`v-speed-dial--direction-${this.direction}`]: true,
-        'v-speed-dial--is-active': this.isActive
-      };
-    }
+// Components
+import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
+import { makeVMenuProps, VMenu } from "../VMenu/VMenu.mjs"; // Composables
+import { makeComponentProps } from "../../composables/component.mjs";
+import { useProxiedModel } from "../../composables/proxiedModel.mjs";
+import { MaybeTransition } from "../../composables/transition.mjs"; // Utilities
+import { computed, ref } from 'vue';
+import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
+export const makeVSpeedDialProps = propsFactory({
+  ...makeComponentProps(),
+  ...makeVMenuProps({
+    offset: 8,
+    minWidth: 0,
+    openDelay: 0,
+    closeDelay: 100,
+    location: 'top center',
+    transition: 'scale-transition'
+  })
+}, 'VSpeedDial');
+export const VSpeedDial = genericComponent()({
+  name: 'VSpeedDial',
+  props: makeVSpeedDialProps(),
+  emits: {
+    'update:modelValue': value => true
   },
-  render(h) {
-    let children = [];
-    const data = {
-      class: this.classes,
-      directives: [{
-        name: 'click-outside',
-        value: () => this.isActive = false
-      }],
-      on: {
-        click: () => this.isActive = !this.isActive
-      }
-    };
-    if (this.openOnHover) {
-      data.on.mouseenter = () => this.isActive = true;
-      data.on.mouseleave = () => this.isActive = false;
-    }
-    if (this.isActive) {
-      let btnCount = 0;
-      children = (this.$slots.default || []).map((b, i) => {
-        if (b.tag && typeof b.componentOptions !== 'undefined' && (b.componentOptions.Ctor.options.name === 'v-btn' || b.componentOptions.Ctor.options.name === 'v-tooltip')) {
-          btnCount++;
-          return h('div', {
-            style: {
-              transitionDelay: btnCount * 0.05 + 's'
-            },
-            key: i
-          }, [b]);
-        } else {
-          b.key = i;
-          return b;
-        }
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const model = useProxiedModel(props, 'modelValue');
+    const menuRef = ref();
+    const location = computed(() => {
+      const [y, x = 'center'] = props.location.split(' ');
+      return `${y} ${x}`;
+    });
+    const locationClasses = computed(() => ({
+      [`v-speed-dial__content--${location.value.replace(' ', '-')}`]: true
+    }));
+    useRender(() => {
+      const menuProps = VMenu.filterProps(props);
+      return _createVNode(VMenu, _mergeProps(menuProps, {
+        "modelValue": model.value,
+        "onUpdate:modelValue": $event => model.value = $event,
+        "class": props.class,
+        "style": props.style,
+        "contentClass": ['v-speed-dial__content', locationClasses.value],
+        "location": location.value,
+        "ref": menuRef,
+        "transition": "fade-transition"
+      }), {
+        ...slots,
+        default: slotProps => _createVNode(VDefaultsProvider, {
+          "defaults": {
+            VBtn: {
+              size: 'small'
+            }
+          }
+        }, {
+          default: () => [_createVNode(MaybeTransition, {
+            "appear": true,
+            "group": true,
+            "transition": props.transition
+          }, {
+            default: () => [slots.default?.(slotProps)]
+          })]
+        })
       });
-    }
-    const list = h('transition-group', {
-      class: 'v-speed-dial__list',
-      props: {
-        name: this.transition,
-        mode: this.mode,
-        origin: this.origin,
-        tag: 'div'
-      }
-    }, children);
-    return h('div', data, [this.$slots.activator, list]);
+    });
+    return {};
   }
 });
 //# sourceMappingURL=VSpeedDial.mjs.map

package/lib/components/VSpeedDial/VSpeedDial.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VSpeedDial.mjs","names":["Toggleable","Positionable","Transitionable","ClickOutside","mixins","extend","name","directives","props","direction","type","String","default","validator","val","includes","openOnHover","Boolean","transition","computed","classes","top","right","bottom","left","absolute","fixed","isActive","render","h","children","data","class","value","on","click","mouseenter","mouseleave","btnCount","$slots","map","b","i","tag","componentOptions","Ctor","options","style","transitionDelay","key","list","mode","origin","activator"],"sources":["../../../src/components/VSpeedDial/VSpeedDial.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Styles\nimport './VSpeedDial.sass'\n\n// Mixins\nimport Toggleable from '../../mixins/toggleable'\nimport Positionable from '../../mixins/positionable'\nimport Transitionable from '../../mixins/transitionable'\n\n// Directives\nimport ClickOutside from '../../directives/click-outside'\n\n// Types\nimport mixins from '../../util/mixins'\nimport { VNode, VNodeData } from 'vue'\nimport { Prop } from 'vue/types/options'\n\n/* @vue/component */\nexport default mixins(Positionable, Toggleable, Transitionable).extend({\n  name: 'v-speed-dial',\n\n  directives: { ClickOutside },\n\n  props: {\n    direction: {\n      type: String as Prop<'top' | 'right' | 'bottom' | 'left'>,\n      default: 'top',\n      validator: (val: string) => {\n        return ['top', 'right', 'bottom', 'left'].includes(val)\n      },\n    },\n    openOnHover: Boolean,\n    transition: {\n      type: String,\n      default: 'scale-transition',\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-speed-dial': true,\n        'v-speed-dial--top': this.top,\n        'v-speed-dial--right': this.right,\n        'v-speed-dial--bottom': this.bottom,\n        'v-speed-dial--left': this.left,\n        'v-speed-dial--absolute': this.absolute,\n        'v-speed-dial--fixed': this.fixed,\n        [`v-speed-dial--direction-${this.direction}`]: true,\n        'v-speed-dial--is-active': this.isActive,\n      }\n    },\n  },\n\n  render (h): VNode {\n    let children: VNode[] = []\n    const data: VNodeData = {\n      class: this.classes,\n      directives: [{\n        name: 'click-outside',\n        value: () => (this.isActive = false),\n      }],\n      on: {\n        click: () => (this.isActive = !this.isActive),\n      },\n    }\n\n    if (this.openOnHover) {\n      data.on!.mouseenter = () => (this.isActive = true)\n      data.on!.mouseleave = () => (this.isActive = false)\n    }\n\n    if (this.isActive) {\n      let btnCount = 0\n      children = (this.$slots.default || []).map((b, i) => {\n        if (b.tag && typeof b.componentOptions !== 'undefined' && (b.componentOptions.Ctor.options.name === 'v-btn' || b.componentOptions.Ctor.options.name === 'v-tooltip')) {\n          btnCount++\n          return h('div', {\n            style: {\n              transitionDelay: btnCount * 0.05 + 's',\n            },\n            key: i,\n          }, [b])\n        } else {\n          b.key = i\n          return b\n        }\n      })\n    }\n\n    const list = h('transition-group', {\n      class: 'v-speed-dial__list',\n      props: {\n        name: this.transition,\n        mode: this.mode,\n        origin: this.origin,\n        tag: 'div',\n      },\n    }, children)\n\n    return h('div', data, [this.$slots.activator, list])\n  },\n})\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VSpeedDial.mjs","names":["VDefaultsProvider","makeVMenuProps","VMenu","makeComponentProps","useProxiedModel","MaybeTransition","computed","ref","genericComponent","propsFactory","useRender","makeVSpeedDialProps","offset","minWidth","openDelay","closeDelay","location","transition","VSpeedDial","name","props","emits","value","setup","_ref","slots","model","menuRef","y","x","split","locationClasses","replace","menuProps","filterProps","_createVNode","_mergeProps","$event","class","style","default","slotProps","VBtn","size"],"sources":["../../../src/components/VSpeedDial/VSpeedDial.tsx"],"sourcesContent":["// Styles\nimport './VSpeedDial.sass'\n\n// Components\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { makeVMenuProps, VMenu } from '@/components/VMenu/VMenu'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport { computed, ref } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ComputedRef } from 'vue'\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\nimport type { Anchor } from '@/util'\n\nexport const makeVSpeedDialProps = propsFactory({\n  ...makeComponentProps(),\n  ...makeVMenuProps({\n    offset: 8,\n    minWidth: 0,\n    openDelay: 0,\n    closeDelay: 100,\n    location: 'top center' as const,\n    transition: 'scale-transition',\n  }),\n}, 'VSpeedDial')\n\nexport const VSpeedDial = genericComponent<OverlaySlots>()({\n  name: 'VSpeedDial',\n\n  props: makeVSpeedDialProps(),\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n\n    const menuRef = ref<VMenu>()\n\n    const location = computed(() => {\n      const [y, x = 'center'] = props.location.split(' ')\n\n      return `${y} ${x}`\n    }) as ComputedRef<Anchor>\n\n    const locationClasses = computed(() => ({\n      [`v-speed-dial__content--${location.value.replace(' ', '-')}`]: true,\n    }))\n\n    useRender(() => {\n      const menuProps = VMenu.filterProps(props)\n\n      return (\n        <VMenu\n          { ...menuProps }\n          v-model={ model.value }\n          class={ props.class }\n          style={ props.style }\n          contentClass={[\n            'v-speed-dial__content',\n            locationClasses.value,\n          ]}\n          location={ location.value }\n          ref={ menuRef }\n          transition=\"fade-transition\"\n        >\n          {{\n            ...slots,\n            default: slotProps => (\n              <VDefaultsProvider\n                defaults={{\n                  VBtn: {\n                    size: 'small',\n                  },\n                }}\n              >\n                <MaybeTransition\n                  appear\n                  group\n                  transition={ props.transition }\n                >\n                  { slots.default?.(slotProps) }\n                </MaybeTransition>\n              </VDefaultsProvider>\n            ),\n          }}\n        </VMenu>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VSpeedDial = InstanceType<typeof VSpeedDial>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,iBAAiB;AAAA,SACjBC,cAAc,EAAEC,KAAK,8BAE9B;AAAA,SACSC,kBAAkB;AAAA,SAClBC,eAAe;AAAA,SACfC,eAAe,4CAExB;AACA,SAASC,QAAQ,EAAEC,GAAG,QAAQ,KAAK;AAAA,SAC1BC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAKA,OAAO,MAAMC,mBAAmB,GAAGF,YAAY,CAAC;EAC9C,GAAGN,kBAAkB,CAAC,CAAC;EACvB,GAAGF,cAAc,CAAC;IAChBW,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,CAAC;IACXC,SAAS,EAAE,CAAC;IACZC,UAAU,EAAE,GAAG;IACfC,QAAQ,EAAE,YAAqB;IAC/BC,UAAU,EAAE;EACd,CAAC;AACH,CAAC,EAAE,YAAY,CAAC;AAEhB,OAAO,MAAMC,UAAU,GAAGV,gBAAgB,CAAe,CAAC,CAAC;EACzDW,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAET,mBAAmB,CAAC,CAAC;EAE5BU,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAc,IAAK;EAC3C,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,KAAK,GAAGtB,eAAe,CAACgB,KAAK,EAAE,YAAY,CAAC;IAElD,MAAMO,OAAO,GAAGpB,GAAG,CAAQ,CAAC;IAE5B,MAAMS,QAAQ,GAAGV,QAAQ,CAAC,MAAM;MAC9B,MAAM,CAACsB,CAAC,EAAEC,CAAC,GAAG,QAAQ,CAAC,GAAGT,KAAK,CAACJ,QAAQ,CAACc,KAAK,CAAC,GAAG,CAAC;MAEnD,OAAQ,GAAEF,CAAE,IAAGC,CAAE,EAAC;IACpB,CAAC,CAAwB;IAEzB,MAAME,eAAe,GAAGzB,QAAQ,CAAC,OAAO;MACtC,CAAE,0BAAyBU,QAAQ,CAACM,KAAK,CAACU,OAAO,CAAC,GAAG,EAAE,GAAG,CAAE,EAAC,GAAG;IAClE,CAAC,CAAC,CAAC;IAEHtB,SAAS,CAAC,MAAM;MACd,MAAMuB,SAAS,GAAG/B,KAAK,CAACgC,WAAW,CAACd,KAAK,CAAC;MAE1C,OAAAe,YAAA,CAAAjC,KAAA,EAAAkC,WAAA,CAESH,SAAS;QAAA,cACJP,KAAK,CAACJ,KAAK;QAAA,uBAAAe,MAAA,IAAXX,KAAK,CAACJ,KAAK,GAAAe,MAAA;QAAA,SACbjB,KAAK,CAACkB,KAAK;QAAA,SACXlB,KAAK,CAACmB,KAAK;QAAA,gBACL,CACZ,uBAAuB,EACvBR,eAAe,CAACT,KAAK,CACtB;QAAA,YACUN,QAAQ,CAACM,KAAK;QAAA,OACnBK,OAAO;QAAA;MAAA;QAIX,GAAGF,KAAK;QACRe,OAAO,EAAEC,SAAS,IAAAN,YAAA,CAAAnC,iBAAA;UAAA,YAEJ;YACR0C,IAAI,EAAE;cACJC,IAAI,EAAE;YACR;UACF;QAAC;UAAAH,OAAA,EAAAA,CAAA,MAAAL,YAAA,CAAA9B,eAAA;YAAA;YAAA;YAAA,cAKce,KAAK,CAACH;UAAU;YAAAuB,OAAA,EAAAA,CAAA,MAE3Bf,KAAK,CAACe,OAAO,GAAGC,SAAS,CAAC;UAAA;QAAA;MAGjC;IAIT,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/VSpeedDial/VSpeedDial.sass

@@ -1,79 +1,27 @@
-@import './_variables.scss'
+@use '../../styles/tools'
 
-.v-speed-dial
-  position: relative
-  z-index: $speed-dial-z-index
+@include tools.layer('components')
+  .v-speed-dial__content
+    gap: 8px
 
-  &--absolute
-    position: absolute
-
-  &--fixed
-    position: fixed
-
-  &--fixed,
-  &--absolute
-    z-index: 4
-
-    & > .v-btn--floating
-      margin: 0
-
-  &--top
-    top: map-get($grid-gutters, 'lg')
-
-  &--bottom
-    bottom: map-get($grid-gutters, 'lg')
-
-  &--left
-    left: map-get($grid-gutters, 'lg')
-
-  &--right
-    right: map-get($grid-gutters, 'lg')
-
-  &--direction
-    &-left,
-    &-right
-      .v-speed-dial__list
-        height: 100%
-        top: 0
-        padding: 0 $speed-dial-padding
-
-    &-top,
-    &-bottom
-      .v-speed-dial__list
-        left: 0
-        width: 100%
-
-    &-top
-      .v-speed-dial__list
-        flex-direction: column-reverse
-        bottom: 100%
-
-    &-right
-      .v-speed-dial__list
+    &.v-overlay__content
+      &.v-speed-dial__content--end,
+      &.v-speed-dial__content--end-center,
+      &.v-speed-dial__content--right,
+      &.v-speed-dial__content--right-center
         flex-direction: row
-        left: 100%
 
-    &-bottom
-      .v-speed-dial__list
-        flex-direction: column
-        top: 100%
-
-    &-left
-      .v-speed-dial__list
+      &.v-speed-dial__content--left,
+      &.v-speed-dial__content--left-center,
+      &.v-speed-dial__content--start,
+      &.v-speed-dial__content--start-center
         flex-direction: row-reverse
-        right: 100%
-
-/** Elements */
-.v-speed-dial__list
-  align-items: center
-  display: flex
-  justify-content: center
-  padding: $speed-dial-padding 0
-  position: absolute
 
-  .v-btn
-    margin: $speed-dial-button-margin
+      &.v-speed-dial__content--top,
+      &.v-speed-dial__content--top-center
+        flex-direction: column-reverse
 
-/** Modifiers */
-.v-speed-dial:not(.v-speed-dial--is-active) .v-speed-dial__list
-  pointer-events: none
+    > *
+      @for $i from 1 through 10
+        &:nth-child(#{$i})
+          transition-delay: 0.05s * ($i - 1)

package/lib/components/VSpeedDial/index.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VSpeedDial"],"sources":["../../../src/components/VSpeedDial/index.ts"],"sourcesContent":["import VSpeedDial from './VSpeedDial'\n\nexport { VSpeedDial }\nexport default VSpeedDial\n"],"mappings":"OAAOA,UAAU;AAEjB,SAASA,UAAU;AACnB,eAAeA,UAAU","ignoreList":[]}
+{"version":3,"file":"index.mjs","names":["VSpeedDial"],"sources":["../../../src/components/VSpeedDial/index.ts"],"sourcesContent":["export { VSpeedDial } from './VSpeedDial'\n"],"mappings":"SAASA,UAAU","ignoreList":[]}