vuetify 3.6.0-alpha.2 → 3.6.0

package/lib/labs/VPicker/VPicker.sass

@@ -2,51 +2,52 @@
 @use '../../styles/tools'
 @use './variables' as *
 
-.v-picker.v-sheet
-  @include tools.elevation($picker-elevation)
-  @include tools.rounded($picker-border-radius)
-
-  display: grid
-  grid-auto-rows: min-content
-  grid-template-areas: "title" "header" "body"
-  overflow: hidden
-
-  &.v-picker--with-actions
-    grid-template-areas: "title" "header" "body" "actions"
-
-.v-picker__body
-  grid-area: body
-  overflow: hidden
-  position: relative
-
-.v-picker__header
-  grid-area: header
-
-.v-picker__actions
-  grid-area: actions
-  padding: $picker-actions-padding
-  display: flex
-  align-items: center
-  justify-content: flex-end
-
-  .v-btn
-    min-width: 48px
-
-    &:not(:last-child)
-      margin-inline-end: 8px
-
-.v-picker--landscape
-  grid-template-areas: "title" "header body" "header body"
-
-.v-picker--landscape.v-picker--with-actions
-  grid-template-areas: "title" "header body" "header actions"
-
-.v-picker-title
-  text-transform: uppercase
-  font-size: .75rem
-  grid-area: title
-  padding-inline: 24px 12px
-  padding-top: 16px
-  padding-bottom: 16px
-  font-weight: $picker-title-font-weight
-  letter-spacing: .1666666667em
+@include tools.layer('components')
+  .v-picker.v-sheet
+    @include tools.elevation($picker-elevation)
+    @include tools.rounded($picker-border-radius)
+
+    display: grid
+    grid-auto-rows: min-content
+    grid-template-areas: "title" "header" "body"
+    overflow: hidden
+
+    &.v-picker--with-actions
+      grid-template-areas: "title" "header" "body" "actions"
+
+  .v-picker__body
+    grid-area: body
+    overflow: hidden
+    position: relative
+
+  .v-picker__header
+    grid-area: header
+
+  .v-picker__actions
+    grid-area: actions
+    padding: $picker-actions-padding
+    display: flex
+    align-items: center
+    justify-content: flex-end
+
+    .v-btn
+      min-width: 48px
+
+      &:not(:last-child)
+        margin-inline-end: 8px
+
+  .v-picker--landscape
+    grid-template-areas: "title" "header body" "header body"
+
+  .v-picker--landscape.v-picker--with-actions
+    grid-template-areas: "title" "header body" "header actions"
+
+  .v-picker-title
+    text-transform: uppercase
+    font-size: .75rem
+    grid-area: title
+    padding-inline: 24px 12px
+    padding-top: 16px
+    padding-bottom: 16px
+    font-weight: $picker-title-font-weight
+    letter-spacing: .1666666667em

package/lib/labs/VPullToRefresh/VPullToRefresh.css

@@ -0,0 +1,27 @@
+.v-pull-to-refresh {
+  overflow: hidden;
+  position: relative;
+}
+.v-pull-to-refresh__pull-down {
+  position: absolute;
+  width: 100%;
+  transition: top 0.3s ease-out;
+}
+.v-pull-to-refresh__pull-down--touching {
+  transition: none;
+}
+.v-pull-to-refresh__pull-down-default {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  justify-content: center;
+  align-items: flex-end;
+  padding-bottom: 10px;
+}
+.v-pull-to-refresh__scroll-container {
+  position: relative;
+  transition: top 0.3s ease-out;
+}
+.v-pull-to-refresh__scroll-container--touching {
+  transition: none;
+}

package/lib/labs/VPullToRefresh/VPullToRefresh.mjs

@@ -0,0 +1,117 @@
+import { createVNode as _createVNode } from "vue";
+// Styles
+import "./VPullToRefresh.css";
+
+// Components
+import { VIcon } from "../../components/VIcon/index.mjs";
+import { VProgressCircular } from "../../components/VProgressCircular/index.mjs"; // Utilities
+import { computed, onMounted, ref, shallowRef, watch } from 'vue';
+import { clamp, convertToUnit, genericComponent, getScrollParents, useRender } from "../../util/index.mjs";
+export const VPullToRefresh = genericComponent()({
+  name: 'VPullToRefresh',
+  props: {
+    pullDownThreshold: {
+      type: Number,
+      default: 64
+    }
+  },
+  emits: {
+    load: options => true
+  },
+  setup(props, _ref) {
+    let {
+      slots,
+      emit
+    } = _ref;
+    let touchstartY = 0;
+    let scrollParents = [];
+    const touchDiff = shallowRef(0);
+    const containerRef = ref();
+    const refreshing = shallowRef(false);
+    const goingUp = shallowRef(false);
+    const touching = shallowRef(false);
+    const canRefresh = computed(() => touchDiff.value >= props.pullDownThreshold && !refreshing.value);
+    const topOffset = computed(() => clamp(touchDiff.value, 0, props.pullDownThreshold));
+    function onTouchstart(e) {
+      if (refreshing.value) return;
+      touching.value = true;
+      touchstartY = 'clientY' in e ? e.clientY : e.touches[0].clientY;
+    }
+    function onTouchmove(e) {
+      if (refreshing.value || !touching.value) return;
+      const touchY = 'clientY' in e ? e.clientY : e.touches[0].clientY;
+      if (scrollParents.length && !scrollParents[0].scrollTop) {
+        touchDiff.value = touchY - touchstartY;
+      }
+    }
+    function onTouchend(e) {
+      if (refreshing.value) return;
+      touching.value = false;
+      if (canRefresh.value) {
+        function done() {
+          if (!refreshing.value) return;
+          touchDiff.value = 0;
+          refreshing.value = false;
+        }
+        emit('load', {
+          done
+        });
+        refreshing.value = true;
+      } else {
+        touchDiff.value = 0;
+      }
+    }
+    onMounted(() => {
+      scrollParents = getScrollParents(containerRef.value);
+    });
+    watch([topOffset, refreshing], () => {
+      if (scrollParents.length) {
+        const stopScrolling = topOffset.value && !refreshing.value;
+        scrollParents.forEach(p => p.style.overflow = stopScrolling ? 'hidden' : 'auto');
+      }
+    });
+    watch(topOffset, (newVal, oldVal) => {
+      goingUp.value = newVal < oldVal;
+    });
+    useRender(() => {
+      return _createVNode("div", {
+        "class": ['v-pull-to-refresh'],
+        "onTouchstart": onTouchstart,
+        "onTouchmove": onTouchmove,
+        "onTouchend": onTouchend,
+        "onMousedown": onTouchstart,
+        "onMouseup": onTouchend,
+        "onMouseleave": onTouchend,
+        "onMousemove": onTouchmove,
+        "ref": containerRef
+      }, [_createVNode("div", {
+        "class": ['v-pull-to-refresh__pull-down', {
+          'v-pull-to-refresh__pull-down--touching': touching.value
+        }],
+        "style": {
+          top: convertToUnit(-1 * props.pullDownThreshold + topOffset.value),
+          height: convertToUnit(props.pullDownThreshold)
+        }
+      }, [slots.pullDownPanel ? slots.pullDownPanel({
+        canRefresh: canRefresh.value,
+        goingUp: goingUp.value,
+        refreshing: refreshing.value
+      }) : _createVNode("div", {
+        "class": ['v-pull-to-refresh__pull-down-default']
+      }, [refreshing.value ? _createVNode(VProgressCircular, {
+        "indeterminate": true,
+        "active": false
+      }, null) : _createVNode(VIcon, {
+        "icon": canRefresh.value || goingUp.value ? '$sortAsc' : '$sortDesc'
+      }, null)])]), _createVNode("div", {
+        "class": ['v-pull-to-refresh__scroll-container', {
+          'v-pull-to-refresh__scroll-container--touching': touching.value
+        }],
+        "style": {
+          top: convertToUnit(topOffset.value)
+        }
+      }, [slots.default?.()])]);
+    });
+  }
+});
+//# sourceMappingURL=VPullToRefresh.mjs.map

package/lib/labs/VPullToRefresh/VPullToRefresh.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VPullToRefresh.mjs","names":["VIcon","VProgressCircular","computed","onMounted","ref","shallowRef","watch","clamp","convertToUnit","genericComponent","getScrollParents","useRender","VPullToRefresh","name","props","pullDownThreshold","type","Number","default","emits","load","options","setup","_ref","slots","emit","touchstartY","scrollParents","touchDiff","containerRef","refreshing","goingUp","touching","canRefresh","value","topOffset","onTouchstart","e","clientY","touches","onTouchmove","touchY","length","scrollTop","onTouchend","done","stopScrolling","forEach","p","style","overflow","newVal","oldVal","_createVNode","top","height","pullDownPanel"],"sources":["../../../src/labs/VPullToRefresh/VPullToRefresh.tsx"],"sourcesContent":["// Styles\nimport './VPullToRefresh.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\nimport { VProgressCircular } from '@/components/VProgressCircular'\n\n// Utilities\nimport { computed, onMounted, ref, shallowRef, watch } from 'vue'\nimport { clamp, convertToUnit, genericComponent, getScrollParents, useRender } from '@/util'\n\nexport type VPullToRefreshSlots = {\n  default: never\n  pullDownPanel: {\n    canRefresh: boolean\n    goingUp: boolean\n    refreshing: boolean\n  }\n}\n\nexport const VPullToRefresh = genericComponent<VPullToRefreshSlots>()({\n  name: 'VPullToRefresh',\n\n  props: {\n    pullDownThreshold: {\n      type: Number,\n      default: 64,\n    },\n  },\n\n  emits: {\n    load: (options: { done: () => void }) => true,\n  },\n\n  setup (props, { slots, emit }) {\n    let touchstartY = 0\n    let scrollParents: HTMLElement[] = []\n\n    const touchDiff = shallowRef(0)\n    const containerRef = ref<HTMLElement>()\n\n    const refreshing = shallowRef(false)\n    const goingUp = shallowRef(false)\n    const touching = shallowRef(false)\n\n    const canRefresh = computed(() => touchDiff.value >= props.pullDownThreshold && !refreshing.value)\n    const topOffset = computed(() => clamp(touchDiff.value, 0, props.pullDownThreshold))\n\n    function onTouchstart (e: TouchEvent | MouseEvent) {\n      if (refreshing.value) return\n      touching.value = true\n      touchstartY = 'clientY' in e ? e.clientY : e.touches[0].clientY\n    }\n\n    function onTouchmove (e: TouchEvent | MouseEvent) {\n      if (refreshing.value || !touching.value) return\n\n      const touchY = 'clientY' in e ? e.clientY : e.touches[0].clientY\n\n      if (scrollParents.length && !scrollParents[0].scrollTop) {\n        touchDiff.value = touchY - touchstartY\n      }\n    }\n\n    function onTouchend (e: TouchEvent | MouseEvent) {\n      if (refreshing.value) return\n      touching.value = false\n      if (canRefresh.value) {\n        function done () {\n          if (!refreshing.value) return\n          touchDiff.value = 0\n          refreshing.value = false\n        }\n        emit('load', { done })\n        refreshing.value = true\n      } else {\n        touchDiff.value = 0\n      }\n    }\n\n    onMounted(() => {\n      scrollParents = getScrollParents(containerRef.value)\n    })\n\n    watch([topOffset, refreshing], () => {\n      if (scrollParents.length) {\n        const stopScrolling = topOffset.value && !refreshing.value\n        scrollParents.forEach(p => p.style.overflow = stopScrolling ? 'hidden' : 'auto')\n      }\n    })\n\n    watch(topOffset, (newVal, oldVal) => {\n      goingUp.value = newVal < oldVal\n    })\n\n    useRender(() => {\n      return (\n        <div\n          class={[\n            'v-pull-to-refresh',\n          ]}\n          onTouchstart={ onTouchstart }\n          onTouchmove={ onTouchmove }\n          onTouchend={ onTouchend }\n          onMousedown={ onTouchstart }\n          onMouseup={ onTouchend }\n          onMouseleave={ onTouchend }\n          onMousemove={ onTouchmove }\n          ref={ containerRef }\n        >\n          <div\n            class={[\n              'v-pull-to-refresh__pull-down',\n              {\n                'v-pull-to-refresh__pull-down--touching': touching.value,\n              },\n            ]}\n            style={{\n              top: convertToUnit(-1 * props.pullDownThreshold + topOffset.value),\n              height: convertToUnit(props.pullDownThreshold),\n            }}\n          >\n            { slots.pullDownPanel\n              ? slots.pullDownPanel({\n                canRefresh: canRefresh.value,\n                goingUp: goingUp.value,\n                refreshing: refreshing.value,\n              }) : (\n                <div\n                  class={[\n                    'v-pull-to-refresh__pull-down-default',\n                  ]}\n                >\n                  {\n                    refreshing.value ? (\n                      <VProgressCircular\n                        indeterminate\n                        active={ false }\n                      />\n                    ) : (\n                      <VIcon\n                        icon={ canRefresh.value || goingUp.value ? '$sortAsc' : '$sortDesc' }\n                      />\n                    )\n                  }\n                </div>\n              )\n            }\n          </div>\n          <div\n            class={[\n              'v-pull-to-refresh__scroll-container',\n              {\n                'v-pull-to-refresh__scroll-container--touching': touching.value,\n              },\n            ]}\n            style={{ top: convertToUnit(topOffset.value) }}\n          >\n            { slots.default?.() }\n          </div>\n        </div>\n      )\n    })\n  },\n})\n\nexport type VPullToRefresh = InstanceType<typeof VPullToRefresh>\n"],"mappings":"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","ignoreList":[]}

package/lib/labs/VPullToRefresh/VPullToRefresh.sass

@@ -0,0 +1,23 @@
+.v-pull-to-refresh
+  overflow: hidden
+  position: relative
+  &__pull-down
+    position: absolute
+    width: 100%
+    transition: top .3s ease-out
+    &--touching
+      transition: none
+
+  &__pull-down-default
+    display: flex
+    width: 100%
+    height: 100%
+    justify-content: center
+    align-items: flex-end
+    padding-bottom: 10px
+
+  &__scroll-container
+    position: relative
+    transition: top .3s ease-out
+    &--touching
+      transition: none

package/lib/labs/VPullToRefresh/index.d.mts

@@ -0,0 +1,189 @@
+import * as vue from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes } from 'vue';
+
+interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
+    filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
+}
+
+declare const VPullToRefresh: {
+    new (...args: any[]): vue.CreateComponentPublicInstance<{
+        pullDownThreshold: number;
+    } & {} & {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+            default?: (() => vue.VNodeChild) | undefined;
+            pullDownPanel?: ((arg: {
+                canRefresh: boolean;
+                goingUp: boolean;
+                refreshing: boolean;
+            }) => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+            pullDownPanel?: false | ((arg: {
+                canRefresh: boolean;
+                goingUp: boolean;
+                refreshing: boolean;
+            }) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:pullDownPanel"?: false | ((arg: {
+            canRefresh: boolean;
+            goingUp: boolean;
+            refreshing: boolean;
+        }) => vue.VNodeChild) | undefined;
+    } & {
+        onLoad?: ((options: {
+            done: () => void;
+        }) => any) | undefined;
+    }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        load: (options: {
+            done: () => void;
+        }) => true;
+    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        pullDownThreshold: number;
+    } & {} & {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+            default?: (() => vue.VNodeChild) | undefined;
+            pullDownPanel?: ((arg: {
+                canRefresh: boolean;
+                goingUp: boolean;
+                refreshing: boolean;
+            }) => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+            pullDownPanel?: false | ((arg: {
+                canRefresh: boolean;
+                goingUp: boolean;
+                refreshing: boolean;
+            }) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:pullDownPanel"?: false | ((arg: {
+            canRefresh: boolean;
+            goingUp: boolean;
+            refreshing: boolean;
+        }) => vue.VNodeChild) | undefined;
+    } & {
+        onLoad?: ((options: {
+            done: () => void;
+        }) => any) | undefined;
+    }, {
+        pullDownThreshold: number;
+    }, true, {}, vue.SlotsType<Partial<{
+        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+        pullDownPanel: (arg: {
+            canRefresh: boolean;
+            goingUp: boolean;
+            refreshing: boolean;
+        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+    }>>, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, {
+        pullDownThreshold: number;
+    } & {} & {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+            default?: (() => vue.VNodeChild) | undefined;
+            pullDownPanel?: ((arg: {
+                canRefresh: boolean;
+                goingUp: boolean;
+                refreshing: boolean;
+            }) => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+            pullDownPanel?: false | ((arg: {
+                canRefresh: boolean;
+                goingUp: boolean;
+                refreshing: boolean;
+            }) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:pullDownPanel"?: false | ((arg: {
+            canRefresh: boolean;
+            goingUp: boolean;
+            refreshing: boolean;
+        }) => vue.VNodeChild) | undefined;
+    } & {
+        onLoad?: ((options: {
+            done: () => void;
+        }) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        pullDownThreshold: number;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
+    pullDownThreshold: number;
+} & {} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+        pullDownPanel?: ((arg: {
+            canRefresh: boolean;
+            goingUp: boolean;
+            refreshing: boolean;
+        }) => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        pullDownPanel?: false | ((arg: {
+            canRefresh: boolean;
+            goingUp: boolean;
+            refreshing: boolean;
+        }) => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:pullDownPanel"?: false | ((arg: {
+        canRefresh: boolean;
+        goingUp: boolean;
+        refreshing: boolean;
+    }) => vue.VNodeChild) | undefined;
+} & {
+    onLoad?: ((options: {
+        done: () => void;
+    }) => any) | undefined;
+}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    load: (options: {
+        done: () => void;
+    }) => true;
+}, string, {
+    pullDownThreshold: number;
+}, {}, string, vue.SlotsType<Partial<{
+    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    pullDownPanel: (arg: {
+        canRefresh: boolean;
+        goingUp: boolean;
+        refreshing: boolean;
+    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    pullDownThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, vue.ExtractPropTypes<{
+    pullDownThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>;
+type VPullToRefresh = InstanceType<typeof VPullToRefresh>;
+
+export { VPullToRefresh };

package/lib/labs/VPullToRefresh/index.mjs

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

package/lib/labs/VPullToRefresh/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["VPullToRefresh"],"sources":["../../../src/labs/VPullToRefresh/index.ts"],"sourcesContent":["export { VPullToRefresh } from './VPullToRefresh'\n"],"mappings":"SAASA,cAAc","ignoreList":[]}

package/lib/labs/VSnackbarQueue/VSnackbarQueue.mjs

@@ -0,0 +1,112 @@
+import { mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
+// Components
+import { VBtn } from "../../components/VBtn/index.mjs";
+import { VDefaultsProvider } from "../../components/VDefaultsProvider/index.mjs";
+import { makeVSnackbarProps, VSnackbar } from "../../components/VSnackbar/VSnackbar.mjs"; // Composables
+import { useLocale } from "../../composables/locale.mjs"; // Utilities
+import { computed, nextTick, shallowRef, watch } from 'vue';
+import { genericComponent, omit, propsFactory, useRender } from "../../util/index.mjs"; // Types
+export const makeVSnackbarQueueProps = propsFactory({
+  // TODO: Port this to Snackbar on dev
+  closable: [Boolean, String],
+  closeText: {
+    type: String,
+    default: '$vuetify.dismiss'
+  },
+  modelValue: {
+    type: Array,
+    default: () => []
+  },
+  ...omit(makeVSnackbarProps(), ['modelValue'])
+}, 'VSnackbarQueue');
+export const VSnackbarQueue = genericComponent()({
+  name: 'VSnackbarQueue',
+  props: makeVSnackbarQueueProps(),
+  emits: {
+    'update:modelValue': val => true
+  },
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
+    const {
+      t
+    } = useLocale();
+    const isActive = shallowRef(false);
+    const isVisible = shallowRef(false);
+    const current = shallowRef();
+    watch(() => props.modelValue.length, (val, oldVal) => {
+      if (!isVisible.value && val > oldVal) {
+        showNext();
+      }
+    });
+    watch(isActive, val => {
+      if (val) isVisible.value = true;
+    });
+    function onAfterLeave() {
+      if (props.modelValue.length) {
+        showNext();
+      } else {
+        current.value = undefined;
+        isVisible.value = false;
+      }
+    }
+    function showNext() {
+      const [next, ...rest] = props.modelValue;
+      emit('update:modelValue', rest);
+      current.value = typeof next === 'string' ? {
+        text: next
+      } : next;
+      nextTick(() => {
+        isActive.value = true;
+      });
+    }
+    function onClickClose() {
+      isActive.value = false;
+    }
+    const btnProps = computed(() => ({
+      color: typeof props.closable === 'string' ? props.closable : undefined,
+      text: t(props.closeText)
+    }));
+    useRender(() => {
+      const hasActions = !!(props.closable || slots.actions);
+      const {
+        modelValue: _,
+        ...snackbarProps
+      } = VSnackbar.filterProps(props);
+      return _createVNode(_Fragment, null, [isVisible.value && !!current.value && (slots.default ? _createVNode(VDefaultsProvider, {
+        "defaults": {
+          VSnackbar: current.value
+        }
+      }, {
+        default: () => [slots.default({
+          item: current.value
+        })]
+      }) : _createVNode(VSnackbar, _mergeProps(snackbarProps, current.value, {
+        "modelValue": isActive.value,
+        "onUpdate:modelValue": $event => isActive.value = $event,
+        "onAfterLeave": onAfterLeave
+      }), {
+        text: slots.text ? () => slots.text?.({
+          item: current.value
+        }) : undefined,
+        actions: hasActions ? () => _createVNode(_Fragment, null, [!slots.actions ? _createVNode(VBtn, _mergeProps(btnProps.value, {
+          "onClick": onClickClose
+        }), null) : _createVNode(VDefaultsProvider, {
+          "defaults": {
+            VBtn: btnProps.value
+          }
+        }, {
+          default: () => [slots.actions({
+            item: current.value,
+            props: {
+              onClick: onClickClose
+            }
+          })]
+        })]) : undefined
+      }))]);
+    });
+  }
+});
+//# sourceMappingURL=VSnackbarQueue.mjs.map

package/lib/labs/VSnackbarQueue/VSnackbarQueue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VSnackbarQueue.mjs","names":["VBtn","VDefaultsProvider","makeVSnackbarProps","VSnackbar","useLocale","computed","nextTick","shallowRef","watch","genericComponent","omit","propsFactory","useRender","makeVSnackbarQueueProps","closable","Boolean","String","closeText","type","default","modelValue","Array","VSnackbarQueue","name","props","emits","val","setup","_ref","emit","slots","t","isActive","isVisible","current","length","oldVal","value","showNext","onAfterLeave","undefined","next","rest","text","onClickClose","btnProps","color","hasActions","actions","_","snackbarProps","filterProps","_createVNode","_Fragment","item","_mergeProps","$event","onClick"],"sources":["../../../src/labs/VSnackbarQueue/VSnackbarQueue.tsx"],"sourcesContent":["// Components\nimport { VBtn } from '@/components/VBtn'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { makeVSnackbarProps, VSnackbar } from '@/components/VSnackbar/VSnackbar'\n\n// Composables\nimport { useLocale } from '@/composables/locale'\n\n// Utilities\nimport { computed, nextTick, shallowRef, watch } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { GenericProps } from '@/util'\n\nexport type VSnackbarQueueSlots<T extends string | SnackbarMessage> = {\n  default: { item: T }\n  text: { item: T }\n  actions: {\n    item: T\n    props: {\n      onClick: () => void\n    }\n  }\n}\n\nexport type SnackbarMessage = Omit<\n  VSnackbar['$props'],\n  | '$children'\n  | 'modelValue'\n  | 'onUpdate:modelValue'\n  | 'activator'\n  | 'activatorProps'\n  | 'closeDelay'\n  | 'openDelay'\n  | 'openOnClick'\n  | 'openOnFocus'\n  | 'openOnHover'\n>\n\nexport const makeVSnackbarQueueProps = propsFactory({\n  // TODO: Port this to Snackbar on dev\n  closable: [Boolean, String],\n  closeText: {\n    type: String,\n    default: '$vuetify.dismiss',\n  },\n  modelValue: {\n    type: Array as PropType<readonly (string | SnackbarMessage)[]>,\n    default: () => [],\n  },\n\n  ...omit(makeVSnackbarProps(), ['modelValue']),\n}, 'VSnackbarQueue')\n\nexport const VSnackbarQueue = genericComponent<new <T extends readonly (string | SnackbarMessage)[]> (\n  props: {\n    modelValue?: T\n    'onUpdate:modelValue'?: (val: T) => void\n  },\n  slots: VSnackbarQueueSlots<T[number]>,\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VSnackbarQueue',\n\n  props: makeVSnackbarQueueProps(),\n\n  emits: {\n    'update:modelValue': (val: (string | SnackbarMessage)[]) => true,\n  },\n\n  setup (props, { emit, slots }) {\n    const { t } = useLocale()\n\n    const isActive = shallowRef(false)\n    const isVisible = shallowRef(false)\n    const current = shallowRef<SnackbarMessage>()\n\n    watch(() => props.modelValue.length, (val, oldVal) => {\n      if (!isVisible.value && val > oldVal) {\n        showNext()\n      }\n    })\n    watch(isActive, val => {\n      if (val) isVisible.value = true\n    })\n\n    function onAfterLeave () {\n      if (props.modelValue.length) {\n        showNext()\n      } else {\n        current.value = undefined\n        isVisible.value = false\n      }\n    }\n    function showNext () {\n      const [next, ...rest] = props.modelValue\n      emit('update:modelValue', rest)\n      current.value = typeof next === 'string' ? { text: next } : next\n      nextTick(() => {\n        isActive.value = true\n      })\n    }\n    function onClickClose () {\n      isActive.value = false\n    }\n\n    const btnProps = computed(() => ({\n      color: typeof props.closable === 'string' ? props.closable : undefined,\n      text: t(props.closeText),\n    }))\n\n    useRender(() => {\n      const hasActions = !!(props.closable || slots.actions)\n      const { modelValue: _, ...snackbarProps } = VSnackbar.filterProps(props as any)\n\n      return (\n        <>\n          { isVisible.value && !!current.value && (\n            slots.default\n              ? (\n                <VDefaultsProvider defaults={{ VSnackbar: current.value }}>\n                  { slots.default({ item: current.value }) }\n                </VDefaultsProvider>\n              ) : (\n                <VSnackbar\n                  { ...snackbarProps }\n                  { ...current.value }\n                  v-model={ isActive.value }\n                  onAfterLeave={ onAfterLeave }\n                >\n                  {{\n                    text: slots.text ? () => slots.text?.({ item: current.value! }) : undefined,\n                    actions: hasActions ? () => (\n                      <>\n                        { !slots.actions ? (\n                          <VBtn\n                            { ...btnProps.value }\n                            onClick={ onClickClose }\n                          />\n                        ) : (\n                          <VDefaultsProvider\n                            defaults={{\n                              VBtn: btnProps.value,\n                            }}\n                          >\n                            { slots.actions({\n                              item: current.value!,\n                              props: { onClick: onClickClose },\n                            })}\n                          </VDefaultsProvider>\n                        )}\n                      </>\n                    ) : undefined,\n                  }}\n                </VSnackbar>\n              )\n          )}\n        </>\n      )\n    })\n  },\n})\n\nexport type VSnackbarQueue = InstanceType<typeof VSnackbarQueue>\n"],"mappings":"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","ignoreList":[]}