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

package/lib/composables/items.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/composables/items.ts"],"names":["computed","getObjectValueByPath","getPropertyFromItem","propsFactory","makeItemsProps","items","type","Array","default","itemTitle","String","Function","itemValue","itemChildren","itemProps","item","transformItem","props","title","value","children","isArray","transformItems","undefined","array","push","useItems"],"mappings":"AAAA;AACA,SAASA,QAAT,QAAyB,KAAzB;SACSC,oB,EAAsBC,mB,EAAqBC,Y,6BAEpD;;AAmBA;AACA,OAAO,MAAMC,cAAc,GAAGD,YAAY,CAAC;AACzCE,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEC,KADD;AAELC,IAAAA,OAAO,EAAE,MAAO;AAFX,GADkC;AAKzCC,EAAAA,SAAS,EAAE;AACTH,IAAAA,IAAI,EAAE,CAACI,MAAD,EAASH,KAAT,EAAgBI,QAAhB,CADG;AAETH,IAAAA,OAAO,EAAE;AAFA,GAL8B;AASzCI,EAAAA,SAAS,EAAE;AACTN,IAAAA,IAAI,EAAE,CAACI,MAAD,EAASH,KAAT,EAAgBI,QAAhB,CADG;AAETH,IAAAA,OAAO,EAAE;AAFA,GAT8B;AAazCK,EAAAA,YAAY,EAAE;AACZP,IAAAA,IAAI,EAAEI,MADM;AAEZF,IAAAA,OAAO,EAAE;AAFG,GAb2B;AAiBzCM,EAAAA,SAAS,EAAE;AACTR,IAAAA,IAAI,EAAEK,QADG;AAETH,IAAAA,OAAO,EAAGO,IAAD,KAAgB,EAAhB;AAFA;AAjB8B,CAAD,EAqBvC,MArBuC,CAAnC;AAuBP,OAAO,SAASC,aAAT,CAAwBC,KAAxB,EAA0CF,IAA1C,EAAqD;AAAA;;AAC1D,QAAMG,KAAK,GAAGhB,mBAAmB,CAACa,IAAD,EAAOE,KAAK,CAACR,SAAb,EAAwBM,IAAxB,CAAjC;AACA,QAAMI,KAAK,GAAGjB,mBAAmB,CAACa,IAAD,EAAOE,KAAK,CAACL,SAAb,EAAwBM,KAAxB,CAAjC;AACA,QAAME,QAAQ,GAAGnB,oBAAoB,CAACc,IAAD,EAAOE,KAAK,CAACJ,YAAb,CAArC;AAEA,SAAO;AACLK,IAAAA,KADK;AAELC,IAAAA,KAFK;AAGLC,IAAAA,QAAQ,EAAEb,KAAK,CAACc,OAAN,CAAcD,QAAd,IAA0BE,cAAc,CAACL,KAAD,EAAQG,QAAR,CAAxC,GAA4DG,SAHjE;AAIL,4BAAGN,KAAK,CAACH,SAAT,qBAAG,sBAAAG,KAAK,EAAaF,IAAb,CAAR;AAJK,GAAP;AAMD;AAED,OAAO,SAASO,cAAT,CAAyBL,KAAzB,EAA2CZ,KAA3C,EAAsE;AAC3E,QAAMmB,KAAqB,GAAG,EAA9B;;AAEA,OAAK,MAAMT,IAAX,IAAmBV,KAAnB,EAA0B;AACxBmB,IAAAA,KAAK,CAACC,IAAN,CAAWT,aAAa,CAACC,KAAD,EAAQF,IAAR,CAAxB;AACD;;AAED,SAAOS,KAAP;AACD;AAED,OAAO,SAASE,QAAT,CAAmBT,KAAnB,EAAqC;AAC1C,QAAMZ,KAAK,GAAGL,QAAQ,CAAC,MAAMsB,cAAc,CAACL,KAAD,EAAQA,KAAK,CAACZ,KAAd,CAArB,CAAtB;AAEA,SAAO;AAAEA,IAAAA;AAAF,GAAP;AACD","sourcesContent":["// Utilities\nimport { computed } from 'vue'\nimport { getObjectValueByPath, getPropertyFromItem, propsFactory } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { SelectItemKey } from '@/util'\n\nexport interface InternalItem {\n  [key: string]: any\n  title: string\n  value: any\n  children?: InternalItem[]\n}\n\nexport interface ItemProps {\n  items: (string | Partial<InternalItem>)[]\n  itemTitle: SelectItemKey\n  itemValue: SelectItemKey\n  itemChildren: string\n  itemProps: (item: any) => Partial<InternalItem>\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: String,\n    default: 'children',\n  },\n  itemProps: {\n    type: Function as PropType<ItemProps['itemProps']>,\n    default: (item: any) => ({}),\n  },\n}, 'item')\n\nexport function transformItem (props: ItemProps, item: any) {\n  const title = getPropertyFromItem(item, props.itemTitle, item)\n  const value = getPropertyFromItem(item, props.itemValue, title)\n  const children = getObjectValueByPath(item, props.itemChildren)\n\n  return {\n    title,\n    value,\n    children: Array.isArray(children) ? transformItems(props, children) : undefined,\n    ...props.itemProps?.(item),\n  }\n}\n\nexport function transformItems (props: ItemProps, 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  return { items }\n}\n"],"file":"items.mjs"}

package/lib/composables/layout.mjs

@@ -1,8 +1,12 @@
-// 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');
+export const VuetifyLayoutItemKey = Symbol.for('vuetify:layout-item');
+const ROOT_ZINDEX = 1000;
 export const makeLayoutProps = propsFactory({
   overlaps: {
     type: Array,
@@ -16,29 +20,45 @@ export const makeLayoutItemProps = propsFactory({
     type: String
   },
   priority: {
-    type: Number,
+    type: [Number, String],
     default: 0
   },
-  size: {
-    type: [Number, String],
-    default: 300
-  }
+  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, amount) {
+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-".concat(getUid());
-  const styles = layout.register(id, priority, position, amount);
+  const id = (_options$id = options.id) != null ? _options$id : `layout-item-${getUid()}`;
+  const vm = getCurrentInstance('useLayoutItem');
+  provide(VuetifyLayoutItemKey, {
+    id
+  });
+  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, amounts) => {
+const generateLayers = (layout, positions, layoutSizes, activeItems) => {
   let previousLayer = {
     top: 0,
     left: 0,
@@ -50,14 +70,14 @@ const generateLayers = (layout, registered, positions, amounts) => {
     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 = amounts.get(id);
-    if (!position || !amount) continue;
+    const amount = layoutSizes.get(id);
+    const active = activeItems.get(id);
+    if (!position || !amount || !active) continue;
     const layer = { ...previousLayer,
-      [position.value]: parseInt(previousLayer[position.value], 10) + parseInt(amount.value, 10)
+      [position.value]: parseInt(previousLayer[position.value], 10) + (active.value ? parseInt(amount.value, 10) : 0)
     };
     layers.push({
       id,
@@ -67,14 +87,21 @@ const generateLayers = (layout, registered, positions, amounts) => {
   }
 
   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 amounts = new Map();
-  const priorities = 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;
 
@@ -86,8 +113,8 @@ export function createLayout(props) {
       if (!registered.value.includes(top) || !registered.value.includes(bottom)) continue;
       const topPosition = positions.get(top);
       const bottomPosition = positions.get(bottom);
-      const topAmount = amounts.get(top);
-      const bottomAmount = amounts.get(bottom);
+      const topAmount = layoutSizes.get(top);
+      const bottomAmount = layoutSizes.get(bottom);
       if (!topPosition || !bottomPosition || !topAmount || !bottomAmount) continue;
       map.set(bottom, {
         position: topPosition.value,
@@ -102,28 +129,45 @@ 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, amounts);
+    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;
     return {
-      position: 'absolute',
-      left: convertToUnit(layer.left),
-      right: convertToUnit(layer.right),
-      top: convertToUnit(layer.top),
-      bottom: convertToUnit(layer.bottom)
+      position: 'relative',
+      paddingLeft: convertToUnit(layer.left),
+      paddingRight: convertToUnit(layer.right),
+      paddingTop: convertToUnit(layer.top),
+      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];
-      const size = amounts.get(id);
+      const size = layoutSizes.get(id);
       return {
         id,
         ...layer,
@@ -136,55 +180,102 @@ 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, amount) => {
+    register: (vm, _ref2) => {
+      let {
+        id,
+        priority,
+        position,
+        layoutSize,
+        elementSize,
+        active,
+        disableTransitions,
+        absolute
+      } = _ref2;
       priorities.set(id, priority);
       positions.set(id, position);
-      amounts.set(id, amount);
-      registered.value.push(id);
-      return computed(() => {
-        var _amount$value, _amount$value2;
-
-        const index = items.value.findIndex(i => i.id === id);
-        if (index < 0) throw new Error("Layout item \"".concat(id, "\" is missing from layout prop"));
-        const item = items.value[index];
-        if (!item) throw new Error("Could not find layout item \"".concat(id));
+      layoutSizes.set(id, layoutSize);
+      activeItems.set(id, active);
+      disableTransitions && disabledTransitions.set(id, disableTransitions);
+      const instances = findChildrenWithProvide(VuetifyLayoutItemKey, 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);
 
         if (overlap) {
           item[overlap.position] += overlap.amount;
         }
 
-        const isHorizontal = position.value === 'left' || position.value === 'right';
-        const isOpposite = position.value === 'right';
-        const amount = amounts.get(id);
-        return {
-          [position.value]: 0,
-          height: isHorizontal ? "calc(100% - ".concat(item.top, "px - ").concat(item.bottom, "px)") : "".concat((_amount$value = amount == null ? void 0 : amount.value) != null ? _amount$value : 0, "px"),
-          marginLeft: isOpposite ? undefined : "".concat(item.left, "px"),
-          marginRight: isOpposite ? "".concat(item.right, "px") : undefined,
-          marginTop: position.value !== 'bottom' ? "".concat(item.top, "px") : undefined,
-          marginBottom: position.value !== 'top' ? "".concat(item.bottom, "px") : undefined,
-          position: 'absolute',
-          width: !isHorizontal ? "calc(100% - ".concat(item.left, "px - ").concat(item.right, "px)") : "".concat((_amount$value2 = amount == null ? void 0 : amount.value) != null ? _amount$value2 : 0, "px"),
-          zIndex: layers.value.length - index
+        return { ...styles,
+          height: isHorizontal ? `calc(100% - ${item.top}px - ${item.bottom}px)` : elementSize.value ? `${elementSize.value}px` : undefined,
+          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 ? `${elementSize.value}px` : undefined
         };
       });
+      const layoutItemScrimStyles = computed(() => ({
+        zIndex: zIndex.value - 1,
+        position: rootZIndex.value === ROOT_ZINDEX ? 'fixed' : 'absolute'
+      }));
+      return {
+        layoutItemStyles,
+        layoutItemScrimStyles,
+        zIndex
+      };
     },
     unregister: id => {
-      positions.delete(id);
-      amounts.delete(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: ref('v-layout'),
+    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","size","useMain","layout","Error","useLayoutItem","position","amount","id","styles","register","unregister","generateLayers","registered","positions","amounts","previousLayer","top","left","right","bottom","layers","layer","ids","length","map","l","split","filter","includes","get","value","parseInt","push","createLayout","props","Map","priorities","computedOverlaps","overlap","item","topPosition","bottomPosition","topAmount","bottomAmount","set","entries","sortedEntries","sort","a","b","mainStyles","items","slice","index","getLayoutItem","find","findIndex","i","isHorizontal","isOpposite","height","marginLeft","undefined","marginRight","marginTop","marginBottom","width","zIndex","delete","v","layoutClasses"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,MAAnB,EAA2BC,eAA3B,EAA4CC,OAA5C,EAAqDC,GAArD,QAAgE,KAAhE;SACSC,a,EAAeC,M,EAAQC,Y,6BAEhC;;AAsBA,OAAO,MAAMC,gBAA6C,GAAGC,MAAM,CAACC,GAAP,CAAW,gBAAX,CAAtD;AAEP,OAAO,MAAMC,eAAe,GAAGJ,YAAY,CAAC;AAC1CK,EAAAA,QAAQ,EAAE;AACRC,IAAAA,IAAI,EAAEC,KADE;AAERC,IAAAA,OAAO,EAAE,MAAO;AAFR,GADgC;AAK1CC,EAAAA,UAAU,EAAEC;AAL8B,CAAD,EAMxC,QANwC,CAApC,C,CAQP;;AACA,OAAO,MAAMC,mBAAmB,GAAGX,YAAY,CAAC;AAC9CY,EAAAA,IAAI,EAAE;AACJN,IAAAA,IAAI,EAAEO;AADF,GADwC;AAI9CC,EAAAA,QAAQ,EAAE;AACRR,IAAAA,IAAI,EAAES,MADE;AAERP,IAAAA,OAAO,EAAE;AAFD,GAJoC;AAQ9CQ,EAAAA,IAAI,EAAE;AACJV,IAAAA,IAAI,EAAE,CAACS,MAAD,EAASF,MAAT,CADF;AAEJL,IAAAA,OAAO,EAAE;AAFL;AARwC,CAAD,EAY5C,aAZ4C,CAAxC;AAcP,OAAO,SAASS,OAAT,GAAoB;AACzB,QAAMC,MAAM,GAAGxB,MAAM,CAACO,gBAAD,CAArB;AAEA,MAAI,CAACiB,MAAL,EAAa,MAAM,IAAIC,KAAJ,CAAU,wCAAV,CAAN;AAEb,SAAOD,MAAP;AACD;AAED,OAAO,SAASE,aAAT,CACLR,IADK,EAELE,QAFK,EAGLO,QAHK,EAILC,MAJK,EAKL;AACA,QAAMJ,MAAM,GAAGxB,MAAM,CAACO,gBAAD,CAArB;AAEA,MAAI,CAACiB,MAAL,EAAa,MAAM,IAAIC,KAAJ,CAAU,wCAAV,CAAN;AAEb,QAAMI,EAAE,GAAGX,IAAH,WAAGA,IAAH,yBAA0Bb,MAAM,EAAhC,CAAR;AAEA,QAAMyB,MAAM,GAAGN,MAAM,CAACO,QAAP,CAAgBF,EAAhB,EAAoBT,QAApB,EAA8BO,QAA9B,EAAwCC,MAAxC,CAAf;AAEA3B,EAAAA,eAAe,CAAC,MAAMuB,MAAM,CAACQ,UAAP,CAAkBH,EAAlB,CAAP,CAAf;AAEA,SAAOC,MAAP;AACD;;AAED,MAAMG,cAAc,GAAG,CACrBT,MADqB,EAErBU,UAFqB,EAGrBC,SAHqB,EAIrBC,OAJqB,KAKlB;AACH,MAAIC,aAAa,GAAG;AAAEC,IAAAA,GAAG,EAAE,CAAP;AAAUC,IAAAA,IAAI,EAAE,CAAhB;AAAmBC,IAAAA,KAAK,EAAE,CAA1B;AAA6BC,IAAAA,MAAM,EAAE;AAArC,GAApB;AACA,QAAMC,MAAM,GAAG,CAAC;AAAEb,IAAAA,EAAE,EAAE,EAAN;AAAUc,IAAAA,KAAK,EAAE,EAAE,GAAGN;AAAL;AAAjB,GAAD,CAAf;AACA,QAAMO,GAAG,GAAG,CAACpB,MAAM,CAACqB,MAAR,GAAiBX,UAAjB,GAA8BV,MAAM,CAACsB,GAAP,CAAWC,CAAC,IAAIA,CAAC,CAACC,KAAF,CAAQ,GAAR,EAAa,CAAb,CAAhB,EAAiCC,MAAjC,CAAwCF,CAAC,IAAIb,UAAU,CAACgB,QAAX,CAAoBH,CAApB,CAA7C,CAA1C;;AACA,OAAK,MAAMlB,EAAX,IAAiBe,GAAjB,EAAsB;AACpB,UAAMjB,QAAQ,GAAGQ,SAAS,CAACgB,GAAV,CAActB,EAAd,CAAjB;AACA,UAAMD,MAAM,GAAGQ,OAAO,CAACe,GAAR,CAAYtB,EAAZ,CAAf;AACA,QAAI,CAACF,QAAD,IAAa,CAACC,MAAlB,EAA0B;AAE1B,UAAMe,KAAK,GAAG,EACZ,GAAGN,aADS;AAEZ,OAACV,QAAQ,CAACyB,KAAV,GAAkBC,QAAQ,CAAChB,aAAa,CAACV,QAAQ,CAACyB,KAAV,CAAd,EAAgC,EAAhC,CAAR,GAA8CC,QAAQ,CAACzB,MAAM,CAACwB,KAAR,EAAe,EAAf;AAF5D,KAAd;AAKAV,IAAAA,MAAM,CAACY,IAAP,CAAY;AACVzB,MAAAA,EADU;AAEVc,MAAAA;AAFU,KAAZ;AAKAN,IAAAA,aAAa,GAAGM,KAAhB;AACD;;AAED,SAAOD,MAAP;AACD,CA5BD,C,CA8BA;;;AACA,OAAO,SAASa,YAAT,CAAuBC,KAAvB,EAA0E;AAC/E,QAAMtB,UAAU,GAAG/B,GAAG,CAAW,EAAX,CAAtB;AACA,QAAMgC,SAAS,GAAG,IAAIsB,GAAJ,EAAlB;AACA,QAAMrB,OAAO,GAAG,IAAIqB,GAAJ,EAAhB;AACA,QAAMC,UAAU,GAAG,IAAID,GAAJ,EAAnB;AAEA,QAAME,gBAAgB,GAAG5D,QAAQ,CAAC,MAAM;AAAA;;AACtC,UAAM+C,GAAG,GAAG,IAAIW,GAAJ,EAAZ;AACA,UAAM9C,QAAQ,sBAAG6C,KAAK,CAAC7C,QAAT,8BAAqB,EAAnC;;AACA,SAAK,MAAMiD,OAAX,IAAsBjD,QAAQ,CAACsC,MAAT,CAAgBY,IAAI,IAAIA,IAAI,CAACX,QAAL,CAAc,GAAd,CAAxB,CAAtB,EAAmE;AACjE,YAAM,CAACZ,GAAD,EAAMG,MAAN,IAAgBmB,OAAO,CAACZ,KAAR,CAAc,GAAd,CAAtB;AACA,UAAI,CAACd,UAAU,CAACkB,KAAX,CAAiBF,QAAjB,CAA0BZ,GAA1B,CAAD,IAAmC,CAACJ,UAAU,CAACkB,KAAX,CAAiBF,QAAjB,CAA0BT,MAA1B,CAAxC,EAA2E;AAE3E,YAAMqB,WAAW,GAAG3B,SAAS,CAACgB,GAAV,CAAcb,GAAd,CAApB;AACA,YAAMyB,cAAc,GAAG5B,SAAS,CAACgB,GAAV,CAAcV,MAAd,CAAvB;AACA,YAAMuB,SAAS,GAAG5B,OAAO,CAACe,GAAR,CAAYb,GAAZ,CAAlB;AACA,YAAM2B,YAAY,GAAG7B,OAAO,CAACe,GAAR,CAAYV,MAAZ,CAArB;AAEA,UAAI,CAACqB,WAAD,IAAgB,CAACC,cAAjB,IAAmC,CAACC,SAApC,IAAiD,CAACC,YAAtD,EAAoE;AAEpEnB,MAAAA,GAAG,CAACoB,GAAJ,CAAQzB,MAAR,EAAgB;AAAEd,QAAAA,QAAQ,EAAEmC,WAAW,CAACV,KAAxB;AAA+BxB,QAAAA,MAAM,EAAEyB,QAAQ,CAACW,SAAS,CAACZ,KAAX,EAAkB,EAAlB;AAA/C,OAAhB;AACAN,MAAAA,GAAG,CAACoB,GAAJ,CAAQ5B,GAAR,EAAa;AAAEX,QAAAA,QAAQ,EAAEoC,cAAc,CAACX,KAA3B;AAAkCxB,QAAAA,MAAM,EAAE,CAACyB,QAAQ,CAACY,YAAY,CAACb,KAAd,EAAqB,EAArB;AAAnD,OAAb;AACD;;AAED,WAAON,GAAP;AACD,GAnBgC,CAAjC;AAqBA,QAAMJ,MAAM,GAAG3C,QAAQ,CAAC,MAAM;AAC5B,UAAMoE,OAAO,GAAG,CAAC,GAAGT,UAAU,CAACS,OAAX,EAAJ,CAAhB;AACA,UAAMC,aAAa,GAAGD,OAAO,CAACE,IAAR,CAAa,CAAC,GAAGC,CAAH,CAAD,EAAQ,GAAGC,CAAH,CAAR,KAAkBD,CAAC,CAAClB,KAAF,GAAUmB,CAAC,CAACnB,KAA3C,EAAkDN,GAAlD,CAAsD,CAAC,CAACjB,EAAD,CAAD,KAAUA,EAAhE,CAAtB;AACA,WAAOI,cAAc,CAACmC,aAAD,EAAgBlC,UAAU,CAACkB,KAA3B,EAAkCjB,SAAlC,EAA6CC,OAA7C,CAArB;AACD,GAJsB,CAAvB;AAMA,QAAMoC,UAAU,GAAGzE,QAAQ,CAAC,MAAM;AAChC,UAAM4C,KAAK,GAAGD,MAAM,CAACU,KAAP,CAAaV,MAAM,CAACU,KAAP,CAAaP,MAAb,GAAsB,CAAnC,EAAsCF,KAApD;AAEA,WAAO;AACLhB,MAAAA,QAAQ,EAAE,UADL;AAELY,MAAAA,IAAI,EAAEnC,aAAa,CAACuC,KAAK,CAACJ,IAAP,CAFd;AAGLC,MAAAA,KAAK,EAAEpC,aAAa,CAACuC,KAAK,CAACH,KAAP,CAHf;AAILF,MAAAA,GAAG,EAAElC,aAAa,CAACuC,KAAK,CAACL,GAAP,CAJb;AAKLG,MAAAA,MAAM,EAAErC,aAAa,CAACuC,KAAK,CAACF,MAAP;AALhB,KAAP;AAOD,GAV0B,CAA3B;AAYA,QAAMgC,KAAK,GAAG1E,QAAQ,CAAC,MAAM;AAC3B,WAAO2C,MAAM,CAACU,KAAP,CAAasB,KAAb,CAAmB,CAAnB,EAAsB5B,GAAtB,CAA0B,CAAC;AAAEjB,MAAAA;AAAF,KAAD,EAAS8C,KAAT,KAAmB;AAClD,YAAM;AAAEhC,QAAAA;AAAF,UAAYD,MAAM,CAACU,KAAP,CAAauB,KAAb,CAAlB;AACA,YAAMrD,IAAI,GAAGc,OAAO,CAACe,GAAR,CAAYtB,EAAZ,CAAb;AAEA,aAAO;AACLA,QAAAA,EADK;AAEL,WAAGc,KAFE;AAGLrB,QAAAA,IAAI,EAAED,MAAM,CAACC,IAAI,CAAE8B,KAAP;AAHP,OAAP;AAKD,KATM,CAAP;AAUD,GAXqB,CAAtB;;AAaA,QAAMwB,aAAa,GAAI/C,EAAD,IAAgB;AACpC,WAAO4C,KAAK,CAACrB,KAAN,CAAYyB,IAAZ,CAAiBhB,IAAI,IAAIA,IAAI,CAAChC,EAAL,KAAYA,EAArC,CAAP;AACD,GAFD;;AAIA3B,EAAAA,OAAO,CAACK,gBAAD,EAAmB;AACxBwB,IAAAA,QAAQ,EAAE,CAACF,EAAD,EAAaT,QAAb,EAAoCO,QAApC,EAA6DC,MAA7D,KAA8F;AACtG8B,MAAAA,UAAU,CAACQ,GAAX,CAAerC,EAAf,EAAmBT,QAAnB;AACAe,MAAAA,SAAS,CAAC+B,GAAV,CAAcrC,EAAd,EAAkBF,QAAlB;AACAS,MAAAA,OAAO,CAAC8B,GAAR,CAAYrC,EAAZ,EAAgBD,MAAhB;AACAM,MAAAA,UAAU,CAACkB,KAAX,CAAiBE,IAAjB,CAAsBzB,EAAtB;AAEA,aAAO9B,QAAQ,CAAC,MAAM;AAAA;;AACpB,cAAM4E,KAAK,GAAGF,KAAK,CAACrB,KAAN,CAAY0B,SAAZ,CAAsBC,CAAC,IAAIA,CAAC,CAAClD,EAAF,KAASA,EAApC,CAAd;AAEA,YAAI8C,KAAK,GAAG,CAAZ,EAAe,MAAM,IAAIlD,KAAJ,yBAA0BI,EAA1B,oCAAN;AAEf,cAAMgC,IAAI,GAAGY,KAAK,CAACrB,KAAN,CAAYuB,KAAZ,CAAb;AAEA,YAAI,CAACd,IAAL,EAAW,MAAM,IAAIpC,KAAJ,wCAAyCI,EAAzC,EAAN;AAEX,cAAM+B,OAAO,GAAGD,gBAAgB,CAACP,KAAjB,CAAuBD,GAAvB,CAA2BtB,EAA3B,CAAhB;;AACA,YAAI+B,OAAJ,EAAa;AACXC,UAAAA,IAAI,CAACD,OAAO,CAACjC,QAAT,CAAJ,IAA0BiC,OAAO,CAAChC,MAAlC;AACD;;AAED,cAAMoD,YAAY,GAAGrD,QAAQ,CAACyB,KAAT,KAAmB,MAAnB,IAA6BzB,QAAQ,CAACyB,KAAT,KAAmB,OAArE;AACA,cAAM6B,UAAU,GAAGtD,QAAQ,CAACyB,KAAT,KAAmB,OAAtC;AAEA,cAAMxB,MAAM,GAAGQ,OAAO,CAACe,GAAR,CAAYtB,EAAZ,CAAf;AAEA,eAAO;AACL,WAACF,QAAQ,CAACyB,KAAV,GAAkB,CADb;AAEL8B,UAAAA,MAAM,EAAEF,YAAY,yBAAkBnB,IAAI,CAACvB,GAAvB,kBAAkCuB,IAAI,CAACpB,MAAvC,sCAAwDb,MAAxD,oBAAwDA,MAAM,CAAEwB,KAAhE,4BAAyE,CAAzE,OAFf;AAGL+B,UAAAA,UAAU,EAAEF,UAAU,GAAGG,SAAH,aAAkBvB,IAAI,CAACtB,IAAvB,OAHjB;AAIL8C,UAAAA,WAAW,EAAEJ,UAAU,aAAMpB,IAAI,CAACrB,KAAX,UAAuB4C,SAJzC;AAKLE,UAAAA,SAAS,EAAE3D,QAAQ,CAACyB,KAAT,KAAmB,QAAnB,aAAiCS,IAAI,CAACvB,GAAtC,UAAgD8C,SALtD;AAMLG,UAAAA,YAAY,EAAE5D,QAAQ,CAACyB,KAAT,KAAmB,KAAnB,aAA8BS,IAAI,CAACpB,MAAnC,UAAgD2C,SANzD;AAOLzD,UAAAA,QAAQ,EAAE,UAPL;AAQL6D,UAAAA,KAAK,EAAE,CAACR,YAAD,yBAA+BnB,IAAI,CAACtB,IAApC,kBAAgDsB,IAAI,CAACrB,KAArD,uCAAqEZ,MAArE,oBAAqEA,MAAM,CAAEwB,KAA7E,6BAAsF,CAAtF,OARF;AASLqC,UAAAA,MAAM,EAAE/C,MAAM,CAACU,KAAP,CAAaP,MAAb,GAAsB8B;AATzB,SAAP;AAWD,OA9Bc,CAAf;AA+BD,KAtCuB;AAuCxB3C,IAAAA,UAAU,EAAGH,EAAD,IAAgB;AAC1BM,MAAAA,SAAS,CAACuD,MAAV,CAAiB7D,EAAjB;AACAO,MAAAA,OAAO,CAACsD,MAAR,CAAe7D,EAAf;AACA6B,MAAAA,UAAU,CAACgC,MAAX,CAAkB7D,EAAlB;AACAK,MAAAA,UAAU,CAACkB,KAAX,GAAmBlB,UAAU,CAACkB,KAAX,CAAiBH,MAAjB,CAAwB0C,CAAC,IAAIA,CAAC,KAAK9D,EAAnC,CAAnB;AACD,KA5CuB;AA6CxB2C,IAAAA,UA7CwB;AA8CxBI,IAAAA,aA9CwB;AA+CxBH,IAAAA;AA/CwB,GAAnB,CAAP;AAkDA,SAAO;AAAEmB,IAAAA,aAAa,EAAEzF,GAAG,CAAC,UAAD,CAApB;AAAkCyE,IAAAA,aAAlC;AAAiDH,IAAAA;AAAjD,GAAP;AACD","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: (id: string, priority: Ref<number>, position: Ref<Position>, amount: Ref<number | string>) => 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  size: {\n    type: [Number, String],\n    default: 300,\n  },\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  amount: Ref<number | string>\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, amount)\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  amounts: Map<string, Ref<number | string>>\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 = amounts.get(id)\n    if (!position || !amount) continue\n\n    const layer = {\n      ...previousLayer,\n      [position.value]: parseInt(previousLayer[position.value], 10) + parseInt(amount.value, 10),\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[] }) {\n  const registered = ref<string[]>([])\n  const positions = new Map<string, Ref<Position>>()\n  const amounts = new Map<string, Ref<number | string>>()\n  const priorities = new Map<string, Ref<number>>()\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 = amounts.get(top)\n      const bottomAmount = amounts.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, amounts)\n  })\n\n  const mainStyles = computed(() => {\n    const layer = layers.value[layers.value.length - 1].layer\n\n    return {\n      position: 'absolute',\n      left: convertToUnit(layer.left),\n      right: convertToUnit(layer.right),\n      top: convertToUnit(layer.top),\n      bottom: 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 = amounts.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: (id: string, priority: Ref<number>, position: Ref<Position>, amount: Ref<number | string>) => {\n      priorities.set(id, priority)\n      positions.set(id, position)\n      amounts.set(id, amount)\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 isOpposite = position.value === 'right'\n\n        const amount = amounts.get(id)\n\n        return {\n          [position.value]: 0,\n          height: isHorizontal ? `calc(100% - ${item.top}px - ${item.bottom}px)` : `${amount?.value ?? 0}px`,\n          marginLeft: isOpposite ? undefined : `${item.left}px`,\n          marginRight: isOpposite ? `${item.right}px` : undefined,\n          marginTop: position.value !== 'bottom' ? `${item.top}px` : undefined,\n          marginBottom: position.value !== 'top' ? `${item.bottom}px` : undefined,\n          position: 'absolute',\n          width: !isHorizontal ? `calc(100% - ${item.left}px - ${item.right}px)` : `${amount?.value ?? 0}px`,\n          zIndex: layers.value.length - index,\n        }\n      })\n    },\n    unregister: (id: string) => {\n      positions.delete(id)\n      amounts.delete(id)\n      priorities.delete(id)\n      registered.value = registered.value.filter(v => v !== id)\n    },\n    mainStyles,\n    getLayoutItem,\n    items,\n  })\n\n  return { layoutClasses: ref('v-layout'), getLayoutItem, items }\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","VuetifyLayoutItemKey","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 | undefined>\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')\nexport const VuetifyLayoutItemKey: InjectionKey<{ id: string }> = Symbol.for('vuetify:layout-item')\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 | undefined>\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  provide(VuetifyLayoutItemKey, { id })\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(VuetifyLayoutItemKey, 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 ? `${elementSize.value}px` : undefined,\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 ? `${elementSize.value}px` : undefined,\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 | string\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,16 +1,16 @@
-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 VuetifyLocaleAdapterSymbol = Symbol.for('vuetify:locale-adapter');
+export const LocaleAdapterSymbol = Symbol.for('vuetify:locale-adapter');
 export const VuetifyLocaleSymbol = Symbol.for('vuetify:locale');
 export function provideLocale(props) {
-  const adapter = inject(VuetifyLocaleAdapterSymbol);
+  const adapter = inject(LocaleAdapterSymbol);
   if (!adapter) throw new Error('[Vuetify] Could not find injected locale adapter');
   return adapter.createScope(props);
 }
 export function useLocale() {
-  const adapter = inject(VuetifyLocaleAdapterSymbol);
+  const adapter = inject(LocaleAdapterSymbol);
   if (!adapter) throw new Error('[Vuetify] Could not find injected locale adapter');
   return adapter.getScope();
 }
@@ -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);
     }
@@ -48,17 +52,17 @@ const createTranslateFunction = (current, fallback, messages) => {
     let str = getObjectValueByPath(currentLocale, shortKey, null);
 
     if (!str) {
-      consoleWarn("Translation key \"".concat(key, "\" not found in \"").concat(current.value, "\", trying fallback locale"));
+      consoleWarn(`Translation key "${key}" not found in "${current.value}", trying fallback locale`);
       str = getObjectValueByPath(fallbackLocale, shortKey, null);
     }
 
     if (!str) {
-      consoleError("Translation key \"".concat(key, "\" not found in fallback"));
+      consoleError(`Translation key "${key}" not found in fallback`);
       str = key;
     }
 
     if (typeof str !== 'string') {
-      consoleError("Translation key \"".concat(key, "\" has a non-string value"));
+      consoleError(`Translation key "${key}" has a non-string value`);
       str = key;
     }
 
@@ -66,16 +70,24 @@ const createTranslateFunction = (current, fallback, messages) => {
   };
 };
 
+function createNumberFunction(current, fallback) {
+  return (value, options) => {
+    const numberFormat = new Intl.NumberFormat([current.value, fallback.value], options);
+    return numberFormat.format(value);
+  };
+}
+
 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,
       messages,
-      t: createTranslateFunction(current, fallback, messages)
+      t: createTranslateFunction(current, fallback, messages),
+      n: createNumberFunction(current, fallback)
     };
   };