vuetify 3.2.3 → 3.2.4

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

@@ -1 +1 @@
-{"version":3,"file":"VWindowItem.mjs","names":["Touch","makeComponentProps","makeGroupItemProps","useGroupItem","makeLazyProps","useLazy","MaybeTransition","useSsrBoot","computed","inject","nextTick","ref","convertToUnit","genericComponent","propsFactory","useRender","VWindowGroupSymbol","VWindowSymbol","makeVWindowItemProps","reverseTransition","type","Boolean","String","default","undefined","transition","VWindowItem","name","directives","props","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, propsFactory, useRender } from '@/util'\n\n// Types\nimport { VWindowGroupSymbol, VWindowSymbol } from './VWindow'\n\nexport const makeVWindowItemProps = propsFactory({\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}, 'v-window-item')\n\nexport const VWindowItem = genericComponent()({\n  name: 'VWindowItem',\n\n  directives: {\n    Touch,\n  },\n\n  props: makeVWindowItemProps(),\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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"}
+{"version":3,"file":"VWindowItem.mjs","names":["Touch","makeComponentProps","makeGroupItemProps","useGroupItem","makeLazyProps","useLazy","MaybeTransition","useSsrBoot","computed","inject","nextTick","shallowRef","convertToUnit","genericComponent","propsFactory","useRender","VWindowGroupSymbol","VWindowSymbol","makeVWindowItemProps","reverseTransition","type","Boolean","String","default","undefined","transition","VWindowItem","name","directives","props","emits","val","setup","_ref","slots","window","groupItem","isBooted","Error","isTransitioning","hasTransition","value","isReversed","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, shallowRef } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport { VWindowGroupSymbol, VWindowSymbol } from './VWindow'\n\nexport const makeVWindowItemProps = propsFactory({\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}, 'v-window-item')\n\nexport const VWindowItem = genericComponent()({\n  name: 'VWindowItem',\n\n  directives: {\n    Touch,\n  },\n\n  props: makeVWindowItemProps(),\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 = shallowRef(false)\n    const hasTransition = computed(() => isBooted.value && (\n      window.isReversed.value\n        ? props.reverseTransition !== false\n        : props.transition !== false\n    ))\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":";AAAA;AAAA,OACOA,KAAK,0CAEZ;AAAA,SACSC,kBAAkB;AAAA,SAClBC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,aAAa,EAAEC,OAAO;AAAA,SACtBC,eAAe;AAAA,SACfC,UAAU,yCAEnB;AACA,SAASC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,KAAK;AAAA,SACnDC,aAAa,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAEjE;AAAA,SACSC,kBAAkB,EAAEC,aAAa;AAE1C,OAAO,MAAMC,oBAAoB,GAAGJ,YAAY,CAAC;EAC/CK,iBAAiB,EAAE;IACjBC,IAAI,EAAE,CAACC,OAAO,EAAEC,MAAM,CAAC;IACvBC,OAAO,EAAEC;EACX,CAAC;EACDC,UAAU,EAAE;IACVL,IAAI,EAAE,CAACC,OAAO,EAAEC,MAAM,CAAC;IACvBC,OAAO,EAAEC;EACX,CAAC;EAED,GAAGvB,kBAAkB,EAAE;EACvB,GAAGC,kBAAkB,EAAE;EACvB,GAAGE,aAAa;AAClB,CAAC,EAAE,eAAe,CAAC;AAEnB,OAAO,MAAMsB,WAAW,GAAGb,gBAAgB,EAAE,CAAC;EAC5Cc,IAAI,EAAE,aAAa;EAEnBC,UAAU,EAAE;IACV5B;EACF,CAAC;EAED6B,KAAK,EAAEX,oBAAoB,EAAE;EAE7BY,KAAK,EAAE;IACL,gBAAgB,EAAGC,GAAuB,IAAK;EACjD,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,MAAM,GAAG1B,MAAM,CAACQ,aAAa,CAAC;IACpC,MAAMmB,SAAS,GAAGjC,YAAY,CAAC0B,KAAK,EAAEb,kBAAkB,CAAC;IACzD,MAAM;MAAEqB;IAAS,CAAC,GAAG9B,UAAU,EAAE;IAEjC,IAAI,CAAC4B,MAAM,IAAI,CAACC,SAAS,EAAE,MAAM,IAAIE,KAAK,CAAC,mDAAmD,CAAC;IAE/F,MAAMC,eAAe,GAAG5B,UAAU,CAAC,KAAK,CAAC;IACzC,MAAM6B,aAAa,GAAGhC,QAAQ,CAAC,MAAM6B,QAAQ,CAACI,KAAK,KACjDN,MAAM,CAACO,UAAU,CAACD,KAAK,GACnBZ,KAAK,CAACV,iBAAiB,KAAK,KAAK,GACjCU,KAAK,CAACJ,UAAU,KAAK,KAAK,CAC/B,CAAC;IAEF,SAASkB,iBAAiBA,CAAA,EAAI;MAC5B,IAAI,CAACJ,eAAe,CAACE,KAAK,IAAI,CAACN,MAAM,EAAE;QACrC;MACF;;MAEA;MACAI,eAAe,CAACE,KAAK,GAAG,KAAK;MAC7B,IAAIN,MAAM,CAACS,eAAe,CAACH,KAAK,GAAG,CAAC,EAAE;QACpCN,MAAM,CAACS,eAAe,CAACH,KAAK,IAAI,CAAC;;QAEjC;QACA,IAAIN,MAAM,CAACS,eAAe,CAACH,KAAK,KAAK,CAAC,EAAE;UACtCN,MAAM,CAACU,gBAAgB,CAACJ,KAAK,GAAGjB,SAAS;QAC3C;MACF;IACF;IAEA,SAASsB,kBAAkBA,CAAA,EAAI;MAC7B,IAAIP,eAAe,CAACE,KAAK,IAAI,CAACN,MAAM,EAAE;QACpC;MACF;;MAEA;MACAI,eAAe,CAACE,KAAK,GAAG,IAAI;MAE5B,IAAIN,MAAM,CAACS,eAAe,CAACH,KAAK,KAAK,CAAC,EAAE;QACtC;QACAN,MAAM,CAACU,gBAAgB,CAACJ,KAAK,GAAG7B,aAAa,CAACuB,MAAM,CAACY,OAAO,CAACN,KAAK,EAAEO,YAAY,CAAC;MACnF;MAEAb,MAAM,CAACS,eAAe,CAACH,KAAK,IAAI,CAAC;IACnC;IAEA,SAASQ,qBAAqBA,CAAA,EAAI;MAChCN,iBAAiB,EAAE,EAAC;IACtB;;IAEA,SAASO,iBAAiBA,CAAEC,EAAW,EAAE;MACvC,IAAI,CAACZ,eAAe,CAACE,KAAK,EAAE;QAC1B;MACF;MAEA/B,QAAQ,CAAC,MAAM;QACb;QACA,IAAI,CAAC8B,aAAa,CAACC,KAAK,IAAI,CAACF,eAAe,CAACE,KAAK,IAAI,CAACN,MAAM,EAAE;UAC7D;QACF;;QAEA;QACAA,MAAM,CAACU,gBAAgB,CAACJ,KAAK,GAAG7B,aAAa,CAACuC,EAAE,CAACH,YAAY,CAAC;MAChE,CAAC,CAAC;IACJ;IAEA,MAAMvB,UAAU,GAAGjB,QAAQ,CAAC,MAAM;MAChC,MAAMmB,IAAI,GAAGQ,MAAM,CAACO,UAAU,CAACD,KAAK,GAChCZ,KAAK,CAACV,iBAAiB,GACvBU,KAAK,CAACJ,UAAU;MAEpB,OAAO,CAACe,aAAa,CAACC,KAAK,GAAG,KAAK,GAAG;QACpCd,IAAI,EAAE,OAAOA,IAAI,KAAK,QAAQ,GAAGQ,MAAM,CAACV,UAAU,CAACgB,KAAK,GAAGd,IAAI;QAC/DyB,aAAa,EAAEN,kBAAkB;QACjCO,YAAY,EAAEV,iBAAiB;QAC/BW,gBAAgB,EAAEL,qBAAqB;QACvCM,aAAa,EAAET,kBAAkB;QACjCU,YAAY,EAAEb,iBAAiB;QAC/Bc,gBAAgB,EAAER,qBAAqB;QACvCS,OAAO,EAAER;MACX,CAAC;IACH,CAAC,CAAC;IAEF,MAAM;MAAES;IAAW,CAAC,GAAGtD,OAAO,CAACwB,KAAK,EAAEO,SAAS,CAACwB,UAAU,CAAC;IAE3D7C,SAAS,CAAC,MAAA8C,YAAA,CAAAvD,eAAA;MAAA,cACsBmB,UAAU,CAACgB,KAAK;MAAA,YAAc,CAACJ,QAAQ,CAACI;IAAK;MAAAlB,OAAA,EAAAA,CAAA,MAAAuC,eAAA,CAAAD,YAAA;QAAA,SAEhE,CACL,eAAe,EACfzB,SAAS,CAAC2B,aAAa,CAACtB,KAAK,EAC7BZ,KAAK,CAACmC,KAAK,CACZ;QAAA,SACOnC,KAAK,CAACoC;MAAK,IAGjBN,UAAU,CAAClB,KAAK,IAAIP,KAAK,CAACX,OAAO,IAAI,MAAA2C,MAAA,EAF9B9B,SAAS,CAACwB,UAAU,CAACnB,KAAK;IAAA,EAKxC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/index.d.ts

@@ -3655,7 +3655,7 @@ type VField = InstanceType<typeof VField>;
 
 type Primitive$2 = string | number | boolean | symbol;
 type Val$2<T, ReturnObject extends boolean> = T extends Primitive$2 ? T : (ReturnObject extends true ? T : any);
-type Value$2<T, ReturnObject extends boolean, Multiple extends boolean> = Multiple extends true ? readonly Val$2<T, ReturnObject>[] : Val$2<T, ReturnObject>;
+type Value$2<T, ReturnObject extends boolean, Multiple extends boolean> = Multiple extends true ? readonly Val$2<T, ReturnObject>[] : Val$2<T, ReturnObject> | null;
 declare const VAutocomplete: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
@@ -4942,31 +4942,31 @@ declare const VAutocomplete: {
     filterMode: FilterMode;
     noFilter: boolean;
     filterKeys: NonNullable<FilterKeys>;
-}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1, ReturnObject extends boolean = false, Multiple extends boolean = false, V extends Value$2<T_1, ReturnObject, Multiple> = Value$2<T_1, ReturnObject, Multiple>>(props: {
-    items?: readonly T_1[] | undefined;
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1 extends readonly any[], Item = T_1 extends (infer U)[] ? U : never, ReturnObject extends boolean = false, Multiple extends boolean = false, V extends Value$2<Item, ReturnObject, Multiple> = Value$2<Item, ReturnObject, Multiple>>(props: {
+    items?: T_1 | undefined;
     returnObject?: ReturnObject | undefined;
     multiple?: Multiple | undefined;
-    modelValue?: V | undefined;
+    modelValue?: V | null | undefined;
     'onUpdate:modelValue'?: ((val: V) => void) | undefined;
 }) => GenericProps<{
-    items?: readonly T_1[] | undefined;
+    items?: T_1 | undefined;
     returnObject?: ReturnObject | undefined;
     multiple?: Multiple | undefined;
-    modelValue?: V | undefined;
+    modelValue?: V | null | undefined;
     'onUpdate:modelValue'?: ((val: V) => void) | undefined;
 }, Omit<VInputSlots & VFieldSlots, "default"> & {
     item: [{
-        item: InternalItem<T_1>;
+        item: InternalItem<Item>;
         index: number;
         props: Record<string, unknown>;
     }];
     chip: [{
-        item: InternalItem<T_1>;
+        item: InternalItem<Item>;
         index: number;
         props: Record<string, unknown>;
     }];
     selection: [{
-        item: InternalItem<T_1>;
+        item: InternalItem<Item>;
         index: number;
     }];
     'prepend-item': [];
@@ -10750,11 +10750,11 @@ declare const VImg: {
             onLoad?: ((value: string | undefined) => any) | undefined;
             onLoadstart?: ((value: string | undefined) => any) | undefined;
         }, {
-            currentSrc: vue.Ref<string>;
+            currentSrc: vue.ShallowRef<string>;
             image: vue.Ref<HTMLImageElement | undefined>;
-            state: vue.Ref<"error" | "loaded" | "idle" | "loading">;
-            naturalWidth: vue.Ref<number | undefined>;
-            naturalHeight: vue.Ref<number | undefined>;
+            state: vue.ShallowRef<"error" | "loaded" | "idle" | "loading">;
+            naturalWidth: vue.ShallowRef<number | undefined>;
+            naturalHeight: vue.ShallowRef<number | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             loadstart: (value: string | undefined) => true;
             load: (value: string | undefined) => true;
@@ -10829,11 +10829,11 @@ declare const VImg: {
         onLoad?: ((value: string | undefined) => any) | undefined;
         onLoadstart?: ((value: string | undefined) => any) | undefined;
     } & vue.ShallowUnwrapRef<{
-        currentSrc: vue.Ref<string>;
+        currentSrc: vue.ShallowRef<string>;
         image: vue.Ref<HTMLImageElement | undefined>;
-        state: vue.Ref<"error" | "loaded" | "idle" | "loading">;
-        naturalWidth: vue.Ref<number | undefined>;
-        naturalHeight: vue.Ref<number | undefined>;
+        state: vue.ShallowRef<"error" | "loaded" | "idle" | "loading">;
+        naturalWidth: vue.ShallowRef<number | undefined>;
+        naturalHeight: vue.ShallowRef<number | undefined>;
     }> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -10879,11 +10879,11 @@ declare const VImg: {
     onLoad?: ((value: string | undefined) => any) | undefined;
     onLoadstart?: ((value: string | undefined) => any) | undefined;
 }, {
-    currentSrc: vue.Ref<string>;
+    currentSrc: vue.ShallowRef<string>;
     image: vue.Ref<HTMLImageElement | undefined>;
-    state: vue.Ref<"error" | "loaded" | "idle" | "loading">;
-    naturalWidth: vue.Ref<number | undefined>;
-    naturalHeight: vue.Ref<number | undefined>;
+    state: vue.ShallowRef<"error" | "loaded" | "idle" | "loading">;
+    naturalWidth: vue.ShallowRef<number | undefined>;
+    naturalHeight: vue.ShallowRef<number | undefined>;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     loadstart: (value: string | undefined) => true;
     load: (value: string | undefined) => true;
@@ -11683,7 +11683,7 @@ declare const VSelectionControl: {
             falseValue: null;
             value: null;
         }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:label" | "v-slot:input">>>, {
-            isFocused: Ref<boolean>;
+            isFocused: vue.ShallowRef<boolean>;
             input: Ref<HTMLInputElement | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:modelValue': (val: any) => boolean;
@@ -11758,7 +11758,7 @@ declare const VSelectionControl: {
         falseValue: null;
         value: null;
     }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:label" | "v-slot:input">>> & vue.ShallowUnwrapRef<{
-        isFocused: Ref<boolean>;
+        isFocused: vue.ShallowRef<boolean>;
         input: Ref<HTMLInputElement | undefined>;
     }> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
@@ -11805,7 +11805,7 @@ declare const VSelectionControl: {
     falseValue: null;
     value: null;
 }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:label" | "v-slot:input">>>, {
-    isFocused: Ref<boolean>;
+    isFocused: vue.ShallowRef<boolean>;
     input: Ref<HTMLInputElement | undefined>;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (val: any) => boolean;
@@ -14326,7 +14326,7 @@ type VColorPicker = InstanceType<typeof VColorPicker>;
 
 type Primitive$1 = string | number | boolean | symbol;
 type Val$1<T, ReturnObject extends boolean> = string | (T extends Primitive$1 ? T : (ReturnObject extends true ? T : any));
-type Value$1<T, ReturnObject extends boolean, Multiple extends boolean> = Multiple extends true ? readonly Val$1<T, ReturnObject>[] : Val$1<T, ReturnObject>;
+type Value$1<T, ReturnObject extends boolean, Multiple extends boolean> = Multiple extends true ? readonly Val$1<T, ReturnObject>[] : Val$1<T, ReturnObject> | null;
 declare const VCombobox: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
@@ -15637,31 +15637,31 @@ declare const VCombobox: {
     filterMode: FilterMode;
     noFilter: boolean;
     filterKeys: NonNullable<FilterKeys>;
-}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1, ReturnObject extends boolean = true, Multiple extends boolean = false, V extends Value$1<T_1, ReturnObject, Multiple> = Value$1<T_1, ReturnObject, Multiple>>(props: {
-    items?: readonly T_1[] | undefined;
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1 extends readonly any[], Item = T_1 extends (infer U)[] ? U : never, ReturnObject extends boolean = true, Multiple extends boolean = false, V extends Value$1<Item, ReturnObject, Multiple> = Value$1<Item, ReturnObject, Multiple>>(props: {
+    items?: T_1 | undefined;
     returnObject?: ReturnObject | undefined;
     multiple?: Multiple | undefined;
-    modelValue?: V | undefined;
+    modelValue?: V | null | undefined;
     'onUpdate:modelValue'?: ((val: V) => void) | undefined;
 }) => GenericProps<{
-    items?: readonly T_1[] | undefined;
+    items?: T_1 | undefined;
     returnObject?: ReturnObject | undefined;
     multiple?: Multiple | undefined;
-    modelValue?: V | undefined;
+    modelValue?: V | null | undefined;
     'onUpdate:modelValue'?: ((val: V) => void) | undefined;
 }, Omit<VInputSlots & VFieldSlots, "default"> & {
     item: [{
-        item: InternalItem<T_1>;
+        item: InternalItem<Item>;
         index: number;
         props: Record<string, unknown>;
     }];
     chip: [{
-        item: InternalItem<T_1>;
+        item: InternalItem<Item>;
         index: number;
         props: Record<string, unknown>;
     }];
     selection: [{
-        item: InternalItem<T_1>;
+        item: InternalItem<Item>;
         index: number;
     }];
     'prepend-item': [];
@@ -21138,7 +21138,7 @@ declare const VForm: {
             }[]>;
             isDisabled: vue.ComputedRef<boolean>;
             isReadonly: vue.ComputedRef<boolean>;
-            isValidating: vue.Ref<boolean>;
+            isValidating: vue.ShallowRef<boolean>;
             items: vue.Ref<{
                 id: string | number;
                 validate: () => Promise<string[]>;
@@ -21214,7 +21214,7 @@ declare const VForm: {
         }[]>;
         isDisabled: vue.ComputedRef<boolean>;
         isReadonly: vue.ComputedRef<boolean>;
-        isValidating: vue.Ref<boolean>;
+        isValidating: vue.ShallowRef<boolean>;
         items: vue.Ref<{
             id: string | number;
             validate: () => Promise<string[]>;
@@ -21264,7 +21264,7 @@ declare const VForm: {
     }[]>;
     isDisabled: vue.ComputedRef<boolean>;
     isReadonly: vue.ComputedRef<boolean>;
-    isValidating: vue.Ref<boolean>;
+    isValidating: vue.ShallowRef<boolean>;
     items: vue.Ref<{
         id: string | number;
         validate: () => Promise<string[]>;
@@ -23834,15 +23834,6 @@ declare const VLazy: {
 }>>;
 type VLazy = InstanceType<typeof VLazy>;
 
-type SelectStrategyFn = (data: {
-    id: unknown;
-    value: boolean;
-    selected: Map<unknown, 'on' | 'off' | 'indeterminate'>;
-    children: Map<unknown, unknown[]>;
-    parents: Map<unknown, unknown>;
-    event?: Event;
-}) => Map<unknown, 'on' | 'off' | 'indeterminate'>;
-
 type OpenStrategyFn = (data: {
     id: unknown;
     value: boolean;
@@ -23865,6 +23856,15 @@ type OpenStrategy = {
     select: OpenSelectStrategyFn;
 };
 
+type SelectStrategyFn = (data: {
+    id: unknown;
+    value: boolean;
+    selected: Map<unknown, 'on' | 'off' | 'indeterminate'>;
+    children: Map<unknown, unknown[]>;
+    parents: Map<unknown, unknown>;
+    event?: Event;
+}) => Map<unknown, 'on' | 'off' | 'indeterminate'>;
+
 type SelectStrategy = 'single-leaf' | 'leaf' | 'independent' | 'single-independent' | 'classic' | SelectStrategyFn;
 type OpenStrategyProp = 'single' | 'multiple' | 'list' | OpenStrategy;
 
@@ -26706,7 +26706,7 @@ declare const VMenu: {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         }, {
             id: vue.ComputedRef<string>;
-            ΨopenChildren: vue.Ref<number>;
+            ΨopenChildren: vue.ShallowRef<number>;
         } & Omit<Omit<{
             $: vue.ComponentInternalInstance;
             $data: {};
@@ -27172,7 +27172,7 @@ declare const VMenu: {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     } & vue.ShallowUnwrapRef<{
         id: vue.ComputedRef<string>;
-        ΨopenChildren: vue.Ref<number>;
+        ΨopenChildren: vue.ShallowRef<number>;
     } & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
@@ -27591,7 +27591,7 @@ declare const VMenu: {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {
     id: vue.ComputedRef<string>;
-    ΨopenChildren: vue.Ref<number>;
+    ΨopenChildren: vue.ShallowRef<number>;
 } & Omit<Omit<{
     $: vue.ComponentInternalInstance;
     $data: {};
@@ -28570,7 +28570,7 @@ declare const VNavigationDrawer: {
             "onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
             "onUpdate:rail"?: ((val: boolean) => any) | undefined;
         }, {
-            isStuck: vue.Ref<boolean | "top" | "bottom">;
+            isStuck: vue.ShallowRef<boolean | "top" | "bottom">;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'update:modelValue': (val: boolean) => true;
             'update:rail': (val: boolean) => true;
@@ -28664,7 +28664,7 @@ declare const VNavigationDrawer: {
         "onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
         "onUpdate:rail"?: ((val: boolean) => any) | undefined;
     } & vue.ShallowUnwrapRef<{
-        isStuck: vue.Ref<boolean | "top" | "bottom">;
+        isStuck: vue.ShallowRef<boolean | "top" | "bottom">;
     }> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -28719,7 +28719,7 @@ declare const VNavigationDrawer: {
     "onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
     "onUpdate:rail"?: ((val: boolean) => any) | undefined;
 }, {
-    isStuck: vue.Ref<boolean | "top" | "bottom">;
+    isStuck: vue.ShallowRef<boolean | "top" | "bottom">;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (val: boolean) => true;
     'update:rail': (val: boolean) => true;
@@ -32972,7 +32972,7 @@ type VResponsive = InstanceType<typeof VResponsive>;
 
 type Primitive = string | number | boolean | symbol;
 type Val<T, ReturnObject extends boolean> = T extends Primitive ? T : (ReturnObject extends true ? T : any);
-type Value<T, ReturnObject extends boolean, Multiple extends boolean> = Multiple extends true ? readonly Val<T, ReturnObject>[] : Val<T, ReturnObject>;
+type Value<T, ReturnObject extends boolean, Multiple extends boolean> = Multiple extends true ? readonly Val<T, ReturnObject>[] : Val<T, ReturnObject> | null;
 declare const VSelect: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
@@ -34218,31 +34218,31 @@ declare const VSelect: {
     hideSelected: boolean;
     menuIcon: IconValue;
     openOnClear: boolean;
-}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1, ReturnObject extends boolean = false, Multiple extends boolean = false, V extends Value<T_1, ReturnObject, Multiple> = Value<T_1, ReturnObject, Multiple>>(props: {
-    items?: readonly T_1[] | undefined;
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1 extends readonly any[], Item = T_1 extends (infer U)[] ? U : never, ReturnObject extends boolean = false, Multiple extends boolean = false, V extends Value<Item, ReturnObject, Multiple> = Value<Item, ReturnObject, Multiple>>(props: {
+    items?: T_1 | undefined;
     returnObject?: ReturnObject | undefined;
     multiple?: Multiple | undefined;
-    modelValue?: V | undefined;
+    modelValue?: V | null | undefined;
     'onUpdate:modelValue'?: ((val: V) => void) | undefined;
 }) => GenericProps<{
-    items?: readonly T_1[] | undefined;
+    items?: T_1 | undefined;
     returnObject?: ReturnObject | undefined;
     multiple?: Multiple | undefined;
-    modelValue?: V | undefined;
+    modelValue?: V | null | undefined;
     'onUpdate:modelValue'?: ((val: V) => void) | undefined;
 }, Omit<VInputSlots & VFieldSlots, "default"> & {
     item: [{
-        item: InternalItem<T_1>;
+        item: InternalItem<Item>;
         index: number;
         props: Record<string, unknown>;
     }];
     chip: [{
-        item: InternalItem<T_1>;
+        item: InternalItem<Item>;
         index: number;
         props: Record<string, unknown>;
     }];
     selection: [{
-        item: InternalItem<T_1>;
+        item: InternalItem<Item>;
         index: number;
     }];
     'prepend-item': [];
@@ -35111,7 +35111,7 @@ declare const VSlideGroup: {
         }, {
             selected: vue.Ref<readonly number[]>;
             scrollTo: (location: 'prev' | 'next') => void;
-            scrollOffset: vue.Ref<number>;
+            scrollOffset: vue.ShallowRef<number>;
             focus: (location?: 'next' | 'prev' | 'first' | 'last') => void;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'update:modelValue': (value: any) => boolean;
@@ -35184,7 +35184,7 @@ declare const VSlideGroup: {
     } & vue.ShallowUnwrapRef<{
         selected: vue.Ref<readonly number[]>;
         scrollTo: (location: 'prev' | 'next') => void;
-        scrollOffset: vue.Ref<number>;
+        scrollOffset: vue.ShallowRef<number>;
         focus: (location?: 'next' | 'prev' | 'first' | 'last') => void;
     }> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
@@ -35227,7 +35227,7 @@ declare const VSlideGroup: {
 }, {
     selected: vue.Ref<readonly number[]>;
     scrollTo: (location: 'prev' | 'next') => void;
-    scrollOffset: vue.Ref<number>;
+    scrollOffset: vue.ShallowRef<number>;
     focus: (location?: 'next' | 'prev' | 'first' | 'last') => void;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: any) => boolean;

package/lib/composables/display.mjs

@@ -1,5 +1,5 @@
 // Utilities
-import { inject, reactive, ref, shallowRef, toRefs, watchEffect } from 'vue';
+import { inject, reactive, shallowRef, toRefs, watchEffect } from 'vue';
 import { mergeDeep } from "../util/index.mjs"; // Globals
 import { IN_BROWSER, SUPPORTS_TOUCH } from "../util/globals.mjs"; // Types
 export const breakpoints = ['sm', 'md', 'lg', 'xl', 'xxl']; // no xs
@@ -63,10 +63,10 @@ export function createDisplay(options, ssr) {
     thresholds,
     mobileBreakpoint
   } = parseDisplayOptions(options);
-  const height = ref(getClientHeight(ssr));
+  const height = shallowRef(getClientHeight(ssr));
   const platform = shallowRef(getPlatform(ssr));
   const state = reactive({});
-  const width = ref(getClientWidth(ssr));
+  const width = shallowRef(getClientWidth(ssr));
   function updateSize() {
     height.value = getClientHeight();
     width.value = getClientWidth();

package/lib/composables/display.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"display.mjs","names":["inject","reactive","ref","shallowRef","toRefs","watchEffect","mergeDeep","IN_BROWSER","SUPPORTS_TOUCH","breakpoints","DisplaySymbol","Symbol","for","defaultDisplayOptions","mobileBreakpoint","thresholds","xs","sm","md","lg","xl","xxl","parseDisplayOptions","options","arguments","length","undefined","getClientWidth","isHydrate","window","innerWidth","getClientHeight","innerHeight","getPlatform","userAgent","navigator","match","regexp","Boolean","android","ios","cordova","electron","chrome","edge","firefox","opera","win","mac","linux","touch","ssr","createDisplay","height","platform","state","width","updateSize","value","update","name","breakpointValue","mobile","smAndUp","mdAndUp","lgAndUp","xlAndUp","smAndDown","mdAndDown","lgAndDown","xlAndDown","addEventListener","passive","useDisplay","display","Error"],"sources":["../../src/composables/display.ts"],"sourcesContent":["// Utilities\nimport { inject, reactive, ref, shallowRef, toRefs, watchEffect } from 'vue'\nimport { mergeDeep } from '@/util'\n\n// Globals\nimport { IN_BROWSER, SUPPORTS_TOUCH } from '@/util/globals'\n\n// Types\nimport type { InjectionKey, Ref } from 'vue'\n\nexport const breakpoints = ['sm', 'md', 'lg', 'xl', 'xxl'] as const // no xs\n\nexport type Breakpoint = typeof breakpoints[number]\n\nexport type DisplayBreakpoint = 'xs' | Breakpoint\n\nexport type DisplayThresholds = {\n  [key in DisplayBreakpoint]: number\n}\n\nexport interface DisplayOptions {\n  mobileBreakpoint?: number | DisplayBreakpoint\n  thresholds?: Partial<DisplayThresholds>\n}\n\nexport interface InternalDisplayOptions {\n  mobileBreakpoint: number | DisplayBreakpoint\n  thresholds: DisplayThresholds\n}\n\nexport interface DisplayPlatform {\n  android: boolean\n  ios: boolean\n  cordova: boolean\n  electron: boolean\n  chrome: boolean\n  edge: boolean\n  firefox: boolean\n  opera: boolean\n  win: boolean\n  mac: boolean\n  linux: boolean\n  touch: boolean\n  ssr: boolean\n}\n\nexport interface DisplayInstance {\n  xs: Ref<boolean>\n  sm: Ref<boolean>\n  md: Ref<boolean>\n  lg: Ref<boolean>\n  xl: Ref<boolean>\n  xxl: Ref<boolean>\n  smAndUp: Ref<boolean>\n  mdAndUp: Ref<boolean>\n  lgAndUp: Ref<boolean>\n  xlAndUp: Ref<boolean>\n  smAndDown: Ref<boolean>\n  mdAndDown: Ref<boolean>\n  lgAndDown: Ref<boolean>\n  xlAndDown: Ref<boolean>\n  name: Ref<DisplayBreakpoint>\n  height: Ref<number>\n  width: Ref<number>\n  mobile: Ref<boolean>\n  mobileBreakpoint: Ref<number | DisplayBreakpoint>\n  platform: Ref<DisplayPlatform>\n  thresholds: Ref<DisplayThresholds>\n\n  /** @internal */\n  ssr: boolean\n\n  update (): void\n}\n\nexport const DisplaySymbol: InjectionKey<DisplayInstance> = Symbol.for('vuetify:display')\n\nconst defaultDisplayOptions: DisplayOptions = {\n  mobileBreakpoint: 'lg',\n  thresholds: {\n    xs: 0,\n    sm: 600,\n    md: 960,\n    lg: 1280,\n    xl: 1920,\n    xxl: 2560,\n  },\n}\n\nconst parseDisplayOptions = (options: DisplayOptions = defaultDisplayOptions) => {\n  return mergeDeep(defaultDisplayOptions, options) as InternalDisplayOptions\n}\n\nfunction getClientWidth (isHydrate?: boolean) {\n  return IN_BROWSER && !isHydrate\n    ? window.innerWidth\n    : 0\n}\n\nfunction getClientHeight (isHydrate?: boolean) {\n  return IN_BROWSER && !isHydrate\n    ? window.innerHeight\n    : 0\n}\n\nfunction getPlatform (isHydrate?: boolean): DisplayPlatform {\n  const userAgent = IN_BROWSER && !isHydrate\n    ? window.navigator.userAgent\n    : 'ssr'\n\n  function match (regexp: RegExp) {\n    return Boolean(userAgent.match(regexp))\n  }\n\n  const android = match(/android/i)\n  const ios = match(/iphone|ipad|ipod/i)\n  const cordova = match(/cordova/i)\n  const electron = match(/electron/i)\n  const chrome = match(/chrome/i)\n  const edge = match(/edge/i)\n  const firefox = match(/firefox/i)\n  const opera = match(/opera/i)\n  const win = match(/win/i)\n  const mac = match(/mac/i)\n  const linux = match(/linux/i)\n\n  return {\n    android,\n    ios,\n    cordova,\n    electron,\n    chrome,\n    edge,\n    firefox,\n    opera,\n    win,\n    mac,\n    linux,\n    touch: SUPPORTS_TOUCH,\n    ssr: userAgent === 'ssr',\n  }\n}\n\nexport function createDisplay (options?: DisplayOptions, ssr?: boolean): DisplayInstance {\n  const { thresholds, mobileBreakpoint } = parseDisplayOptions(options)\n\n  const height = ref(getClientHeight(ssr))\n  const platform = shallowRef(getPlatform(ssr))\n  const state = reactive({} as DisplayInstance)\n  const width = ref(getClientWidth(ssr))\n\n  function updateSize () {\n    height.value = getClientHeight()\n    width.value = getClientWidth()\n  }\n  function update () {\n    updateSize()\n    platform.value = getPlatform()\n  }\n\n  // eslint-disable-next-line max-statements\n  watchEffect(() => {\n    const xs = width.value < thresholds.sm\n    const sm = width.value < thresholds.md && !xs\n    const md = width.value < thresholds.lg && !(sm || xs)\n    const lg = width.value < thresholds.xl && !(md || sm || xs)\n    const xl = width.value < thresholds.xxl && !(lg || md || sm || xs)\n    const xxl = width.value >= thresholds.xxl\n    const name =\n      xs ? 'xs'\n      : sm ? 'sm'\n      : md ? 'md'\n      : lg ? 'lg'\n      : xl ? 'xl'\n      : 'xxl'\n    const breakpointValue = typeof mobileBreakpoint === 'number' ? mobileBreakpoint : thresholds[mobileBreakpoint]\n    const mobile = width.value < breakpointValue\n\n    state.xs = xs\n    state.sm = sm\n    state.md = md\n    state.lg = lg\n    state.xl = xl\n    state.xxl = xxl\n    state.smAndUp = !xs\n    state.mdAndUp = !(xs || sm)\n    state.lgAndUp = !(xs || sm || md)\n    state.xlAndUp = !(xs || sm || md || lg)\n    state.smAndDown = !(md || lg || xl || xxl)\n    state.mdAndDown = !(lg || xl || xxl)\n    state.lgAndDown = !(xl || xxl)\n    state.xlAndDown = !xxl\n    state.name = name\n    state.height = height.value\n    state.width = width.value\n    state.mobile = mobile\n    state.mobileBreakpoint = mobileBreakpoint\n    state.platform = platform.value\n    state.thresholds = thresholds\n  })\n\n  if (IN_BROWSER) {\n    window.addEventListener('resize', updateSize, { passive: true })\n  }\n\n  return { ...toRefs(state), update, ssr: !!ssr }\n}\n\nexport function useDisplay () {\n  const display = inject(DisplaySymbol)\n\n  if (!display) throw new Error('Could not find Vuetify display injection')\n\n  return display\n}\n"],"mappings":"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"}
+{"version":3,"file":"display.mjs","names":["inject","reactive","shallowRef","toRefs","watchEffect","mergeDeep","IN_BROWSER","SUPPORTS_TOUCH","breakpoints","DisplaySymbol","Symbol","for","defaultDisplayOptions","mobileBreakpoint","thresholds","xs","sm","md","lg","xl","xxl","parseDisplayOptions","options","arguments","length","undefined","getClientWidth","isHydrate","window","innerWidth","getClientHeight","innerHeight","getPlatform","userAgent","navigator","match","regexp","Boolean","android","ios","cordova","electron","chrome","edge","firefox","opera","win","mac","linux","touch","ssr","createDisplay","height","platform","state","width","updateSize","value","update","name","breakpointValue","mobile","smAndUp","mdAndUp","lgAndUp","xlAndUp","smAndDown","mdAndDown","lgAndDown","xlAndDown","addEventListener","passive","useDisplay","display","Error"],"sources":["../../src/composables/display.ts"],"sourcesContent":["// Utilities\nimport { inject, reactive, shallowRef, toRefs, watchEffect } from 'vue'\nimport { mergeDeep } from '@/util'\n\n// Globals\nimport { IN_BROWSER, SUPPORTS_TOUCH } from '@/util/globals'\n\n// Types\nimport type { InjectionKey, Ref } from 'vue'\n\nexport const breakpoints = ['sm', 'md', 'lg', 'xl', 'xxl'] as const // no xs\n\nexport type Breakpoint = typeof breakpoints[number]\n\nexport type DisplayBreakpoint = 'xs' | Breakpoint\n\nexport type DisplayThresholds = {\n  [key in DisplayBreakpoint]: number\n}\n\nexport interface DisplayOptions {\n  mobileBreakpoint?: number | DisplayBreakpoint\n  thresholds?: Partial<DisplayThresholds>\n}\n\nexport interface InternalDisplayOptions {\n  mobileBreakpoint: number | DisplayBreakpoint\n  thresholds: DisplayThresholds\n}\n\nexport interface DisplayPlatform {\n  android: boolean\n  ios: boolean\n  cordova: boolean\n  electron: boolean\n  chrome: boolean\n  edge: boolean\n  firefox: boolean\n  opera: boolean\n  win: boolean\n  mac: boolean\n  linux: boolean\n  touch: boolean\n  ssr: boolean\n}\n\nexport interface DisplayInstance {\n  xs: Ref<boolean>\n  sm: Ref<boolean>\n  md: Ref<boolean>\n  lg: Ref<boolean>\n  xl: Ref<boolean>\n  xxl: Ref<boolean>\n  smAndUp: Ref<boolean>\n  mdAndUp: Ref<boolean>\n  lgAndUp: Ref<boolean>\n  xlAndUp: Ref<boolean>\n  smAndDown: Ref<boolean>\n  mdAndDown: Ref<boolean>\n  lgAndDown: Ref<boolean>\n  xlAndDown: Ref<boolean>\n  name: Ref<DisplayBreakpoint>\n  height: Ref<number>\n  width: Ref<number>\n  mobile: Ref<boolean>\n  mobileBreakpoint: Ref<number | DisplayBreakpoint>\n  platform: Ref<DisplayPlatform>\n  thresholds: Ref<DisplayThresholds>\n\n  /** @internal */\n  ssr: boolean\n\n  update (): void\n}\n\nexport const DisplaySymbol: InjectionKey<DisplayInstance> = Symbol.for('vuetify:display')\n\nconst defaultDisplayOptions: DisplayOptions = {\n  mobileBreakpoint: 'lg',\n  thresholds: {\n    xs: 0,\n    sm: 600,\n    md: 960,\n    lg: 1280,\n    xl: 1920,\n    xxl: 2560,\n  },\n}\n\nconst parseDisplayOptions = (options: DisplayOptions = defaultDisplayOptions) => {\n  return mergeDeep(defaultDisplayOptions, options) as InternalDisplayOptions\n}\n\nfunction getClientWidth (isHydrate?: boolean) {\n  return IN_BROWSER && !isHydrate\n    ? window.innerWidth\n    : 0\n}\n\nfunction getClientHeight (isHydrate?: boolean) {\n  return IN_BROWSER && !isHydrate\n    ? window.innerHeight\n    : 0\n}\n\nfunction getPlatform (isHydrate?: boolean): DisplayPlatform {\n  const userAgent = IN_BROWSER && !isHydrate\n    ? window.navigator.userAgent\n    : 'ssr'\n\n  function match (regexp: RegExp) {\n    return Boolean(userAgent.match(regexp))\n  }\n\n  const android = match(/android/i)\n  const ios = match(/iphone|ipad|ipod/i)\n  const cordova = match(/cordova/i)\n  const electron = match(/electron/i)\n  const chrome = match(/chrome/i)\n  const edge = match(/edge/i)\n  const firefox = match(/firefox/i)\n  const opera = match(/opera/i)\n  const win = match(/win/i)\n  const mac = match(/mac/i)\n  const linux = match(/linux/i)\n\n  return {\n    android,\n    ios,\n    cordova,\n    electron,\n    chrome,\n    edge,\n    firefox,\n    opera,\n    win,\n    mac,\n    linux,\n    touch: SUPPORTS_TOUCH,\n    ssr: userAgent === 'ssr',\n  }\n}\n\nexport function createDisplay (options?: DisplayOptions, ssr?: boolean): DisplayInstance {\n  const { thresholds, mobileBreakpoint } = parseDisplayOptions(options)\n\n  const height = shallowRef(getClientHeight(ssr))\n  const platform = shallowRef(getPlatform(ssr))\n  const state = reactive({} as DisplayInstance)\n  const width = shallowRef(getClientWidth(ssr))\n\n  function updateSize () {\n    height.value = getClientHeight()\n    width.value = getClientWidth()\n  }\n  function update () {\n    updateSize()\n    platform.value = getPlatform()\n  }\n\n  // eslint-disable-next-line max-statements\n  watchEffect(() => {\n    const xs = width.value < thresholds.sm\n    const sm = width.value < thresholds.md && !xs\n    const md = width.value < thresholds.lg && !(sm || xs)\n    const lg = width.value < thresholds.xl && !(md || sm || xs)\n    const xl = width.value < thresholds.xxl && !(lg || md || sm || xs)\n    const xxl = width.value >= thresholds.xxl\n    const name =\n      xs ? 'xs'\n      : sm ? 'sm'\n      : md ? 'md'\n      : lg ? 'lg'\n      : xl ? 'xl'\n      : 'xxl'\n    const breakpointValue = typeof mobileBreakpoint === 'number' ? mobileBreakpoint : thresholds[mobileBreakpoint]\n    const mobile = width.value < breakpointValue\n\n    state.xs = xs\n    state.sm = sm\n    state.md = md\n    state.lg = lg\n    state.xl = xl\n    state.xxl = xxl\n    state.smAndUp = !xs\n    state.mdAndUp = !(xs || sm)\n    state.lgAndUp = !(xs || sm || md)\n    state.xlAndUp = !(xs || sm || md || lg)\n    state.smAndDown = !(md || lg || xl || xxl)\n    state.mdAndDown = !(lg || xl || xxl)\n    state.lgAndDown = !(xl || xxl)\n    state.xlAndDown = !xxl\n    state.name = name\n    state.height = height.value\n    state.width = width.value\n    state.mobile = mobile\n    state.mobileBreakpoint = mobileBreakpoint\n    state.platform = platform.value\n    state.thresholds = thresholds\n  })\n\n  if (IN_BROWSER) {\n    window.addEventListener('resize', updateSize, { passive: true })\n  }\n\n  return { ...toRefs(state), update, ssr: !!ssr }\n}\n\nexport function useDisplay () {\n  const display = inject(DisplaySymbol)\n\n  if (!display) throw new Error('Could not find Vuetify display injection')\n\n  return display\n}\n"],"mappings":"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"}

package/lib/composables/form.mjs

@@ -1,6 +1,6 @@
-// Utilities
-import { computed, inject, provide, ref, toRef, watch } from 'vue';
-import { useProxiedModel } from "./proxiedModel.mjs";
+// Composables
+import { useProxiedModel } from "./proxiedModel.mjs"; // Utilities
+import { computed, inject, provide, ref, shallowRef, toRef, watch } from 'vue';
 import { consoleWarn, propsFactory } from "../util/index.mjs"; // Types
 export const FormKey = Symbol.for('vuetify:form');
 export const makeFormProps = propsFactory({
@@ -20,7 +20,7 @@ export function createForm(props) {
   const model = useProxiedModel(props, 'modelValue');
   const isDisabled = computed(() => props.disabled);
   const isReadonly = computed(() => props.readonly);
-  const isValidating = ref(false);
+  const isValidating = shallowRef(false);
   const items = ref([]);
   const errors = ref([]);
   async function validate() {

package/lib/composables/form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.mjs","names":["computed","inject","provide","ref","toRef","watch","useProxiedModel","consoleWarn","propsFactory","FormKey","Symbol","for","makeFormProps","disabled","Boolean","fastFail","readonly","modelValue","type","default","validateOn","String","createForm","props","model","isDisabled","isReadonly","isValidating","items","errors","validate","results","valid","value","item","itemErrorMessages","length","push","id","errorMessages","reset","forEach","resetValidation","invalid","isValid","deep","register","_ref","some","unregister","filter","update","found","find","useForm"],"sources":["../../src/composables/form.ts"],"sourcesContent":["// Utilities\nimport { computed, inject, provide, ref, toRef, watch } from 'vue'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { consoleWarn, propsFactory } from '@/util'\n\n// Types\nimport type { ComputedRef, InjectionKey, PropType, Ref } from 'vue'\nimport type { ValidationProps } from './validation'\n\nexport interface FormProvide {\n  register: (item: {\n    id: number | string\n    validate: () => Promise<string[]>\n    reset: () => void\n    resetValidation: () => void\n  }) => void\n  unregister: (id: number | string) => void\n  update: (id: number | string, isValid: boolean | null, errorMessages: string[]) => void\n  items: Ref<FormField[]>\n  isDisabled: ComputedRef<boolean>\n  isReadonly: ComputedRef<boolean>\n  isValidating: Ref<boolean>\n  validateOn: Ref<FormProps['validateOn']>\n}\n\nexport interface FormField {\n  id: number | string\n  validate: () => Promise<string[]>\n  reset: () => void\n  resetValidation: () => void\n  isValid: boolean | null\n  errorMessages: string[]\n}\n\nexport interface FieldValidationResult {\n  id: number | string\n  errorMessages: string[]\n}\n\nexport interface FormValidationResult {\n  valid: boolean\n  errors: FieldValidationResult[]\n}\n\nexport interface SubmitEventPromise extends SubmitEvent, Promise<FormValidationResult> {}\n\nexport const FormKey: InjectionKey<FormProvide> = Symbol.for('vuetify:form')\n\nexport interface FormProps {\n  disabled: boolean\n  fastFail: boolean\n  readonly: boolean\n  modelValue: boolean | null\n  'onUpdate:modelValue': ((val: boolean | null) => void) | undefined\n  validateOn: ValidationProps['validateOn']\n}\n\nexport const makeFormProps = propsFactory({\n  disabled: Boolean,\n  fastFail: Boolean,\n  readonly: Boolean,\n  modelValue: {\n    type: Boolean as PropType<boolean | null>,\n    default: null,\n  },\n  validateOn: {\n    type: String as PropType<FormProps['validateOn']>,\n    default: 'input',\n  },\n}, 'form')\n\nexport function createForm (props: FormProps) {\n  const model = useProxiedModel(props, 'modelValue')\n\n  const isDisabled = computed(() => props.disabled)\n  const isReadonly = computed(() => props.readonly)\n  const isValidating = ref(false)\n  const items = ref<FormField[]>([])\n  const errors = ref<FieldValidationResult[]>([])\n\n  async function validate () {\n    const results = []\n    let valid = true\n\n    errors.value = []\n    isValidating.value = true\n\n    for (const item of items.value) {\n      const itemErrorMessages = await item.validate()\n\n      if (itemErrorMessages.length > 0) {\n        valid = false\n\n        results.push({\n          id: item.id,\n          errorMessages: itemErrorMessages,\n        })\n      }\n\n      if (!valid && props.fastFail) break\n    }\n\n    errors.value = results\n    isValidating.value = false\n\n    return { valid, errors: errors.value }\n  }\n\n  function reset () {\n    items.value.forEach(item => item.reset())\n    model.value = null\n  }\n\n  function resetValidation () {\n    items.value.forEach(item => item.resetValidation())\n    errors.value = []\n    model.value = null\n  }\n\n  watch(items, () => {\n    let valid = 0\n    let invalid = 0\n    const results = []\n\n    for (const item of items.value) {\n      if (item.isValid === false) {\n        invalid++\n        results.push({\n          id: item.id,\n          errorMessages: item.errorMessages,\n        })\n      } else if (item.isValid === true) valid++\n    }\n\n    errors.value = results\n    model.value =\n      invalid > 0 ? false\n      : valid === items.value.length ? true\n      : null\n  }, { deep: true })\n\n  provide(FormKey, {\n    register: ({ id, validate, reset, resetValidation }) => {\n      if (items.value.some(item => item.id === id)) {\n        consoleWarn(`Duplicate input name \"${id}\"`)\n      }\n\n      items.value.push({\n        id,\n        validate,\n        reset,\n        resetValidation,\n        isValid: null,\n        errorMessages: [],\n      })\n    },\n    unregister: id => {\n      items.value = items.value.filter(item => {\n        return item.id !== id\n      })\n    },\n    update: (id, isValid, errorMessages) => {\n      const found = items.value.find(item => item.id === id)\n\n      if (!found) return\n\n      found.isValid = isValid\n      found.errorMessages = errorMessages\n    },\n    isDisabled,\n    isReadonly,\n    isValidating,\n    items,\n    validateOn: toRef(props, 'validateOn'),\n  })\n\n  return {\n    errors,\n    isDisabled,\n    isReadonly,\n    isValidating,\n    items,\n    validate,\n    reset,\n    resetValidation,\n  }\n}\n\nexport function useForm () {\n  return inject(FormKey, null)\n}\n"],"mappings":"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"}
+{"version":3,"file":"form.mjs","names":["useProxiedModel","computed","inject","provide","ref","shallowRef","toRef","watch","consoleWarn","propsFactory","FormKey","Symbol","for","makeFormProps","disabled","Boolean","fastFail","readonly","modelValue","type","default","validateOn","String","createForm","props","model","isDisabled","isReadonly","isValidating","items","errors","validate","results","valid","value","item","itemErrorMessages","length","push","id","errorMessages","reset","forEach","resetValidation","invalid","isValid","deep","register","_ref","some","unregister","filter","update","found","find","useForm"],"sources":["../../src/composables/form.ts"],"sourcesContent":["// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, inject, provide, ref, shallowRef, toRef, watch } from 'vue'\nimport { consoleWarn, propsFactory } from '@/util'\n\n// Types\nimport type { ComputedRef, InjectionKey, PropType, Ref } from 'vue'\nimport type { ValidationProps } from './validation'\n\nexport interface FormProvide {\n  register: (item: {\n    id: number | string\n    validate: () => Promise<string[]>\n    reset: () => void\n    resetValidation: () => void\n  }) => void\n  unregister: (id: number | string) => void\n  update: (id: number | string, isValid: boolean | null, errorMessages: string[]) => void\n  items: Ref<FormField[]>\n  isDisabled: ComputedRef<boolean>\n  isReadonly: ComputedRef<boolean>\n  isValidating: Ref<boolean>\n  validateOn: Ref<FormProps['validateOn']>\n}\n\nexport interface FormField {\n  id: number | string\n  validate: () => Promise<string[]>\n  reset: () => void\n  resetValidation: () => void\n  isValid: boolean | null\n  errorMessages: string[]\n}\n\nexport interface FieldValidationResult {\n  id: number | string\n  errorMessages: string[]\n}\n\nexport interface FormValidationResult {\n  valid: boolean\n  errors: FieldValidationResult[]\n}\n\nexport interface SubmitEventPromise extends SubmitEvent, Promise<FormValidationResult> {}\n\nexport const FormKey: InjectionKey<FormProvide> = Symbol.for('vuetify:form')\n\nexport interface FormProps {\n  disabled: boolean\n  fastFail: boolean\n  readonly: boolean\n  modelValue: boolean | null\n  'onUpdate:modelValue': ((val: boolean | null) => void) | undefined\n  validateOn: ValidationProps['validateOn']\n}\n\nexport const makeFormProps = propsFactory({\n  disabled: Boolean,\n  fastFail: Boolean,\n  readonly: Boolean,\n  modelValue: {\n    type: Boolean as PropType<boolean | null>,\n    default: null,\n  },\n  validateOn: {\n    type: String as PropType<FormProps['validateOn']>,\n    default: 'input',\n  },\n}, 'form')\n\nexport function createForm (props: FormProps) {\n  const model = useProxiedModel(props, 'modelValue')\n\n  const isDisabled = computed(() => props.disabled)\n  const isReadonly = computed(() => props.readonly)\n  const isValidating = shallowRef(false)\n  const items = ref<FormField[]>([])\n  const errors = ref<FieldValidationResult[]>([])\n\n  async function validate () {\n    const results = []\n    let valid = true\n\n    errors.value = []\n    isValidating.value = true\n\n    for (const item of items.value) {\n      const itemErrorMessages = await item.validate()\n\n      if (itemErrorMessages.length > 0) {\n        valid = false\n\n        results.push({\n          id: item.id,\n          errorMessages: itemErrorMessages,\n        })\n      }\n\n      if (!valid && props.fastFail) break\n    }\n\n    errors.value = results\n    isValidating.value = false\n\n    return { valid, errors: errors.value }\n  }\n\n  function reset () {\n    items.value.forEach(item => item.reset())\n    model.value = null\n  }\n\n  function resetValidation () {\n    items.value.forEach(item => item.resetValidation())\n    errors.value = []\n    model.value = null\n  }\n\n  watch(items, () => {\n    let valid = 0\n    let invalid = 0\n    const results = []\n\n    for (const item of items.value) {\n      if (item.isValid === false) {\n        invalid++\n        results.push({\n          id: item.id,\n          errorMessages: item.errorMessages,\n        })\n      } else if (item.isValid === true) valid++\n    }\n\n    errors.value = results\n    model.value =\n      invalid > 0 ? false\n      : valid === items.value.length ? true\n      : null\n  }, { deep: true })\n\n  provide(FormKey, {\n    register: ({ id, validate, reset, resetValidation }) => {\n      if (items.value.some(item => item.id === id)) {\n        consoleWarn(`Duplicate input name \"${id}\"`)\n      }\n\n      items.value.push({\n        id,\n        validate,\n        reset,\n        resetValidation,\n        isValid: null,\n        errorMessages: [],\n      })\n    },\n    unregister: id => {\n      items.value = items.value.filter(item => {\n        return item.id !== id\n      })\n    },\n    update: (id, isValid, errorMessages) => {\n      const found = items.value.find(item => item.id === id)\n\n      if (!found) return\n\n      found.isValid = isValid\n      found.errorMessages = errorMessages\n    },\n    isDisabled,\n    isReadonly,\n    isValidating,\n    items,\n    validateOn: toRef(props, 'validateOn'),\n  })\n\n  return {\n    errors,\n    isDisabled,\n    isReadonly,\n    isValidating,\n    items,\n    validate,\n    reset,\n    resetValidation,\n  }\n}\n\nexport function useForm () {\n  return inject(FormKey, null)\n}\n"],"mappings":"AAAA;AAAA,SACSA,eAAe,8BAExB;AACA,SAASC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,EAAEC,GAAG,EAAEC,UAAU,EAAEC,KAAK,EAAEC,KAAK,QAAQ,KAAK;AAAA,SACrEC,WAAW,EAAEC,YAAY,6BAElC;AAyCA,OAAO,MAAMC,OAAkC,GAAGC,MAAM,CAACC,GAAG,CAAC,cAAc,CAAC;AAW5E,OAAO,MAAMC,aAAa,GAAGJ,YAAY,CAAC;EACxCK,QAAQ,EAAEC,OAAO;EACjBC,QAAQ,EAAED,OAAO;EACjBE,QAAQ,EAAEF,OAAO;EACjBG,UAAU,EAAE;IACVC,IAAI,EAAEJ,OAAmC;IACzCK,OAAO,EAAE;EACX,CAAC;EACDC,UAAU,EAAE;IACVF,IAAI,EAAEG,MAA2C;IACjDF,OAAO,EAAE;EACX;AACF,CAAC,EAAE,MAAM,CAAC;AAEV,OAAO,SAASG,UAAUA,CAAEC,KAAgB,EAAE;EAC5C,MAAMC,KAAK,GAAGzB,eAAe,CAACwB,KAAK,EAAE,YAAY,CAAC;EAElD,MAAME,UAAU,GAAGzB,QAAQ,CAAC,MAAMuB,KAAK,CAACV,QAAQ,CAAC;EACjD,MAAMa,UAAU,GAAG1B,QAAQ,CAAC,MAAMuB,KAAK,CAACP,QAAQ,CAAC;EACjD,MAAMW,YAAY,GAAGvB,UAAU,CAAC,KAAK,CAAC;EACtC,MAAMwB,KAAK,GAAGzB,GAAG,CAAc,EAAE,CAAC;EAClC,MAAM0B,MAAM,GAAG1B,GAAG,CAA0B,EAAE,CAAC;EAE/C,eAAe2B,QAAQA,CAAA,EAAI;IACzB,MAAMC,OAAO,GAAG,EAAE;IAClB,IAAIC,KAAK,GAAG,IAAI;IAEhBH,MAAM,CAACI,KAAK,GAAG,EAAE;IACjBN,YAAY,CAACM,KAAK,GAAG,IAAI;IAEzB,KAAK,MAAMC,IAAI,IAAIN,KAAK,CAACK,KAAK,EAAE;MAC9B,MAAME,iBAAiB,GAAG,MAAMD,IAAI,CAACJ,QAAQ,EAAE;MAE/C,IAAIK,iBAAiB,CAACC,MAAM,GAAG,CAAC,EAAE;QAChCJ,KAAK,GAAG,KAAK;QAEbD,OAAO,CAACM,IAAI,CAAC;UACXC,EAAE,EAAEJ,IAAI,CAACI,EAAE;UACXC,aAAa,EAAEJ;QACjB,CAAC,CAAC;MACJ;MAEA,IAAI,CAACH,KAAK,IAAIT,KAAK,CAACR,QAAQ,EAAE;IAChC;IAEAc,MAAM,CAACI,KAAK,GAAGF,OAAO;IACtBJ,YAAY,CAACM,KAAK,GAAG,KAAK;IAE1B,OAAO;MAAED,KAAK;MAAEH,MAAM,EAAEA,MAAM,CAACI;IAAM,CAAC;EACxC;EAEA,SAASO,KAAKA,CAAA,EAAI;IAChBZ,KAAK,CAACK,KAAK,CAACQ,OAAO,CAACP,IAAI,IAAIA,IAAI,CAACM,KAAK,EAAE,CAAC;IACzChB,KAAK,CAACS,KAAK,GAAG,IAAI;EACpB;EAEA,SAASS,eAAeA,CAAA,EAAI;IAC1Bd,KAAK,CAACK,KAAK,CAACQ,OAAO,CAACP,IAAI,IAAIA,IAAI,CAACQ,eAAe,EAAE,CAAC;IACnDb,MAAM,CAACI,KAAK,GAAG,EAAE;IACjBT,KAAK,CAACS,KAAK,GAAG,IAAI;EACpB;EAEA3B,KAAK,CAACsB,KAAK,EAAE,MAAM;IACjB,IAAII,KAAK,GAAG,CAAC;IACb,IAAIW,OAAO,GAAG,CAAC;IACf,MAAMZ,OAAO,GAAG,EAAE;IAElB,KAAK,MAAMG,IAAI,IAAIN,KAAK,CAACK,KAAK,EAAE;MAC9B,IAAIC,IAAI,CAACU,OAAO,KAAK,KAAK,EAAE;QAC1BD,OAAO,EAAE;QACTZ,OAAO,CAACM,IAAI,CAAC;UACXC,EAAE,EAAEJ,IAAI,CAACI,EAAE;UACXC,aAAa,EAAEL,IAAI,CAACK;QACtB,CAAC,CAAC;MACJ,CAAC,MAAM,IAAIL,IAAI,CAACU,OAAO,KAAK,IAAI,EAAEZ,KAAK,EAAE;IAC3C;IAEAH,MAAM,CAACI,KAAK,GAAGF,OAAO;IACtBP,KAAK,CAACS,KAAK,GACTU,OAAO,GAAG,CAAC,GAAG,KAAK,GACjBX,KAAK,KAAKJ,KAAK,CAACK,KAAK,CAACG,MAAM,GAAG,IAAI,GACnC,IAAI;EACV,CAAC,EAAE;IAAES,IAAI,EAAE;EAAK,CAAC,CAAC;EAElB3C,OAAO,CAACO,OAAO,EAAE;IACfqC,QAAQ,EAAEC,IAAA,IAA8C;MAAA,IAA7C;QAAET,EAAE;QAAER,QAAQ;QAAEU,KAAK;QAAEE;MAAgB,CAAC,GAAAK,IAAA;MACjD,IAAInB,KAAK,CAACK,KAAK,CAACe,IAAI,CAACd,IAAI,IAAIA,IAAI,CAACI,EAAE,KAAKA,EAAE,CAAC,EAAE;QAC5C/B,WAAW,CAAE,yBAAwB+B,EAAG,GAAE,CAAC;MAC7C;MAEAV,KAAK,CAACK,KAAK,CAACI,IAAI,CAAC;QACfC,EAAE;QACFR,QAAQ;QACRU,KAAK;QACLE,eAAe;QACfE,OAAO,EAAE,IAAI;QACbL,aAAa,EAAE;MACjB,CAAC,CAAC;IACJ,CAAC;IACDU,UAAU,EAAEX,EAAE,IAAI;MAChBV,KAAK,CAACK,KAAK,GAAGL,KAAK,CAACK,KAAK,CAACiB,MAAM,CAAChB,IAAI,IAAI;QACvC,OAAOA,IAAI,CAACI,EAAE,KAAKA,EAAE;MACvB,CAAC,CAAC;IACJ,CAAC;IACDa,MAAM,EAAEA,CAACb,EAAE,EAAEM,OAAO,EAAEL,aAAa,KAAK;MACtC,MAAMa,KAAK,GAAGxB,KAAK,CAACK,KAAK,CAACoB,IAAI,CAACnB,IAAI,IAAIA,IAAI,CAACI,EAAE,KAAKA,EAAE,CAAC;MAEtD,IAAI,CAACc,KAAK,EAAE;MAEZA,KAAK,CAACR,OAAO,GAAGA,OAAO;MACvBQ,KAAK,CAACb,aAAa,GAAGA,aAAa;IACrC,CAAC;IACDd,UAAU;IACVC,UAAU;IACVC,YAAY;IACZC,KAAK;IACLR,UAAU,EAAEf,KAAK,CAACkB,KAAK,EAAE,YAAY;EACvC,CAAC,CAAC;EAEF,OAAO;IACLM,MAAM;IACNJ,UAAU;IACVC,UAAU;IACVC,YAAY;IACZC,KAAK;IACLE,QAAQ;IACRU,KAAK;IACLE;EACF,CAAC;AACH;AAEA,OAAO,SAASY,OAAOA,CAAA,EAAI;EACzB,OAAOrD,MAAM,CAACQ,OAAO,EAAE,IAAI,CAAC;AAC9B"}

package/lib/composables/hydration.mjs

@@ -1,20 +1,20 @@
-// Utilities
-import { onMounted, ref } from 'vue';
+// Composables
+import { useDisplay } from "./display.mjs"; // Utilities
 import { IN_BROWSER } from "../util/index.mjs";
-import { useDisplay } from "./display.mjs";
+import { onMounted, shallowRef } from 'vue';
 export function useHydration() {
-  if (!IN_BROWSER) return ref(false);
+  if (!IN_BROWSER) return shallowRef(false);
   const {
     ssr
   } = useDisplay();
   if (ssr) {
-    const isMounted = ref(false);
+    const isMounted = shallowRef(false);
     onMounted(() => {
       isMounted.value = true;
     });
     return isMounted;
   } else {
-    return ref(true);
+    return shallowRef(true);
   }
 }
 //# sourceMappingURL=hydration.mjs.map

package/lib/composables/hydration.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hydration.mjs","names":["onMounted","ref","IN_BROWSER","useDisplay","useHydration","ssr","isMounted","value"],"sources":["../../src/composables/hydration.ts"],"sourcesContent":["// Utilities\nimport { onMounted, ref } from 'vue'\nimport { IN_BROWSER } from '@/util'\nimport { useDisplay } from '@/composables/display'\n\nexport function useHydration () {\n  if (!IN_BROWSER) return ref(false)\n\n  const { ssr } = useDisplay()\n\n  if (ssr) {\n    const isMounted = ref(false)\n    onMounted(() => {\n      isMounted.value = true\n    })\n    return isMounted\n  } else {\n    return ref(true)\n  }\n}\n"],"mappings":"AAAA;AACA,SAASA,SAAS,EAAEC,GAAG,QAAQ,KAAK;AAAA,SAC3BC,UAAU;AAAA,SACVC,UAAU;AAEnB,OAAO,SAASC,YAAYA,CAAA,EAAI;EAC9B,IAAI,CAACF,UAAU,EAAE,OAAOD,GAAG,CAAC,KAAK,CAAC;EAElC,MAAM;IAAEI;EAAI,CAAC,GAAGF,UAAU,EAAE;EAE5B,IAAIE,GAAG,EAAE;IACP,MAAMC,SAAS,GAAGL,GAAG,CAAC,KAAK,CAAC;IAC5BD,SAAS,CAAC,MAAM;MACdM,SAAS,CAACC,KAAK,GAAG,IAAI;IACxB,CAAC,CAAC;IACF,OAAOD,SAAS;EAClB,CAAC,MAAM;IACL,OAAOL,GAAG,CAAC,IAAI,CAAC;EAClB;AACF"}
+{"version":3,"file":"hydration.mjs","names":["useDisplay","IN_BROWSER","onMounted","shallowRef","useHydration","ssr","isMounted","value"],"sources":["../../src/composables/hydration.ts"],"sourcesContent":["// Composables\nimport { useDisplay } from '@/composables/display'\n\n// Utilities\nimport { IN_BROWSER } from '@/util'\nimport { onMounted, shallowRef } from 'vue'\n\nexport function useHydration () {\n  if (!IN_BROWSER) return shallowRef(false)\n\n  const { ssr } = useDisplay()\n\n  if (ssr) {\n    const isMounted = shallowRef(false)\n    onMounted(() => {\n      isMounted.value = true\n    })\n    return isMounted\n  } else {\n    return shallowRef(true)\n  }\n}\n"],"mappings":"AAAA;AAAA,SACSA,UAAU,yBAEnB;AAAA,SACSC,UAAU;AACnB,SAASC,SAAS,EAAEC,UAAU,QAAQ,KAAK;AAE3C,OAAO,SAASC,YAAYA,CAAA,EAAI;EAC9B,IAAI,CAACH,UAAU,EAAE,OAAOE,UAAU,CAAC,KAAK,CAAC;EAEzC,MAAM;IAAEE;EAAI,CAAC,GAAGL,UAAU,EAAE;EAE5B,IAAIK,GAAG,EAAE;IACP,MAAMC,SAAS,GAAGH,UAAU,CAAC,KAAK,CAAC;IACnCD,SAAS,CAAC,MAAM;MACdI,SAAS,CAACC,KAAK,GAAG,IAAI;IACxB,CAAC,CAAC;IACF,OAAOD,SAAS;EAClB,CAAC,MAAM;IACL,OAAOH,UAAU,CAAC,IAAI,CAAC;EACzB;AACF"}

package/lib/composables/intersectionObserver.mjs

@@ -1,9 +1,9 @@
 // Utilities
-import { onBeforeUnmount, ref, watch } from 'vue';
+import { onBeforeUnmount, ref, shallowRef, watch } from 'vue';
 import { SUPPORTS_INTERSECTION } from "../util/index.mjs";
 export function useIntersectionObserver(callback, options) {
   const intersectionRef = ref();
-  const isIntersecting = ref(false);
+  const isIntersecting = shallowRef(false);
   if (SUPPORTS_INTERSECTION) {
     const observer = new IntersectionObserver(entries => {
       callback?.(entries, observer);

package/lib/composables/intersectionObserver.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"intersectionObserver.mjs","names":["onBeforeUnmount","ref","watch","SUPPORTS_INTERSECTION","useIntersectionObserver","callback","options","intersectionRef","isIntersecting","observer","IntersectionObserver","entries","value","find","entry","disconnect","newValue","oldValue","unobserve","observe","flush"],"sources":["../../src/composables/intersectionObserver.ts"],"sourcesContent":["// Utilities\nimport { onBeforeUnmount, ref, watch } from 'vue'\nimport { SUPPORTS_INTERSECTION } from '@/util'\n\nexport function useIntersectionObserver (callback?: IntersectionObserverCallback, options?: IntersectionObserverInit) {\n  const intersectionRef = ref<HTMLElement>()\n  const isIntersecting = ref(false)\n\n  if (SUPPORTS_INTERSECTION) {\n    const observer = new IntersectionObserver((entries: IntersectionObserverEntry[]) => {\n      callback?.(entries, observer)\n\n      isIntersecting.value = !!entries.find(entry => entry.isIntersecting)\n    }, options)\n\n    onBeforeUnmount(() => {\n      observer.disconnect()\n    })\n\n    watch(intersectionRef, (newValue, oldValue) => {\n      if (oldValue) {\n        observer.unobserve(oldValue)\n        isIntersecting.value = false\n      }\n\n      if (newValue) observer.observe(newValue)\n    }, {\n      flush: 'post',\n    })\n  }\n\n  return { intersectionRef, isIntersecting }\n}\n"],"mappings":"AAAA;AACA,SAASA,eAAe,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAA,SACxCC,qBAAqB;AAE9B,OAAO,SAASC,uBAAuBA,CAAEC,QAAuC,EAAEC,OAAkC,EAAE;EACpH,MAAMC,eAAe,GAAGN,GAAG,EAAe;EAC1C,MAAMO,cAAc,GAAGP,GAAG,CAAC,KAAK,CAAC;EAEjC,IAAIE,qBAAqB,EAAE;IACzB,MAAMM,QAAQ,GAAG,IAAIC,oBAAoB,CAAEC,OAAoC,IAAK;MAClFN,QAAQ,GAAGM,OAAO,EAAEF,QAAQ,CAAC;MAE7BD,cAAc,CAACI,KAAK,GAAG,CAAC,CAACD,OAAO,CAACE,IAAI,CAACC,KAAK,IAAIA,KAAK,CAACN,cAAc,CAAC;IACtE,CAAC,EAAEF,OAAO,CAAC;IAEXN,eAAe,CAAC,MAAM;MACpBS,QAAQ,CAACM,UAAU,EAAE;IACvB,CAAC,CAAC;IAEFb,KAAK,CAACK,eAAe,EAAE,CAACS,QAAQ,EAAEC,QAAQ,KAAK;MAC7C,IAAIA,QAAQ,EAAE;QACZR,QAAQ,CAACS,SAAS,CAACD,QAAQ,CAAC;QAC5BT,cAAc,CAACI,KAAK,GAAG,KAAK;MAC9B;MAEA,IAAII,QAAQ,EAAEP,QAAQ,CAACU,OAAO,CAACH,QAAQ,CAAC;IAC1C,CAAC,EAAE;MACDI,KAAK,EAAE;IACT,CAAC,CAAC;EACJ;EAEA,OAAO;IAAEb,eAAe;IAAEC;EAAe,CAAC;AAC5C"}
+{"version":3,"file":"intersectionObserver.mjs","names":["onBeforeUnmount","ref","shallowRef","watch","SUPPORTS_INTERSECTION","useIntersectionObserver","callback","options","intersectionRef","isIntersecting","observer","IntersectionObserver","entries","value","find","entry","disconnect","newValue","oldValue","unobserve","observe","flush"],"sources":["../../src/composables/intersectionObserver.ts"],"sourcesContent":["// Utilities\nimport { onBeforeUnmount, ref, shallowRef, watch } from 'vue'\nimport { SUPPORTS_INTERSECTION } from '@/util'\n\nexport function useIntersectionObserver (callback?: IntersectionObserverCallback, options?: IntersectionObserverInit) {\n  const intersectionRef = ref<HTMLElement>()\n  const isIntersecting = shallowRef(false)\n\n  if (SUPPORTS_INTERSECTION) {\n    const observer = new IntersectionObserver((entries: IntersectionObserverEntry[]) => {\n      callback?.(entries, observer)\n\n      isIntersecting.value = !!entries.find(entry => entry.isIntersecting)\n    }, options)\n\n    onBeforeUnmount(() => {\n      observer.disconnect()\n    })\n\n    watch(intersectionRef, (newValue, oldValue) => {\n      if (oldValue) {\n        observer.unobserve(oldValue)\n        isIntersecting.value = false\n      }\n\n      if (newValue) observer.observe(newValue)\n    }, {\n      flush: 'post',\n    })\n  }\n\n  return { intersectionRef, isIntersecting }\n}\n"],"mappings":"AAAA;AACA,SAASA,eAAe,EAAEC,GAAG,EAAEC,UAAU,EAAEC,KAAK,QAAQ,KAAK;AAAA,SACpDC,qBAAqB;AAE9B,OAAO,SAASC,uBAAuBA,CAAEC,QAAuC,EAAEC,OAAkC,EAAE;EACpH,MAAMC,eAAe,GAAGP,GAAG,EAAe;EAC1C,MAAMQ,cAAc,GAAGP,UAAU,CAAC,KAAK,CAAC;EAExC,IAAIE,qBAAqB,EAAE;IACzB,MAAMM,QAAQ,GAAG,IAAIC,oBAAoB,CAAEC,OAAoC,IAAK;MAClFN,QAAQ,GAAGM,OAAO,EAAEF,QAAQ,CAAC;MAE7BD,cAAc,CAACI,KAAK,GAAG,CAAC,CAACD,OAAO,CAACE,IAAI,CAACC,KAAK,IAAIA,KAAK,CAACN,cAAc,CAAC;IACtE,CAAC,EAAEF,OAAO,CAAC;IAEXP,eAAe,CAAC,MAAM;MACpBU,QAAQ,CAACM,UAAU,EAAE;IACvB,CAAC,CAAC;IAEFb,KAAK,CAACK,eAAe,EAAE,CAACS,QAAQ,EAAEC,QAAQ,KAAK;MAC7C,IAAIA,QAAQ,EAAE;QACZR,QAAQ,CAACS,SAAS,CAACD,QAAQ,CAAC;QAC5BT,cAAc,CAACI,KAAK,GAAG,KAAK;MAC9B;MAEA,IAAII,QAAQ,EAAEP,QAAQ,CAACU,OAAO,CAACH,QAAQ,CAAC;IAC1C,CAAC,EAAE;MACDI,KAAK,EAAE;IACT,CAAC,CAAC;EACJ;EAEA,OAAO;IAAEb,eAAe;IAAEC;EAAe,CAAC;AAC5C"}