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

package/lib/composables/group.mjs

@@ -1,43 +1,49 @@
-// Utilities
+// Composables
+import { useProxiedModel } from "./proxiedModel.mjs"; // Utilities
+
 import { computed, inject, onBeforeUnmount, onMounted, provide, reactive, toRef } from 'vue';
-import { useProxiedModel } from "./proxiedModel.mjs";
-import { consoleWarn, deepEqual, getUid, propsFactory, wrapInArray } from "../util/index.mjs"; // Types
+import { consoleWarn, deepEqual, findChildrenWithProvide, getCurrentInstance, getUid, propsFactory, wrapInArray } from "../util/index.mjs"; // Types
 
 export const makeGroupProps = propsFactory({
   modelValue: {
-    type: [Number, Boolean, String, Array, Object],
+    type: null,
     default: undefined
   },
   multiple: Boolean,
   mandatory: [Boolean, String],
   max: Number,
-  selectedClass: String
+  selectedClass: String,
+  disabled: Boolean
 }, 'group');
 export const makeGroupItemProps = propsFactory({
-  value: {
-    type: [Number, Boolean, String, Object],
-    default: undefined
-  },
-  index: Number,
+  value: null,
   disabled: Boolean,
   selectedClass: String
-}, 'group-item'); // Composables
-
+}, 'group-item');
 export function useGroupItem(props, injectKey) {
+  let required = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  const vm = getCurrentInstance('useGroupItem');
+
+  if (!vm) {
+    throw new Error('[Vuetify] useGroupItem composable must be used inside a component setup function');
+  }
+
+  const id = getUid();
+  provide(Symbol.for(`${injectKey.description}:id`), id);
   const group = inject(injectKey, null);
 
   if (!group) {
+    if (!required) return group;
     throw new Error(`[Vuetify] Could not find useGroup injection with symbol ${injectKey.description}`);
   }
 
-  const id = getUid();
   const value = toRef(props, 'value');
-  const disabled = toRef(props, 'disabled');
+  const disabled = computed(() => group.disabled.value || props.disabled);
   group.register({
     id,
     value,
     disabled
-  }, props.index);
+  }, vm);
   onBeforeUnmount(() => {
     group.unregister(id);
   });
@@ -50,12 +56,14 @@ export function useGroupItem(props, injectKey) {
     return isSelected.value && ((_group$selectedClass$ = group.selectedClass.value) != null ? _group$selectedClass$ : props.selectedClass);
   });
   return {
+    id,
     isSelected,
     toggle: () => group.select(id, !isSelected.value),
     select: value => group.select(id, value),
     selectedClass,
     value,
-    disabled
+    disabled,
+    group
   };
 }
 export function useGroup(props, injectKey) {
@@ -68,16 +76,27 @@ export function useGroup(props, injectKey) {
     const arr = getValues(items, v);
     return props.multiple ? arr : arr[0];
   });
+  const groupVm = getCurrentInstance('useGroup');
 
-  function register(item, index) {
+  function register(item, vm) {
     // Is there a better way to fix this typing?
     const unwrapped = item;
-    if (index != null) items.splice(index, 0, unwrapped);else items.push(unwrapped);
+    const key = Symbol.for(`${injectKey.description}:id`);
+    const children = findChildrenWithProvide(key, groupVm == null ? void 0 : groupVm.vnode);
+    const index = children.indexOf(vm);
+
+    if (index > -1) {
+      items.splice(index, 0, unwrapped);
+    } else {
+      items.push(unwrapped);
+    }
   }
 
   function unregister(id) {
-    if (isUnmounted) return;
-    selected.value = selected.value.filter(v => v !== id);
+    if (isUnmounted) return; // TODO: re-evaluate this line's importance in the future
+    // should we only modify the model if mandatory is set.
+    // selected.value = selected.value.filter(v => v !== id)
+
     forceMandatoryValue();
     const index = items.findIndex(item => item.id === id);
     items.splice(index, 1);
@@ -99,25 +118,32 @@ export function useGroup(props, injectKey) {
     isUnmounted = true;
   });
 
-  function select(id, isSelected) {
+  function select(id, value) {
     const item = items.find(item => item.id === id);
-    if (isSelected && item != null && item.disabled) return;
+    if (value && item != null && item.disabled) return;
 
     if (props.multiple) {
+      var _value;
+
       const internalValue = selected.value.slice();
-      const index = internalValue.findIndex(v => v === id); // We can't remove value if group is
+      const index = internalValue.findIndex(v => v === id);
+      const isSelected = ~index;
+      value = (_value = value) != null ? _value : !isSelected; // We can't remove value if group is
       // mandatory, value already exists,
       // and it is the only value
 
-      if (props.mandatory && index > -1 && internalValue.length <= 1) return; // We can't add value if it would
+      if (isSelected && props.mandatory && internalValue.length <= 1) return; // We can't add value if it would
       // cause max limit to be exceeded
 
-      if (props.max != null && index < 0 && internalValue.length + 1 > props.max) return;
-      if (index < 0 && isSelected) internalValue.push(id);else if (index >= 0 && !isSelected) internalValue.splice(index, 1);
+      if (!isSelected && props.max != null && internalValue.length + 1 > props.max) return;
+      if (index < 0 && value) internalValue.push(id);else if (index >= 0 && !value) internalValue.splice(index, 1);
       selected.value = internalValue;
     } else {
-      if (props.mandatory && selected.value.includes(id)) return;
-      selected.value = isSelected ? [id] : [];
+      var _value2;
+
+      const isSelected = selected.value.includes(id);
+      if (props.mandatory && isSelected) return;
+      selected.value = ((_value2 = value) != null ? _value2 : !isSelected) ? [id] : [];
     }
   }
 
@@ -149,10 +175,12 @@ export function useGroup(props, injectKey) {
     unregister,
     selected,
     select,
+    disabled: toRef(props, 'disabled'),
     prev: () => step(items.length - 1),
     next: () => step(1),
     isSelected: id => selected.value.includes(id),
-    selectedClass: computed(() => props.selectedClass)
+    selectedClass: computed(() => props.selectedClass),
+    items: computed(() => items)
   };
   provide(injectKey, state);
   return state;
@@ -161,12 +189,14 @@ export function useGroup(props, injectKey) {
 function getIds(items, modelValue) {
   const ids = [];
 
-  for (const item of items) {
+  for (let i = 0; i < items.length; i++) {
+    const item = items[i];
+
     if (item.value != null) {
-      if (modelValue.find(value => deepEqual(value, item.value))) {
+      if (modelValue.find(value => deepEqual(value, item.value)) != null) {
         ids.push(item.id);
       }
-    } else if (modelValue.includes(item.id)) {
+    } else if (modelValue.includes(i)) {
       ids.push(item.id);
     }
   }
@@ -177,9 +207,11 @@ function getIds(items, modelValue) {
 function getValues(items, ids) {
   const values = [];
 
-  for (const item of items) {
+  for (let i = 0; i < items.length; i++) {
+    const item = items[i];
+
     if (ids.includes(item.id)) {
-      values.push(item.value != null ? item.value : item.id);
+      values.push(item.value != null ? item.value : i);
     }
   }
 

package/lib/composables/group.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/group.ts"],"names":["computed","inject","onBeforeUnmount","onMounted","provide","reactive","toRef","useProxiedModel","consoleWarn","deepEqual","getUid","propsFactory","wrapInArray","makeGroupProps","modelValue","type","Number","Boolean","String","Array","Object","default","undefined","multiple","mandatory","max","selectedClass","makeGroupItemProps","value","index","disabled","useGroupItem","props","injectKey","group","Error","description","id","register","unregister","isSelected","toggle","select","useGroup","isUnmounted","items","selected","v","getIds","arr","getValues","item","unwrapped","splice","push","filter","forceMandatoryValue","findIndex","find","length","internalValue","slice","includes","step","offset","currentId","currentIndex","i","newIndex","newItem","state","prev","next","ids","values"],"mappings":"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","sourcesContent":["// Utilities\nimport { computed, inject, onBeforeUnmount, onMounted, provide, reactive, toRef } from 'vue'\nimport { useProxiedModel } from './proxiedModel'\nimport { consoleWarn, deepEqual, getUid, propsFactory, wrapInArray } from '@/util'\n\n// Types\nimport type { InjectionKey, PropType, Ref, UnwrapRef } from 'vue'\n\ninterface GroupItem {\n  id: number\n  value: Ref<unknown>\n  disabled: Ref<boolean | undefined>\n}\n\ninterface GroupProps {\n  modelValue?: unknown\n  multiple?: boolean\n  mandatory?: boolean | 'force'\n  max?: number\n  selectedClass?: string\n}\n\ninterface GroupProvide {\n  register: (item: GroupItem, index?: number) => void\n  unregister: (id: number) => void\n  select: (id: number, value: boolean) => void\n  selected: Ref<any[]>\n  isSelected: (id: number) => boolean\n  prev: () => void\n  next: () => void\n  selectedClass: Ref<string | undefined>\n}\n\nexport const makeGroupProps = propsFactory({\n  modelValue: {\n    type: [Number, Boolean, String, Array, Object],\n    default: undefined,\n  },\n  multiple: Boolean,\n  mandatory: [Boolean, String] as PropType<boolean | 'force'>,\n  max: Number,\n  selectedClass: String,\n}, 'group')\n\nexport const makeGroupItemProps = propsFactory({\n  value: {\n    type: [Number, Boolean, String, Object],\n    default: undefined,\n  },\n  index: Number,\n  disabled: Boolean,\n  selectedClass: String,\n}, 'group-item')\n\n// Composables\nexport function useGroupItem (\n  props: { value?: unknown, index?: number, disabled?: boolean, selectedClass?: string },\n  injectKey: InjectionKey<GroupProvide>,\n) {\n  const group = inject(injectKey, null)\n\n  if (!group) {\n    throw new Error(`[Vuetify] Could not find useGroup injection with symbol ${injectKey.description}`)\n  }\n\n  const id = getUid()\n  const value = toRef(props, 'value')\n  const disabled = toRef(props, 'disabled')\n\n  group.register({\n    id,\n    value,\n    disabled,\n  }, props.index)\n\n  onBeforeUnmount(() => {\n    group.unregister(id)\n  })\n\n  const isSelected = computed(() => {\n    return group.isSelected(id)\n  })\n\n  const selectedClass = computed(() => isSelected.value && (group.selectedClass.value ?? props.selectedClass))\n\n  return {\n    isSelected,\n    toggle: () => group.select(id, !isSelected.value),\n    select: (value: boolean) => group.select(id, value),\n    selectedClass,\n    value,\n    disabled,\n  }\n}\n\nexport function useGroup (\n  props: GroupProps,\n  injectKey: InjectionKey<GroupProvide>\n) {\n  let isUnmounted = false\n  const items = reactive<GroupItem[]>([])\n  const selected = useProxiedModel(\n    props,\n    'modelValue',\n    [],\n    v => {\n      if (v == null) return []\n\n      return getIds(items, wrapInArray(v))\n    },\n    v => {\n      const arr = getValues(items, v)\n\n      return props.multiple ? arr : arr[0]\n    }\n  )\n\n  function register (item: GroupItem, index?: number) {\n    // Is there a better way to fix this typing?\n    const unwrapped = item as unknown as UnwrapRef<GroupItem>\n    if (index != null) items.splice(index, 0, unwrapped)\n    else items.push(unwrapped)\n  }\n\n  function unregister (id: number) {\n    if (isUnmounted) return\n\n    selected.value = selected.value.filter(v => v !== id)\n\n    forceMandatoryValue()\n\n    const index = items.findIndex(item => item.id === id)\n    items.splice(index, 1)\n  }\n\n  // If mandatory and nothing is selected, then select first non-disabled item\n  function forceMandatoryValue () {\n    const item = items.find(item => !item.disabled)\n    if (item && props.mandatory === 'force' && !selected.value.length) {\n      selected.value = [item.id]\n    }\n  }\n\n  onMounted(() => {\n    forceMandatoryValue()\n  })\n\n  onBeforeUnmount(() => {\n    isUnmounted = true\n  })\n\n  function select (id: number, isSelected: boolean) {\n    const item = items.find(item => item.id === id)\n    if (isSelected && item?.disabled) return\n\n    if (props.multiple) {\n      const internalValue = selected.value.slice()\n      const index = internalValue.findIndex(v => v === id)\n\n      // We can't remove value if group is\n      // mandatory, value already exists,\n      // and it is the only value\n      if (\n        props.mandatory &&\n        index > -1 &&\n        internalValue.length <= 1\n      ) return\n\n      // We can't add value if it would\n      // cause max limit to be exceeded\n      if (\n        props.max != null &&\n        index < 0 &&\n        internalValue.length + 1 > props.max\n      ) return\n\n      if (index < 0 && isSelected) internalValue.push(id)\n      else if (index >= 0 && !isSelected) internalValue.splice(index, 1)\n\n      selected.value = internalValue\n    } else {\n      if (props.mandatory && selected.value.includes(id)) return\n\n      selected.value = isSelected ? [id] : []\n    }\n  }\n\n  function step (offset: number) {\n    // getting an offset from selected value obviously won't work with multiple values\n    if (props.multiple) consoleWarn('This method is not supported when using \"multiple\" prop')\n\n    if (!selected.value.length) {\n      const item = items.find(item => !item.disabled)\n      item && (selected.value = [item.id])\n    } else {\n      const currentId = selected.value[0]\n      const currentIndex = items.findIndex(i => i.id === currentId)\n\n      let newIndex = (currentIndex + offset) % items.length\n      let newItem = items[newIndex]\n\n      while (newItem.disabled && newIndex !== currentIndex) {\n        newIndex = (newIndex + offset) % items.length\n        newItem = items[newIndex]\n      }\n\n      if (newItem.disabled) return\n\n      selected.value = [items[newIndex].id]\n    }\n  }\n\n  const state = {\n    register,\n    unregister,\n    selected,\n    select,\n    prev: () => step(items.length - 1),\n    next: () => step(1),\n    isSelected: (id: number) => selected.value.includes(id),\n    selectedClass: computed(() => props.selectedClass),\n  }\n\n  provide(injectKey, state)\n\n  return state\n}\n\nfunction getIds (items: UnwrapRef<GroupItem[]>, modelValue: any[]) {\n  const ids = []\n  for (const item of items) {\n    if (item.value != null) {\n      if (modelValue.find(value => deepEqual(value, item.value))) {\n        ids.push(item.id)\n      }\n    } else if (modelValue.includes(item.id)) {\n      ids.push(item.id)\n    }\n  }\n\n  return ids\n}\n\nfunction getValues (items: UnwrapRef<GroupItem[]>, ids: any[]) {\n  const values = []\n\n  for (const item of items) {\n    if (ids.includes(item.id)) {\n      values.push(item.value != null ? item.value : item.id)\n    }\n  }\n\n  return values\n}\n"],"file":"group.mjs"}
+{"version":3,"sources":["../../src/composables/group.ts"],"names":["useProxiedModel","computed","inject","onBeforeUnmount","onMounted","provide","reactive","toRef","consoleWarn","deepEqual","findChildrenWithProvide","getCurrentInstance","getUid","propsFactory","wrapInArray","makeGroupProps","modelValue","type","default","undefined","multiple","Boolean","mandatory","String","max","Number","selectedClass","disabled","makeGroupItemProps","value","useGroupItem","props","injectKey","required","vm","Error","id","Symbol","for","description","group","register","unregister","isSelected","toggle","select","useGroup","isUnmounted","items","selected","v","getIds","arr","getValues","groupVm","item","unwrapped","key","children","vnode","index","indexOf","splice","push","forceMandatoryValue","findIndex","find","length","internalValue","slice","includes","step","offset","currentId","currentIndex","i","newIndex","newItem","state","prev","next","ids","values"],"mappings":"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","sourcesContent":["// Composables\nimport { useProxiedModel } from './proxiedModel'\n\n// Utilities\nimport { computed, inject, onBeforeUnmount, onMounted, provide, reactive, toRef } from 'vue'\nimport { consoleWarn, deepEqual, findChildrenWithProvide, getCurrentInstance, getUid, propsFactory, wrapInArray } from '@/util'\n\n// Types\nimport type { ComponentInternalInstance, ComputedRef, ExtractPropTypes, InjectionKey, PropType, Ref, UnwrapRef } from 'vue'\n\nexport interface GroupItem {\n  id: number\n  value: Ref<unknown>\n  disabled: Ref<boolean | undefined>\n}\n\nexport interface GroupProps {\n  disabled: boolean\n  modelValue: unknown\n  multiple?: boolean\n  mandatory?: boolean | 'force' | undefined\n  max?: number | undefined\n  selectedClass: string | undefined\n  'onUpdate:modelValue': ((val: unknown) => void) | undefined\n}\n\nexport interface GroupProvide {\n  register: (item: GroupItem, cmp: ComponentInternalInstance) => void\n  unregister: (id: number) => void\n  select: (id: number, value: boolean) => void\n  selected: Ref<any[]>\n  isSelected: (id: number) => boolean\n  prev: () => void\n  next: () => void\n  selectedClass: Ref<string | undefined>\n  items: ComputedRef<{\n    id: number\n    value: unknown\n    disabled: boolean | undefined\n  }[]>\n  disabled: Ref<boolean | undefined>\n}\n\nexport interface GroupItemProvide {\n  id: number\n  isSelected: Ref<boolean>\n  toggle: () => void\n  select: (value: boolean) => void\n  selectedClass: Ref<string | false | undefined>\n  value: Ref<unknown>\n  disabled: Ref<boolean | undefined>\n  group: GroupProvide\n}\n\nexport const makeGroupProps = propsFactory({\n  modelValue: {\n    type: null,\n    default: undefined,\n  },\n  multiple: Boolean,\n  mandatory: [Boolean, String] as PropType<boolean | 'force'>,\n  max: Number,\n  selectedClass: String,\n  disabled: Boolean,\n}, 'group')\n\nexport const makeGroupItemProps = propsFactory({\n  value: null,\n  disabled: Boolean,\n  selectedClass: String,\n}, 'group-item')\n\nexport type GroupItemProps = ExtractPropTypes<ReturnType<typeof makeGroupItemProps>>\n\n// Composables\nexport function useGroupItem (\n  props: GroupItemProps,\n  injectKey: InjectionKey<GroupProvide>,\n  required?: true,\n): GroupItemProvide\nexport function useGroupItem (\n  props: GroupItemProps,\n  injectKey: InjectionKey<GroupProvide>,\n  required: false,\n): GroupItemProvide | null\nexport function useGroupItem (\n  props: GroupItemProps,\n  injectKey: InjectionKey<GroupProvide>,\n  required = true,\n): GroupItemProvide | null {\n  const vm = getCurrentInstance('useGroupItem')\n\n  if (!vm) {\n    throw new Error(\n      '[Vuetify] useGroupItem composable must be used inside a component setup function'\n    )\n  }\n\n  const id = getUid()\n\n  provide(Symbol.for(`${injectKey.description}:id`), id)\n\n  const group = inject(injectKey, null)\n\n  if (!group) {\n    if (!required) return group\n\n    throw new Error(`[Vuetify] Could not find useGroup injection with symbol ${injectKey.description}`)\n  }\n\n  const value = toRef(props, 'value')\n  const disabled = computed(() => group.disabled.value || props.disabled)\n\n  group.register({\n    id,\n    value,\n    disabled,\n  }, vm)\n\n  onBeforeUnmount(() => {\n    group.unregister(id)\n  })\n\n  const isSelected = computed(() => {\n    return group.isSelected(id)\n  })\n\n  const selectedClass = computed(() => isSelected.value && (group.selectedClass.value ?? props.selectedClass))\n\n  return {\n    id,\n    isSelected,\n    toggle: () => group.select(id, !isSelected.value),\n    select: (value: boolean) => group.select(id, value),\n    selectedClass,\n    value,\n    disabled,\n    group,\n  }\n}\n\nexport function useGroup (\n  props: GroupProps,\n  injectKey: InjectionKey<GroupProvide>\n) {\n  let isUnmounted = false\n  const items = reactive<GroupItem[]>([])\n  const selected = useProxiedModel(\n    props,\n    'modelValue',\n    [],\n    v => {\n      if (v == null) return []\n\n      return getIds(items, wrapInArray(v))\n    },\n    v => {\n      const arr = getValues(items, v)\n\n      return props.multiple ? arr : arr[0]\n    }\n  )\n\n  const groupVm = getCurrentInstance('useGroup')\n\n  function register (item: GroupItem, vm: ComponentInternalInstance) {\n    // Is there a better way to fix this typing?\n    const unwrapped = item as unknown as UnwrapRef<GroupItem>\n\n    const key = Symbol.for(`${injectKey.description}:id`)\n    const children = findChildrenWithProvide(key, groupVm?.vnode)\n    const index = children.indexOf(vm)\n\n    if (index > -1) {\n      items.splice(index, 0, unwrapped)\n    } else {\n      items.push(unwrapped)\n    }\n  }\n\n  function unregister (id: number) {\n    if (isUnmounted) return\n\n    // TODO: re-evaluate this line's importance in the future\n    // should we only modify the model if mandatory is set.\n    // selected.value = selected.value.filter(v => v !== id)\n\n    forceMandatoryValue()\n\n    const index = items.findIndex(item => item.id === id)\n    items.splice(index, 1)\n  }\n\n  // If mandatory and nothing is selected, then select first non-disabled item\n  function forceMandatoryValue () {\n    const item = items.find(item => !item.disabled)\n    if (item && props.mandatory === 'force' && !selected.value.length) {\n      selected.value = [item.id]\n    }\n  }\n\n  onMounted(() => {\n    forceMandatoryValue()\n  })\n\n  onBeforeUnmount(() => {\n    isUnmounted = true\n  })\n\n  function select (id: number, value?: boolean) {\n    const item = items.find(item => item.id === id)\n    if (value && item?.disabled) return\n\n    if (props.multiple) {\n      const internalValue = selected.value.slice()\n      const index = internalValue.findIndex(v => v === id)\n      const isSelected = ~index\n      value = value ?? !isSelected\n\n      // We can't remove value if group is\n      // mandatory, value already exists,\n      // and it is the only value\n      if (\n        isSelected &&\n        props.mandatory &&\n        internalValue.length <= 1\n      ) return\n\n      // We can't add value if it would\n      // cause max limit to be exceeded\n      if (\n        !isSelected &&\n        props.max != null &&\n        internalValue.length + 1 > props.max\n      ) return\n\n      if (index < 0 && value) internalValue.push(id)\n      else if (index >= 0 && !value) internalValue.splice(index, 1)\n\n      selected.value = internalValue\n    } else {\n      const isSelected = selected.value.includes(id)\n      if (props.mandatory && isSelected) return\n\n      selected.value = (value ?? !isSelected) ? [id] : []\n    }\n  }\n\n  function step (offset: number) {\n    // getting an offset from selected value obviously won't work with multiple values\n    if (props.multiple) consoleWarn('This method is not supported when using \"multiple\" prop')\n\n    if (!selected.value.length) {\n      const item = items.find(item => !item.disabled)\n      item && (selected.value = [item.id])\n    } else {\n      const currentId = selected.value[0]\n      const currentIndex = items.findIndex(i => i.id === currentId)\n\n      let newIndex = (currentIndex + offset) % items.length\n      let newItem = items[newIndex]\n\n      while (newItem.disabled && newIndex !== currentIndex) {\n        newIndex = (newIndex + offset) % items.length\n        newItem = items[newIndex]\n      }\n\n      if (newItem.disabled) return\n\n      selected.value = [items[newIndex].id]\n    }\n  }\n\n  const state = {\n    register,\n    unregister,\n    selected,\n    select,\n    disabled: toRef(props, 'disabled'),\n    prev: () => step(items.length - 1),\n    next: () => step(1),\n    isSelected: (id: number) => selected.value.includes(id),\n    selectedClass: computed(() => props.selectedClass),\n    items: computed(() => items),\n  }\n\n  provide(injectKey, state)\n\n  return state\n}\n\nfunction getIds (items: UnwrapRef<GroupItem[]>, modelValue: any[]) {\n  const ids = []\n  for (let i = 0; i < items.length; i++) {\n    const item = items[i]\n\n    if (item.value != null) {\n      if (modelValue.find(value => deepEqual(value, item.value)) != null) {\n        ids.push(item.id)\n      }\n    } else if (modelValue.includes(i)) {\n      ids.push(item.id)\n    }\n  }\n\n  return ids\n}\n\nfunction getValues (items: UnwrapRef<GroupItem[]>, ids: any[]) {\n  const values = []\n\n  for (let i = 0; i < items.length; i++) {\n    const item = items[i]\n\n    if (ids.includes(item.id)) {\n      values.push(item.value != null ? item.value : i)\n    }\n  }\n\n  return values\n}\n"],"file":"group.mjs"}

package/lib/composables/hydration.mjs

@@ -0,0 +1,12 @@
+// Utilities
+import { getCurrentInstance, IN_BROWSER } from "../util/index.mjs";
+import { onMounted } from 'vue';
+export function useHydration(callback) {
+  var _vm$root, _vm$root$appContext, _vm$root$appContext$a;
+
+  if (!IN_BROWSER) return;
+  const vm = getCurrentInstance('useHydration');
+  const rootEl = vm == null ? void 0 : (_vm$root = vm.root) == null ? void 0 : (_vm$root$appContext = _vm$root.appContext) == null ? void 0 : (_vm$root$appContext$a = _vm$root$appContext.app) == null ? void 0 : _vm$root$appContext$a._container;
+  return rootEl != null && rootEl.__vue_app__ ? callback() : onMounted(callback);
+}
+//# sourceMappingURL=hydration.mjs.map

package/lib/composables/hydration.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/composables/hydration.ts"],"names":["getCurrentInstance","IN_BROWSER","onMounted","useHydration","callback","vm","rootEl","root","appContext","app","_container","__vue_app__"],"mappings":"AAAA;SACSA,kB,EAAoBC,U;AAC7B,SAASC,SAAT,QAA0B,KAA1B;AAEA,OAAO,SAASC,YAAT,CAAuBC,QAAvB,EAA6C;AAAA;;AAClD,MAAI,CAACH,UAAL,EAAiB;AAEjB,QAAMI,EAAE,GAAGL,kBAAkB,CAAC,cAAD,CAA7B;AACA,QAAMM,MAAM,GAAGD,EAAH,gCAAGA,EAAE,CAAEE,IAAP,4CAAG,SAAUC,UAAb,8CAAG,oBAAsBC,GAAzB,qBAAG,sBAA2BC,UAA1C;AAEA,SAAOJ,MAAM,QAAN,IAAAA,MAAM,CAAEK,WAAR,GAAsBP,QAAQ,EAA9B,GAAmCF,SAAS,CAACE,QAAD,CAAnD;AACD","sourcesContent":["// Utilities\nimport { getCurrentInstance, IN_BROWSER } from '@/util'\nimport { onMounted } from 'vue'\n\nexport function useHydration (callback: () => void) {\n  if (!IN_BROWSER) return\n\n  const vm = getCurrentInstance('useHydration')\n  const rootEl = vm?.root?.appContext?.app?._container\n\n  return rootEl?.__vue_app__ ? callback() : onMounted(callback)\n}\n"],"file":"hydration.mjs"}

package/lib/composables/icons.mjs

@@ -1,8 +1,7 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 // Utilities
-import { computed, defineComponent, inject, isRef } from 'vue';
-import { makeProps } from "../util/makeProps.mjs";
-import { propsFactory } from "../util/propsFactory.mjs"; // Types
+import { computed, inject, isRef } from 'vue';
+import { defineComponent, propsFactory } from "../util/index.mjs"; // Types
 
 export const IconSymbol = Symbol.for('vuetify:icons');
 export const makeIconProps = propsFactory({
@@ -18,7 +17,7 @@ export const makeIconProps = propsFactory({
 }, 'icon');
 export const VComponentIcon = defineComponent({
   name: 'VComponentIcon',
-  props: makeProps(makeIconProps()),
+  props: makeIconProps(),
 
   setup(props) {
     return () => {
@@ -32,11 +31,12 @@ export const VComponentIcon = defineComponent({
 export const VSvgIcon = defineComponent({
   name: 'VSvgIcon',
   inheritAttrs: false,
-  props: makeProps(makeIconProps()),
+  props: makeIconProps(),
 
-  setup(props, {
-    attrs
-  }) {
+  setup(props, _ref) {
+    let {
+      attrs
+    } = _ref;
     return () => {
       return _createVNode(props.tag, _mergeProps(attrs, {
         "style": null
@@ -49,15 +49,15 @@ export const VSvgIcon = defineComponent({
           "aria-hidden": "true"
         }, [_createVNode("path", {
           "d": props.icon
-        }, null, 8, ["d"])])]
-      }, 16);
+        }, null)])]
+      });
     };
   }
 
 });
 export const VLigatureIcon = defineComponent({
   name: 'VLigatureIcon',
-  props: makeProps(makeIconProps()),
+  props: makeIconProps(),
 
   setup(props) {
     return () => {
@@ -70,13 +70,13 @@ export const VLigatureIcon = defineComponent({
 });
 export const VClassIcon = defineComponent({
   name: 'VClassIcon',
-  props: makeProps(makeIconProps()),
+  props: makeIconProps(),
 
   setup(props) {
     return () => {
       return _createVNode(props.tag, {
         "class": props.icon
-      }, null, 8, ["class"]);
+      }, null);
     };
   }
 
@@ -113,17 +113,11 @@ export const useIcon = props => {
       };
     }
 
-    const hasSet = icon.includes(':');
-    const setName = hasSet ? icon.split(':')[0] : icons.defaultSet;
-    const iconName = hasSet ? icon.split(':')[1] : icon;
-    const set = icons.sets[setName != null ? setName : icons.defaultSet];
-
-    if (!set) {
-      throw new Error(`Could not find icon set "${setName}"`);
-    }
-
+    const iconSetName = Object.keys(icons.sets).find(setName => typeof icon === 'string' && icon.startsWith(`${setName}:`));
+    const iconName = iconSetName ? icon.slice(iconSetName.length + 1) : icon;
+    const iconSet = icons.sets[iconSetName != null ? iconSetName : icons.defaultSet];
     return {
-      component: set.component,
+      component: iconSet.component,
       icon: iconName
     };
   });

package/lib/composables/icons.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/icons.tsx"],"names":["computed","defineComponent","inject","isRef","makeProps","propsFactory","IconSymbol","Symbol","for","makeIconProps","icon","type","String","Object","required","tag","VComponentIcon","name","props","setup","VSvgIcon","inheritAttrs","attrs","VLigatureIcon","VClassIcon","defaultSets","svg","component","class","useIcon","icons","Error","iconData","iconAlias","value","includes","aliases","slice","indexOf","hasSet","setName","split","defaultSet","iconName","set","sets"],"mappings":"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","sourcesContent":["// Utilities\nimport { computed, defineComponent, inject, isRef } from 'vue'\nimport { makeProps } from '@/util/makeProps'\nimport { propsFactory } from '@/util/propsFactory'\n\n// Types\nimport type { InjectionKey, JSXComponent, PropType, Ref } from 'vue'\n\nexport type IconValue = string | JSXComponent\n\nexport interface IconAliases {\n  [name: string]: IconValue\n  complete: IconValue\n  cancel: IconValue\n  close: IconValue\n  delete: IconValue\n  clear: IconValue\n  success: IconValue\n  info: IconValue\n  warning: IconValue\n  error: IconValue\n  prev: IconValue\n  next: IconValue\n  checkboxOn: IconValue\n  checkboxOff: IconValue\n  checkboxIndeterminate: IconValue\n  delimiter: IconValue\n  sort: IconValue\n  expand: IconValue\n  menu: IconValue\n  subgroup: IconValue\n  dropdown: IconValue\n  radioOn: IconValue\n  radioOff: IconValue\n  edit: IconValue\n  ratingEmpty: IconValue\n  ratingFull: IconValue\n  ratingHalf: IconValue\n  loading: IconValue\n  first: IconValue\n  last: IconValue\n  unfold: IconValue\n  file: IconValue\n  plus: IconValue\n  minus: IconValue\n}\n\nexport interface IconProps {\n  tag: string\n  icon: IconValue\n  disabled?: Boolean\n}\n\ntype IconComponent = JSXComponent<IconProps>\n\nexport interface IconSet {\n  component: IconComponent\n}\n\nexport type IconOptions = {\n  defaultSet: string\n  aliases?: Partial<IconAliases>\n  sets: Record<string, IconSet>\n}\n\ntype IconInstance = {\n  component: IconComponent\n  icon: IconValue\n}\n\nexport const IconSymbol: InjectionKey<IconOptions> = Symbol.for('vuetify:icons')\n\nexport const makeIconProps = propsFactory({\n  icon: {\n    type: [String, Object] as PropType<IconValue>,\n    required: true,\n  },\n  // Could not remove this and use makeTagProps, types complained because it is not required\n  tag: {\n    type: String,\n    required: true,\n  },\n}, 'icon')\n\nexport const VComponentIcon = defineComponent({\n  name: 'VComponentIcon',\n\n  props: makeProps(makeIconProps()),\n\n  setup (props) {\n    return () => {\n      return (\n        <props.tag>\n          <props.icon />\n        </props.tag>\n      )\n    }\n  },\n})\n\nexport const VSvgIcon = defineComponent({\n  name: 'VSvgIcon',\n\n  inheritAttrs: false,\n\n  props: makeProps(makeIconProps()),\n\n  setup (props, { attrs }) {\n    return () => {\n      return (\n        <props.tag { ...attrs } style={ null }>\n          <svg\n            class=\"v-icon__svg\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            role=\"img\"\n            aria-hidden=\"true\"\n          >\n            <path d={ props.icon as string }></path>\n          </svg>\n        </props.tag>\n      )\n    }\n  },\n})\n\nexport const VLigatureIcon = defineComponent({\n  name: 'VLigatureIcon',\n\n  props: makeProps(makeIconProps()),\n\n  setup (props) {\n    return () => {\n      return <props.tag>{ props.icon }</props.tag>\n    }\n  },\n})\n\nexport const VClassIcon = defineComponent({\n  name: 'VClassIcon',\n\n  props: makeProps(makeIconProps()),\n\n  setup (props) {\n    return () => {\n      return <props.tag class={ props.icon }></props.tag>\n    }\n  },\n})\n\nexport const defaultSets: Record<string, IconSet> = {\n  svg: {\n    component: VSvgIcon,\n  },\n  class: {\n    component: VClassIcon,\n  },\n}\n\n// Composables\nexport const useIcon = (props: Ref<string | undefined> | { icon?: IconValue }) => {\n  const icons = inject(IconSymbol)\n\n  if (!icons) throw new Error('Missing Vuetify Icons provide!')\n\n  const iconData: Ref<IconInstance> = computed(() => {\n    const iconAlias = isRef(props) ? props.value : props.icon\n\n    if (!iconAlias) throw new Error('Icon value is undefined or null')\n\n    let icon: IconValue | undefined = iconAlias\n\n    if (typeof iconAlias === 'string' && iconAlias.includes('$')) {\n      icon = icons.aliases?.[iconAlias.slice(iconAlias.indexOf('$') + 1)]\n    }\n\n    if (!icon) throw new Error(`Could not find aliased icon \"${iconAlias}\"`)\n\n    if (typeof icon !== 'string') {\n      return {\n        component: VComponentIcon,\n        icon,\n      }\n    }\n\n    const hasSet = icon.includes(':')\n    const setName = hasSet ? icon.split(':')[0] : icons.defaultSet\n    const iconName = hasSet ? icon.split(':')[1] : icon\n    const set = icons.sets[setName ?? icons.defaultSet]\n\n    if (!set) {\n      throw new Error(`Could not find icon set \"${setName}\"`)\n    }\n\n    return {\n      component: set.component,\n      icon: iconName,\n    }\n  })\n\n  return { iconData }\n}\n"],"file":"icons.mjs"}
+{"version":3,"sources":["../../src/composables/icons.tsx"],"names":["computed","inject","isRef","defineComponent","propsFactory","IconSymbol","Symbol","for","makeIconProps","icon","type","String","Object","required","tag","VComponentIcon","name","props","setup","VSvgIcon","inheritAttrs","attrs","VLigatureIcon","VClassIcon","defaultSets","svg","component","class","useIcon","icons","Error","iconData","iconAlias","value","includes","aliases","slice","indexOf","iconSetName","keys","sets","find","setName","startsWith","iconName","length","iconSet","defaultSet"],"mappings":"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","sourcesContent":["// Utilities\nimport { computed, inject, isRef } from 'vue'\nimport { defineComponent, propsFactory } from '@/util'\n\n// Types\nimport type { InjectionKey, JSXComponent, PropType, Ref } from 'vue'\n\nexport type IconValue = string | JSXComponent\n\nexport interface IconAliases {\n  [name: string]: IconValue\n  complete: IconValue\n  cancel: IconValue\n  close: IconValue\n  delete: IconValue\n  clear: IconValue\n  success: IconValue\n  info: IconValue\n  warning: IconValue\n  error: IconValue\n  prev: IconValue\n  next: IconValue\n  checkboxOn: IconValue\n  checkboxOff: IconValue\n  checkboxIndeterminate: IconValue\n  delimiter: IconValue\n  sort: IconValue\n  expand: IconValue\n  menu: IconValue\n  subgroup: IconValue\n  dropdown: IconValue\n  radioOn: IconValue\n  radioOff: IconValue\n  edit: IconValue\n  ratingEmpty: IconValue\n  ratingFull: IconValue\n  ratingHalf: IconValue\n  loading: IconValue\n  first: IconValue\n  last: IconValue\n  unfold: IconValue\n  file: IconValue\n  plus: IconValue\n  minus: IconValue\n}\n\nexport interface IconProps {\n  tag: string\n  icon: IconValue\n  disabled?: Boolean\n}\n\ntype IconComponent = JSXComponent<IconProps>\n\nexport interface IconSet {\n  component: IconComponent\n}\n\nexport type IconOptions = {\n  defaultSet: string\n  aliases?: Partial<IconAliases>\n  sets: Record<string, IconSet>\n}\n\ntype IconInstance = {\n  component: IconComponent\n  icon: IconValue\n}\n\nexport const IconSymbol: InjectionKey<IconOptions> = Symbol.for('vuetify:icons')\n\nexport const makeIconProps = propsFactory({\n  icon: {\n    type: [String, Object] as PropType<IconValue>,\n    required: true,\n  },\n  // Could not remove this and use makeTagProps, types complained because it is not required\n  tag: {\n    type: String,\n    required: true,\n  },\n}, 'icon')\n\nexport const VComponentIcon = defineComponent({\n  name: 'VComponentIcon',\n\n  props: makeIconProps(),\n\n  setup (props) {\n    return () => {\n      return (\n        <props.tag>\n          <props.icon />\n        </props.tag>\n      )\n    }\n  },\n})\n\nexport const VSvgIcon = defineComponent({\n  name: 'VSvgIcon',\n\n  inheritAttrs: false,\n\n  props: makeIconProps(),\n\n  setup (props, { attrs }) {\n    return () => {\n      return (\n        <props.tag { ...attrs } style={ null }>\n          <svg\n            class=\"v-icon__svg\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            role=\"img\"\n            aria-hidden=\"true\"\n          >\n            <path d={ props.icon as string }></path>\n          </svg>\n        </props.tag>\n      )\n    }\n  },\n})\n\nexport const VLigatureIcon = defineComponent({\n  name: 'VLigatureIcon',\n\n  props: makeIconProps(),\n\n  setup (props) {\n    return () => {\n      return <props.tag>{ props.icon }</props.tag>\n    }\n  },\n})\n\nexport const VClassIcon = defineComponent({\n  name: 'VClassIcon',\n\n  props: makeIconProps(),\n\n  setup (props) {\n    return () => {\n      return <props.tag class={ props.icon }></props.tag>\n    }\n  },\n})\n\nexport const defaultSets: Record<string, IconSet> = {\n  svg: {\n    component: VSvgIcon,\n  },\n  class: {\n    component: VClassIcon,\n  },\n}\n\n// Composables\nexport const useIcon = (props: Ref<string | undefined> | { icon?: IconValue }) => {\n  const icons = inject(IconSymbol)\n\n  if (!icons) throw new Error('Missing Vuetify Icons provide!')\n\n  const iconData: Ref<IconInstance> = computed(() => {\n    const iconAlias = isRef(props) ? props.value : props.icon\n\n    if (!iconAlias) throw new Error('Icon value is undefined or null')\n\n    let icon: IconValue | undefined = iconAlias\n\n    if (typeof iconAlias === 'string' && iconAlias.includes('$')) {\n      icon = icons.aliases?.[iconAlias.slice(iconAlias.indexOf('$') + 1)]\n    }\n\n    if (!icon) throw new Error(`Could not find aliased icon \"${iconAlias}\"`)\n\n    if (typeof icon !== 'string') {\n      return {\n        component: VComponentIcon,\n        icon,\n      }\n    }\n\n    const iconSetName = Object.keys(icons.sets).find(\n      setName => typeof icon === 'string' && icon.startsWith(`${setName}:`)\n    )\n\n    const iconName = iconSetName ? icon.slice(iconSetName.length + 1) : icon\n    const iconSet = icons.sets[iconSetName ?? icons.defaultSet]\n\n    return {\n      component: iconSet.component,\n      icon: iconName,\n    }\n  })\n\n  return { iconData }\n}\n"],"file":"icons.mjs"}

package/lib/composables/index.mjs

@@ -0,0 +1,9 @@
+/*
+ * PUBLIC INTERFACES ONLY
+ * Imports in our code should be to the composable directly, not this file
+ */
+export { useDisplay } from "./display.mjs";
+export { useTheme } from "./theme.mjs";
+export { provideRtl, useRtl } from "./rtl.mjs";
+export { useLayout } from "./layout.mjs";
+//# sourceMappingURL=index.mjs.map

package/lib/composables/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/composables/index.ts"],"names":["useDisplay","useTheme","provideRtl","useRtl","useLayout"],"mappings":"AAAA;AACA;AACA;AACA;SAESA,U;SACAC,Q;SACAC,U,EAAYC,M;SACZC,S","sourcesContent":["/*\n * PUBLIC INTERFACES ONLY\n * Imports in our code should be to the composable directly, not this file\n */\n\nexport { useDisplay } from './display'\nexport { useTheme } from './theme'\nexport { provideRtl, useRtl } from './rtl'\nexport { useLayout } from './layout'\n\nexport type { DefaultsInstance } from './defaults'\nexport type { DisplayBreakpoint, DisplayInstance, DisplayThresholds } from './display'\nexport type { IconAliases, IconProps, IconSet, IconOptions } from './icons'\nexport type { LocaleAdapter } from './locale'\nexport type { RtlInstance } from './rtl'\nexport type { ThemeDefinition, ThemeInstance } from './theme'\n"],"file":"index.mjs"}

package/lib/composables/intersectionObserver.mjs

@@ -1,25 +1,30 @@
 // Utilities
 import { onBeforeUnmount, ref, watch } from 'vue';
+import { SUPPORTS_INTERSECTION } from "../util/index.mjs";
 export function useIntersectionObserver(callback) {
   const intersectionRef = ref();
   const isIntersecting = ref(false);
-  const observer = new IntersectionObserver(entries => {
-    callback == null ? void 0 : callback(entries, observer);
-    isIntersecting.value = !!entries.find(entry => entry.isIntersecting);
-  });
-  onBeforeUnmount(() => {
-    observer.disconnect();
-  });
-  watch(intersectionRef, (newValue, oldValue) => {
-    if (oldValue) {
-      observer.unobserve(oldValue);
-      isIntersecting.value = false;
-    }
 
-    if (newValue) observer.observe(newValue);
-  }, {
-    flush: 'post'
-  });
+  if (SUPPORTS_INTERSECTION) {
+    const observer = new IntersectionObserver(entries => {
+      callback == null ? void 0 : callback(entries, observer);
+      isIntersecting.value = !!entries.find(entry => entry.isIntersecting);
+    });
+    onBeforeUnmount(() => {
+      observer.disconnect();
+    });
+    watch(intersectionRef, (newValue, oldValue) => {
+      if (oldValue) {
+        observer.unobserve(oldValue);
+        isIntersecting.value = false;
+      }
+
+      if (newValue) observer.observe(newValue);
+    }, {
+      flush: 'post'
+    });
+  }
+
   return {
     intersectionRef,
     isIntersecting

package/lib/composables/intersectionObserver.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/intersectionObserver.ts"],"names":["onBeforeUnmount","ref","watch","useIntersectionObserver","callback","intersectionRef","isIntersecting","observer","IntersectionObserver","entries","value","find","entry","disconnect","newValue","oldValue","unobserve","observe","flush"],"mappings":"AAAA;AACA,SAASA,eAAT,EAA0BC,GAA1B,EAA+BC,KAA/B,QAA4C,KAA5C;AAEA,OAAO,SAASC,uBAAT,CAAkCC,QAAlC,EAA2E;AAChF,QAAMC,eAAe,GAAGJ,GAAG,EAA3B;AACA,QAAMK,cAAc,GAAGL,GAAG,CAAC,KAAD,CAA1B;AAEA,QAAMM,QAAQ,GAAG,IAAIC,oBAAJ,CAA0BC,OAAD,IAA0C;AAClFL,IAAAA,QAAQ,QAAR,YAAAA,QAAQ,CAAGK,OAAH,EAAYF,QAAZ,CAAR;AAEAD,IAAAA,cAAc,CAACI,KAAf,GAAuB,CAAC,CAACD,OAAO,CAACE,IAAR,CAAaC,KAAK,IAAIA,KAAK,CAACN,cAA5B,CAAzB;AACD,GAJgB,CAAjB;AAMAN,EAAAA,eAAe,CAAC,MAAM;AACpBO,IAAAA,QAAQ,CAACM,UAAT;AACD,GAFc,CAAf;AAIAX,EAAAA,KAAK,CAACG,eAAD,EAAkB,CAACS,QAAD,EAAWC,QAAX,KAAwB;AAC7C,QAAIA,QAAJ,EAAc;AACZR,MAAAA,QAAQ,CAACS,SAAT,CAAmBD,QAAnB;AACAT,MAAAA,cAAc,CAACI,KAAf,GAAuB,KAAvB;AACD;;AAED,QAAII,QAAJ,EAAcP,QAAQ,CAACU,OAAT,CAAiBH,QAAjB;AACf,GAPI,EAOF;AACDI,IAAAA,KAAK,EAAE;AADN,GAPE,CAAL;AAWA,SAAO;AAAEb,IAAAA,eAAF;AAAmBC,IAAAA;AAAnB,GAAP;AACD","sourcesContent":["// Utilities\nimport { onBeforeUnmount, ref, watch } from 'vue'\n\nexport function useIntersectionObserver (callback?: IntersectionObserverCallback) {\n  const intersectionRef = ref<HTMLElement>()\n  const isIntersecting = ref(false)\n\n  const observer = new IntersectionObserver((entries: IntersectionObserverEntry[]) => {\n    callback?.(entries, observer)\n\n    isIntersecting.value = !!entries.find(entry => entry.isIntersecting)\n  })\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  return { intersectionRef, isIntersecting }\n}\n"],"file":"intersectionObserver.mjs"}
+{"version":3,"sources":["../../src/composables/intersectionObserver.ts"],"names":["onBeforeUnmount","ref","watch","SUPPORTS_INTERSECTION","useIntersectionObserver","callback","intersectionRef","isIntersecting","observer","IntersectionObserver","entries","value","find","entry","disconnect","newValue","oldValue","unobserve","observe","flush"],"mappings":"AAAA;AACA,SAASA,eAAT,EAA0BC,GAA1B,EAA+BC,KAA/B,QAA4C,KAA5C;SACSC,qB;AAET,OAAO,SAASC,uBAAT,CAAkCC,QAAlC,EAA2E;AAChF,QAAMC,eAAe,GAAGL,GAAG,EAA3B;AACA,QAAMM,cAAc,GAAGN,GAAG,CAAC,KAAD,CAA1B;;AAEA,MAAIE,qBAAJ,EAA2B;AACzB,UAAMK,QAAQ,GAAG,IAAIC,oBAAJ,CAA0BC,OAAD,IAA0C;AAClFL,MAAAA,QAAQ,QAAR,YAAAA,QAAQ,CAAGK,OAAH,EAAYF,QAAZ,CAAR;AAEAD,MAAAA,cAAc,CAACI,KAAf,GAAuB,CAAC,CAACD,OAAO,CAACE,IAAR,CAAaC,KAAK,IAAIA,KAAK,CAACN,cAA5B,CAAzB;AACD,KAJgB,CAAjB;AAMAP,IAAAA,eAAe,CAAC,MAAM;AACpBQ,MAAAA,QAAQ,CAACM,UAAT;AACD,KAFc,CAAf;AAIAZ,IAAAA,KAAK,CAACI,eAAD,EAAkB,CAACS,QAAD,EAAWC,QAAX,KAAwB;AAC7C,UAAIA,QAAJ,EAAc;AACZR,QAAAA,QAAQ,CAACS,SAAT,CAAmBD,QAAnB;AACAT,QAAAA,cAAc,CAACI,KAAf,GAAuB,KAAvB;AACD;;AAED,UAAII,QAAJ,EAAcP,QAAQ,CAACU,OAAT,CAAiBH,QAAjB;AACf,KAPI,EAOF;AACDI,MAAAA,KAAK,EAAE;AADN,KAPE,CAAL;AAUD;;AAED,SAAO;AAAEb,IAAAA,eAAF;AAAmBC,IAAAA;AAAnB,GAAP;AACD","sourcesContent":["// Utilities\nimport { onBeforeUnmount, ref, watch } from 'vue'\nimport { SUPPORTS_INTERSECTION } from '@/util'\n\nexport function useIntersectionObserver (callback?: IntersectionObserverCallback) {\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    })\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"],"file":"intersectionObserver.mjs"}