@vuetify/nightly 4.0.0-dev-20230426.0 → 4.0.0-dev-20230511.0

package/lib/components/VWindow/VWindowItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VWindowItem.mjs","names":["Touch","makeGroupItemProps","useGroupItem","makeLazyProps","useLazy","MaybeTransition","useSsrBoot","computed","inject","nextTick","ref","convertToUnit","genericComponent","useRender","VWindowGroupSymbol","VWindowSymbol","VWindowItem","name","directives","props","reverseTransition","type","Boolean","String","default","undefined","transition","emits","val","setup","_ref","slots","window","groupItem","isBooted","Error","isTransitioning","hasTransition","isReversed","value","onAfterTransition","transitionCount","transitionHeight","onBeforeTransition","rootRef","clientHeight","onTransitionCancelled","onEnterTransition","el","onBeforeEnter","onAfterEnter","onEnterCancelled","onBeforeLeave","onAfterLeave","onLeaveCancelled","onEnter","hasContent","isSelected","_createVNode","_withDirectives","selectedClass","_vShow"],"sources":["../../../src/components/VWindow/VWindowItem.tsx"],"sourcesContent":["// Directives\nimport Touch from '@/directives/touch'\n\n// Composables\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeLazyProps, useLazy } from '@/composables/lazy'\nimport { MaybeTransition } from '@/composables/transition'\nimport { useSsrBoot } from '@/composables/ssrBoot'\n\n// Utilities\nimport { computed, inject, nextTick, ref } from 'vue'\nimport { convertToUnit, genericComponent, useRender } from '@/util'\n\n// Types\nimport { VWindowGroupSymbol, VWindowSymbol } from './VWindow'\n\nexport const VWindowItem = genericComponent()({\n  name: 'VWindowItem',\n\n  directives: {\n    Touch,\n  },\n\n  props: {\n    reverseTransition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n    transition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n\n    ...makeGroupItemProps(),\n    ...makeLazyProps(),\n  },\n\n  emits: {\n    'group:selected': (val: { value: boolean }) => true,\n  },\n\n  setup (props, { slots }) {\n    const window = inject(VWindowSymbol)\n    const groupItem = useGroupItem(props, VWindowGroupSymbol)\n    const { isBooted } = useSsrBoot()\n\n    if (!window || !groupItem) throw new Error('[Vuetify] VWindowItem must be used inside VWindow')\n\n    const isTransitioning = ref(false)\n    const hasTransition = computed(() => window.isReversed.value ? props.reverseTransition !== false : props.transition !== false)\n\n    function onAfterTransition () {\n      if (!isTransitioning.value || !window) {\n        return\n      }\n\n      // Finalize transition state.\n      isTransitioning.value = false\n      if (window.transitionCount.value > 0) {\n        window.transitionCount.value -= 1\n\n        // Remove container height if we are out of transition.\n        if (window.transitionCount.value === 0) {\n          window.transitionHeight.value = undefined\n        }\n      }\n    }\n\n    function onBeforeTransition () {\n      if (isTransitioning.value || !window) {\n        return\n      }\n\n      // Initialize transition state here.\n      isTransitioning.value = true\n\n      if (window.transitionCount.value === 0) {\n        // Set initial height for height transition.\n        window.transitionHeight.value = convertToUnit(window.rootRef.value?.clientHeight)\n      }\n\n      window.transitionCount.value += 1\n    }\n\n    function onTransitionCancelled () {\n      onAfterTransition() // This should have the same path as normal transition end.\n    }\n\n    function onEnterTransition (el: Element) {\n      if (!isTransitioning.value) {\n        return\n      }\n\n      nextTick(() => {\n        // Do not set height if no transition or cancelled.\n        if (!hasTransition.value || !isTransitioning.value || !window) {\n          return\n        }\n\n        // Set transition target height.\n        window.transitionHeight.value = convertToUnit(el.clientHeight)\n      })\n    }\n\n    const transition = computed(() => {\n      const name = window.isReversed.value\n        ? props.reverseTransition\n        : props.transition\n\n      return !hasTransition.value ? false : {\n        name: typeof name !== 'string' ? window.transition.value : name,\n        onBeforeEnter: onBeforeTransition,\n        onAfterEnter: onAfterTransition,\n        onEnterCancelled: onTransitionCancelled,\n        onBeforeLeave: onBeforeTransition,\n        onAfterLeave: onAfterTransition,\n        onLeaveCancelled: onTransitionCancelled,\n        onEnter: onEnterTransition,\n      }\n    })\n\n    const { hasContent } = useLazy(props, groupItem.isSelected)\n\n    useRender(() => (\n      <MaybeTransition transition={ transition.value } disabled={ !isBooted.value }>\n        <div\n          class={[\n            'v-window-item',\n            groupItem.selectedClass.value,\n          ]}\n          v-show={ groupItem.isSelected.value }\n        >\n          { hasContent.value && slots.default?.() }\n        </div>\n      </MaybeTransition>\n    ))\n\n    return {}\n  },\n})\n\nexport type VWindowItem = InstanceType<typeof VWindowItem>\n"],"mappings":"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"}
+{"version":3,"file":"VWindowItem.mjs","names":["Touch","makeComponentProps","makeGroupItemProps","useGroupItem","makeLazyProps","useLazy","MaybeTransition","useSsrBoot","computed","inject","nextTick","ref","convertToUnit","genericComponent","useRender","VWindowGroupSymbol","VWindowSymbol","VWindowItem","name","directives","props","reverseTransition","type","Boolean","String","default","undefined","transition","emits","val","setup","_ref","slots","window","groupItem","isBooted","Error","isTransitioning","hasTransition","isReversed","value","onAfterTransition","transitionCount","transitionHeight","onBeforeTransition","rootRef","clientHeight","onTransitionCancelled","onEnterTransition","el","onBeforeEnter","onAfterEnter","onEnterCancelled","onBeforeLeave","onAfterLeave","onLeaveCancelled","onEnter","hasContent","isSelected","_createVNode","_withDirectives","selectedClass","class","style","_vShow"],"sources":["../../../src/components/VWindow/VWindowItem.tsx"],"sourcesContent":["// Directives\nimport Touch from '@/directives/touch'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeLazyProps, useLazy } from '@/composables/lazy'\nimport { MaybeTransition } from '@/composables/transition'\nimport { useSsrBoot } from '@/composables/ssrBoot'\n\n// Utilities\nimport { computed, inject, nextTick, ref } from 'vue'\nimport { convertToUnit, genericComponent, useRender } from '@/util'\n\n// Types\nimport { VWindowGroupSymbol, VWindowSymbol } from './VWindow'\n\nexport const VWindowItem = genericComponent()({\n  name: 'VWindowItem',\n\n  directives: {\n    Touch,\n  },\n\n  props: {\n    reverseTransition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n    transition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n\n    ...makeComponentProps(),\n    ...makeGroupItemProps(),\n    ...makeLazyProps(),\n  },\n\n  emits: {\n    'group:selected': (val: { value: boolean }) => true,\n  },\n\n  setup (props, { slots }) {\n    const window = inject(VWindowSymbol)\n    const groupItem = useGroupItem(props, VWindowGroupSymbol)\n    const { isBooted } = useSsrBoot()\n\n    if (!window || !groupItem) throw new Error('[Vuetify] VWindowItem must be used inside VWindow')\n\n    const isTransitioning = ref(false)\n    const hasTransition = computed(() => window.isReversed.value ? props.reverseTransition !== false : props.transition !== false)\n\n    function onAfterTransition () {\n      if (!isTransitioning.value || !window) {\n        return\n      }\n\n      // Finalize transition state.\n      isTransitioning.value = false\n      if (window.transitionCount.value > 0) {\n        window.transitionCount.value -= 1\n\n        // Remove container height if we are out of transition.\n        if (window.transitionCount.value === 0) {\n          window.transitionHeight.value = undefined\n        }\n      }\n    }\n\n    function onBeforeTransition () {\n      if (isTransitioning.value || !window) {\n        return\n      }\n\n      // Initialize transition state here.\n      isTransitioning.value = true\n\n      if (window.transitionCount.value === 0) {\n        // Set initial height for height transition.\n        window.transitionHeight.value = convertToUnit(window.rootRef.value?.clientHeight)\n      }\n\n      window.transitionCount.value += 1\n    }\n\n    function onTransitionCancelled () {\n      onAfterTransition() // This should have the same path as normal transition end.\n    }\n\n    function onEnterTransition (el: Element) {\n      if (!isTransitioning.value) {\n        return\n      }\n\n      nextTick(() => {\n        // Do not set height if no transition or cancelled.\n        if (!hasTransition.value || !isTransitioning.value || !window) {\n          return\n        }\n\n        // Set transition target height.\n        window.transitionHeight.value = convertToUnit(el.clientHeight)\n      })\n    }\n\n    const transition = computed(() => {\n      const name = window.isReversed.value\n        ? props.reverseTransition\n        : props.transition\n\n      return !hasTransition.value ? false : {\n        name: typeof name !== 'string' ? window.transition.value : name,\n        onBeforeEnter: onBeforeTransition,\n        onAfterEnter: onAfterTransition,\n        onEnterCancelled: onTransitionCancelled,\n        onBeforeLeave: onBeforeTransition,\n        onAfterLeave: onAfterTransition,\n        onLeaveCancelled: onTransitionCancelled,\n        onEnter: onEnterTransition,\n      }\n    })\n\n    const { hasContent } = useLazy(props, groupItem.isSelected)\n\n    useRender(() => (\n      <MaybeTransition transition={ transition.value } disabled={ !isBooted.value }>\n        <div\n          class={[\n            'v-window-item',\n            groupItem.selectedClass.value,\n            props.class,\n          ]}\n          style={ props.style }\n          v-show={ groupItem.isSelected.value }\n        >\n          { hasContent.value && slots.default?.() }\n        </div>\n      </MaybeTransition>\n    ))\n\n    return {}\n  },\n})\n\nexport type VWindowItem = InstanceType<typeof VWindowItem>\n"],"mappings":"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"}

package/lib/components/VWindow/{index.d.ts → index.d.mts}

@@ -28,7 +28,7 @@ interface GroupProvide {
     getItemIndex: (value: unknown) => number;
 }
 
-type IconValue = string | JSXComponent;
+type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
 interface TouchHandlers {
@@ -70,6 +70,7 @@ declare const VWindow: {
         $props: Partial<{
             reverse: boolean;
             direction: string;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
             mandatory: "force";
@@ -81,6 +82,7 @@ declare const VWindow: {
         }> & Omit<{
             reverse: boolean;
             direction: string;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
             mandatory: "force";
@@ -89,12 +91,13 @@ declare const VWindow: {
             nextIcon: IconValue;
             prevIcon: IconValue;
         } & {
+            class?: any;
             touch?: boolean | TouchHandlers | undefined;
             theme?: string | undefined;
             modelValue?: any;
             showArrows?: string | boolean | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | {
                 default?: ((args_0: {
                     group: GroupProvide;
                 }) => vue.VNodeChild) | undefined;
@@ -107,21 +110,9 @@ declare const VWindow: {
                 next?: ((args_0: {
                     props: ControlProps;
                 }) => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
-                default?: ((args_0: {
-                    group: GroupProvide;
-                }) => vue.VNodeChild) | undefined;
-                additional?: ((args_0: {
-                    group: GroupProvide;
-                }) => vue.VNodeChild) | undefined;
-                prev?: ((args_0: {
-                    props: ControlProps;
-                }) => vue.VNodeChild) | undefined;
-                next?: ((args_0: {
-                    props: ControlProps;
-                }) => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((args_0: {
+                group: GroupProvide;
+            }) => vue.VNodeChild);
             'v-slots'?: {
                 default?: false | ((args_0: {
                     group: GroupProvide;
@@ -151,7 +142,7 @@ declare const VWindow: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((v: any) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "direction" | "disabled" | "tag" | "mandatory" | "touch" | "selectedClass" | "continuous" | "nextIcon" | "prevIcon">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "direction" | "style" | "disabled" | "tag" | "mandatory" | "touch" | "selectedClass" | "continuous" | "nextIcon" | "prevIcon">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -168,6 +159,7 @@ declare const VWindow: {
         $options: vue.ComponentOptionsBase<{
             reverse: boolean;
             direction: string;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
             mandatory: "force";
@@ -176,26 +168,13 @@ declare const VWindow: {
             nextIcon: IconValue;
             prevIcon: IconValue;
         } & {
+            class?: any;
             touch?: boolean | TouchHandlers | undefined;
             theme?: string | undefined;
             modelValue?: any;
             showArrows?: string | boolean | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
-                default?: ((args_0: {
-                    group: GroupProvide;
-                }) => vue.VNodeChild) | undefined;
-                additional?: ((args_0: {
-                    group: GroupProvide;
-                }) => vue.VNodeChild) | undefined;
-                prev?: ((args_0: {
-                    props: ControlProps;
-                }) => vue.VNodeChild) | undefined;
-                next?: ((args_0: {
-                    props: ControlProps;
-                }) => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
+            $children?: vue.VNodeChild | {
                 default?: ((args_0: {
                     group: GroupProvide;
                 }) => vue.VNodeChild) | undefined;
@@ -208,7 +187,9 @@ declare const VWindow: {
                 next?: ((args_0: {
                     props: ControlProps;
                 }) => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((args_0: {
+                group: GroupProvide;
+            }) => vue.VNodeChild);
             'v-slots'?: {
                 default?: false | ((args_0: {
                     group: GroupProvide;
@@ -245,6 +226,7 @@ declare const VWindow: {
         }, string, {
             reverse: boolean;
             direction: string;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
             mandatory: "force";
@@ -276,6 +258,7 @@ declare const VWindow: {
     } & {
         reverse: boolean;
         direction: string;
+        style: vue.StyleValue;
         disabled: boolean;
         tag: string;
         mandatory: "force";
@@ -284,26 +267,13 @@ declare const VWindow: {
         nextIcon: IconValue;
         prevIcon: IconValue;
     } & {
+        class?: any;
         touch?: boolean | TouchHandlers | undefined;
         theme?: string | undefined;
         modelValue?: any;
         showArrows?: string | boolean | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
-            default?: ((args_0: {
-                group: GroupProvide;
-            }) => vue.VNodeChild) | undefined;
-            additional?: ((args_0: {
-                group: GroupProvide;
-            }) => vue.VNodeChild) | undefined;
-            prev?: ((args_0: {
-                props: ControlProps;
-            }) => vue.VNodeChild) | undefined;
-            next?: ((args_0: {
-                props: ControlProps;
-            }) => vue.VNodeChild) | undefined;
-        };
-        $slots?: {
+        $children?: vue.VNodeChild | {
             default?: ((args_0: {
                 group: GroupProvide;
             }) => vue.VNodeChild) | undefined;
@@ -316,7 +286,9 @@ declare const VWindow: {
             next?: ((args_0: {
                 props: ControlProps;
             }) => vue.VNodeChild) | undefined;
-        } | undefined;
+        } | ((args_0: {
+            group: GroupProvide;
+        }) => vue.VNodeChild);
         'v-slots'?: {
             default?: false | ((args_0: {
                 group: GroupProvide;
@@ -355,6 +327,7 @@ declare const VWindow: {
 } & vue.ComponentOptionsBase<{
     reverse: boolean;
     direction: string;
+    style: vue.StyleValue;
     disabled: boolean;
     tag: string;
     mandatory: "force";
@@ -363,26 +336,13 @@ declare const VWindow: {
     nextIcon: IconValue;
     prevIcon: IconValue;
 } & {
+    class?: any;
     touch?: boolean | TouchHandlers | undefined;
     theme?: string | undefined;
     modelValue?: any;
     showArrows?: string | boolean | undefined;
 } & {
-    $children?: {} | vue.VNodeChild | {
-        default?: ((args_0: {
-            group: GroupProvide;
-        }) => vue.VNodeChild) | undefined;
-        additional?: ((args_0: {
-            group: GroupProvide;
-        }) => vue.VNodeChild) | undefined;
-        prev?: ((args_0: {
-            props: ControlProps;
-        }) => vue.VNodeChild) | undefined;
-        next?: ((args_0: {
-            props: ControlProps;
-        }) => vue.VNodeChild) | undefined;
-    };
-    $slots?: {
+    $children?: vue.VNodeChild | {
         default?: ((args_0: {
             group: GroupProvide;
         }) => vue.VNodeChild) | undefined;
@@ -395,7 +355,9 @@ declare const VWindow: {
         next?: ((args_0: {
             props: ControlProps;
         }) => vue.VNodeChild) | undefined;
-    } | undefined;
+    } | ((args_0: {
+        group: GroupProvide;
+    }) => vue.VNodeChild);
     'v-slots'?: {
         default?: false | ((args_0: {
             group: GroupProvide;
@@ -432,6 +394,7 @@ declare const VWindow: {
 }, string, {
     reverse: boolean;
     direction: string;
+    style: vue.StyleValue;
     disabled: boolean;
     tag: string;
     mandatory: "force";
@@ -446,6 +409,11 @@ declare const VWindow: {
         type: StringConstructor;
         default: string;
     };
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     continuous: BooleanConstructor;
     nextIcon: {
         type: PropType<IconValue>;
@@ -483,6 +451,11 @@ declare const VWindow: {
         type: StringConstructor;
         default: string;
     };
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     continuous: BooleanConstructor;
     nextIcon: {
         type: PropType<IconValue>;
@@ -523,24 +496,24 @@ declare const VWindowItem: {
         $data: {};
         $props: Partial<{
             transition: string | boolean;
+            style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
             reverseTransition: string | boolean;
         }> & Omit<{
+            style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
         } & {
             transition?: string | boolean | undefined;
             value?: any;
+            class?: any;
             selectedClass?: string | undefined;
             reverseTransition?: string | boolean | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -550,7 +523,7 @@ declare const VWindowItem: {
             "onGroup:selected"?: ((val: {
                 value: boolean;
             }) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "eager" | "disabled" | "reverseTransition">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "style" | "eager" | "disabled" | "reverseTransition">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -567,20 +540,19 @@ declare const VWindowItem: {
         }) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
         } & {
             transition?: string | boolean | undefined;
             value?: any;
+            class?: any;
             selectedClass?: string | undefined;
             reverseTransition?: string | boolean | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -596,6 +568,7 @@ declare const VWindowItem: {
             }) => boolean;
         }, string, {
             transition: string | boolean;
+            style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
             reverseTransition: string | boolean;
@@ -620,20 +593,19 @@ declare const VWindowItem: {
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
+        style: vue.StyleValue;
         eager: boolean;
         disabled: boolean;
     } & {
         transition?: string | boolean | undefined;
         value?: any;
+        class?: any;
         selectedClass?: string | undefined;
         reverseTransition?: string | boolean | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -648,20 +620,19 @@ declare const VWindowItem: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     eager: boolean;
     disabled: boolean;
 } & {
     transition?: string | boolean | undefined;
     value?: any;
+    class?: any;
     selectedClass?: string | undefined;
     reverseTransition?: string | boolean | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -677,6 +648,7 @@ declare const VWindowItem: {
     }) => boolean;
 }, string, {
     transition: string | boolean;
+    style: vue.StyleValue;
     eager: boolean;
     disabled: boolean;
     reverseTransition: string | boolean;
@@ -685,6 +657,11 @@ declare const VWindowItem: {
     value: null;
     disabled: BooleanConstructor;
     selectedClass: StringConstructor;
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     reverseTransition: {
         type: (StringConstructor | BooleanConstructor)[];
         default: undefined;
@@ -698,6 +675,11 @@ declare const VWindowItem: {
     value: null;
     disabled: BooleanConstructor;
     selectedClass: StringConstructor;
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     reverseTransition: {
         type: (StringConstructor | BooleanConstructor)[];
         default: undefined;