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

package/lib/composables/layout.mjs

@@ -1,8 +1,11 @@
-// Utilities
-import { computed, inject, onBeforeUnmount, provide, ref } from 'vue';
-import { convertToUnit, getUid, propsFactory } from "../util/index.mjs"; // Types
+// 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');
+const ROOT_ZINDEX = 1000;
 export const makeLayoutProps = propsFactory({
   overlaps: {
     type: Array,
@@ -16,26 +19,42 @@ export const makeLayoutItemProps = propsFactory({
     type: String
   },
   priority: {
-    type: Number,
+    type: [Number, String],
     default: 0
   },
   absolute: Boolean
 }, 'layout-item');
-export function useMain() {
+export function useLayout() {
   const layout = inject(VuetifyLayoutKey);
   if (!layout) throw new Error('Could not find injected Vuetify layout');
   return layout;
 }
-export function useLayoutItem(name, priority, position, layoutSize, elementSize, active) {
+export function useLayoutItem(options) {
+  var _options$id;
+
   const layout = inject(VuetifyLayoutKey);
   if (!layout) throw new Error('Could not find injected Vuetify layout');
-  const id = name != null ? name : `layout-item-${getUid()}`;
-  const styles = layout.register(id, priority, position, layoutSize, elementSize, active);
+  const id = (_options$id = options.id) != null ? _options$id : `layout-item-${getUid()}`;
+  const vm = getCurrentInstance('useLayoutItem');
+  const isKeptAlive = ref(false);
+  onDeactivated(() => isKeptAlive.value = true);
+  onActivated(() => isKeptAlive.value = false);
+  const {
+    layoutItemStyles,
+    layoutItemScrimStyles
+  } = layout.register(vm, { ...options,
+    active: computed(() => isKeptAlive.value ? false : options.active.value),
+    id
+  });
   onBeforeUnmount(() => layout.unregister(id));
-  return styles;
+  return {
+    layoutItemStyles,
+    layoutRect: layout.layoutRect,
+    layoutItemScrimStyles
+  };
 }
 
-const generateLayers = (layout, registered, positions, layoutSizes, activeItems) => {
+const generateLayers = (layout, positions, layoutSizes, activeItems) => {
   let previousLayer = {
     top: 0,
     left: 0,
@@ -47,9 +66,8 @@ const generateLayers = (layout, registered, positions, layoutSizes, activeItems)
     layer: { ...previousLayer
     }
   }];
-  const ids = !layout.length ? registered : layout.map(l => l.split(':')[0]).filter(l => registered.includes(l));
 
-  for (const id of ids) {
+  for (const id of layout) {
     const position = positions.get(id);
     const amount = layoutSizes.get(id);
     const active = activeItems.get(id);
@@ -65,15 +83,21 @@ const generateLayers = (layout, registered, positions, layoutSizes, activeItems)
   }
 
   return layers;
-}; // TODO: Remove undefined from layout and overlaps when vue typing for required: true prop is fixed
-
+};
 
 export function createLayout(props) {
+  const parentLayout = inject(VuetifyLayoutKey, null);
+  const rootZIndex = computed(() => parentLayout ? parentLayout.rootZIndex.value - 100 : ROOT_ZINDEX);
   const registered = ref([]);
-  const positions = new Map();
-  const layoutSizes = new Map();
-  const priorities = new Map();
-  const activeItems = new Map();
+  const positions = reactive(new Map());
+  const layoutSizes = reactive(new Map());
+  const priorities = reactive(new Map());
+  const activeItems = reactive(new Map());
+  const disabledTransitions = reactive(new Map());
+  const {
+    resizeRef,
+    contentRect: layoutRect
+  } = useResizeObserver();
   const computedOverlaps = computed(() => {
     var _props$overlaps;
 
@@ -101,9 +125,22 @@ export function createLayout(props) {
     return map;
   });
   const layers = computed(() => {
-    const entries = [...priorities.entries()];
-    const sortedEntries = entries.sort(([, a], [, b]) => a.value - b.value).map(([id]) => id);
-    return generateLayers(sortedEntries, registered.value, positions, layoutSizes, activeItems);
+    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 mainStyles = computed(() => {
     const layer = layers.value[layers.value.length - 1].layer;
@@ -112,13 +149,17 @@ export function createLayout(props) {
       paddingLeft: convertToUnit(layer.left),
       paddingRight: convertToUnit(layer.right),
       paddingTop: convertToUnit(layer.top),
-      paddingBottom: convertToUnit(layer.bottom)
+      paddingBottom: convertToUnit(layer.bottom),
+      ...(transitionsEnabled.value ? undefined : {
+        transition: 'none'
+      })
     };
   });
   const items = computed(() => {
-    return layers.value.slice(1).map(({
-      id
-    }, index) => {
+    return layers.value.slice(1).map((_ref, index) => {
+      let {
+        id
+      } = _ref;
       const {
         layer
       } = layers.value[index];
@@ -135,17 +176,49 @@ export function createLayout(props) {
     return items.value.find(item => item.id === id);
   };
 
+  const rootVm = getCurrentInstance('createLayout');
+  const isMounted = ref(false);
+  onMounted(() => {
+    isMounted.value = true;
+  });
   provide(VuetifyLayoutKey, {
-    register: (id, priority, position, layoutSize, elementSize, active) => {
+    register: (vm, _ref2) => {
+      let {
+        id,
+        priority,
+        position,
+        layoutSize,
+        elementSize,
+        active,
+        disableTransitions,
+        absolute
+      } = _ref2;
       priorities.set(id, priority);
       positions.set(id, position);
       layoutSizes.set(id, layoutSize);
       activeItems.set(id, active);
-      registered.value.push(id);
-      return computed(() => {
-        const index = items.value.findIndex(i => i.id === id);
-        if (index < 0) throw new Error(`Layout item "${id}" is missing from layout prop`);
-        const item = items.value[index];
+      disableTransitions && disabledTransitions.set(id, disableTransitions);
+      const instances = findChildrenWithProvide(VuetifyLayoutKey, rootVm == null ? void 0 : rootVm.vnode);
+      const instanceIndex = instances.indexOf(vm);
+      if (instanceIndex > -1) registered.value.splice(instanceIndex, 0, id);else registered.value.push(id);
+      const index = computed(() => items.value.findIndex(i => i.id === id));
+      const zIndex = computed(() => rootZIndex.value + layers.value.length * 2 - index.value * 2);
+      const layoutItemStyles = computed(() => {
+        const isHorizontal = position.value === 'left' || position.value === 'right';
+        const isOppositeHorizontal = position.value === 'right';
+        const isOppositeVertical = position.value === 'bottom';
+        const styles = {
+          [position.value]: 0,
+          zIndex: zIndex.value,
+          transform: `translate${isHorizontal ? 'X' : 'Y'}(${(active.value ? 0 : -110) * (isOppositeHorizontal || isOppositeVertical ? -1 : 1)}%)`,
+          position: absolute.value || rootZIndex.value !== ROOT_ZINDEX ? 'absolute' : 'fixed',
+          ...(transitionsEnabled.value ? undefined : {
+            transition: 'none'
+          })
+        };
+        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}`);
         const overlap = computedOverlaps.value.get(id);
 
@@ -153,40 +226,52 @@ export function createLayout(props) {
           item[overlap.position] += overlap.amount;
         }
 
-        const isHorizontal = position.value === 'left' || position.value === 'right';
-        const isOppositeHorizontal = position.value === 'right';
-        const isOppositeVertical = position.value === 'bottom';
-        return {
-          [position.value]: 0,
+        return { ...styles,
           height: isHorizontal ? `calc(100% - ${item.top}px - ${item.bottom}px)` : `${elementSize.value}px`,
           marginLeft: isOppositeHorizontal ? undefined : `${item.left}px`,
           marginRight: isOppositeHorizontal ? `${item.right}px` : undefined,
           marginTop: position.value !== 'bottom' ? `${item.top}px` : undefined,
           marginBottom: position.value !== 'top' ? `${item.bottom}px` : undefined,
-          width: !isHorizontal ? `calc(100% - ${item.left}px - ${item.right}px)` : `${elementSize.value}px`,
-          zIndex: layers.value.length - index,
-          transform: `translate${isHorizontal ? 'X' : 'Y'}(${(active.value ? 0 : -110) * (isOppositeHorizontal || isOppositeVertical ? -1 : 1)}%)`
+          width: !isHorizontal ? `calc(100% - ${item.left}px - ${item.right}px)` : `${elementSize.value}px`
         };
       });
+      const layoutItemScrimStyles = computed(() => ({
+        zIndex: zIndex.value - 1,
+        position: rootZIndex.value === ROOT_ZINDEX ? 'fixed' : 'absolute'
+      }));
+      return {
+        layoutItemStyles,
+        layoutItemScrimStyles,
+        zIndex
+      };
     },
     unregister: id => {
       priorities.delete(id);
       positions.delete(id);
       layoutSizes.delete(id);
       activeItems.delete(id);
+      disabledTransitions.delete(id);
       registered.value = registered.value.filter(v => v !== id);
     },
     mainStyles,
     getLayoutItem,
-    items
+    items,
+    layoutRect,
+    rootZIndex
   });
   const layoutClasses = computed(() => ['v-layout', {
     'v-layout--full-height': props.fullHeight
   }]);
+  const layoutStyles = computed(() => ({
+    zIndex: rootZIndex.value
+  }));
   return {
     layoutClasses,
+    layoutStyles,
     getLayoutItem,
-    items
+    items,
+    layoutRect,
+    layoutRef: resizeRef
   };
 }
 //# sourceMappingURL=layout.mjs.map

package/lib/composables/layout.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/layout.ts"],"names":["computed","inject","onBeforeUnmount","provide","ref","convertToUnit","getUid","propsFactory","VuetifyLayoutKey","Symbol","for","makeLayoutProps","overlaps","type","Array","default","fullHeight","Boolean","makeLayoutItemProps","name","String","priority","Number","absolute","useMain","layout","Error","useLayoutItem","position","layoutSize","elementSize","active","id","styles","register","unregister","generateLayers","registered","positions","layoutSizes","activeItems","previousLayer","top","left","right","bottom","layers","layer","ids","length","map","l","split","filter","includes","get","amount","value","parseInt","push","createLayout","props","Map","priorities","computedOverlaps","overlap","item","topPosition","bottomPosition","topAmount","bottomAmount","set","entries","sortedEntries","sort","a","b","mainStyles","paddingLeft","paddingRight","paddingTop","paddingBottom","items","slice","index","size","getLayoutItem","find","findIndex","i","isHorizontal","isOppositeHorizontal","isOppositeVertical","height","marginLeft","undefined","marginRight","marginTop","marginBottom","width","zIndex","transform","delete","v","layoutClasses"],"mappings":"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","sourcesContent":["// Utilities\nimport { computed, inject, onBeforeUnmount, provide, ref } from 'vue'\nimport { convertToUnit, getUid, propsFactory } from '@/util'\n\n// Types\nimport type { InjectionKey, Prop, Ref } from 'vue'\n\ntype Position = 'top' | 'left' | 'right' | 'bottom'\n\ntype LayoutItem = {\n  id: string\n  top: number\n  bottom: number\n  left: number\n  right: number\n  size: number\n}\n\ninterface LayoutProvide {\n  register: (\n    id: string,\n    priority: Ref<number>,\n    position: Ref<Position>,\n    layoutSize: Ref<number | string>,\n    elementSize: Ref<number | string>,\n    active: Ref<boolean>\n  ) => Ref<Record<string, unknown>>\n  unregister: (id: string) => void\n  mainStyles: Ref<Record<string, unknown>>\n  getLayoutItem: (id: string) => LayoutItem | undefined\n  items: Ref<LayoutItem[]>\n}\n\nexport const VuetifyLayoutKey: InjectionKey<LayoutProvide> = Symbol.for('vuetify:layout')\n\nexport const makeLayoutProps = propsFactory({\n  overlaps: {\n    type: Array,\n    default: () => ([]),\n  } as Prop<string[]>,\n  fullHeight: Boolean,\n}, 'layout')\n\n// Composables\nexport const makeLayoutItemProps = propsFactory({\n  name: {\n    type: String,\n  },\n  priority: {\n    type: Number,\n    default: 0,\n  },\n  absolute: Boolean,\n}, 'layout-item')\n\nexport function useMain () {\n  const layout = inject(VuetifyLayoutKey)\n\n  if (!layout) throw new Error('Could not find injected Vuetify layout')\n\n  return layout\n}\n\nexport function useLayoutItem (\n  name: string | undefined,\n  priority: Ref<number>,\n  position: Ref<Position>,\n  layoutSize: Ref<number | string>,\n  elementSize: Ref<number | string>,\n  active: Ref<boolean>,\n) {\n  const layout = inject(VuetifyLayoutKey)\n\n  if (!layout) throw new Error('Could not find injected Vuetify layout')\n\n  const id = name ?? `layout-item-${getUid()}`\n\n  const styles = layout.register(id, priority, position, layoutSize, elementSize, active)\n\n  onBeforeUnmount(() => layout.unregister(id))\n\n  return styles\n}\n\nconst generateLayers = (\n  layout: string[],\n  registered: string[],\n  positions: Map<string, Ref<Position>>,\n  layoutSizes: Map<string, Ref<number | string>>,\n  activeItems: Map<string, Ref<boolean>>,\n) => {\n  let previousLayer = { top: 0, left: 0, right: 0, bottom: 0 }\n  const layers = [{ id: '', layer: { ...previousLayer } }]\n  const ids = !layout.length ? registered : layout.map(l => l.split(':')[0]).filter(l => registered.includes(l))\n  for (const id of ids) {\n    const position = positions.get(id)\n    const amount = layoutSizes.get(id)\n    const active = activeItems.get(id)\n    if (!position || !amount || !active) continue\n\n    const layer = {\n      ...previousLayer,\n      [position.value]: parseInt(previousLayer[position.value], 10) + (active.value ? parseInt(amount.value, 10) : 0),\n    }\n\n    layers.push({\n      id,\n      layer,\n    })\n\n    previousLayer = layer\n  }\n\n  return layers\n}\n\n// TODO: Remove undefined from layout and overlaps when vue typing for required: true prop is fixed\nexport function createLayout (props: { layout?: string[], overlaps?: string[], fullHeight?: boolean }) {\n  const registered = ref<string[]>([])\n  const positions = new Map<string, Ref<Position>>()\n  const layoutSizes = new Map<string, Ref<number | string>>()\n  const priorities = new Map<string, Ref<number>>()\n  const activeItems = new Map<string, Ref<boolean>>()\n\n  const computedOverlaps = computed(() => {\n    const map = new Map<string, { position: Position, amount: number }>()\n    const overlaps = props.overlaps ?? []\n    for (const overlap of overlaps.filter(item => item.includes(':'))) {\n      const [top, bottom] = overlap.split(':')\n      if (!registered.value.includes(top) || !registered.value.includes(bottom)) continue\n\n      const topPosition = positions.get(top)\n      const bottomPosition = positions.get(bottom)\n      const topAmount = layoutSizes.get(top)\n      const bottomAmount = layoutSizes.get(bottom)\n\n      if (!topPosition || !bottomPosition || !topAmount || !bottomAmount) continue\n\n      map.set(bottom, { position: topPosition.value, amount: parseInt(topAmount.value, 10) })\n      map.set(top, { position: bottomPosition.value, amount: -parseInt(bottomAmount.value, 10) })\n    }\n\n    return map\n  })\n\n  const layers = computed(() => {\n    const entries = [...priorities.entries()]\n    const sortedEntries = entries.sort(([, a], [, b]) => a.value - b.value).map(([id]) => id)\n    return generateLayers(sortedEntries, registered.value, positions, layoutSizes, activeItems)\n  })\n\n  const mainStyles = computed(() => {\n    const layer = layers.value[layers.value.length - 1].layer\n\n    return {\n      position: 'relative',\n      paddingLeft: convertToUnit(layer.left),\n      paddingRight: convertToUnit(layer.right),\n      paddingTop: convertToUnit(layer.top),\n      paddingBottom: convertToUnit(layer.bottom),\n    }\n  })\n\n  const items = computed(() => {\n    return layers.value.slice(1).map(({ id }, index) => {\n      const { layer } = layers.value[index]\n      const size = layoutSizes.get(id)\n\n      return {\n        id,\n        ...layer,\n        size: Number(size!.value),\n      }\n    })\n  })\n\n  const getLayoutItem = (id: string) => {\n    return items.value.find(item => item.id === id)\n  }\n\n  provide(VuetifyLayoutKey, {\n    register: (\n      id: string,\n      priority: Ref<number>,\n      position: Ref<Position>,\n      layoutSize: Ref<number | string>,\n      elementSize: Ref<number | string>,\n      active: Ref<boolean>\n    ) => {\n      priorities.set(id, priority)\n      positions.set(id, position)\n      layoutSizes.set(id, layoutSize)\n      activeItems.set(id, active)\n      registered.value.push(id)\n\n      return computed(() => {\n        const index = items.value.findIndex(i => i.id === id)\n\n        if (index < 0) throw new Error(`Layout item \"${id}\" is missing from layout prop`)\n\n        const item = items.value[index]\n\n        if (!item) throw new Error(`Could not find layout item \"${id}`)\n\n        const overlap = computedOverlaps.value.get(id)\n        if (overlap) {\n          item[overlap.position] += overlap.amount\n        }\n\n        const isHorizontal = position.value === 'left' || position.value === 'right'\n        const isOppositeHorizontal = position.value === 'right'\n        const isOppositeVertical = position.value === 'bottom'\n\n        return {\n          [position.value]: 0,\n          height: isHorizontal ? `calc(100% - ${item.top}px - ${item.bottom}px)` : `${elementSize.value}px`,\n          marginLeft: isOppositeHorizontal ? undefined : `${item.left}px`,\n          marginRight: isOppositeHorizontal ? `${item.right}px` : undefined,\n          marginTop: position.value !== 'bottom' ? `${item.top}px` : undefined,\n          marginBottom: position.value !== 'top' ? `${item.bottom}px` : undefined,\n          width: !isHorizontal ? `calc(100% - ${item.left}px - ${item.right}px)` : `${elementSize.value}px`,\n          zIndex: layers.value.length - index,\n          transform: `translate${isHorizontal ? 'X' : 'Y'}(${(active.value ? 0 : -110) * (isOppositeHorizontal || isOppositeVertical ? -1 : 1)}%)`,\n        }\n      })\n    },\n    unregister: (id: string) => {\n      priorities.delete(id)\n      positions.delete(id)\n      layoutSizes.delete(id)\n      activeItems.delete(id)\n      registered.value = registered.value.filter(v => v !== id)\n    },\n    mainStyles,\n    getLayoutItem,\n    items,\n  })\n\n  const layoutClasses = computed(() => [\n    'v-layout',\n    { 'v-layout--full-height': props.fullHeight },\n  ])\n\n  return {\n    layoutClasses,\n    getLayoutItem,\n    items,\n  }\n}\n"],"file":"layout.mjs"}
+{"version":3,"sources":["../../src/composables/layout.ts"],"names":["useResizeObserver","computed","inject","onActivated","onBeforeUnmount","onDeactivated","onMounted","provide","reactive","ref","convertToUnit","findChildrenWithProvide","getCurrentInstance","getUid","propsFactory","VuetifyLayoutKey","Symbol","for","ROOT_ZINDEX","makeLayoutProps","overlaps","type","Array","default","fullHeight","Boolean","makeLayoutItemProps","name","String","priority","Number","absolute","useLayout","layout","Error","useLayoutItem","options","id","vm","isKeptAlive","value","layoutItemStyles","layoutItemScrimStyles","register","active","unregister","layoutRect","generateLayers","positions","layoutSizes","activeItems","previousLayer","top","left","right","bottom","layers","layer","position","get","amount","parseInt","push","createLayout","props","parentLayout","rootZIndex","registered","Map","priorities","disabledTransitions","resizeRef","contentRect","computedOverlaps","map","overlap","filter","item","includes","split","topPosition","bottomPosition","topAmount","bottomAmount","set","uniquePriorities","Set","values","p","sort","a","b","items","transitionsEnabled","from","some","mainStyles","length","paddingLeft","paddingRight","paddingTop","paddingBottom","undefined","transition","slice","index","size","getLayoutItem","find","rootVm","isMounted","layoutSize","elementSize","disableTransitions","instances","vnode","instanceIndex","indexOf","splice","findIndex","i","zIndex","isHorizontal","isOppositeHorizontal","isOppositeVertical","styles","transform","height","marginLeft","marginRight","marginTop","marginBottom","width","delete","v","layoutClasses","layoutStyles","layoutRef"],"mappings":"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","sourcesContent":["// Composables\nimport { useResizeObserver } from '@/composables/resizeObserver'\n\n// Utilities\nimport { computed, inject, onActivated, onBeforeUnmount, onDeactivated, onMounted, provide, reactive, ref } from 'vue'\nimport { convertToUnit, findChildrenWithProvide, getCurrentInstance, getUid, propsFactory } from '@/util'\n\n// Types\nimport type { ComponentInternalInstance, InjectionKey, Prop, Ref } from 'vue'\n\ntype Position = 'top' | 'left' | 'right' | 'bottom'\n\ntype LayoutItem = {\n  id: string\n  top: number\n  bottom: number\n  left: number\n  right: number\n  size: number\n}\n\ninterface LayoutProvide {\n  register: (\n    vm: ComponentInternalInstance,\n    options: {\n      id: string\n      priority: Ref<number>\n      position: Ref<Position>\n      layoutSize: Ref<number | string>\n      elementSize: Ref<number | string>\n      active: Ref<boolean>\n      disableTransitions?: Ref<boolean>\n      absolute: Ref<boolean | undefined>\n    }\n  ) => {\n    layoutItemStyles: Ref<Record<string, unknown>>\n    layoutItemScrimStyles: Ref<Record<string, unknown>>\n    zIndex: Ref<number>\n  }\n  unregister: (id: string) => void\n  mainStyles: Ref<Record<string, unknown>>\n  getLayoutItem: (id: string) => LayoutItem | undefined\n  items: Ref<LayoutItem[]>\n  layoutRect: Ref<DOMRectReadOnly | undefined>\n  rootZIndex: Ref<number>\n}\n\nexport const VuetifyLayoutKey: InjectionKey<LayoutProvide> = Symbol.for('vuetify:layout')\n\nconst ROOT_ZINDEX = 1000\n\nexport const makeLayoutProps = propsFactory({\n  overlaps: {\n    type: Array,\n    default: () => ([]),\n  } as Prop<string[]>,\n  fullHeight: Boolean,\n}, 'layout')\n\n// Composables\nexport const makeLayoutItemProps = propsFactory({\n  name: {\n    type: String,\n  },\n  priority: {\n    type: [Number, String],\n    default: 0,\n  },\n  absolute: Boolean,\n}, 'layout-item')\n\nexport function useLayout () {\n  const layout = inject(VuetifyLayoutKey)\n\n  if (!layout) throw new Error('Could not find injected Vuetify layout')\n\n  return layout\n}\n\nexport function useLayoutItem (options: {\n  id: string | undefined\n  priority: Ref<number>\n  position: Ref<Position>\n  layoutSize: Ref<number | string>\n  elementSize: Ref<number | string>\n  active: Ref<boolean>\n  disableTransitions?: Ref<boolean>\n  absolute: Ref<boolean | undefined>\n}) {\n  const layout = inject(VuetifyLayoutKey)\n\n  if (!layout) throw new Error('Could not find injected Vuetify layout')\n\n  const id = options.id ?? `layout-item-${getUid()}`\n\n  const vm = getCurrentInstance('useLayoutItem')\n\n  const isKeptAlive = ref(false)\n  onDeactivated(() => isKeptAlive.value = true)\n  onActivated(() => isKeptAlive.value = false)\n\n  const {\n    layoutItemStyles,\n    layoutItemScrimStyles,\n  } = layout.register(vm, {\n    ...options,\n    active: computed(() => isKeptAlive.value ? false : options.active.value),\n    id,\n  })\n\n  onBeforeUnmount(() => layout.unregister(id))\n\n  return { layoutItemStyles, layoutRect: layout.layoutRect, layoutItemScrimStyles }\n}\n\nconst generateLayers = (\n  layout: string[],\n  positions: Map<string, Ref<Position>>,\n  layoutSizes: Map<string, Ref<number | string>>,\n  activeItems: Map<string, Ref<boolean>>,\n) => {\n  let previousLayer = { top: 0, left: 0, right: 0, bottom: 0 }\n  const layers = [{ id: '', layer: { ...previousLayer } }]\n  for (const id of layout) {\n    const position = positions.get(id)\n    const amount = layoutSizes.get(id)\n    const active = activeItems.get(id)\n    if (!position || !amount || !active) continue\n\n    const layer = {\n      ...previousLayer,\n      [position.value]: parseInt(previousLayer[position.value], 10) + (active.value ? parseInt(amount.value, 10) : 0),\n    }\n\n    layers.push({\n      id,\n      layer,\n    })\n\n    previousLayer = layer\n  }\n\n  return layers\n}\n\nexport function createLayout (props: { overlaps?: string[], fullHeight?: boolean }) {\n  const parentLayout = inject(VuetifyLayoutKey, null)\n  const rootZIndex = computed(() => parentLayout ? parentLayout.rootZIndex.value - 100 : ROOT_ZINDEX)\n  const registered = ref<string[]>([])\n  const positions = reactive(new Map<string, Ref<Position>>())\n  const layoutSizes = reactive(new Map<string, Ref<number | string>>())\n  const priorities = reactive(new Map<string, Ref<number>>())\n  const activeItems = reactive(new Map<string, Ref<boolean>>())\n  const disabledTransitions = reactive(new Map<string, Ref<boolean>>())\n  const { resizeRef, contentRect: layoutRect } = useResizeObserver()\n\n  const computedOverlaps = computed(() => {\n    const map = new Map<string, { position: Position, amount: number }>()\n    const overlaps = props.overlaps ?? []\n    for (const overlap of overlaps.filter(item => item.includes(':'))) {\n      const [top, bottom] = overlap.split(':')\n      if (!registered.value.includes(top) || !registered.value.includes(bottom)) continue\n\n      const topPosition = positions.get(top)\n      const bottomPosition = positions.get(bottom)\n      const topAmount = layoutSizes.get(top)\n      const bottomAmount = layoutSizes.get(bottom)\n\n      if (!topPosition || !bottomPosition || !topAmount || !bottomAmount) continue\n\n      map.set(bottom, { position: topPosition.value, amount: parseInt(topAmount.value, 10) })\n      map.set(top, { position: bottomPosition.value, amount: -parseInt(bottomAmount.value, 10) })\n    }\n\n    return map\n  })\n\n  const layers = computed(() => {\n    const uniquePriorities = [...new Set([...priorities.values()].map(p => p.value))].sort((a, b) => a - b)\n    const layout = []\n    for (const p of uniquePriorities) {\n      const items = registered.value.filter(id => priorities.get(id)?.value === p)\n      layout.push(...items)\n    }\n    return generateLayers(layout, positions, layoutSizes, activeItems)\n  })\n\n  const transitionsEnabled = computed(() => {\n    return !Array.from(disabledTransitions.values()).some(ref => ref.value)\n  })\n\n  const mainStyles = computed(() => {\n    const layer = layers.value[layers.value.length - 1].layer\n\n    return {\n      position: 'relative',\n      paddingLeft: convertToUnit(layer.left),\n      paddingRight: convertToUnit(layer.right),\n      paddingTop: convertToUnit(layer.top),\n      paddingBottom: convertToUnit(layer.bottom),\n      ...(transitionsEnabled.value ? undefined : { transition: 'none' }),\n    }\n  })\n\n  const items = computed(() => {\n    return layers.value.slice(1).map(({ id }, index) => {\n      const { layer } = layers.value[index]\n      const size = layoutSizes.get(id)\n\n      return {\n        id,\n        ...layer,\n        size: Number(size!.value),\n      }\n    })\n  })\n\n  const getLayoutItem = (id: string) => {\n    return items.value.find(item => item.id === id)\n  }\n\n  const rootVm = getCurrentInstance('createLayout')\n\n  const isMounted = ref(false)\n  onMounted(() => {\n    isMounted.value = true\n  })\n\n  provide(VuetifyLayoutKey, {\n    register: (\n      vm: ComponentInternalInstance,\n      {\n        id,\n        priority,\n        position,\n        layoutSize,\n        elementSize,\n        active,\n        disableTransitions,\n        absolute,\n      }\n    ) => {\n      priorities.set(id, priority)\n      positions.set(id, position)\n      layoutSizes.set(id, layoutSize)\n      activeItems.set(id, active)\n      disableTransitions && disabledTransitions.set(id, disableTransitions)\n\n      const instances = findChildrenWithProvide(VuetifyLayoutKey, rootVm?.vnode)\n      const instanceIndex = instances.indexOf(vm)\n\n      if (instanceIndex > -1) registered.value.splice(instanceIndex, 0, id)\n      else registered.value.push(id)\n\n      const index = computed(() => items.value.findIndex(i => i.id === id))\n      const zIndex = computed(() => rootZIndex.value + (layers.value.length * 2) - (index.value * 2))\n\n      const layoutItemStyles = computed(() => {\n        const isHorizontal = position.value === 'left' || position.value === 'right'\n        const isOppositeHorizontal = position.value === 'right'\n        const isOppositeVertical = position.value === 'bottom'\n\n        const styles = {\n          [position.value]: 0,\n          zIndex: zIndex.value,\n          transform: `translate${isHorizontal ? 'X' : 'Y'}(${(active.value ? 0 : -110) * (isOppositeHorizontal || isOppositeVertical ? -1 : 1)}%)`,\n          position: absolute.value || rootZIndex.value !== ROOT_ZINDEX ? 'absolute' : 'fixed',\n          ...(transitionsEnabled.value ? undefined : { transition: 'none' }),\n        }\n\n        if (!isMounted.value) return styles\n\n        if (index.value < 0) throw new Error(`Layout item \"${id}\" is missing`)\n\n        const item = items.value[index.value]\n\n        if (!item) throw new Error(`Could not find layout item \"${id}`)\n\n        const overlap = computedOverlaps.value.get(id)\n        if (overlap) {\n          item[overlap.position] += overlap.amount\n        }\n\n        return {\n          ...styles,\n          height: isHorizontal ? `calc(100% - ${item.top}px - ${item.bottom}px)` : `${elementSize.value}px`,\n          marginLeft: isOppositeHorizontal ? undefined : `${item.left}px`,\n          marginRight: isOppositeHorizontal ? `${item.right}px` : undefined,\n          marginTop: position.value !== 'bottom' ? `${item.top}px` : undefined,\n          marginBottom: position.value !== 'top' ? `${item.bottom}px` : undefined,\n          width: !isHorizontal ? `calc(100% - ${item.left}px - ${item.right}px)` : `${elementSize.value}px`,\n        }\n      })\n\n      const layoutItemScrimStyles = computed(() => ({\n        zIndex: zIndex.value - 1,\n        position: rootZIndex.value === ROOT_ZINDEX ? 'fixed' : 'absolute',\n      }))\n\n      return { layoutItemStyles, layoutItemScrimStyles, zIndex }\n    },\n    unregister: (id: string) => {\n      priorities.delete(id)\n      positions.delete(id)\n      layoutSizes.delete(id)\n      activeItems.delete(id)\n      disabledTransitions.delete(id)\n      registered.value = registered.value.filter(v => v !== id)\n    },\n    mainStyles,\n    getLayoutItem,\n    items,\n    layoutRect,\n    rootZIndex,\n  })\n\n  const layoutClasses = computed(() => [\n    'v-layout',\n    { 'v-layout--full-height': props.fullHeight },\n  ])\n\n  const layoutStyles = computed(() => ({\n    zIndex: rootZIndex.value,\n  }))\n\n  return {\n    layoutClasses,\n    layoutStyles,\n    getLayoutItem,\n    items,\n    layoutRect,\n    layoutRef: resizeRef,\n  }\n}\n"],"file":"layout.mjs"}

package/lib/composables/lazy.mjs

@@ -0,0 +1,23 @@
+// Utilities
+import { computed, ref, watch } from 'vue'; // Types
+
+import { propsFactory } from "../util/index.mjs";
+export const makeLazyProps = propsFactory({
+  eager: Boolean
+}, 'lazy');
+export function useLazy(props, active) {
+  const isBooted = ref(false);
+  const hasContent = computed(() => isBooted.value || props.eager || active.value);
+  watch(active, () => isBooted.value = true);
+
+  function onAfterLeave() {
+    if (!props.eager) isBooted.value = false;
+  }
+
+  return {
+    isBooted,
+    hasContent,
+    onAfterLeave
+  };
+}
+//# sourceMappingURL=lazy.mjs.map

package/lib/composables/lazy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/composables/lazy.ts"],"names":["computed","ref","watch","propsFactory","makeLazyProps","eager","Boolean","useLazy","props","active","isBooted","hasContent","value","onAfterLeave"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,GAAnB,EAAwBC,KAAxB,QAAqC,KAArC,C,CAEA;;SAESC,Y;AAET,OAAO,MAAMC,aAAa,GAAGD,YAAY,CAAC;AACxCE,EAAAA,KAAK,EAAEC;AADiC,CAAD,EAEtC,MAFsC,CAAlC;AAIP,OAAO,SAASC,OAAT,CAAkBC,KAAlB,EAA6CC,MAA7C,EAAmE;AACxE,QAAMC,QAAQ,GAAGT,GAAG,CAAC,KAAD,CAApB;AACA,QAAMU,UAAU,GAAGX,QAAQ,CAAC,MAAMU,QAAQ,CAACE,KAAT,IAAkBJ,KAAK,CAACH,KAAxB,IAAiCI,MAAM,CAACG,KAA/C,CAA3B;AAEAV,EAAAA,KAAK,CAACO,MAAD,EAAS,MAAMC,QAAQ,CAACE,KAAT,GAAiB,IAAhC,CAAL;;AAEA,WAASC,YAAT,GAAyB;AACvB,QAAI,CAACL,KAAK,CAACH,KAAX,EAAkBK,QAAQ,CAACE,KAAT,GAAiB,KAAjB;AACnB;;AAED,SAAO;AAAEF,IAAAA,QAAF;AAAYC,IAAAA,UAAZ;AAAwBE,IAAAA;AAAxB,GAAP;AACD","sourcesContent":["// Utilities\nimport { computed, ref, watch } from 'vue'\n\n// Types\nimport type { Ref } from 'vue'\nimport { propsFactory } from '@/util'\n\nexport const makeLazyProps = propsFactory({\n  eager: Boolean,\n}, 'lazy')\n\nexport function useLazy (props: { eager: boolean }, active: Ref<boolean>) {\n  const isBooted = ref(false)\n  const hasContent = computed(() => isBooted.value || props.eager || active.value)\n\n  watch(active, () => isBooted.value = true)\n\n  function onAfterLeave () {\n    if (!props.eager) isBooted.value = false\n  }\n\n  return { isBooted, hasContent, onAfterLeave }\n}\n"],"file":"lazy.mjs"}

package/lib/composables/loader.mjs

@@ -0,0 +1,39 @@
+import { createVNode as _createVNode } from "vue";
+// Components
+import { VProgressLinear } from "../components/VProgressLinear/index.mjs"; // Utilities
+
+import { computed } from 'vue';
+import { getCurrentInstanceName, propsFactory } from "../util/index.mjs"; // Types
+
+// Composables
+export const makeLoaderProps = propsFactory({
+  loading: Boolean
+}, 'loader');
+export function useLoader(props) {
+  let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getCurrentInstanceName();
+  const loaderClasses = computed(() => ({
+    [`${name}--loading`]: props.loading
+  }));
+  return {
+    loaderClasses
+  };
+}
+export function LoaderSlot(props, _ref) {
+  var _slots$default;
+
+  let {
+    slots
+  } = _ref;
+  return _createVNode("div", {
+    "class": `${props.name}__loader`
+  }, [((_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, {
+    color: props.color,
+    isActive: props.active
+  })) || _createVNode(VProgressLinear, {
+    "active": props.active,
+    "color": props.color,
+    "height": "2",
+    "indeterminate": true
+  }, null)]);
+}
+//# sourceMappingURL=loader.mjs.map

package/lib/composables/loader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/composables/loader.tsx"],"names":["VProgressLinear","computed","getCurrentInstanceName","propsFactory","makeLoaderProps","loading","Boolean","useLoader","props","name","loaderClasses","LoaderSlot","slots","default","color","isActive","active"],"mappings":";AAAA;SACSA,e,mDAET;;AACA,SAASC,QAAT,QAAyB,KAAzB;SACSC,sB,EAAwBC,Y,6BAEjC;;AAcA;AACA,OAAO,MAAMC,eAAe,GAAGD,YAAY,CAAC;AAC1CE,EAAAA,OAAO,EAAEC;AADiC,CAAD,EAExC,QAFwC,CAApC;AAIP,OAAO,SAASC,SAAT,CACLC,KADK,EAGL;AAAA,MADAC,IACA,uEADOP,sBAAsB,EAC7B;AACA,QAAMQ,aAAa,GAAGT,QAAQ,CAAC,OAAO;AACpC,KAAE,GAAEQ,IAAK,WAAT,GAAsBD,KAAK,CAACH;AADQ,GAAP,CAAD,CAA9B;AAIA,SAAO;AAAEK,IAAAA;AAAF,GAAP;AACD;AAED,OAAO,SAASC,UAAT,CACLH,KADK,QASL;AAAA;;AAAA,MADA;AAAEI,IAAAA;AAAF,GACA;AACA;AAAA,aACe,GAAEJ,KAAK,CAACC,IAAK;AAD5B,MAEM,mBAAAG,KAAK,CAACC,OAAN,yCAAAD,KAAK,EAAW;AAChBE,IAAAA,KAAK,EAAEN,KAAK,CAACM,KADG;AAEhBC,IAAAA,QAAQ,EAAEP,KAAK,CAACQ;AAFA,GAAX,CAAL;AAAA,cAKWR,KAAK,CAACQ,MALjB;AAAA,aAMUR,KAAK,CAACM,KANhB;AAAA,cAOS,GAPT;AAAA;AAAA,UAFN;AAeD","sourcesContent":["// Components\nimport { VProgressLinear } from '@/components/VProgressLinear'\n\n// Utilities\nimport { computed } from 'vue'\nimport { getCurrentInstanceName, propsFactory } from '@/util'\n\n// Types\nimport type { ExtractPropTypes } from 'vue'\nimport type { SetupContext } from '@vue/runtime-core'\nimport type { MakeSlots, SlotsToProps } from '@/util'\n\nexport interface LoaderSlotProps {\n  color: string | undefined\n  isActive: boolean\n}\n\nexport interface LoaderProps {\n  loading: boolean\n}\n\n// Composables\nexport const makeLoaderProps = propsFactory({\n  loading: Boolean,\n}, 'loader')\n\nexport function useLoader (\n  props: LoaderProps,\n  name = getCurrentInstanceName(),\n) {\n  const loaderClasses = computed(() => ({\n    [`${name}--loading`]: props.loading,\n  }))\n\n  return { loaderClasses }\n}\n\nexport function LoaderSlot (\n  props: {\n    active: boolean\n    name: string\n    color?: string\n  } & ExtractPropTypes<SlotsToProps<MakeSlots<{\n    default: [LoaderSlotProps]\n  }>>>,\n  { slots }: SetupContext,\n) {\n  return (\n    <div class={`${props.name}__loader`}>\n      { slots.default?.({\n        color: props.color,\n        isActive: props.active,\n      } as LoaderSlotProps) || (\n        <VProgressLinear\n          active={ props.active }\n          color={ props.color }\n          height=\"2\"\n          indeterminate\n        />\n      )}\n    </div>\n  )\n}\n"],"file":"loader.mjs"}

package/lib/composables/locale.mjs

@@ -1,5 +1,5 @@
-import { computed, inject, provide } from 'vue';
-import { consoleError, consoleWarn, getObjectValueByPath, wrapInRef } from "../util/index.mjs";
+import { computed, inject, provide, ref } from 'vue';
+import { consoleError, consoleWarn, getObjectValueByPath } from "../util/index.mjs";
 import en from "../locale/en.mjs"; // Types
 
 export const LocaleAdapterSymbol = Symbol.for('vuetify:locale-adapter');
@@ -37,7 +37,11 @@ const replace = (str, params) => {
 };
 
 const createTranslateFunction = (current, fallback, messages) => {
-  return (key, ...params) => {
+  return function (key) {
+    for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      params[_key - 1] = arguments[_key];
+    }
+
     if (!key.startsWith(LANG_PREFIX)) {
       return replace(key, params);
     }
@@ -75,9 +79,9 @@ function createNumberFunction(current, fallback) {
 
 export function createDefaultLocaleAdapter(options) {
   const createScope = options => {
-    const current = wrapInRef(options.current);
-    const fallback = wrapInRef(options.fallback);
-    const messages = wrapInRef(options.messages);
+    const current = ref(options.current);
+    const fallback = ref(options.fallback);
+    const messages = ref(options.messages);
     return {
       current,
       fallback,

package/lib/composables/locale.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/locale.ts"],"names":["computed","inject","provide","consoleError","consoleWarn","getObjectValueByPath","wrapInRef","en","LocaleAdapterSymbol","Symbol","for","VuetifyLocaleSymbol","provideLocale","props","adapter","Error","createScope","useLocale","getScope","isLocaleAdapter","x","hasOwnProperty","createLocaleAdapter","app","options","createDefaultLocaleAdapter","rootInstance","createRoot","LANG_PREFIX","replace","str","params","match","index","String","createTranslateFunction","current","fallback","messages","key","startsWith","shortKey","currentLocale","value","fallbackLocale","createNumberFunction","numberFormat","Intl","NumberFormat","format","t","n","rootScope","defaultLocale","currentScope","newScope","locale"],"mappings":"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","sourcesContent":["import { computed, inject, provide } from 'vue'\nimport { consoleError, consoleWarn, getObjectValueByPath, wrapInRef } from '@/util'\n\nimport en from '@/locale/en'\n\n// Types\nimport type { App, InjectionKey, Ref } from 'vue'\nimport type { MaybeRef } from '@/util'\n\nexport interface LocaleMessages {\n  [key: string]: LocaleMessages | string\n}\n\nexport interface LocaleOptions {\n  defaultLocale?: string\n  fallbackLocale?: string\n  messages?: LocaleMessages\n}\n\nexport interface LocaleProps {\n  locale?: string\n  fallbackLocale?: string\n  messages?: LocaleMessages\n}\n\nexport interface LocaleInstance {\n  current: Ref<string>\n  fallback: Ref<string>\n  messages: Ref<LocaleMessages>\n  t: (key: string, ...params: unknown[]) => string\n  n: (value: number) => string\n}\n\nexport interface LocaleAdapter {\n  createRoot: (app: App) => LocaleInstance\n  getScope: () => LocaleInstance\n  createScope: (options?: LocaleProps) => LocaleInstance\n}\n\nexport const LocaleAdapterSymbol: InjectionKey<LocaleAdapter> = Symbol.for('vuetify:locale-adapter')\nexport const VuetifyLocaleSymbol: InjectionKey<LocaleInstance> = Symbol.for('vuetify:locale')\n\nexport function provideLocale (props?: LocaleProps) {\n  const adapter = inject(LocaleAdapterSymbol)\n\n  if (!adapter) throw new Error('[Vuetify] Could not find injected locale adapter')\n\n  return adapter.createScope(props)\n}\n\nexport function useLocale () {\n  const adapter = inject(LocaleAdapterSymbol)\n\n  if (!adapter) throw new Error('[Vuetify] Could not find injected locale adapter')\n\n  return adapter.getScope()\n}\n\nfunction isLocaleAdapter (x: any): x is LocaleAdapter {\n  return !!x && x.hasOwnProperty('getScope') && x.hasOwnProperty('createScope') && x.hasOwnProperty('createRoot')\n}\n\nexport function createLocaleAdapter (app: App, options?: LocaleOptions | LocaleAdapter) {\n  const adapter = isLocaleAdapter(options) ? options : createDefaultLocaleAdapter(options)\n\n  const rootInstance = adapter.createRoot(app)\n\n  return { adapter, rootInstance }\n}\n\nconst LANG_PREFIX = '$vuetify.'\n\nconst replace = (str: string, params: unknown[]) => {\n  return str.replace(/\\{(\\d+)\\}/g, (match: string, index: string) => {\n    /* istanbul ignore next */\n    return String(params[+index])\n  })\n}\n\nconst createTranslateFunction = (\n  current: Ref<string>,\n  fallback: Ref<string>,\n  messages: Ref<LocaleMessages>,\n) => {\n  return (key: string, ...params: unknown[]) => {\n    if (!key.startsWith(LANG_PREFIX)) {\n      return replace(key, params)\n    }\n\n    const shortKey = key.replace(LANG_PREFIX, '')\n    const currentLocale = current.value && messages.value[current.value]\n    const fallbackLocale = fallback.value && messages.value[fallback.value]\n\n    let str: string = getObjectValueByPath(currentLocale, shortKey, null)\n\n    if (!str) {\n      consoleWarn(`Translation key \"${key}\" not found in \"${current.value}\", trying fallback locale`)\n      str = getObjectValueByPath(fallbackLocale, shortKey, null)\n    }\n\n    if (!str) {\n      consoleError(`Translation key \"${key}\" not found in fallback`)\n      str = key\n    }\n\n    if (typeof str !== 'string') {\n      consoleError(`Translation key \"${key}\" has a non-string value`)\n      str = key\n    }\n\n    return replace(str, params)\n  }\n}\n\nfunction createNumberFunction (current: Ref<string>, fallback: Ref<string>) {\n  return (value: number, options?: Intl.NumberFormatOptions) => {\n    const numberFormat = new Intl.NumberFormat([current.value, fallback.value], options)\n\n    return numberFormat.format(value)\n  }\n}\n\nexport function createDefaultLocaleAdapter (options?: LocaleOptions): LocaleAdapter {\n  const createScope = (options: {\n    current: MaybeRef<string>\n    fallback: MaybeRef<string>\n    messages: MaybeRef<LocaleMessages>\n  }) => {\n    const current = wrapInRef(options.current)\n    const fallback = wrapInRef(options.fallback)\n    const messages = wrapInRef(options.messages)\n\n    return {\n      current,\n      fallback,\n      messages,\n      t: createTranslateFunction(current, fallback, messages),\n      n: createNumberFunction(current, fallback),\n    }\n  }\n\n  return {\n    createRoot: app => {\n      const rootScope = createScope({\n        current: options?.defaultLocale ?? 'en',\n        fallback: options?.fallbackLocale ?? 'en',\n        messages: options?.messages ?? { en },\n      })\n\n      app.provide(VuetifyLocaleSymbol, rootScope)\n\n      return rootScope\n    },\n    getScope: () => {\n      const currentScope = inject(VuetifyLocaleSymbol)\n\n      if (!currentScope) throw new Error('[Vuetify] Could not find injected locale instance')\n\n      return currentScope\n    },\n    createScope: options => {\n      const currentScope = inject(VuetifyLocaleSymbol)\n\n      if (!currentScope) throw new Error('[Vuetify] Could not find injected locale instance')\n\n      const newScope = createScope({\n        current: computed(() => options?.locale ?? currentScope.current.value),\n        fallback: computed(() => options?.locale ?? currentScope.fallback.value),\n        messages: computed(() => options?.messages ?? currentScope.messages.value),\n      })\n\n      provide(VuetifyLocaleSymbol, newScope)\n\n      return newScope\n    },\n  }\n}\n"],"file":"locale.mjs"}
+{"version":3,"sources":["../../src/composables/locale.ts"],"names":["computed","inject","provide","ref","consoleError","consoleWarn","getObjectValueByPath","en","LocaleAdapterSymbol","Symbol","for","VuetifyLocaleSymbol","provideLocale","props","adapter","Error","createScope","useLocale","getScope","isLocaleAdapter","x","hasOwnProperty","createLocaleAdapter","app","options","createDefaultLocaleAdapter","rootInstance","createRoot","LANG_PREFIX","replace","str","params","match","index","String","createTranslateFunction","current","fallback","messages","key","startsWith","shortKey","currentLocale","value","fallbackLocale","createNumberFunction","numberFormat","Intl","NumberFormat","format","t","n","rootScope","defaultLocale","currentScope","newScope","locale"],"mappings":"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","sourcesContent":["import { computed, inject, provide, ref } from 'vue'\nimport { consoleError, consoleWarn, getObjectValueByPath } from '@/util'\n\nimport en from '@/locale/en'\n\n// Types\nimport type { App, InjectionKey, Ref } from 'vue'\nimport type { MaybeRef } from '@/util'\n\nexport interface LocaleMessages {\n  [key: string]: LocaleMessages | string\n}\n\nexport interface LocaleOptions {\n  defaultLocale?: string\n  fallbackLocale?: string\n  messages?: LocaleMessages\n}\n\nexport interface LocaleProps {\n  locale?: string\n  fallbackLocale?: string\n  messages?: LocaleMessages\n}\n\nexport interface LocaleInstance {\n  current: Ref<string>\n  fallback: Ref<string>\n  messages: Ref<LocaleMessages>\n  t: (key: string, ...params: unknown[]) => string\n  n: (value: number) => string\n}\n\nexport interface LocaleAdapter {\n  createRoot: (app: App) => LocaleInstance\n  getScope: () => LocaleInstance\n  createScope: (options?: LocaleProps) => LocaleInstance\n}\n\nexport const LocaleAdapterSymbol: InjectionKey<LocaleAdapter> = Symbol.for('vuetify:locale-adapter')\nexport const VuetifyLocaleSymbol: InjectionKey<LocaleInstance> = Symbol.for('vuetify:locale')\n\nexport function provideLocale (props?: LocaleProps) {\n  const adapter = inject(LocaleAdapterSymbol)\n\n  if (!adapter) throw new Error('[Vuetify] Could not find injected locale adapter')\n\n  return adapter.createScope(props)\n}\n\nexport function useLocale () {\n  const adapter = inject(LocaleAdapterSymbol)\n\n  if (!adapter) throw new Error('[Vuetify] Could not find injected locale adapter')\n\n  return adapter.getScope()\n}\n\nfunction isLocaleAdapter (x: any): x is LocaleAdapter {\n  return !!x && x.hasOwnProperty('getScope') && x.hasOwnProperty('createScope') && x.hasOwnProperty('createRoot')\n}\n\nexport function createLocaleAdapter (app: App, options?: LocaleOptions | LocaleAdapter) {\n  const adapter = isLocaleAdapter(options) ? options : createDefaultLocaleAdapter(options)\n\n  const rootInstance = adapter.createRoot(app)\n\n  return { adapter, rootInstance }\n}\n\nconst LANG_PREFIX = '$vuetify.'\n\nconst replace = (str: string, params: unknown[]) => {\n  return str.replace(/\\{(\\d+)\\}/g, (match: string, index: string) => {\n    /* istanbul ignore next */\n    return String(params[+index])\n  })\n}\n\nconst createTranslateFunction = (\n  current: Ref<string>,\n  fallback: Ref<string>,\n  messages: Ref<LocaleMessages>,\n) => {\n  return (key: string, ...params: unknown[]) => {\n    if (!key.startsWith(LANG_PREFIX)) {\n      return replace(key, params)\n    }\n\n    const shortKey = key.replace(LANG_PREFIX, '')\n    const currentLocale = current.value && messages.value[current.value]\n    const fallbackLocale = fallback.value && messages.value[fallback.value]\n\n    let str: string = getObjectValueByPath(currentLocale, shortKey, null)\n\n    if (!str) {\n      consoleWarn(`Translation key \"${key}\" not found in \"${current.value}\", trying fallback locale`)\n      str = getObjectValueByPath(fallbackLocale, shortKey, null)\n    }\n\n    if (!str) {\n      consoleError(`Translation key \"${key}\" not found in fallback`)\n      str = key\n    }\n\n    if (typeof str !== 'string') {\n      consoleError(`Translation key \"${key}\" has a non-string value`)\n      str = key\n    }\n\n    return replace(str, params)\n  }\n}\n\nfunction createNumberFunction (current: Ref<string>, fallback: Ref<string>) {\n  return (value: number, options?: Intl.NumberFormatOptions) => {\n    const numberFormat = new Intl.NumberFormat([current.value, fallback.value], options)\n\n    return numberFormat.format(value)\n  }\n}\n\nexport function createDefaultLocaleAdapter (options?: LocaleOptions): LocaleAdapter {\n  const createScope = (options: {\n    current: MaybeRef<string>\n    fallback: MaybeRef<string>\n    messages: MaybeRef<LocaleMessages>\n  }) => {\n    const current = ref(options.current)\n    const fallback = ref(options.fallback)\n    const messages = ref(options.messages)\n\n    return {\n      current,\n      fallback,\n      messages,\n      t: createTranslateFunction(current, fallback, messages),\n      n: createNumberFunction(current, fallback),\n    }\n  }\n\n  return {\n    createRoot: app => {\n      const rootScope = createScope({\n        current: options?.defaultLocale ?? 'en',\n        fallback: options?.fallbackLocale ?? 'en',\n        messages: options?.messages ?? { en },\n      })\n\n      app.provide(VuetifyLocaleSymbol, rootScope)\n\n      return rootScope\n    },\n    getScope: () => {\n      const currentScope = inject(VuetifyLocaleSymbol)\n\n      if (!currentScope) throw new Error('[Vuetify] Could not find injected locale instance')\n\n      return currentScope\n    },\n    createScope: options => {\n      const currentScope = inject(VuetifyLocaleSymbol)\n\n      if (!currentScope) throw new Error('[Vuetify] Could not find injected locale instance')\n\n      const newScope = createScope({\n        current: computed(() => options?.locale ?? currentScope.current.value),\n        fallback: computed(() => options?.locale ?? currentScope.fallback.value),\n        messages: computed(() => options?.messages ?? currentScope.messages.value),\n      })\n\n      provide(VuetifyLocaleSymbol, newScope)\n\n      return newScope\n    },\n  }\n}\n"],"file":"locale.mjs"}

package/lib/composables/mutationObserver.mjs

@@ -0,0 +1,43 @@
+// Utilities
+import { isComponentInstance } from "../util/index.mjs";
+import { onBeforeUnmount, onMounted, ref, watch } from 'vue'; // Types
+
+export function useMutationObserver(handler, options) {
+  const mutationRef = ref();
+  const {
+    once,
+    immediate,
+    ...optionKeys
+  } = options || {};
+  const defaultValue = !Object.keys(optionKeys).length;
+  const observer = new MutationObserver((mutations, observer) => {
+    handler == null ? void 0 : handler(mutations, observer);
+    if (options != null && options.once) observer.disconnect();
+  });
+  onMounted(() => {
+    if (!(options != null && options.immediate)) return;
+    handler == null ? void 0 : handler([], observer);
+  });
+  onBeforeUnmount(() => {
+    observer.disconnect();
+  });
+  watch(mutationRef, (newValue, oldValue) => {
+    var _options$attr, _options$char, _options$child, _options$sub;
+
+    if (oldValue) observer.disconnect();
+    const el = isComponentInstance(newValue) ? newValue.$el : newValue;
+    if (!el) return;
+    observer.observe(el, {
+      attributes: (_options$attr = options == null ? void 0 : options.attr) != null ? _options$attr : defaultValue,
+      characterData: (_options$char = options == null ? void 0 : options.char) != null ? _options$char : defaultValue,
+      childList: (_options$child = options == null ? void 0 : options.child) != null ? _options$child : defaultValue,
+      subtree: (_options$sub = options == null ? void 0 : options.sub) != null ? _options$sub : defaultValue
+    });
+  }, {
+    flush: 'post'
+  });
+  return {
+    mutationRef
+  };
+}
+//# sourceMappingURL=mutationObserver.mjs.map

package/lib/composables/mutationObserver.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/composables/mutationObserver.ts"],"names":["isComponentInstance","onBeforeUnmount","onMounted","ref","watch","useMutationObserver","handler","options","mutationRef","once","immediate","optionKeys","defaultValue","Object","keys","length","observer","MutationObserver","mutations","disconnect","newValue","oldValue","el","$el","observe","attributes","attr","characterData","char","childList","child","subtree","sub","flush"],"mappings":"AAAA;SACSA,mB;AACT,SAASC,eAAT,EAA0BC,SAA1B,EAAqCC,GAArC,EAA0CC,KAA1C,QAAuD,KAAvD,C,CAEA;;AAYA,OAAO,SAASC,mBAAT,CACLC,OADK,EAELC,OAFK,EAGL;AACA,QAAMC,WAAW,GAAGL,GAAG,EAAvB;AACA,QAAM;AAAEM,IAAAA,IAAF;AAAQC,IAAAA,SAAR;AAAmB,OAAGC;AAAtB,MAAqCJ,OAAO,IAAI,EAAtD;AACA,QAAMK,YAAY,GAAG,CAACC,MAAM,CAACC,IAAP,CAAYH,UAAZ,EAAwBI,MAA9C;AAEA,QAAMC,QAAQ,GAAG,IAAIC,gBAAJ,CAAqB,CACpCC,SADoC,EAEpCF,QAFoC,KAGjC;AACHV,IAAAA,OAAO,QAAP,YAAAA,OAAO,CAAGY,SAAH,EAAcF,QAAd,CAAP;AAEA,QAAIT,OAAJ,YAAIA,OAAO,CAAEE,IAAb,EAAmBO,QAAQ,CAACG,UAAT;AACpB,GAPgB,CAAjB;AASAjB,EAAAA,SAAS,CAAC,MAAM;AACd,QAAI,EAACK,OAAD,YAACA,OAAO,CAAEG,SAAV,CAAJ,EAAyB;AAEzBJ,IAAAA,OAAO,QAAP,YAAAA,OAAO,CAAG,EAAH,EAAOU,QAAP,CAAP;AACD,GAJQ,CAAT;AAMAf,EAAAA,eAAe,CAAC,MAAM;AACpBe,IAAAA,QAAQ,CAACG,UAAT;AACD,GAFc,CAAf;AAIAf,EAAAA,KAAK,CAACI,WAAD,EAAc,CAACY,QAAD,EAAWC,QAAX,KAAwB;AAAA;;AACzC,QAAIA,QAAJ,EAAcL,QAAQ,CAACG,UAAT;AAEd,UAAMG,EAAE,GAAGtB,mBAAmB,CAACoB,QAAD,CAAnB,GAAgCA,QAAQ,CAACG,GAAzC,GAA+CH,QAA1D;AAEA,QAAI,CAACE,EAAL,EAAS;AAETN,IAAAA,QAAQ,CAACQ,OAAT,CAAiBF,EAAjB,EAAqB;AACnBG,MAAAA,UAAU,mBAAElB,OAAF,oBAAEA,OAAO,CAAEmB,IAAX,4BAAmBd,YADV;AAEnBe,MAAAA,aAAa,mBAAEpB,OAAF,oBAAEA,OAAO,CAAEqB,IAAX,4BAAmBhB,YAFb;AAGnBiB,MAAAA,SAAS,oBAAEtB,OAAF,oBAAEA,OAAO,CAAEuB,KAAX,6BAAoBlB,YAHV;AAInBmB,MAAAA,OAAO,kBAAExB,OAAF,oBAAEA,OAAO,CAAEyB,GAAX,2BAAkBpB;AAJN,KAArB;AAMD,GAbI,EAaF;AACDqB,IAAAA,KAAK,EAAE;AADN,GAbE,CAAL;AAiBA,SAAO;AAAEzB,IAAAA;AAAF,GAAP;AACD","sourcesContent":["// Utilities\nimport { isComponentInstance } from '@/util'\nimport { onBeforeUnmount, onMounted, ref, watch } from 'vue'\n\n// Types\nimport type { ComponentPublicInstance } from 'vue'\n\nexport interface MutationOptions {\n  attr?: boolean\n  char?: boolean\n  child?: boolean\n  sub?: boolean\n  once?: boolean\n  immediate?: boolean\n}\n\nexport function useMutationObserver (\n  handler?: MutationCallback,\n  options?: MutationOptions,\n) {\n  const mutationRef = ref<ComponentPublicInstance | HTMLElement>()\n  const { once, immediate, ...optionKeys } = options || {}\n  const defaultValue = !Object.keys(optionKeys).length\n\n  const observer = new MutationObserver((\n    mutations: MutationRecord[],\n    observer: MutationObserver\n  ) => {\n    handler?.(mutations, observer)\n\n    if (options?.once) observer.disconnect()\n  })\n\n  onMounted(() => {\n    if (!options?.immediate) return\n\n    handler?.([], observer)\n  })\n\n  onBeforeUnmount(() => {\n    observer.disconnect()\n  })\n\n  watch(mutationRef, (newValue, oldValue) => {\n    if (oldValue) observer.disconnect()\n\n    const el = isComponentInstance(newValue) ? newValue.$el : newValue\n\n    if (!el) return\n\n    observer.observe(el, {\n      attributes: options?.attr ?? defaultValue,\n      characterData: options?.char ?? defaultValue,\n      childList: options?.child ?? defaultValue,\n      subtree: options?.sub ?? defaultValue,\n    })\n  }, {\n    flush: 'post',\n  })\n\n  return { mutationRef }\n}\n"],"file":"mutationObserver.mjs"}