vuetify 3.0.0-beta.8 → 3.0.0

package/lib/composables/icons.mjs

@@ -1,10 +1,8 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 // Icons
 import { aliases, mdi } from "../iconsets/mdi.mjs"; // Utilities
-
 import { computed, inject, isRef } from 'vue';
 import { defineComponent, mergeDeep, propsFactory } from "../util/index.mjs"; // Types
-
 export const IconValue = [String, Function, Object];
 export const IconSymbol = Symbol.for('vuetify:icons');
 export const makeIconProps = propsFactory({
@@ -21,7 +19,6 @@ export const makeIconProps = propsFactory({
 export const VComponentIcon = defineComponent({
   name: 'VComponentIcon',
   props: makeIconProps(),
-
   setup(props) {
     return () => {
       return _createVNode(props.tag, null, {
@@ -29,13 +26,11 @@ export const VComponentIcon = defineComponent({
       });
     };
   }
-
 });
 export const VSvgIcon = defineComponent({
   name: 'VSvgIcon',
   inheritAttrs: false,
   props: makeIconProps(),
-
   setup(props, _ref) {
     let {
       attrs
@@ -56,12 +51,10 @@ export const VSvgIcon = defineComponent({
       });
     };
   }
-
 });
 export const VLigatureIcon = defineComponent({
   name: 'VLigatureIcon',
   props: makeIconProps(),
-
   setup(props) {
     return () => {
       return _createVNode(props.tag, null, {
@@ -69,12 +62,10 @@ export const VLigatureIcon = defineComponent({
       });
     };
   }
-
 });
 export const VClassIcon = defineComponent({
   name: 'VClassIcon',
   props: makeIconProps(),
-
   setup(props) {
     return () => {
       return _createVNode(props.tag, {
@@ -82,7 +73,6 @@ export const VClassIcon = defineComponent({
       }, null);
     };
   }
-
 });
 export const defaultSets = {
   svg: {
@@ -91,12 +81,14 @@ export const defaultSets = {
   class: {
     component: VClassIcon
   }
-}; // Composables
+};
 
+// Composables
 export function createIcons(options) {
   return mergeDeep({
     defaultSet: 'mdi',
-    sets: { ...defaultSets,
+    sets: {
+      ...defaultSets,
       mdi
     },
     aliases
@@ -109,25 +101,20 @@ export const useIcon = props => {
     const iconAlias = isRef(props) ? props.value : props.icon;
     if (!iconAlias) throw new Error('Icon value is undefined or null');
     let icon = iconAlias;
-
     if (typeof iconAlias === 'string' && iconAlias.includes('$')) {
       var _icons$aliases;
-
       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 "${iconAlias}"`);
-
     if (typeof icon !== 'string') {
       return {
         component: VComponentIcon,
         icon
       };
     }
-
     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];
+    const iconSet = icons.sets[iconSetName ?? icons.defaultSet];
     return {
       component: iconSet.component,
       icon: iconName

package/lib/composables/icons.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"icons.mjs","names":["aliases","mdi","computed","inject","isRef","defineComponent","mergeDeep","propsFactory","IconValue","String","Function","Object","IconSymbol","Symbol","for","makeIconProps","icon","type","required","tag","VComponentIcon","name","props","setup","VSvgIcon","inheritAttrs","attrs","VLigatureIcon","VClassIcon","defaultSets","svg","component","class","createIcons","options","defaultSet","sets","useIcon","icons","Error","iconData","iconAlias","value","includes","slice","indexOf","iconSetName","keys","find","setName","startsWith","iconName","length","iconSet"],"sources":["../../src/composables/icons.tsx"],"sourcesContent":["// Icons\nimport { aliases, mdi } from '@/iconsets/mdi'\n\n// Utilities\nimport { computed, inject, isRef } from 'vue'\nimport { defineComponent, mergeDeep, propsFactory } from '@/util'\n\n// Types\nimport type { InjectionKey, JSXComponent, PropType, Ref } from 'vue'\n\nexport type IconValue = string | JSXComponent\nexport const IconValue = [String, Function, Object] as PropType<IconValue>\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: 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 function createIcons (options?: IconOptions) {\n  return mergeDeep({\n    defaultSet: 'mdi',\n    sets: {\n      ...defaultSets,\n      mdi,\n    },\n    aliases,\n  }, options)\n}\n\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"],"mappings":"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"}
+{"version":3,"file":"icons.mjs","names":["aliases","mdi","computed","inject","isRef","defineComponent","mergeDeep","propsFactory","IconValue","String","Function","Object","IconSymbol","Symbol","for","makeIconProps","icon","type","required","tag","VComponentIcon","name","props","setup","VSvgIcon","inheritAttrs","attrs","VLigatureIcon","VClassIcon","defaultSets","svg","component","class","createIcons","options","defaultSet","sets","useIcon","icons","Error","iconData","iconAlias","value","includes","slice","indexOf","iconSetName","keys","find","setName","startsWith","iconName","length","iconSet"],"sources":["../../src/composables/icons.tsx"],"sourcesContent":["// Icons\nimport { aliases, mdi } from '@/iconsets/mdi'\n\n// Utilities\nimport { computed, inject, isRef } from 'vue'\nimport { defineComponent, mergeDeep, propsFactory } from '@/util'\n\n// Types\nimport type { InjectionKey, JSXComponent, PropType, Ref } from 'vue'\n\nexport type IconValue = string | JSXComponent\nexport const IconValue = [String, Function, Object] as PropType<IconValue>\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: 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 function createIcons (options?: IconOptions) {\n  return mergeDeep({\n    defaultSet: 'mdi',\n    sets: {\n      ...defaultSets,\n      mdi,\n    },\n    aliases,\n  }, options)\n}\n\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"],"mappings":"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"}

package/lib/composables/index.mjs

@@ -4,7 +4,6 @@
  */
 export { useDisplay } from "./display.mjs";
 export { useLayout } from "./layout.mjs";
-export { useLocale } from "./locale.mjs";
-export { provideRtl, useRtl } from "./rtl.mjs";
+export { useLocale, useRtl } from "./locale.mjs";
 export { useTheme } from "./theme.mjs";
 //# sourceMappingURL=index.mjs.map

package/lib/composables/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["useDisplay","useLayout","useLocale","provideRtl","useRtl","useTheme"],"sources":["../../src/composables/index.ts"],"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 { useLayout } from './layout'\nexport { useLocale } from './locale'\nexport { provideRtl, useRtl } from './rtl'\nexport { useTheme } from './theme'\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, LocaleInstance } from './locale'\nexport type { RtlInstance } from './rtl'\nexport type { ThemeDefinition, ThemeInstance } from './theme'\n"],"mappings":"AAAA;AACA;AACA;AACA;SAESA,U;SACAC,S;SACAC,S;SACAC,U,EAAYC,M;SACZC,Q"}
+{"version":3,"file":"index.mjs","names":["useDisplay","useLayout","useLocale","useRtl","useTheme"],"sources":["../../src/composables/index.ts"],"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 { useLayout } from './layout'\nexport { useLocale, useRtl } from './locale'\nexport { useTheme } from './theme'\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 { LocaleInstance, LocaleMessages, RtlInstance, LocaleOptions, RtlOptions } from './locale'\nexport type { ThemeDefinition, ThemeInstance } from './theme'\n"],"mappings":"AAAA;AACA;AACA;AACA;AAHA,SAKSA,UAAU;AAAA,SACVC,SAAS;AAAA,SACTC,SAAS,EAAEC,MAAM;AAAA,SACjBC,QAAQ"}

package/lib/composables/intersectionObserver.mjs

@@ -4,7 +4,6 @@ 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);
@@ -18,13 +17,11 @@ export function useIntersectionObserver(callback) {
         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,"file":"intersectionObserver.mjs","names":["onBeforeUnmount","ref","watch","SUPPORTS_INTERSECTION","useIntersectionObserver","callback","intersectionRef","isIntersecting","observer","IntersectionObserver","entries","value","find","entry","disconnect","newValue","oldValue","unobserve","observe","flush"],"sources":["../../src/composables/intersectionObserver.ts"],"sourcesContent":["// Utilities\nimport { onBeforeUnmount, ref, watch } from 'vue'\nimport { SUPPORTS_INTERSECTION } from '@/util'\n\nexport function useIntersectionObserver (callback?: IntersectionObserverCallback) {\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"],"mappings":"AAAA;AACA,SAASA,eAAT,EAA0BC,GAA1B,EAA+BC,KAA/B,QAA4C,KAA5C;SACSC,qB;AAET,OAAO,SAASC,uBAAT,CAAkCC,QAAlC,EAA2E;EAChF,MAAMC,eAAe,GAAGL,GAAG,EAA3B;EACA,MAAMM,cAAc,GAAGN,GAAG,CAAC,KAAD,CAA1B;;EAEA,IAAIE,qBAAJ,EAA2B;IACzB,MAAMK,QAAQ,GAAG,IAAIC,oBAAJ,CAA0BC,OAAD,IAA0C;MAClFL,QAAQ,QAAR,YAAAA,QAAQ,CAAGK,OAAH,EAAYF,QAAZ,CAAR;MAEAD,cAAc,CAACI,KAAf,GAAuB,CAAC,CAACD,OAAO,CAACE,IAAR,CAAaC,KAAK,IAAIA,KAAK,CAACN,cAA5B,CAAzB;IACD,CAJgB,CAAjB;IAMAP,eAAe,CAAC,MAAM;MACpBQ,QAAQ,CAACM,UAAT;IACD,CAFc,CAAf;IAIAZ,KAAK,CAACI,eAAD,EAAkB,CAACS,QAAD,EAAWC,QAAX,KAAwB;MAC7C,IAAIA,QAAJ,EAAc;QACZR,QAAQ,CAACS,SAAT,CAAmBD,QAAnB;QACAT,cAAc,CAACI,KAAf,GAAuB,KAAvB;MACD;;MAED,IAAII,QAAJ,EAAcP,QAAQ,CAACU,OAAT,CAAiBH,QAAjB;IACf,CAPI,EAOF;MACDI,KAAK,EAAE;IADN,CAPE,CAAL;EAUD;;EAED,OAAO;IAAEb,eAAF;IAAmBC;EAAnB,CAAP;AACD"}
+{"version":3,"file":"intersectionObserver.mjs","names":["onBeforeUnmount","ref","watch","SUPPORTS_INTERSECTION","useIntersectionObserver","callback","intersectionRef","isIntersecting","observer","IntersectionObserver","entries","value","find","entry","disconnect","newValue","oldValue","unobserve","observe","flush"],"sources":["../../src/composables/intersectionObserver.ts"],"sourcesContent":["// Utilities\nimport { onBeforeUnmount, ref, watch } from 'vue'\nimport { SUPPORTS_INTERSECTION } from '@/util'\n\nexport function useIntersectionObserver (callback?: IntersectionObserverCallback) {\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"],"mappings":"AAAA;AACA,SAASA,eAAe,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAA,SACxCC,qBAAqB;AAE9B,OAAO,SAASC,uBAAuB,CAAEC,QAAuC,EAAE;EAChF,MAAMC,eAAe,GAAGL,GAAG,EAAe;EAC1C,MAAMM,cAAc,GAAGN,GAAG,CAAC,KAAK,CAAC;EAEjC,IAAIE,qBAAqB,EAAE;IACzB,MAAMK,QAAQ,GAAG,IAAIC,oBAAoB,CAAEC,OAAoC,IAAK;MAClFL,QAAQ,oBAARA,QAAQ,CAAGK,OAAO,EAAEF,QAAQ,CAAC;MAE7BD,cAAc,CAACI,KAAK,GAAG,CAAC,CAACD,OAAO,CAACE,IAAI,CAACC,KAAK,IAAIA,KAAK,CAACN,cAAc,CAAC;IACtE,CAAC,CAAC;IAEFP,eAAe,CAAC,MAAM;MACpBQ,QAAQ,CAACM,UAAU,EAAE;IACvB,CAAC,CAAC;IAEFZ,KAAK,CAACI,eAAe,EAAE,CAACS,QAAQ,EAAEC,QAAQ,KAAK;MAC7C,IAAIA,QAAQ,EAAE;QACZR,QAAQ,CAACS,SAAS,CAACD,QAAQ,CAAC;QAC5BT,cAAc,CAACI,KAAK,GAAG,KAAK;MAC9B;MAEA,IAAII,QAAQ,EAAEP,QAAQ,CAACU,OAAO,CAACH,QAAQ,CAAC;IAC1C,CAAC,EAAE;MACDI,KAAK,EAAE;IACT,CAAC,CAAC;EACJ;EAEA,OAAO;IAAEb,eAAe;IAAEC;EAAe,CAAC;AAC5C"}

package/lib/composables/items.mjs

@@ -1,7 +1,6 @@
 // Utilities
 import { computed } from 'vue';
 import { getPropertyFromItem, pick, propsFactory } from "../util/index.mjs"; // Types
-
 // Composables
 export const makeItemsProps = propsFactory({
   items: {
@@ -28,16 +27,16 @@ export const makeItemsProps = propsFactory({
 }, 'item');
 export function transformItem(props, item) {
   const title = getPropertyFromItem(item, props.itemTitle, item);
-  const value = getPropertyFromItem(item, props.itemValue, title);
+  const value = props.returnObject ? item : getPropertyFromItem(item, props.itemValue, title);
   const children = getPropertyFromItem(item, props.itemChildren);
-  const itemProps = props.itemProps === true ? pick(item, ['children'])[1] : getPropertyFromItem(item, props.itemProps);
+  const itemProps = props.itemProps === true ? typeof item === 'object' && item != null && !Array.isArray(item) ? 'children' in item ? pick(item, ['children'])[1] : item : undefined : getPropertyFromItem(item, props.itemProps);
   const _props = {
     title,
     value,
     ...itemProps
   };
   return {
-    title: _props.title,
+    title: String(_props.title ?? ''),
     value: _props.value,
     props: _props,
     children: Array.isArray(children) ? transformItems(props, children) : undefined,
@@ -46,35 +45,24 @@ export function transformItem(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));
-
   function transformIn(value) {
     return value.map(item => transformItem(props, item));
   }
-
   function transformOut(value) {
-    if (props.returnObject) return value.map(_ref => {
-      let {
-        raw: item
-      } = _ref;
-      return item;
-    });
-    return value.map(_ref2 => {
+    return value.map(_ref => {
       let {
         props
-      } = _ref2;
+      } = _ref;
       return props.value;
     });
   }
-
   return {
     items,
     transformIn,

package/lib/composables/items.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"items.mjs","names":["computed","getPropertyFromItem","pick","propsFactory","makeItemsProps","items","type","Array","default","itemTitle","String","Function","itemValue","itemChildren","Boolean","itemProps","returnObject","transformItem","props","item","title","value","children","_props","isArray","transformItems","undefined","raw","array","push","useItems","transformIn","map","transformOut"],"sources":["../../src/composables/items.ts"],"sourcesContent":["// Utilities\nimport { computed } from 'vue'\nimport { getPropertyFromItem, pick, propsFactory } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { SelectItemKey } from '@/util'\n\nexport interface InternalItem {\n  title: string\n  value: any\n  props: {\n    [key: string]: any\n    title: string\n    value: any\n  }\n  children?: InternalItem[]\n  raw: any\n}\n\nexport interface ItemProps {\n  items: any[]\n  itemTitle: SelectItemKey\n  itemValue: SelectItemKey\n  itemChildren: SelectItemKey\n  itemProps: SelectItemKey\n  returnObject: boolean\n}\n\n// Composables\nexport const makeItemsProps = propsFactory({\n  items: {\n    type: Array as PropType<ItemProps['items']>,\n    default: () => ([]),\n  },\n  itemTitle: {\n    type: [String, Array, Function] as PropType<SelectItemKey>,\n    default: 'title',\n  },\n  itemValue: {\n    type: [String, Array, Function] as PropType<SelectItemKey>,\n    default: 'value',\n  },\n  itemChildren: {\n    type: [Boolean, String, Array, Function] as PropType<SelectItemKey>,\n    default: 'children',\n  },\n  itemProps: {\n    type: [Boolean, String, Array, Function] as PropType<SelectItemKey>,\n    default: 'props',\n  },\n  returnObject: Boolean,\n}, 'item')\n\nexport function transformItem (props: Omit<ItemProps, 'items'>, item: any) {\n  const title = getPropertyFromItem(item, props.itemTitle, item)\n  const value = getPropertyFromItem(item, props.itemValue, title)\n  const children = getPropertyFromItem(item, props.itemChildren)\n  const itemProps = props.itemProps === true ? pick(item, ['children'])[1] : getPropertyFromItem(item, props.itemProps)\n\n  const _props = {\n    title,\n    value,\n    ...itemProps,\n  }\n\n  return {\n    title: _props.title,\n    value: _props.value,\n    props: _props,\n    children: Array.isArray(children) ? transformItems(props, children) : undefined,\n    raw: item,\n  }\n}\n\nexport function transformItems (props: Omit<ItemProps, 'items'>, items: ItemProps['items']) {\n  const array: InternalItem[] = []\n\n  for (const item of items) {\n    array.push(transformItem(props, item))\n  }\n\n  return array\n}\n\nexport function useItems (props: ItemProps) {\n  const items = computed(() => transformItems(props, props.items))\n\n  function transformIn (value: any[]): InternalItem[] {\n    return value.map(item => transformItem(props, item))\n  }\n\n  function transformOut (value: InternalItem[]) {\n    if (props.returnObject) return value.map(({ raw: item }) => item)\n    return value.map(({ props }) => props.value)\n  }\n\n  return { items, transformIn, transformOut }\n}\n"],"mappings":"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"}
+{"version":3,"file":"items.mjs","names":["computed","getPropertyFromItem","pick","propsFactory","makeItemsProps","items","type","Array","default","itemTitle","String","Function","itemValue","itemChildren","Boolean","itemProps","returnObject","transformItem","props","item","title","value","children","isArray","undefined","_props","transformItems","raw","array","push","useItems","transformIn","map","transformOut"],"sources":["../../src/composables/items.ts"],"sourcesContent":["// Utilities\nimport { computed } from 'vue'\nimport { getPropertyFromItem, pick, propsFactory } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { SelectItemKey } from '@/util'\n\nexport interface InternalItem<T = any> {\n  title: string\n  value: any\n  props: {\n    [key: string]: any\n    title: string\n    value: any\n  }\n  children?: InternalItem<T>[]\n  raw: T\n}\n\nexport interface ItemProps {\n  items: any[]\n  itemTitle: SelectItemKey\n  itemValue: SelectItemKey\n  itemChildren: SelectItemKey\n  itemProps: SelectItemKey\n  returnObject: boolean\n}\n\n// Composables\nexport const makeItemsProps = propsFactory({\n  items: {\n    type: Array as PropType<ItemProps['items']>,\n    default: () => ([]),\n  },\n  itemTitle: {\n    type: [String, Array, Function] as PropType<SelectItemKey>,\n    default: 'title',\n  },\n  itemValue: {\n    type: [String, Array, Function] as PropType<SelectItemKey>,\n    default: 'value',\n  },\n  itemChildren: {\n    type: [Boolean, String, Array, Function] as PropType<SelectItemKey>,\n    default: 'children',\n  },\n  itemProps: {\n    type: [Boolean, String, Array, Function] as PropType<SelectItemKey>,\n    default: 'props',\n  },\n  returnObject: Boolean,\n}, 'item')\n\nexport function transformItem (props: Omit<ItemProps, 'items'>, item: any) {\n  const title = getPropertyFromItem(item, props.itemTitle, item)\n  const value = props.returnObject ? item : getPropertyFromItem(item, props.itemValue, title)\n  const children = getPropertyFromItem(item, props.itemChildren)\n  const itemProps = props.itemProps === true\n    ? typeof item === 'object' && item != null && !Array.isArray(item)\n      ? 'children' in item\n        ? pick(item, ['children'])[1]\n        : item\n      : undefined\n    : getPropertyFromItem(item, props.itemProps)\n\n  const _props = {\n    title,\n    value,\n    ...itemProps,\n  }\n\n  return {\n    title: String(_props.title ?? ''),\n    value: _props.value,\n    props: _props,\n    children: Array.isArray(children) ? transformItems(props, children) : undefined,\n    raw: item,\n  }\n}\n\nexport function transformItems (props: Omit<ItemProps, 'items'>, items: ItemProps['items']) {\n  const array: InternalItem[] = []\n\n  for (const item of items) {\n    array.push(transformItem(props, item))\n  }\n\n  return array\n}\n\nexport function useItems (props: ItemProps) {\n  const items = computed(() => transformItems(props, props.items))\n\n  function transformIn (value: any[]): InternalItem[] {\n    return value.map(item => transformItem(props, item))\n  }\n\n  function transformOut (value: InternalItem[]) {\n    return value.map(({ props }) => props.value)\n  }\n\n  return { items, transformIn, transformOut }\n}\n"],"mappings":"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"}

package/lib/composables/layout.mjs

@@ -1,9 +1,7 @@
 // Composables
 import { useResizeObserver } from "./resizeObserver.mjs"; // Utilities
-
 import { computed, inject, onActivated, onBeforeUnmount, onDeactivated, onMounted, provide, reactive, ref } from 'vue';
 import { convertToUnit, findChildrenWithProvide, getCurrentInstance, getUid, propsFactory } from "../util/index.mjs"; // Types
-
 export const VuetifyLayoutKey = Symbol.for('vuetify:layout');
 export const VuetifyLayoutItemKey = Symbol.for('vuetify:layout-item');
 const ROOT_ZINDEX = 1000;
@@ -13,8 +11,9 @@ export const makeLayoutProps = propsFactory({
     default: () => []
   },
   fullHeight: Boolean
-}, 'layout'); // Composables
+}, 'layout');
 
+// Composables
 export const makeLayoutItemProps = propsFactory({
   name: {
     type: String
@@ -27,15 +26,17 @@ export const makeLayoutItemProps = propsFactory({
 }, 'layout-item');
 export function useLayout() {
   const layout = inject(VuetifyLayoutKey);
-  if (!layout) throw new Error('Could not find injected Vuetify layout');
-  return layout;
+  if (!layout) throw new Error('[Vuetify] Could not find injected layout');
+  return {
+    getLayoutItem: layout.getLayoutItem,
+    mainRect: layout.mainRect,
+    mainStyles: layout.mainStyles
+  };
 }
 export function useLayoutItem(options) {
-  var _options$id;
-
   const layout = inject(VuetifyLayoutKey);
-  if (!layout) throw new Error('Could not find injected Vuetify layout');
-  const id = (_options$id = options.id) != null ? _options$id : `layout-item-${getUid()}`;
+  if (!layout) throw new Error('[Vuetify] Could not find injected layout');
+  const id = options.id ?? `layout-item-${getUid()}`;
   const vm = getCurrentInstance('useLayoutItem');
   provide(VuetifyLayoutItemKey, {
     id
@@ -46,7 +47,8 @@ export function useLayoutItem(options) {
   const {
     layoutItemStyles,
     layoutItemScrimStyles
-  } = layout.register(vm, { ...options,
+  } = layout.register(vm, {
+    ...options,
     active: computed(() => isKeptAlive.value ? false : options.active.value),
     id
   });
@@ -57,7 +59,6 @@ export function useLayoutItem(options) {
     layoutItemScrimStyles
   };
 }
-
 const generateLayers = (layout, positions, layoutSizes, activeItems) => {
   let previousLayer = {
     top: 0,
@@ -67,16 +68,17 @@ const generateLayers = (layout, positions, layoutSizes, activeItems) => {
   };
   const layers = [{
     id: '',
-    layer: { ...previousLayer
+    layer: {
+      ...previousLayer
     }
   }];
-
   for (const id of layout) {
     const position = positions.get(id);
     const amount = layoutSizes.get(id);
     const active = activeItems.get(id);
     if (!position || !amount || !active) continue;
-    const layer = { ...previousLayer,
+    const layer = {
+      ...previousLayer,
       [position.value]: parseInt(previousLayer[position.value], 10) + (active.value ? parseInt(amount.value, 10) : 0)
     };
     layers.push({
@@ -85,10 +87,8 @@ const generateLayers = (layout, positions, layoutSizes, activeItems) => {
     });
     previousLayer = layer;
   }
-
   return layers;
 };
-
 export function createLayout(props) {
   const parentLayout = inject(VuetifyLayoutKey, null);
   const rootZIndex = computed(() => parentLayout ? parentLayout.rootZIndex.value - 100 : ROOT_ZINDEX);
@@ -103,11 +103,8 @@ export function createLayout(props) {
     contentRect: layoutRect
   } = useResizeObserver();
   const computedOverlaps = computed(() => {
-    var _props$overlaps;
-
     const map = new Map();
-    const overlaps = (_props$overlaps = props.overlaps) != null ? _props$overlaps : [];
-
+    const overlaps = props.overlaps ?? [];
     for (const overlap of overlaps.filter(item => item.includes(':'))) {
       const [top, bottom] = overlap.split(':');
       if (!registered.value.includes(top) || !registered.value.includes(bottom)) continue;
@@ -125,34 +122,32 @@ export function createLayout(props) {
         amount: -parseInt(bottomAmount.value, 10)
       });
     }
-
     return map;
   });
   const layers = computed(() => {
     const uniquePriorities = [...new Set([...priorities.values()].map(p => p.value))].sort((a, b) => a - b);
     const layout = [];
-
     for (const p of uniquePriorities) {
       const items = registered.value.filter(id => {
         var _priorities$get;
-
         return ((_priorities$get = priorities.get(id)) == null ? void 0 : _priorities$get.value) === p;
       });
       layout.push(...items);
     }
-
     return generateLayers(layout, positions, layoutSizes, activeItems);
   });
   const transitionsEnabled = computed(() => {
     return !Array.from(disabledTransitions.values()).some(ref => ref.value);
   });
+  const mainRect = computed(() => {
+    return layers.value[layers.value.length - 1].layer;
+  });
   const mainStyles = computed(() => {
-    const layer = layers.value[layers.value.length - 1].layer;
     return {
-      '--v-layout-left': convertToUnit(layer.left),
-      '--v-layout-right': convertToUnit(layer.right),
-      '--v-layout-top': convertToUnit(layer.top),
-      '--v-layout-bottom': convertToUnit(layer.bottom),
+      '--v-layout-left': convertToUnit(mainRect.value.left),
+      '--v-layout-right': convertToUnit(mainRect.value.right),
+      '--v-layout-top': convertToUnit(mainRect.value.top),
+      '--v-layout-bottom': convertToUnit(mainRect.value.bottom),
       ...(transitionsEnabled.value ? undefined : {
         transition: 'none'
       })
@@ -167,18 +162,18 @@ export function createLayout(props) {
         layer
       } = layers.value[index];
       const size = layoutSizes.get(id);
+      const position = positions.get(id);
       return {
         id,
         ...layer,
-        size: Number(size.value)
+        size: Number(size.value),
+        position: position.value
       };
     });
   });
-
   const getLayoutItem = id => {
     return items.value.find(item => item.id === id);
   };
-
   const rootVm = getCurrentInstance('createLayout');
   const isMounted = ref(false);
   onMounted(() => {
@@ -220,16 +215,14 @@ export function createLayout(props) {
           })
         };
         if (!isMounted.value) return styles;
-        if (index.value < 0) throw new Error(`Layout item "${id}" is missing`);
         const item = items.value[index.value];
-        if (!item) throw new Error(`Could not find layout item "${id}`);
+        if (!item) throw new Error(`[Vuetify] Could not find layout item "${id}"`);
         const overlap = computedOverlaps.value.get(id);
-
         if (overlap) {
           item[overlap.position] += overlap.amount;
         }
-
-        return { ...styles,
+        return {
+          ...styles,
           height: isHorizontal ? `calc(100% - ${item.top}px - ${item.bottom}px)` : elementSize.value ? `${elementSize.value}px` : undefined,
           left: isOppositeHorizontal ? undefined : `${item.left}px`,
           right: isOppositeHorizontal ? `${item.right}px` : undefined,
@@ -255,6 +248,7 @@ export function createLayout(props) {
       disabledTransitions.delete(id);
       registered.value = registered.value.filter(v => v !== id);
     },
+    mainRect,
     mainStyles,
     getLayoutItem,
     items,