@vuetify/nightly 3.0.0-beta.4 → 3.0.0-beta.9

package/lib/composables/layout.mjs

@@ -149,11 +149,10 @@ export function createLayout(props) {
   const mainStyles = computed(() => {
     const layer = layers.value[layers.value.length - 1].layer;
     return {
-      position: 'relative',
-      paddingLeft: convertToUnit(layer.left),
-      paddingRight: convertToUnit(layer.right),
-      paddingTop: convertToUnit(layer.top),
-      paddingBottom: convertToUnit(layer.bottom),
+      '--v-layout-left': convertToUnit(layer.left),
+      '--v-layout-right': convertToUnit(layer.right),
+      '--v-layout-top': convertToUnit(layer.top),
+      '--v-layout-bottom': convertToUnit(layer.bottom),
       ...(transitionsEnabled.value ? undefined : {
         transition: 'none'
       })
@@ -232,16 +231,15 @@ export function createLayout(props) {
 
         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,
+          left: isOppositeHorizontal ? undefined : `${item.left}px`,
+          right: isOppositeHorizontal ? `${item.right}px` : undefined,
+          top: position.value !== 'bottom' ? `${item.top}px` : undefined,
+          bottom: 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'
+        zIndex: zIndex.value - 1
       }));
       return {
         layoutItemStyles,
@@ -267,7 +265,9 @@ export function createLayout(props) {
     'v-layout--full-height': props.fullHeight
   }]);
   const layoutStyles = computed(() => ({
-    zIndex: rootZIndex.value
+    zIndex: rootZIndex.value,
+    position: parentLayout ? 'relative' : undefined,
+    overflow: parentLayout ? 'hidden' : undefined
   }));
   return {
     layoutClasses,

package/lib/composables/layout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"layout.mjs","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","order","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"],"sources":["../../src/composables/layout.ts"],"sourcesContent":["// Composables\nimport { useResizeObserver } from '@/composables/resizeObserver'\n\n// Utilities\nimport {\n  computed,\n  inject,\n  onActivated,\n  onBeforeUnmount,\n  onDeactivated,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n} from 'vue'\nimport { convertToUnit, findChildrenWithProvide, getCurrentInstance, getUid, propsFactory } from '@/util'\n\n// Types\nimport type { ComponentInternalInstance, CSSProperties, 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      order: 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<CSSProperties>\n    layoutItemScrimStyles: Ref<CSSProperties>\n    zIndex: Ref<number>\n  }\n  unregister: (id: string) => void\n  mainStyles: Ref<CSSProperties>\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  order: {\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  order: 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<CSSProperties>(() => {\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        order,\n        position,\n        layoutSize,\n        elementSize,\n        active,\n        disableTransitions,\n        absolute,\n      }\n    ) => {\n      priorities.set(id, order)\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<CSSProperties>(() => {\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        } as const\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<CSSProperties>(() => ({\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"],"mappings":"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"}
+{"version":3,"file":"layout.mjs","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","order","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","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","width","delete","v","layoutClasses","layoutStyles","overflow","layoutRef"],"sources":["../../src/composables/layout.ts"],"sourcesContent":["// Composables\nimport { useResizeObserver } from '@/composables/resizeObserver'\n\n// Utilities\nimport {\n  computed,\n  inject,\n  onActivated,\n  onBeforeUnmount,\n  onDeactivated,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n} from 'vue'\nimport { convertToUnit, findChildrenWithProvide, getCurrentInstance, getUid, propsFactory } from '@/util'\n\n// Types\nimport type { ComponentInternalInstance, CSSProperties, 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      order: 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<CSSProperties>\n    layoutItemScrimStyles: Ref<CSSProperties>\n    zIndex: Ref<number>\n  }\n  unregister: (id: string) => void\n  mainStyles: Ref<CSSProperties>\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  order: {\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  order: 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<CSSProperties>(() => {\n    const layer = layers.value[layers.value.length - 1].layer\n\n    return {\n      '--v-layout-left': convertToUnit(layer.left),\n      '--v-layout-right': convertToUnit(layer.right),\n      '--v-layout-top': convertToUnit(layer.top),\n      '--v-layout-bottom': 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        order,\n        position,\n        layoutSize,\n        elementSize,\n        active,\n        disableTransitions,\n        absolute,\n      }\n    ) => {\n      priorities.set(id, order)\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<CSSProperties>(() => {\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        } as const\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:\n            isHorizontal ? `calc(100% - ${item.top}px - ${item.bottom}px)`\n            : elementSize.value ? `${elementSize.value}px`\n            : undefined,\n          left: isOppositeHorizontal ? undefined : `${item.left}px`,\n          right: isOppositeHorizontal ? `${item.right}px` : undefined,\n          top: position.value !== 'bottom' ? `${item.top}px` : undefined,\n          bottom: position.value !== 'top' ? `${item.bottom}px` : undefined,\n          width:\n            !isHorizontal ? `calc(100% - ${item.left}px - ${item.right}px)`\n            : elementSize.value ? `${elementSize.value}px`\n            : undefined,\n        }\n      })\n\n      const layoutItemScrimStyles = computed<CSSProperties>(() => ({\n        zIndex: zIndex.value - 1,\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    position: parentLayout ? 'relative' as const : undefined,\n    overflow: parentLayout ? 'hidden' : undefined,\n  }))\n\n  return {\n    layoutClasses,\n    layoutStyles,\n    getLayoutItem,\n    items,\n    layoutRect,\n    layoutRef: resizeRef,\n  }\n}\n"],"mappings":"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"}

package/lib/composables/location.mjs

@@ -20,16 +20,12 @@ export function useLocation(props) {
   const {
     isRtl
   } = useRtl();
-
-  function toPhysical(side) {
-    return side === 'start' ? isRtl.value ? 'right' : 'left' : side === 'end' ? isRtl.value ? 'left' : 'right' : side;
-  }
-
   const locationStyles = computed(() => {
     if (!props.location) return {};
-    const anchor = parseAnchor(props.location.split(' ').length > 1 ? props.location : `${props.location} center`);
-    const side = toPhysical(anchor.side);
-    const align = toPhysical(anchor.align);
+    const {
+      side,
+      align
+    } = parseAnchor(props.location.split(' ').length > 1 ? props.location : `${props.location} center`, isRtl.value);
 
     function getOffset(side) {
       return offset ? offset(side) : 0;

package/lib/composables/location.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"location.mjs","names":["useRtl","computed","parseAnchor","propsFactory","oppositeMap","center","top","bottom","left","right","makeLocationProps","location","String","useLocation","props","opposite","offset","isRtl","toPhysical","side","value","locationStyles","anchor","split","length","align","getOffset","styles","transform"],"sources":["../../src/composables/location.ts"],"sourcesContent":["// Composables\nimport { useRtl } from '@/composables/rtl'\n\n// Utilities\nimport { computed } from 'vue'\nimport { parseAnchor, propsFactory } from '@/util'\n\n// Types\nimport type { CSSProperties, PropType } from 'vue'\nimport type { Anchor } from '@/util'\n\nconst oppositeMap = {\n  center: 'center',\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n} as const\n\nexport interface LocationProps {\n  location: Anchor | undefined\n}\n\nexport const makeLocationProps = propsFactory({\n  location: String as PropType<Anchor>,\n}, 'location')\n\nexport function useLocation (props: LocationProps, opposite = false, offset?: (side: string) => number) {\n  const { isRtl } = useRtl()\n\n  function toPhysical (side: string) {\n    return (\n      side === 'start' ? (isRtl.value ? 'right' : 'left')\n      : side === 'end' ? (isRtl.value ? 'left' : 'right')\n      : side\n    ) as 'right' | 'left' | 'top' | 'bottom' | 'center'\n  }\n\n  const locationStyles = computed(() => {\n    if (!props.location) return {}\n\n    const anchor = parseAnchor(\n      props.location.split(' ').length > 1\n        ? props.location\n        : `${props.location} center` as Anchor\n    )\n\n    const side = toPhysical(anchor.side)\n    const align = toPhysical(anchor.align)\n\n    function getOffset (side: string) {\n      return offset\n        ? offset(side)\n        : 0\n    }\n\n    const styles = {} as CSSProperties\n\n    if (side !== 'center') {\n      if (opposite) styles[oppositeMap[side]] = `calc(100% - ${getOffset(side)}px)`\n      else styles[side] = 0\n    }\n    if (align !== 'center') {\n      if (opposite) styles[oppositeMap[align]] = `calc(100% - ${getOffset(align)}px)`\n      else styles[align] = 0\n    } else {\n      if (side === 'center') styles.top = styles.left = '50%'\n      else {\n        styles[({\n          top: 'left',\n          bottom: 'left',\n          left: 'top',\n          right: 'top',\n        } as const)[side]] = '50%'\n      }\n      styles.transform = {\n        top: 'translateX(-50%)',\n        bottom: 'translateX(-50%)',\n        left: 'translateY(-50%)',\n        right: 'translateY(-50%)',\n        center: 'translate(-50%, -50%)',\n      }[side]\n    }\n\n    return styles\n  })\n\n  return { locationStyles }\n}\n"],"mappings":"AAAA;SACSA,M,qBAET;;AACA,SAASC,QAAT,QAAyB,KAAzB;SACSC,W,EAAaC,Y,6BAEtB;;AAIA,MAAMC,WAAW,GAAG;EAClBC,MAAM,EAAE,QADU;EAElBC,GAAG,EAAE,QAFa;EAGlBC,MAAM,EAAE,KAHU;EAIlBC,IAAI,EAAE,OAJY;EAKlBC,KAAK,EAAE;AALW,CAApB;AAYA,OAAO,MAAMC,iBAAiB,GAAGP,YAAY,CAAC;EAC5CQ,QAAQ,EAAEC;AADkC,CAAD,EAE1C,UAF0C,CAAtC;AAIP,OAAO,SAASC,WAAT,CAAsBC,KAAtB,EAAiG;EAAA,IAArDC,QAAqD,uEAA1C,KAA0C;EAAA,IAAnCC,MAAmC;EACtG,MAAM;IAAEC;EAAF,IAAYjB,MAAM,EAAxB;;EAEA,SAASkB,UAAT,CAAqBC,IAArB,EAAmC;IACjC,OACEA,IAAI,KAAK,OAAT,GAAoBF,KAAK,CAACG,KAAN,GAAc,OAAd,GAAwB,MAA5C,GACED,IAAI,KAAK,KAAT,GAAkBF,KAAK,CAACG,KAAN,GAAc,MAAd,GAAuB,OAAzC,GACAD,IAHJ;EAKD;;EAED,MAAME,cAAc,GAAGpB,QAAQ,CAAC,MAAM;IACpC,IAAI,CAACa,KAAK,CAACH,QAAX,EAAqB,OAAO,EAAP;IAErB,MAAMW,MAAM,GAAGpB,WAAW,CACxBY,KAAK,CAACH,QAAN,CAAeY,KAAf,CAAqB,GAArB,EAA0BC,MAA1B,GAAmC,CAAnC,GACIV,KAAK,CAACH,QADV,GAEK,GAAEG,KAAK,CAACH,QAAS,SAHE,CAA1B;IAMA,MAAMQ,IAAI,GAAGD,UAAU,CAACI,MAAM,CAACH,IAAR,CAAvB;IACA,MAAMM,KAAK,GAAGP,UAAU,CAACI,MAAM,CAACG,KAAR,CAAxB;;IAEA,SAASC,SAAT,CAAoBP,IAApB,EAAkC;MAChC,OAAOH,MAAM,GACTA,MAAM,CAACG,IAAD,CADG,GAET,CAFJ;IAGD;;IAED,MAAMQ,MAAM,GAAG,EAAf;;IAEA,IAAIR,IAAI,KAAK,QAAb,EAAuB;MACrB,IAAIJ,QAAJ,EAAcY,MAAM,CAACvB,WAAW,CAACe,IAAD,CAAZ,CAAN,GAA6B,eAAcO,SAAS,CAACP,IAAD,CAAO,KAA3D,CAAd,KACKQ,MAAM,CAACR,IAAD,CAAN,GAAe,CAAf;IACN;;IACD,IAAIM,KAAK,KAAK,QAAd,EAAwB;MACtB,IAAIV,QAAJ,EAAcY,MAAM,CAACvB,WAAW,CAACqB,KAAD,CAAZ,CAAN,GAA8B,eAAcC,SAAS,CAACD,KAAD,CAAQ,KAA7D,CAAd,KACKE,MAAM,CAACF,KAAD,CAAN,GAAgB,CAAhB;IACN,CAHD,MAGO;MACL,IAAIN,IAAI,KAAK,QAAb,EAAuBQ,MAAM,CAACrB,GAAP,GAAaqB,MAAM,CAACnB,IAAP,GAAc,KAA3B,CAAvB,KACK;QACHmB,MAAM,CAAE;UACNrB,GAAG,EAAE,MADC;UAENC,MAAM,EAAE,MAFF;UAGNC,IAAI,EAAE,KAHA;UAINC,KAAK,EAAE;QAJD,CAAD,CAKKU,IALL,CAAD,CAAN,GAKqB,KALrB;MAMD;MACDQ,MAAM,CAACC,SAAP,GAAmB;QACjBtB,GAAG,EAAE,kBADY;QAEjBC,MAAM,EAAE,kBAFS;QAGjBC,IAAI,EAAE,kBAHW;QAIjBC,KAAK,EAAE,kBAJU;QAKjBJ,MAAM,EAAE;MALS,EAMjBc,IANiB,CAAnB;IAOD;;IAED,OAAOQ,MAAP;EACD,CA/C8B,CAA/B;EAiDA,OAAO;IAAEN;EAAF,CAAP;AACD"}
+{"version":3,"file":"location.mjs","names":["useRtl","computed","parseAnchor","propsFactory","oppositeMap","center","top","bottom","left","right","makeLocationProps","location","String","useLocation","props","opposite","offset","isRtl","locationStyles","side","align","split","length","value","getOffset","styles","transform"],"sources":["../../src/composables/location.ts"],"sourcesContent":["// Composables\nimport { useRtl } from '@/composables/rtl'\n\n// Utilities\nimport { computed } from 'vue'\nimport { parseAnchor, propsFactory } from '@/util'\n\n// Types\nimport type { CSSProperties, PropType } from 'vue'\nimport type { Anchor } from '@/util'\n\nconst oppositeMap = {\n  center: 'center',\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n} as const\n\nexport interface LocationProps {\n  location: Anchor | undefined\n}\n\nexport const makeLocationProps = propsFactory({\n  location: String as PropType<Anchor>,\n}, 'location')\n\nexport function useLocation (props: LocationProps, opposite = false, offset?: (side: string) => number) {\n  const { isRtl } = useRtl()\n\n  const locationStyles = computed(() => {\n    if (!props.location) return {}\n\n    const { side, align } = parseAnchor(\n      props.location.split(' ').length > 1\n        ? props.location\n        : `${props.location} center` as Anchor,\n      isRtl.value\n    )\n\n    function getOffset (side: string) {\n      return offset\n        ? offset(side)\n        : 0\n    }\n\n    const styles = {} as CSSProperties\n\n    if (side !== 'center') {\n      if (opposite) styles[oppositeMap[side]] = `calc(100% - ${getOffset(side)}px)`\n      else styles[side] = 0\n    }\n    if (align !== 'center') {\n      if (opposite) styles[oppositeMap[align]] = `calc(100% - ${getOffset(align)}px)`\n      else styles[align] = 0\n    } else {\n      if (side === 'center') styles.top = styles.left = '50%'\n      else {\n        styles[({\n          top: 'left',\n          bottom: 'left',\n          left: 'top',\n          right: 'top',\n        } as const)[side]] = '50%'\n      }\n      styles.transform = {\n        top: 'translateX(-50%)',\n        bottom: 'translateX(-50%)',\n        left: 'translateY(-50%)',\n        right: 'translateY(-50%)',\n        center: 'translate(-50%, -50%)',\n      }[side]\n    }\n\n    return styles\n  })\n\n  return { locationStyles }\n}\n"],"mappings":"AAAA;SACSA,M,qBAET;;AACA,SAASC,QAAT,QAAyB,KAAzB;SACSC,W,EAAaC,Y,6BAEtB;;AAIA,MAAMC,WAAW,GAAG;EAClBC,MAAM,EAAE,QADU;EAElBC,GAAG,EAAE,QAFa;EAGlBC,MAAM,EAAE,KAHU;EAIlBC,IAAI,EAAE,OAJY;EAKlBC,KAAK,EAAE;AALW,CAApB;AAYA,OAAO,MAAMC,iBAAiB,GAAGP,YAAY,CAAC;EAC5CQ,QAAQ,EAAEC;AADkC,CAAD,EAE1C,UAF0C,CAAtC;AAIP,OAAO,SAASC,WAAT,CAAsBC,KAAtB,EAAiG;EAAA,IAArDC,QAAqD,uEAA1C,KAA0C;EAAA,IAAnCC,MAAmC;EACtG,MAAM;IAAEC;EAAF,IAAYjB,MAAM,EAAxB;EAEA,MAAMkB,cAAc,GAAGjB,QAAQ,CAAC,MAAM;IACpC,IAAI,CAACa,KAAK,CAACH,QAAX,EAAqB,OAAO,EAAP;IAErB,MAAM;MAAEQ,IAAF;MAAQC;IAAR,IAAkBlB,WAAW,CACjCY,KAAK,CAACH,QAAN,CAAeU,KAAf,CAAqB,GAArB,EAA0BC,MAA1B,GAAmC,CAAnC,GACIR,KAAK,CAACH,QADV,GAEK,GAAEG,KAAK,CAACH,QAAS,SAHW,EAIjCM,KAAK,CAACM,KAJ2B,CAAnC;;IAOA,SAASC,SAAT,CAAoBL,IAApB,EAAkC;MAChC,OAAOH,MAAM,GACTA,MAAM,CAACG,IAAD,CADG,GAET,CAFJ;IAGD;;IAED,MAAMM,MAAM,GAAG,EAAf;;IAEA,IAAIN,IAAI,KAAK,QAAb,EAAuB;MACrB,IAAIJ,QAAJ,EAAcU,MAAM,CAACrB,WAAW,CAACe,IAAD,CAAZ,CAAN,GAA6B,eAAcK,SAAS,CAACL,IAAD,CAAO,KAA3D,CAAd,KACKM,MAAM,CAACN,IAAD,CAAN,GAAe,CAAf;IACN;;IACD,IAAIC,KAAK,KAAK,QAAd,EAAwB;MACtB,IAAIL,QAAJ,EAAcU,MAAM,CAACrB,WAAW,CAACgB,KAAD,CAAZ,CAAN,GAA8B,eAAcI,SAAS,CAACJ,KAAD,CAAQ,KAA7D,CAAd,KACKK,MAAM,CAACL,KAAD,CAAN,GAAgB,CAAhB;IACN,CAHD,MAGO;MACL,IAAID,IAAI,KAAK,QAAb,EAAuBM,MAAM,CAACnB,GAAP,GAAamB,MAAM,CAACjB,IAAP,GAAc,KAA3B,CAAvB,KACK;QACHiB,MAAM,CAAE;UACNnB,GAAG,EAAE,MADC;UAENC,MAAM,EAAE,MAFF;UAGNC,IAAI,EAAE,KAHA;UAINC,KAAK,EAAE;QAJD,CAAD,CAKKU,IALL,CAAD,CAAN,GAKqB,KALrB;MAMD;MACDM,MAAM,CAACC,SAAP,GAAmB;QACjBpB,GAAG,EAAE,kBADY;QAEjBC,MAAM,EAAE,kBAFS;QAGjBC,IAAI,EAAE,kBAHW;QAIjBC,KAAK,EAAE,kBAJU;QAKjBJ,MAAM,EAAE;MALS,EAMjBc,IANiB,CAAnB;IAOD;;IAED,OAAOM,MAAP;EACD,CA7C8B,CAA/B;EA+CA,OAAO;IAAEP;EAAF,CAAP;AACD"}

package/lib/composables/proxiedModel.mjs

@@ -10,7 +10,8 @@ export function useProxiedModel(props, prop, defaultValue) {
   const propIsDefined = computed(() => {
     var _vm$vnode$props, _vm$vnode$props2;
 
-    return !!(typeof props[prop] !== 'undefined' && (vm != null && (_vm$vnode$props = vm.vnode.props) != null && _vm$vnode$props.hasOwnProperty(prop) || vm != null && (_vm$vnode$props2 = vm.vnode.props) != null && _vm$vnode$props2.hasOwnProperty(toKebabCase(prop))));
+    void props[prop];
+    return !!(vm != null && (_vm$vnode$props = vm.vnode.props) != null && _vm$vnode$props.hasOwnProperty(prop) || vm != null && (_vm$vnode$props2 = vm.vnode.props) != null && _vm$vnode$props2.hasOwnProperty(toKebabCase(prop)));
   });
   const internal = ref(transformIn(props[prop]));
   return computed({

package/lib/composables/proxiedModel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"proxiedModel.mjs","names":["computed","ref","getCurrentInstance","toKebabCase","useProxiedModel","props","prop","defaultValue","transformIn","v","transformOut","vm","propIsDefined","vnode","hasOwnProperty","internal","get","value","set","newValue","emit"],"sources":["../../src/composables/proxiedModel.ts"],"sourcesContent":["// Utilities\nimport { computed, ref } from 'vue'\nimport { getCurrentInstance, toKebabCase } from '@/util'\n\n// Types\nimport type { Ref } from 'vue'\n\n// Composables\nexport function useProxiedModel<\n  Props extends object & { [key in Prop as `onUpdate:${Prop}`]: ((val: any) => void) | undefined },\n  Prop extends Extract<keyof Props, string>,\n  Inner = Props[Prop],\n> (\n  props: Props,\n  prop: Prop,\n  defaultValue?: Props[Prop],\n  transformIn: (value?: Props[Prop]) => Inner = (v: any) => v,\n  transformOut: (value: Inner) => Props[Prop] = (v: any) => v,\n) {\n  const vm = getCurrentInstance('useProxiedModel')\n\n  const propIsDefined = computed(() => {\n    return !!(\n      typeof props[prop] !== 'undefined' &&\n      (vm?.vnode.props?.hasOwnProperty(prop) || vm?.vnode.props?.hasOwnProperty(toKebabCase(prop)))\n    )\n  })\n\n  const internal = ref(transformIn(props[prop])) as Ref<Inner>\n\n  return computed<Inner extends any[] ? Readonly<Inner> : Inner>({\n    get (): any {\n      if (propIsDefined.value) return transformIn(props[prop])\n      else return internal.value\n    },\n    set (newValue) {\n      if ((propIsDefined.value ? transformIn(props[prop]) : internal.value) === newValue) {\n        return\n      }\n      internal.value = newValue\n      vm?.emit(`update:${prop}`, transformOut(newValue))\n    },\n  })\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,GAAnB,QAA8B,KAA9B;SACSC,kB,EAAoBC,W,6BAE7B;;AAGA;AACA,OAAO,SAASC,eAAT,CAKLC,KALK,EAMLC,IANK,EAOLC,YAPK,EAUL;EAAA,IAFAC,WAEA,uEAF+CC,CAAD,IAAYA,CAE1D;EAAA,IADAC,YACA,uEAD+CD,CAAD,IAAYA,CAC1D;EACA,MAAME,EAAE,GAAGT,kBAAkB,CAAC,iBAAD,CAA7B;EAEA,MAAMU,aAAa,GAAGZ,QAAQ,CAAC,MAAM;IAAA;;IACnC,OAAO,CAAC,EACN,OAAOK,KAAK,CAACC,IAAD,CAAZ,KAAuB,WAAvB,KACCK,EAAE,QAAF,uBAAAA,EAAE,CAAEE,KAAJ,CAAUR,KAAV,6BAAiBS,cAAjB,CAAgCR,IAAhC,KAAyCK,EAAzC,gCAAyCA,EAAE,CAAEE,KAAJ,CAAUR,KAAnD,aAAyC,iBAAiBS,cAAjB,CAAgCX,WAAW,CAACG,IAAD,CAA3C,CAD1C,CADM,CAAR;EAID,CAL6B,CAA9B;EAOA,MAAMS,QAAQ,GAAGd,GAAG,CAACO,WAAW,CAACH,KAAK,CAACC,IAAD,CAAN,CAAZ,CAApB;EAEA,OAAON,QAAQ,CAAgD;IAC7DgB,GAAG,GAAS;MACV,IAAIJ,aAAa,CAACK,KAAlB,EAAyB,OAAOT,WAAW,CAACH,KAAK,CAACC,IAAD,CAAN,CAAlB,CAAzB,KACK,OAAOS,QAAQ,CAACE,KAAhB;IACN,CAJ4D;;IAK7DC,GAAG,CAAEC,QAAF,EAAY;MACb,IAAI,CAACP,aAAa,CAACK,KAAd,GAAsBT,WAAW,CAACH,KAAK,CAACC,IAAD,CAAN,CAAjC,GAAiDS,QAAQ,CAACE,KAA3D,MAAsEE,QAA1E,EAAoF;QAClF;MACD;;MACDJ,QAAQ,CAACE,KAAT,GAAiBE,QAAjB;MACAR,EAAE,QAAF,YAAAA,EAAE,CAAES,IAAJ,CAAU,UAASd,IAAK,EAAxB,EAA2BI,YAAY,CAACS,QAAD,CAAvC;IACD;;EAX4D,CAAhD,CAAf;AAaD"}
+{"version":3,"file":"proxiedModel.mjs","names":["computed","ref","getCurrentInstance","toKebabCase","useProxiedModel","props","prop","defaultValue","transformIn","v","transformOut","vm","propIsDefined","vnode","hasOwnProperty","internal","get","value","set","newValue","emit"],"sources":["../../src/composables/proxiedModel.ts"],"sourcesContent":["// Utilities\nimport { computed, ref } from 'vue'\nimport { getCurrentInstance, toKebabCase } from '@/util'\n\n// Types\nimport type { Ref } from 'vue'\n\n// Composables\nexport function useProxiedModel<\n  Props extends object & { [key in Prop as `onUpdate:${Prop}`]: ((val: any) => void) | undefined },\n  Prop extends Extract<keyof Props, string>,\n  Inner = Props[Prop],\n> (\n  props: Props,\n  prop: Prop,\n  defaultValue?: Props[Prop],\n  transformIn: (value?: Props[Prop]) => Inner = (v: any) => v,\n  transformOut: (value: Inner) => Props[Prop] = (v: any) => v,\n) {\n  const vm = getCurrentInstance('useProxiedModel')\n\n  const propIsDefined = computed(() => {\n    void props[prop]\n    return !!(\n      (vm?.vnode.props?.hasOwnProperty(prop) || vm?.vnode.props?.hasOwnProperty(toKebabCase(prop)))\n    )\n  })\n\n  const internal = ref(transformIn(props[prop])) as Ref<Inner>\n\n  return computed<Inner extends any[] ? Readonly<Inner> : Inner>({\n    get (): any {\n      if (propIsDefined.value) return transformIn(props[prop])\n      else return internal.value\n    },\n    set (newValue) {\n      if ((propIsDefined.value ? transformIn(props[prop]) : internal.value) === newValue) {\n        return\n      }\n      internal.value = newValue\n      vm?.emit(`update:${prop}`, transformOut(newValue))\n    },\n  })\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,GAAnB,QAA8B,KAA9B;SACSC,kB,EAAoBC,W,6BAE7B;;AAGA;AACA,OAAO,SAASC,eAAT,CAKLC,KALK,EAMLC,IANK,EAOLC,YAPK,EAUL;EAAA,IAFAC,WAEA,uEAF+CC,CAAD,IAAYA,CAE1D;EAAA,IADAC,YACA,uEAD+CD,CAAD,IAAYA,CAC1D;EACA,MAAME,EAAE,GAAGT,kBAAkB,CAAC,iBAAD,CAA7B;EAEA,MAAMU,aAAa,GAAGZ,QAAQ,CAAC,MAAM;IAAA;;IACnC,KAAKK,KAAK,CAACC,IAAD,CAAV;IACA,OAAO,CAAC,EACLK,EAAE,QAAF,uBAAAA,EAAE,CAAEE,KAAJ,CAAUR,KAAV,6BAAiBS,cAAjB,CAAgCR,IAAhC,KAAyCK,EAAzC,gCAAyCA,EAAE,CAAEE,KAAJ,CAAUR,KAAnD,aAAyC,iBAAiBS,cAAjB,CAAgCX,WAAW,CAACG,IAAD,CAA3C,CADpC,CAAR;EAGD,CAL6B,CAA9B;EAOA,MAAMS,QAAQ,GAAGd,GAAG,CAACO,WAAW,CAACH,KAAK,CAACC,IAAD,CAAN,CAAZ,CAApB;EAEA,OAAON,QAAQ,CAAgD;IAC7DgB,GAAG,GAAS;MACV,IAAIJ,aAAa,CAACK,KAAlB,EAAyB,OAAOT,WAAW,CAACH,KAAK,CAACC,IAAD,CAAN,CAAlB,CAAzB,KACK,OAAOS,QAAQ,CAACE,KAAhB;IACN,CAJ4D;;IAK7DC,GAAG,CAAEC,QAAF,EAAY;MACb,IAAI,CAACP,aAAa,CAACK,KAAd,GAAsBT,WAAW,CAACH,KAAK,CAACC,IAAD,CAAN,CAAjC,GAAiDS,QAAQ,CAACE,KAA3D,MAAsEE,QAA1E,EAAoF;QAClF;MACD;;MACDJ,QAAQ,CAACE,KAAT,GAAiBE,QAAjB;MACAR,EAAE,QAAF,YAAAA,EAAE,CAAES,IAAJ,CAAU,UAASd,IAAK,EAAxB,EAA2BI,YAAY,CAACS,QAAD,CAAvC;IACD;;EAX4D,CAAhD,CAAf;AAaD"}

package/lib/composables/rtl.mjs

@@ -3,13 +3,13 @@ import { rtl } from "../locale/index.mjs"; // Types
 
 export const RtlSymbol = Symbol.for('vuetify:rtl');
 export function createRtl(localeScope, options) {
-  var _options$rtl, _options$defaultRtl;
+  var _options$rtl;
 
   return createRtlScope({
     rtl: { ...rtl,
       ...((_options$rtl = options == null ? void 0 : options.rtl) != null ? _options$rtl : {})
     },
-    isRtl: ref((_options$defaultRtl = options == null ? void 0 : options.defaultRtl) != null ? _options$defaultRtl : false),
+    isRtl: ref(false),
     rtlClasses: ref('')
   }, localeScope);
 }

package/lib/composables/rtl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rtl.mjs","names":["computed","inject","provide","ref","rtl","RtlSymbol","Symbol","for","createRtl","localeScope","options","createRtlScope","isRtl","defaultRtl","rtlClasses","currentScope","current","value","hasOwnProperty","provideRtl","props","Error","newScope","useRtl"],"sources":["../../src/composables/rtl.ts"],"sourcesContent":["import { computed, inject, provide, ref } from 'vue'\nimport { rtl } from '@/locale'\n\n// Types\nimport type { InjectionKey, Ref } from 'vue'\nimport type { LocaleInstance } from './locale'\n\nexport interface RtlOptions {\n  defaultRtl?: boolean\n  rtl?: Record<string, boolean>\n}\n\nexport interface RtlProps {\n  rtl?: boolean\n}\n\nexport interface RtlInstance {\n  isRtl: Ref<boolean>\n  rtl: Record<string, boolean>\n  rtlClasses: Ref<string>\n}\n\nexport const RtlSymbol: InjectionKey<RtlInstance> = Symbol.for('vuetify:rtl')\n\nexport function createRtl (localeScope: LocaleInstance, options?: RtlOptions) {\n  return createRtlScope({\n    rtl: {\n      ...rtl,\n      ...(options?.rtl ?? {}),\n    },\n    isRtl: ref(options?.defaultRtl ?? false),\n    rtlClasses: ref(''),\n  }, localeScope)\n}\n\nexport function createRtlScope (currentScope: RtlInstance, localeScope: LocaleInstance, options?: RtlProps): RtlInstance {\n  const isRtl = computed(() => {\n    if (typeof options?.rtl === 'boolean') return options.rtl\n    if (localeScope.current.value && currentScope.rtl.hasOwnProperty(localeScope.current.value)) {\n      return currentScope.rtl[localeScope.current.value]\n    }\n\n    return currentScope.isRtl.value\n  })\n\n  return {\n    isRtl,\n    rtl: currentScope.rtl,\n    rtlClasses: computed(() => `v-locale--is-${isRtl.value ? 'rtl' : 'ltr'}`),\n  }\n}\n\nexport function provideRtl (props: RtlProps, localeScope: LocaleInstance) {\n  const currentScope = inject(RtlSymbol)\n\n  if (!currentScope) throw new Error('[Vuetify] Could not find injected rtl instance')\n\n  const newScope = createRtlScope(currentScope, localeScope, props)\n\n  provide(RtlSymbol, newScope)\n\n  return newScope\n}\n\nexport function useRtl () {\n  const currentScope = inject(RtlSymbol)\n\n  if (!currentScope) throw new Error('[Vuetify] Could not find injected rtl instance')\n\n  return currentScope\n}\n"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,MAAnB,EAA2BC,OAA3B,EAAoCC,GAApC,QAA+C,KAA/C;SACSC,G,+BAET;;AAmBA,OAAO,MAAMC,SAAoC,GAAGC,MAAM,CAACC,GAAP,CAAW,aAAX,CAA7C;AAEP,OAAO,SAASC,SAAT,CAAoBC,WAApB,EAAiDC,OAAjD,EAAuE;EAAA;;EAC5E,OAAOC,cAAc,CAAC;IACpBP,GAAG,EAAE,EACH,GAAGA,GADA;MAEH,oBAAIM,OAAJ,oBAAIA,OAAO,CAAEN,GAAb,2BAAoB,EAApB;IAFG,CADe;IAKpBQ,KAAK,EAAET,GAAG,wBAACO,OAAD,oBAACA,OAAO,CAAEG,UAAV,kCAAwB,KAAxB,CALU;IAMpBC,UAAU,EAAEX,GAAG,CAAC,EAAD;EANK,CAAD,EAOlBM,WAPkB,CAArB;AAQD;AAED,OAAO,SAASE,cAAT,CAAyBI,YAAzB,EAAoDN,WAApD,EAAiFC,OAAjF,EAAkH;EACvH,MAAME,KAAK,GAAGZ,QAAQ,CAAC,MAAM;IAC3B,IAAI,QAAOU,OAAP,oBAAOA,OAAO,CAAEN,GAAhB,MAAwB,SAA5B,EAAuC,OAAOM,OAAO,CAACN,GAAf;;IACvC,IAAIK,WAAW,CAACO,OAAZ,CAAoBC,KAApB,IAA6BF,YAAY,CAACX,GAAb,CAAiBc,cAAjB,CAAgCT,WAAW,CAACO,OAAZ,CAAoBC,KAApD,CAAjC,EAA6F;MAC3F,OAAOF,YAAY,CAACX,GAAb,CAAiBK,WAAW,CAACO,OAAZ,CAAoBC,KAArC,CAAP;IACD;;IAED,OAAOF,YAAY,CAACH,KAAb,CAAmBK,KAA1B;EACD,CAPqB,CAAtB;EASA,OAAO;IACLL,KADK;IAELR,GAAG,EAAEW,YAAY,CAACX,GAFb;IAGLU,UAAU,EAAEd,QAAQ,CAAC,MAAO,gBAAeY,KAAK,CAACK,KAAN,GAAc,KAAd,GAAsB,KAAM,EAAnD;EAHf,CAAP;AAKD;AAED,OAAO,SAASE,UAAT,CAAqBC,KAArB,EAAsCX,WAAtC,EAAmE;EACxE,MAAMM,YAAY,GAAGd,MAAM,CAACI,SAAD,CAA3B;EAEA,IAAI,CAACU,YAAL,EAAmB,MAAM,IAAIM,KAAJ,CAAU,gDAAV,CAAN;EAEnB,MAAMC,QAAQ,GAAGX,cAAc,CAACI,YAAD,EAAeN,WAAf,EAA4BW,KAA5B,CAA/B;EAEAlB,OAAO,CAACG,SAAD,EAAYiB,QAAZ,CAAP;EAEA,OAAOA,QAAP;AACD;AAED,OAAO,SAASC,MAAT,GAAmB;EACxB,MAAMR,YAAY,GAAGd,MAAM,CAACI,SAAD,CAA3B;EAEA,IAAI,CAACU,YAAL,EAAmB,MAAM,IAAIM,KAAJ,CAAU,gDAAV,CAAN;EAEnB,OAAON,YAAP;AACD"}
+{"version":3,"file":"rtl.mjs","names":["computed","inject","provide","ref","rtl","RtlSymbol","Symbol","for","createRtl","localeScope","options","createRtlScope","isRtl","rtlClasses","currentScope","current","value","hasOwnProperty","provideRtl","props","Error","newScope","useRtl"],"sources":["../../src/composables/rtl.ts"],"sourcesContent":["import { computed, inject, provide, ref } from 'vue'\nimport { rtl } from '@/locale'\n\n// Types\nimport type { InjectionKey, Ref } from 'vue'\nimport type { LocaleInstance } from './locale'\n\nexport interface RtlOptions {\n  rtl?: Record<string, boolean>\n}\n\nexport interface RtlProps {\n  rtl?: boolean\n}\n\nexport interface RtlInstance {\n  isRtl: Ref<boolean>\n  rtl: Record<string, boolean>\n  rtlClasses: Ref<string>\n}\n\nexport const RtlSymbol: InjectionKey<RtlInstance> = Symbol.for('vuetify:rtl')\n\nexport function createRtl (localeScope: LocaleInstance, options?: RtlOptions) {\n  return createRtlScope({\n    rtl: {\n      ...rtl,\n      ...(options?.rtl ?? {}),\n    },\n    isRtl: ref(false),\n    rtlClasses: ref(''),\n  }, localeScope)\n}\n\nexport function createRtlScope (currentScope: RtlInstance, localeScope: LocaleInstance, options?: RtlProps): RtlInstance {\n  const isRtl = computed(() => {\n    if (typeof options?.rtl === 'boolean') return options.rtl\n    if (localeScope.current.value && currentScope.rtl.hasOwnProperty(localeScope.current.value)) {\n      return currentScope.rtl[localeScope.current.value]\n    }\n\n    return currentScope.isRtl.value\n  })\n\n  return {\n    isRtl,\n    rtl: currentScope.rtl,\n    rtlClasses: computed(() => `v-locale--is-${isRtl.value ? 'rtl' : 'ltr'}`),\n  }\n}\n\nexport function provideRtl (props: RtlProps, localeScope: LocaleInstance) {\n  const currentScope = inject(RtlSymbol)\n\n  if (!currentScope) throw new Error('[Vuetify] Could not find injected rtl instance')\n\n  const newScope = createRtlScope(currentScope, localeScope, props)\n\n  provide(RtlSymbol, newScope)\n\n  return newScope\n}\n\nexport function useRtl () {\n  const currentScope = inject(RtlSymbol)\n\n  if (!currentScope) throw new Error('[Vuetify] Could not find injected rtl instance')\n\n  return currentScope\n}\n"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,MAAnB,EAA2BC,OAA3B,EAAoCC,GAApC,QAA+C,KAA/C;SACSC,G,+BAET;;AAkBA,OAAO,MAAMC,SAAoC,GAAGC,MAAM,CAACC,GAAP,CAAW,aAAX,CAA7C;AAEP,OAAO,SAASC,SAAT,CAAoBC,WAApB,EAAiDC,OAAjD,EAAuE;EAAA;;EAC5E,OAAOC,cAAc,CAAC;IACpBP,GAAG,EAAE,EACH,GAAGA,GADA;MAEH,oBAAIM,OAAJ,oBAAIA,OAAO,CAAEN,GAAb,2BAAoB,EAApB;IAFG,CADe;IAKpBQ,KAAK,EAAET,GAAG,CAAC,KAAD,CALU;IAMpBU,UAAU,EAAEV,GAAG,CAAC,EAAD;EANK,CAAD,EAOlBM,WAPkB,CAArB;AAQD;AAED,OAAO,SAASE,cAAT,CAAyBG,YAAzB,EAAoDL,WAApD,EAAiFC,OAAjF,EAAkH;EACvH,MAAME,KAAK,GAAGZ,QAAQ,CAAC,MAAM;IAC3B,IAAI,QAAOU,OAAP,oBAAOA,OAAO,CAAEN,GAAhB,MAAwB,SAA5B,EAAuC,OAAOM,OAAO,CAACN,GAAf;;IACvC,IAAIK,WAAW,CAACM,OAAZ,CAAoBC,KAApB,IAA6BF,YAAY,CAACV,GAAb,CAAiBa,cAAjB,CAAgCR,WAAW,CAACM,OAAZ,CAAoBC,KAApD,CAAjC,EAA6F;MAC3F,OAAOF,YAAY,CAACV,GAAb,CAAiBK,WAAW,CAACM,OAAZ,CAAoBC,KAArC,CAAP;IACD;;IAED,OAAOF,YAAY,CAACF,KAAb,CAAmBI,KAA1B;EACD,CAPqB,CAAtB;EASA,OAAO;IACLJ,KADK;IAELR,GAAG,EAAEU,YAAY,CAACV,GAFb;IAGLS,UAAU,EAAEb,QAAQ,CAAC,MAAO,gBAAeY,KAAK,CAACI,KAAN,GAAc,KAAd,GAAsB,KAAM,EAAnD;EAHf,CAAP;AAKD;AAED,OAAO,SAASE,UAAT,CAAqBC,KAArB,EAAsCV,WAAtC,EAAmE;EACxE,MAAMK,YAAY,GAAGb,MAAM,CAACI,SAAD,CAA3B;EAEA,IAAI,CAACS,YAAL,EAAmB,MAAM,IAAIM,KAAJ,CAAU,gDAAV,CAAN;EAEnB,MAAMC,QAAQ,GAAGV,cAAc,CAACG,YAAD,EAAeL,WAAf,EAA4BU,KAA5B,CAA/B;EAEAjB,OAAO,CAACG,SAAD,EAAYgB,QAAZ,CAAP;EAEA,OAAOA,QAAP;AACD;AAED,OAAO,SAASC,MAAT,GAAmB;EACxB,MAAMR,YAAY,GAAGb,MAAM,CAACI,SAAD,CAA3B;EAEA,IAAI,CAACS,YAAL,EAAmB,MAAM,IAAIM,KAAJ,CAAU,gDAAV,CAAN;EAEnB,OAAON,YAAP;AACD"}

package/lib/composables/size.mjs

@@ -1,6 +1,5 @@
 // Utilities
-import { computed } from 'vue';
-import { convertToUnit, getCurrentInstanceName, propsFactory } from "../util/index.mjs"; // Types
+import { convertToUnit, destructComputed, getCurrentInstanceName, includes, propsFactory } from "../util/index.mjs"; // Types
 
 const predefinedSizes = ['x-small', 'small', 'default', 'large', 'x-large'];
 // Composables
@@ -12,18 +11,23 @@ export const makeSizeProps = propsFactory({
 }, 'size');
 export function useSize(props) {
   let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getCurrentInstanceName();
-  const sizeClasses = computed(() => {
-    return predefinedSizes.includes(props.size) ? `${name}--size-${props.size}` : null;
-  });
-  const sizeStyles = computed(() => {
-    return !predefinedSizes.includes(props.size) && props.size ? {
-      width: convertToUnit(props.size),
-      height: convertToUnit(props.size)
-    } : null;
+  return destructComputed(() => {
+    let sizeClasses;
+    let sizeStyles;
+
+    if (includes(predefinedSizes, props.size)) {
+      sizeClasses = `${name}--size-${props.size}`;
+    } else if (props.size) {
+      sizeStyles = {
+        width: convertToUnit(props.size),
+        height: convertToUnit(props.size)
+      };
+    }
+
+    return {
+      sizeClasses,
+      sizeStyles
+    };
   });
-  return {
-    sizeClasses,
-    sizeStyles
-  };
 }
 //# sourceMappingURL=size.mjs.map

package/lib/composables/size.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"size.mjs","names":["computed","convertToUnit","getCurrentInstanceName","propsFactory","predefinedSizes","makeSizeProps","size","type","String","Number","default","useSize","props","name","sizeClasses","includes","sizeStyles","width","height"],"sources":["../../src/composables/size.ts"],"sourcesContent":["// Utilities\nimport { computed } from 'vue'\nimport { convertToUnit, getCurrentInstanceName, propsFactory } from '@/util'\n\n// Types\nconst predefinedSizes = ['x-small', 'small', 'default', 'large', 'x-large']\n\nexport interface SizeProps {\n  size?: string | number\n}\n\n// Composables\nexport const makeSizeProps = propsFactory({\n  size: {\n    type: [String, Number],\n    default: 'default',\n  },\n}, 'size')\n\nexport function useSize (\n  props: SizeProps,\n  name = getCurrentInstanceName(),\n) {\n  const sizeClasses = computed(() => {\n    return predefinedSizes.includes(props.size as string)\n      ? `${name}--size-${props.size}`\n      : null\n  })\n\n  const sizeStyles = computed(() => {\n    return !predefinedSizes.includes(props.size as string) && props.size\n      ? ({\n        width: convertToUnit(props.size),\n        height: convertToUnit(props.size),\n      }) : null\n  })\n\n  return { sizeClasses, sizeStyles }\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAT,QAAyB,KAAzB;SACSC,a,EAAeC,sB,EAAwBC,Y,6BAEhD;;AACA,MAAMC,eAAe,GAAG,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,EAAgC,OAAhC,EAAyC,SAAzC,CAAxB;AAMA;AACA,OAAO,MAAMC,aAAa,GAAGF,YAAY,CAAC;EACxCG,IAAI,EAAE;IACJC,IAAI,EAAE,CAACC,MAAD,EAASC,MAAT,CADF;IAEJC,OAAO,EAAE;EAFL;AADkC,CAAD,EAKtC,MALsC,CAAlC;AAOP,OAAO,SAASC,OAAT,CACLC,KADK,EAGL;EAAA,IADAC,IACA,uEADOX,sBAAsB,EAC7B;EACA,MAAMY,WAAW,GAAGd,QAAQ,CAAC,MAAM;IACjC,OAAOI,eAAe,CAACW,QAAhB,CAAyBH,KAAK,CAACN,IAA/B,IACF,GAAEO,IAAK,UAASD,KAAK,CAACN,IAAK,EADzB,GAEH,IAFJ;EAGD,CAJ2B,CAA5B;EAMA,MAAMU,UAAU,GAAGhB,QAAQ,CAAC,MAAM;IAChC,OAAO,CAACI,eAAe,CAACW,QAAhB,CAAyBH,KAAK,CAACN,IAA/B,CAAD,IAAmDM,KAAK,CAACN,IAAzD,GACF;MACDW,KAAK,EAAEhB,aAAa,CAACW,KAAK,CAACN,IAAP,CADnB;MAEDY,MAAM,EAAEjB,aAAa,CAACW,KAAK,CAACN,IAAP;IAFpB,CADE,GAIA,IAJP;EAKD,CAN0B,CAA3B;EAQA,OAAO;IAAEQ,WAAF;IAAeE;EAAf,CAAP;AACD"}
+{"version":3,"file":"size.mjs","names":["convertToUnit","destructComputed","getCurrentInstanceName","includes","propsFactory","predefinedSizes","makeSizeProps","size","type","String","Number","default","useSize","props","name","sizeClasses","sizeStyles","width","height"],"sources":["../../src/composables/size.ts"],"sourcesContent":["// Utilities\nimport { convertToUnit, destructComputed, getCurrentInstanceName, includes, propsFactory } from '@/util'\n\n// Types\nconst predefinedSizes = ['x-small', 'small', 'default', 'large', 'x-large']\n\nexport interface SizeProps {\n  size?: string | number\n}\n\n// Composables\nexport const makeSizeProps = propsFactory({\n  size: {\n    type: [String, Number],\n    default: 'default',\n  },\n}, 'size')\n\nexport function useSize (\n  props: SizeProps,\n  name = getCurrentInstanceName(),\n) {\n  return destructComputed(() => {\n    let sizeClasses\n    let sizeStyles\n    if (includes(predefinedSizes, props.size)) {\n      sizeClasses = `${name}--size-${props.size}`\n    } else if (props.size) {\n      sizeStyles = {\n        width: convertToUnit(props.size),\n        height: convertToUnit(props.size),\n      }\n    }\n    return { sizeClasses, sizeStyles }\n  })\n}\n"],"mappings":"AAAA;SACSA,a,EAAeC,gB,EAAkBC,sB,EAAwBC,Q,EAAUC,Y,6BAE5E;;AACA,MAAMC,eAAe,GAAG,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,EAAgC,OAAhC,EAAyC,SAAzC,CAAxB;AAMA;AACA,OAAO,MAAMC,aAAa,GAAGF,YAAY,CAAC;EACxCG,IAAI,EAAE;IACJC,IAAI,EAAE,CAACC,MAAD,EAASC,MAAT,CADF;IAEJC,OAAO,EAAE;EAFL;AADkC,CAAD,EAKtC,MALsC,CAAlC;AAOP,OAAO,SAASC,OAAT,CACLC,KADK,EAGL;EAAA,IADAC,IACA,uEADOZ,sBAAsB,EAC7B;EACA,OAAOD,gBAAgB,CAAC,MAAM;IAC5B,IAAIc,WAAJ;IACA,IAAIC,UAAJ;;IACA,IAAIb,QAAQ,CAACE,eAAD,EAAkBQ,KAAK,CAACN,IAAxB,CAAZ,EAA2C;MACzCQ,WAAW,GAAI,GAAED,IAAK,UAASD,KAAK,CAACN,IAAK,EAA1C;IACD,CAFD,MAEO,IAAIM,KAAK,CAACN,IAAV,EAAgB;MACrBS,UAAU,GAAG;QACXC,KAAK,EAAEjB,aAAa,CAACa,KAAK,CAACN,IAAP,CADT;QAEXW,MAAM,EAAElB,aAAa,CAACa,KAAK,CAACN,IAAP;MAFV,CAAb;IAID;;IACD,OAAO;MAAEQ,WAAF;MAAeC;IAAf,CAAP;EACD,CAZsB,CAAvB;AAaD"}

package/lib/composables/stack.mjs

@@ -1,34 +1,44 @@
 import { useToggleScope } from "./toggleScope.mjs";
-import { computed, onScopeDispose, reactive, readonly, ref, toRaw, watchEffect } from 'vue';
+import { computed, inject, onScopeDispose, provide, reactive, readonly, ref, watchEffect } from 'vue';
 import { getCurrentInstance } from "../util/index.mjs"; // Types
 
-const stack = reactive([]);
+const StackSymbol = Symbol.for('vuetify:stack');
+const globalStack = reactive([]);
 export function useStack(isActive, zIndex) {
   const vm = getCurrentInstance('useStack');
+  const parent = inject(StackSymbol, undefined);
+  const stack = reactive({
+    activeChildren: new Set()
+  });
+  provide(StackSymbol, stack);
 
   const _zIndex = ref(+zIndex.value);
 
   useToggleScope(isActive, () => {
-    var _stack;
+    var _globalStack$at;
 
-    const lastZIndex = (_stack = stack[stack.length - 1]) == null ? void 0 : _stack[1];
+    const lastZIndex = (_globalStack$at = globalStack.at(-1)) == null ? void 0 : _globalStack$at[1];
     _zIndex.value = lastZIndex ? lastZIndex + 10 : +zIndex.value;
-    stack.push([vm, _zIndex.value]);
+    globalStack.push([vm.uid, _zIndex.value]);
+    parent == null ? void 0 : parent.activeChildren.add(vm.uid);
     onScopeDispose(() => {
-      const idx = stack.findIndex(v => v[0] === vm);
-      stack.splice(idx, 1);
+      const idx = globalStack.findIndex(v => v[0] === vm.uid);
+      globalStack.splice(idx, 1);
+      parent == null ? void 0 : parent.activeChildren.delete(vm.uid);
     });
   });
-  const isTop = ref(true);
+  const globalTop = ref(true);
   watchEffect(() => {
-    var _stack2;
+    var _globalStack$at2;
 
-    const _isTop = toRaw((_stack2 = stack[stack.length - 1]) == null ? void 0 : _stack2[0]) === vm;
+    const _isTop = ((_globalStack$at2 = globalStack.at(-1)) == null ? void 0 : _globalStack$at2[0]) === vm.uid;
 
-    setTimeout(() => isTop.value = _isTop);
+    setTimeout(() => globalTop.value = _isTop);
   });
+  const localTop = computed(() => !stack.activeChildren.size);
   return {
-    isTop: readonly(isTop),
+    globalTop: readonly(globalTop),
+    localTop,
     stackStyles: computed(() => ({
       zIndex: _zIndex.value
     }))

package/lib/composables/stack.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"stack.mjs","names":["useToggleScope","computed","onScopeDispose","reactive","readonly","ref","toRaw","watchEffect","getCurrentInstance","stack","useStack","isActive","zIndex","vm","_zIndex","value","lastZIndex","length","push","idx","findIndex","v","splice","isTop","_isTop","setTimeout","stackStyles"],"sources":["../../src/composables/stack.ts"],"sourcesContent":["import { useToggleScope } from '@/composables/toggleScope'\n\nimport { computed, onScopeDispose, reactive, readonly, ref, toRaw, watchEffect } from 'vue'\nimport { getCurrentInstance } from '@/util'\n\n// Types\nimport type { ComponentInternalInstance, Ref } from 'vue'\n\nconst stack = reactive<[vm: ComponentInternalInstance, zIndex: number][]>([])\n\nexport function useStack (isActive: Readonly<Ref<boolean>>, zIndex: Readonly<Ref<string | number>>) {\n  const vm = getCurrentInstance('useStack')\n\n  const _zIndex = ref(+zIndex.value)\n  useToggleScope(isActive, () => {\n    const lastZIndex = stack[stack.length - 1]?.[1]\n    _zIndex.value = lastZIndex ? lastZIndex + 10 : +zIndex.value\n    stack.push([vm, _zIndex.value])\n\n    onScopeDispose(() => {\n      const idx = stack.findIndex(v => v[0] === vm)\n      stack.splice(idx, 1)\n    })\n  })\n\n  const isTop = ref(true)\n  watchEffect(() => {\n    const _isTop = toRaw(stack[stack.length - 1]?.[0]) === vm\n    setTimeout(() => isTop.value = _isTop)\n  })\n\n  return {\n    isTop: readonly(isTop),\n    stackStyles: computed(() => ({ zIndex: _zIndex.value })),\n  }\n}\n"],"mappings":"SAASA,c;AAET,SAASC,QAAT,EAAmBC,cAAnB,EAAmCC,QAAnC,EAA6CC,QAA7C,EAAuDC,GAAvD,EAA4DC,KAA5D,EAAmEC,WAAnE,QAAsF,KAAtF;SACSC,kB,6BAET;;AAGA,MAAMC,KAAK,GAAGN,QAAQ,CAAoD,EAApD,CAAtB;AAEA,OAAO,SAASO,QAAT,CAAmBC,QAAnB,EAAqDC,MAArD,EAA6F;EAClG,MAAMC,EAAE,GAAGL,kBAAkB,CAAC,UAAD,CAA7B;;EAEA,MAAMM,OAAO,GAAGT,GAAG,CAAC,CAACO,MAAM,CAACG,KAAT,CAAnB;;EACAf,cAAc,CAACW,QAAD,EAAW,MAAM;IAAA;;IAC7B,MAAMK,UAAU,aAAGP,KAAK,CAACA,KAAK,CAACQ,MAAN,GAAe,CAAhB,CAAR,qBAAG,OAA0B,CAA1B,CAAnB;IACAH,OAAO,CAACC,KAAR,GAAgBC,UAAU,GAAGA,UAAU,GAAG,EAAhB,GAAqB,CAACJ,MAAM,CAACG,KAAvD;IACAN,KAAK,CAACS,IAAN,CAAW,CAACL,EAAD,EAAKC,OAAO,CAACC,KAAb,CAAX;IAEAb,cAAc,CAAC,MAAM;MACnB,MAAMiB,GAAG,GAAGV,KAAK,CAACW,SAAN,CAAgBC,CAAC,IAAIA,CAAC,CAAC,CAAD,CAAD,KAASR,EAA9B,CAAZ;MACAJ,KAAK,CAACa,MAAN,CAAaH,GAAb,EAAkB,CAAlB;IACD,CAHa,CAAd;EAID,CATa,CAAd;EAWA,MAAMI,KAAK,GAAGlB,GAAG,CAAC,IAAD,CAAjB;EACAE,WAAW,CAAC,MAAM;IAAA;;IAChB,MAAMiB,MAAM,GAAGlB,KAAK,YAACG,KAAK,CAACA,KAAK,CAACQ,MAAN,GAAe,CAAhB,CAAN,qBAAC,QAA0B,CAA1B,CAAD,CAAL,KAAwCJ,EAAvD;;IACAY,UAAU,CAAC,MAAMF,KAAK,CAACR,KAAN,GAAcS,MAArB,CAAV;EACD,CAHU,CAAX;EAKA,OAAO;IACLD,KAAK,EAAEnB,QAAQ,CAACmB,KAAD,CADV;IAELG,WAAW,EAAEzB,QAAQ,CAAC,OAAO;MAAEW,MAAM,EAAEE,OAAO,CAACC;IAAlB,CAAP,CAAD;EAFhB,CAAP;AAID"}
+{"version":3,"file":"stack.mjs","names":["useToggleScope","computed","inject","onScopeDispose","provide","reactive","readonly","ref","watchEffect","getCurrentInstance","StackSymbol","Symbol","for","globalStack","useStack","isActive","zIndex","vm","parent","undefined","stack","activeChildren","Set","_zIndex","value","lastZIndex","at","push","uid","add","idx","findIndex","v","splice","delete","globalTop","_isTop","setTimeout","localTop","size","stackStyles"],"sources":["../../src/composables/stack.ts"],"sourcesContent":["import { useToggleScope } from '@/composables/toggleScope'\n\nimport { computed, inject, onScopeDispose, provide, reactive, readonly, ref, watchEffect } from 'vue'\nimport { getCurrentInstance } from '@/util'\n\n// Types\nimport type { InjectionKey, Ref } from 'vue'\n\nconst StackSymbol: InjectionKey<StackProvide> = Symbol.for('vuetify:stack')\n\ninterface StackProvide {\n  activeChildren: Set<number>\n}\n\nconst globalStack = reactive<[uid: number, zIndex: number][]>([])\n\nexport function useStack (isActive: Readonly<Ref<boolean>>, zIndex: Readonly<Ref<string | number>>) {\n  const vm = getCurrentInstance('useStack')\n\n  const parent = inject(StackSymbol, undefined)\n  const stack: StackProvide = reactive({\n    activeChildren: new Set<number>(),\n  })\n  provide(StackSymbol, stack)\n\n  const _zIndex = ref(+zIndex.value)\n  useToggleScope(isActive, () => {\n    const lastZIndex = globalStack.at(-1)?.[1]\n    _zIndex.value = lastZIndex ? lastZIndex + 10 : +zIndex.value\n    globalStack.push([vm.uid, _zIndex.value])\n\n    parent?.activeChildren.add(vm.uid)\n\n    onScopeDispose(() => {\n      const idx = globalStack.findIndex(v => v[0] === vm.uid)\n      globalStack.splice(idx, 1)\n\n      parent?.activeChildren.delete(vm.uid)\n    })\n  })\n\n  const globalTop = ref(true)\n  watchEffect(() => {\n    const _isTop = globalStack.at(-1)?.[0] === vm.uid\n    setTimeout(() => globalTop.value = _isTop)\n  })\n\n  const localTop = computed(() => !stack.activeChildren.size)\n\n  return {\n    globalTop: readonly(globalTop),\n    localTop,\n    stackStyles: computed(() => ({ zIndex: _zIndex.value })),\n  }\n}\n"],"mappings":"SAASA,c;AAET,SAASC,QAAT,EAAmBC,MAAnB,EAA2BC,cAA3B,EAA2CC,OAA3C,EAAoDC,QAApD,EAA8DC,QAA9D,EAAwEC,GAAxE,EAA6EC,WAA7E,QAAgG,KAAhG;SACSC,kB,6BAET;;AAGA,MAAMC,WAAuC,GAAGC,MAAM,CAACC,GAAP,CAAW,eAAX,CAAhD;AAMA,MAAMC,WAAW,GAAGR,QAAQ,CAAkC,EAAlC,CAA5B;AAEA,OAAO,SAASS,QAAT,CAAmBC,QAAnB,EAAqDC,MAArD,EAA6F;EAClG,MAAMC,EAAE,GAAGR,kBAAkB,CAAC,UAAD,CAA7B;EAEA,MAAMS,MAAM,GAAGhB,MAAM,CAACQ,WAAD,EAAcS,SAAd,CAArB;EACA,MAAMC,KAAmB,GAAGf,QAAQ,CAAC;IACnCgB,cAAc,EAAE,IAAIC,GAAJ;EADmB,CAAD,CAApC;EAGAlB,OAAO,CAACM,WAAD,EAAcU,KAAd,CAAP;;EAEA,MAAMG,OAAO,GAAGhB,GAAG,CAAC,CAACS,MAAM,CAACQ,KAAT,CAAnB;;EACAxB,cAAc,CAACe,QAAD,EAAW,MAAM;IAAA;;IAC7B,MAAMU,UAAU,sBAAGZ,WAAW,CAACa,EAAZ,CAAe,CAAC,CAAhB,CAAH,qBAAG,gBAAqB,CAArB,CAAnB;IACAH,OAAO,CAACC,KAAR,GAAgBC,UAAU,GAAGA,UAAU,GAAG,EAAhB,GAAqB,CAACT,MAAM,CAACQ,KAAvD;IACAX,WAAW,CAACc,IAAZ,CAAiB,CAACV,EAAE,CAACW,GAAJ,EAASL,OAAO,CAACC,KAAjB,CAAjB;IAEAN,MAAM,QAAN,YAAAA,MAAM,CAAEG,cAAR,CAAuBQ,GAAvB,CAA2BZ,EAAE,CAACW,GAA9B;IAEAzB,cAAc,CAAC,MAAM;MACnB,MAAM2B,GAAG,GAAGjB,WAAW,CAACkB,SAAZ,CAAsBC,CAAC,IAAIA,CAAC,CAAC,CAAD,CAAD,KAASf,EAAE,CAACW,GAAvC,CAAZ;MACAf,WAAW,CAACoB,MAAZ,CAAmBH,GAAnB,EAAwB,CAAxB;MAEAZ,MAAM,QAAN,YAAAA,MAAM,CAAEG,cAAR,CAAuBa,MAAvB,CAA8BjB,EAAE,CAACW,GAAjC;IACD,CALa,CAAd;EAMD,CAba,CAAd;EAeA,MAAMO,SAAS,GAAG5B,GAAG,CAAC,IAAD,CAArB;EACAC,WAAW,CAAC,MAAM;IAAA;;IAChB,MAAM4B,MAAM,GAAG,qBAAAvB,WAAW,CAACa,EAAZ,CAAe,CAAC,CAAhB,uCAAqB,CAArB,OAA4BT,EAAE,CAACW,GAA9C;;IACAS,UAAU,CAAC,MAAMF,SAAS,CAACX,KAAV,GAAkBY,MAAzB,CAAV;EACD,CAHU,CAAX;EAKA,MAAME,QAAQ,GAAGrC,QAAQ,CAAC,MAAM,CAACmB,KAAK,CAACC,cAAN,CAAqBkB,IAA7B,CAAzB;EAEA,OAAO;IACLJ,SAAS,EAAE7B,QAAQ,CAAC6B,SAAD,CADd;IAELG,QAFK;IAGLE,WAAW,EAAEvC,QAAQ,CAAC,OAAO;MAAEe,MAAM,EAAEO,OAAO,CAACC;IAAlB,CAAP,CAAD;EAHhB,CAAP;AAKD"}

package/lib/composables/theme.mjs

@@ -135,7 +135,7 @@ export function createTheme(app, options) {
       }
 
       for (const color of Object.keys(theme.colors)) {
-        if (/on-[a-z]/.test(color) || theme.colors[`on-${color}`]) continue;
+        if (/^on-[a-z]/.test(color) || theme.colors[`on-${color}`]) continue;
         const onColor = `on-${color}`;
         const colorVal = colorToInt(theme.colors[color]);
         const blackContrast = Math.abs(APCAcontrast(0, colorVal));
@@ -176,29 +176,36 @@ export function createTheme(app, options) {
       })]);
     }
 
+    const bgLines = [];
+    const fgLines = [];
     const colors = new Set(Object.values(computedThemes.value).flatMap(theme => Object.keys(theme.colors)));
 
     for (const key of colors) {
-      if (/on-[a-z]/.test(key)) {
-        createCssClass(lines, `.${key}`, [`color: rgb(var(--v-theme-${key})) !important`]);
+      if (/^on-[a-z]/.test(key)) {
+        createCssClass(fgLines, `.${key}`, [`color: rgb(var(--v-theme-${key})) !important`]);
       } else {
-        createCssClass(lines, `.bg-${key}`, [`--v-theme-overlay-multiplier: var(--v-theme-${key}-overlay-multiplier)`, `background: rgb(var(--v-theme-${key})) !important`, `color: rgb(var(--v-theme-on-${key})) !important`]);
-        createCssClass(lines, `.text-${key}`, [`color: rgb(var(--v-theme-${key})) !important`]);
-        createCssClass(lines, `.border-${key}`, [`--v-border-color: var(--v-theme-${key})`]);
+        createCssClass(bgLines, `.bg-${key}`, [`--v-theme-overlay-multiplier: var(--v-theme-${key}-overlay-multiplier)`, `background: rgb(var(--v-theme-${key})) !important`, `color: rgb(var(--v-theme-on-${key})) !important`]);
+        createCssClass(fgLines, `.text-${key}`, [`color: rgb(var(--v-theme-${key})) !important`]);
+        createCssClass(fgLines, `.border-${key}`, [`--v-border-color: var(--v-theme-${key})`]);
       }
     }
 
+    lines.push(...bgLines, ...fgLines);
     return lines.map((str, i) => i === 0 ? str : `    ${str}`).join('');
   });
 
   if (head) {
-    head.addHeadObjs(computed(() => ({
-      style: [{
+    head.addHeadObjs(computed(() => {
+      const style = {
         children: styles.value,
         type: 'text/css',
         id: 'vuetify-theme-stylesheet'
-      }]
-    })));
+      };
+      if (parsedOptions.cspNonce) style.nonce = parsedOptions.cspNonce;
+      return {
+        style: [style]
+      };
+    }));
 
     if (IN_BROWSER) {
       watchEffect(() => head.updateDOM());
@@ -216,6 +223,7 @@ export function createTheme(app, options) {
         const el = document.createElement('style');
         el.type = 'text/css';
         el.id = 'vuetify-theme-stylesheet';
+        if (parsedOptions.cspNonce) el.setAttribute('nonce', parsedOptions.cspNonce);
         styleEl = el;
         document.head.appendChild(styleEl);
       }