@vuetify/nightly 3.0.0-alpha.3 → 3.0.0-beta.2

package/lib/composables/group.mjs

@@ -1,35 +1,74 @@
-// Utilities
-import { computed, inject, onBeforeUnmount, onMounted, provide, reactive, toRef } from 'vue';
-import { useProxiedModel } from "./proxiedModel.mjs";
-import { consoleWarn, deepEqual, getUid, wrapInArray } from "../util/index.mjs"; // Types
-
 // Composables
+import { useProxiedModel } from "./proxiedModel.mjs"; // Utilities
+
+import { computed, inject, onBeforeUnmount, onMounted, provide, reactive, toRef, watch } from 'vue';
+import { consoleWarn, deepEqual, findChildrenWithProvide, getCurrentInstance, getUid, propsFactory, wrapInArray } from "../util/index.mjs"; // Types
+
+export const makeGroupProps = propsFactory({
+  modelValue: {
+    type: null,
+    default: undefined
+  },
+  multiple: Boolean,
+  mandatory: [Boolean, String],
+  max: Number,
+  selectedClass: String,
+  disabled: Boolean
+}, 'group');
+export const makeGroupItemProps = propsFactory({
+  value: null,
+  disabled: Boolean,
+  selectedClass: String
+}, '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) {
-    throw new Error("[Vuetify] Could not find useGroup injection with symbol ".concat(injectKey.description));
+    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 = computed(() => group.disabled.value || props.disabled);
   group.register({
     id,
-    value: toRef(props, 'value'),
-    disabled: toRef(props, 'disabled')
-  }, props.index);
+    value,
+    disabled
+  }, vm);
   onBeforeUnmount(() => {
     group.unregister(id);
   });
   const isSelected = computed(() => {
     return group.isSelected(id);
   });
+  const selectedClass = computed(() => isSelected.value && [group.selectedClass.value, props.selectedClass]);
+  watch(isSelected, value => {
+    vm.emit('group:selected', {
+      value
+    });
+  });
   return {
+    id,
     isSelected,
     toggle: () => group.select(id, !isSelected.value),
-    select: value => group.select(id, value)
+    select: value => group.select(id, value),
+    selectedClass,
+    value,
+    disabled,
+    group
   };
 }
 export function useGroup(props, injectKey) {
+  let isUnmounted = false;
   const items = reactive([]);
   const selected = useProxiedModel(props, 'modelValue', [], v => {
     if (v == null) return [];
@@ -38,64 +77,98 @@ 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) {
-    selected.value = selected.value.filter(v => v !== id);
-
-    if (props.mandatory && !selected.value.length) {
-      selected.value = [items[items.length - 1].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);
-  }
+  } // If mandatory and nothing is selected, then select first non-disabled item
 
-  onMounted(() => {
-    // If mandatory and nothing is selected, then select first non-disabled item
+
+  function forceMandatoryValue() {
     const item = items.find(item => !item.disabled);
 
-    if (item && props.mandatory && !selected.value.length) {
+    if (item && props.mandatory === 'force' && !selected.value.length) {
       selected.value = [item.id];
     }
+  }
+
+  onMounted(() => {
+    forceMandatoryValue();
+  });
+  onBeforeUnmount(() => {
+    isUnmounted = true;
   });
 
-  function select(id, isSelected) {
+  function select(id, value) {
     const item = items.find(item => item.id === id);
-    if (isSelected && (item == null ? void 0 : 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] : [];
     }
   }
 
-  function getOffsetId(offset) {
+  function step(offset) {
     // getting an offset from selected value obviously won't work with multiple values
-    if (props.multiple) consoleWarn('This method is not supported when using "multiple" prop'); // If there is nothing selected, then next value is first item
+    if (props.multiple) consoleWarn('This method is not supported when using "multiple" prop');
 
-    if (!selected.value.length) return items[0].id;
-    const currentId = selected.value[0];
-    const currentIndex = items.findIndex(i => i.id === currentId);
-    const newIndex = (currentIndex + offset) % items.length;
-    return items[newIndex].id;
+    if (!selected.value.length) {
+      const item = items.find(item => !item.disabled);
+      item && (selected.value = [item.id]);
+    } else {
+      const currentId = selected.value[0];
+      const currentIndex = items.findIndex(i => i.id === currentId);
+      let newIndex = (currentIndex + offset) % items.length;
+      let newItem = items[newIndex];
+
+      while (newItem.disabled && newIndex !== currentIndex) {
+        newIndex = (newIndex + offset) % items.length;
+        newItem = items[newIndex];
+      }
+
+      if (newItem.disabled) return;
+      selected.value = [items[newIndex].id];
+    }
   }
 
   const state = {
@@ -103,20 +176,35 @@ export function useGroup(props, injectKey) {
     unregister,
     selected,
     select,
-    prev: () => selected.value = [getOffsetId(items.length - 1)],
-    next: () => selected.value = [getOffsetId(1)],
-    step: steps => selected.value = [getOffsetId(steps)],
-    isSelected: id => selected.value.includes(id)
+    disabled: toRef(props, 'disabled'),
+    prev: () => step(items.length - 1),
+    next: () => step(1),
+    isSelected: id => selected.value.includes(id),
+    selectedClass: computed(() => props.selectedClass),
+    items: computed(() => items),
+    getItemIndex: value => getItemIndex(items, value)
   };
   provide(injectKey, state);
   return state;
 }
 
+function getItemIndex(items, value) {
+  const ids = getIds(items, [value]);
+  if (!ids.length) return -1;
+  return items.findIndex(item => item.id === ids[0]);
+}
+
 function getIds(items, modelValue) {
   const ids = [];
 
-  for (const item of items) {
-    if (item.value != null && modelValue.find(value => deepEqual(value, item.value)) || modelValue.includes(item.id)) {
+  for (let i = 0; i < items.length; i++) {
+    const item = items[i];
+
+    if (item.value != null) {
+      if (modelValue.find(value => deepEqual(value, item.value)) != null) {
+        ids.push(item.id);
+      }
+    } else if (modelValue.includes(i)) {
       ids.push(item.id);
     }
   }
@@ -127,9 +215,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","wrapInArray","useGroupItem","props","injectKey","group","Error","description","id","register","value","disabled","index","unregister","isSelected","toggle","select","useGroup","items","selected","v","getIds","arr","getValues","multiple","item","unwrapped","splice","push","filter","mandatory","length","findIndex","find","internalValue","slice","max","includes","getOffsetId","offset","currentId","currentIndex","i","newIndex","state","prev","next","step","steps","modelValue","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, wrapInArray } from '@/util'\n\n// Types\nimport type { InjectionKey, 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\n  max?: number\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}\n\n// Composables\nexport function useGroupItem (\n  props: { value?: unknown, index?: number, disabled?: boolean },\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\n  group.register({\n    id,\n    value: toRef(props, 'value'),\n    disabled: toRef(props, '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  return {\n    isSelected,\n    toggle: () => group.select(id, !isSelected.value),\n    select: (value: boolean) => group.select(id, value),\n  }\n}\n\nexport function useGroup (\n  props: GroupProps,\n  injectKey: InjectionKey<GroupProvide>\n) {\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    selected.value = selected.value.filter(v => v !== id)\n\n    if (props.mandatory && !selected.value.length) {\n      selected.value = [items[items.length - 1].id]\n    }\n\n    const index = items.findIndex(item => item.id === id)\n    items.splice(index, 1)\n  }\n\n  onMounted(() => {\n    // If mandatory and nothing is selected, then select first non-disabled item\n    const item = items.find(item => !item.disabled)\n    if (item && props.mandatory && !selected.value.length) {\n      selected.value = [item.id]\n    }\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 getOffsetId (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 there is nothing selected, then next value is first item\n    if (!selected.value.length) return items[0].id\n\n    const currentId = selected.value[0]\n    const currentIndex = items.findIndex(i => i.id === currentId)\n    const newIndex = (currentIndex + offset) % items.length\n\n    return items[newIndex].id\n  }\n\n  const state = {\n    register,\n    unregister,\n    selected,\n    select,\n    prev: () => selected.value = [getOffsetId(items.length - 1)],\n    next: () => selected.value = [getOffsetId(1)],\n    step: (steps: number) => selected.value = [getOffsetId(steps)],\n    isSelected: (id: number) => selected.value.includes(id),\n  }\n\n  provide(injectKey, state)\n\n  return state\n}\n\nfunction getIds (items: UnwrapRef<GroupItem[]>, modelValue: any[]) {\n  const ids = []\n\n  for (const item of items) {\n    if (\n      (item.value != null && modelValue.find(value => deepEqual(value, item.value))) ||\n      modelValue.includes(item.id)\n    ) {\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","watch","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","emit","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","getItemIndex","ids","values"],"mappings":"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","sourcesContent":["// Composables\nimport { useProxiedModel } from './proxiedModel'\n\n// Utilities\nimport { computed, inject, onBeforeUnmount, onMounted, provide, reactive, toRef, watch } 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<Readonly<number[]>>\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  getItemIndex: (value: unknown) => number\n}\n\nexport interface GroupItemProvide {\n  id: number\n  isSelected: Ref<boolean>\n  toggle: () => void\n  select: (value: boolean) => void\n  selectedClass: Ref<(string | undefined)[] | false>\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  watch(isSelected, value => {\n    vm.emit('group:selected', { value })\n  })\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: GroupProvide = {\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    getItemIndex: (value: unknown) => getItemIndex(items, value),\n  }\n\n  provide(injectKey, state)\n\n  return state\n}\n\nfunction getItemIndex (items: UnwrapRef<GroupItem[]>, value: unknown) {\n  const ids = getIds(items, [value])\n\n  if (!ids.length) return -1\n\n  return items.findIndex(item => item.id === ids[0])\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,10 +1,9 @@
 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 VuetifyIconSymbol = Symbol.for('vuetify:icons');
+export const IconSymbol = Symbol.for('vuetify:icons');
 export const makeIconProps = propsFactory({
   icon: {
     type: [String, Object],
@@ -18,7 +17,7 @@ export const makeIconProps = propsFactory({
 }, 'icon');
 export const VComponentIcon = defineComponent({
   name: 'VComponentIcon',
-  props: makeProps(makeIconProps()),
+  props: makeIconProps(),
 
   setup(props) {
     return () => {
@@ -32,32 +31,33 @@ 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
       }), {
         default: () => [_createVNode("svg", {
-          "class": 'v-icon__svg',
-          "xmlns": 'http://www.w3.org/2000/svg',
-          "viewBox": '0 0 24 24',
-          "role": 'img',
+          "class": "v-icon__svg",
+          "xmlns": "http://www.w3.org/2000/svg",
+          "viewBox": "0 0 24 24",
+          "role": "img",
           "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);
     };
   }
 
@@ -91,7 +91,7 @@ export const defaultSets = {
 }; // Composables
 
 export const useIcon = props => {
-  const icons = inject(VuetifyIconSymbol);
+  const icons = inject(IconSymbol);
   if (!icons) throw new Error('Missing Vuetify Icons provide!');
   const iconData = computed(() => {
     const iconAlias = isRef(props) ? props.value : props.icon;
@@ -104,7 +104,7 @@ export const useIcon = props => {
       icon = (_icons$aliases = icons.aliases) == null ? void 0 : _icons$aliases[iconAlias.slice(iconAlias.indexOf('$') + 1)];
     }
 
-    if (!icon) throw new Error("Could not find aliased icon \"".concat(iconAlias, "\""));
+    if (!icon) throw new Error(`Could not find aliased icon "${iconAlias}"`);
 
     if (typeof icon !== 'string') {
       return {
@@ -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 \"".concat(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","VuetifyIconSymbol","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 VuetifyIconSymbol: 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(VuetifyIconSymbol)\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 { SubmitEventPromise } from './form'\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

@@ -0,0 +1,33 @@
+// 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);
+
+  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
+  };
+}
+//# sourceMappingURL=intersectionObserver.mjs.map

package/lib/composables/intersectionObserver.mjs.map

@@ -0,0 +1 @@
+{"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"}

package/lib/composables/items.mjs

@@ -0,0 +1,56 @@
+// Utilities
+import { computed } from 'vue';
+import { getObjectValueByPath, getPropertyFromItem, propsFactory } from "../util/index.mjs"; // Types
+
+// Composables
+export const makeItemsProps = propsFactory({
+  items: {
+    type: Array,
+    default: () => []
+  },
+  itemTitle: {
+    type: [String, Array, Function],
+    default: 'title'
+  },
+  itemValue: {
+    type: [String, Array, Function],
+    default: 'value'
+  },
+  itemChildren: {
+    type: String,
+    default: 'children'
+  },
+  itemProps: {
+    type: Function,
+    default: item => ({})
+  }
+}, 'item');
+export function transformItem(props, item) {
+  var _props$itemProps;
+
+  const title = getPropertyFromItem(item, props.itemTitle, item);
+  const value = getPropertyFromItem(item, props.itemValue, title);
+  const children = getObjectValueByPath(item, props.itemChildren);
+  return {
+    title,
+    value,
+    children: Array.isArray(children) ? transformItems(props, children) : undefined,
+    ...((_props$itemProps = props.itemProps) == null ? void 0 : _props$itemProps.call(props, item))
+  };
+}
+export function transformItems(props, items) {
+  const array = [];
+
+  for (const item of items) {
+    array.push(transformItem(props, item));
+  }
+
+  return array;
+}
+export function useItems(props) {
+  const items = computed(() => transformItems(props, props.items));
+  return {
+    items
+  };
+}
+//# sourceMappingURL=items.mjs.map