@nhtio/lucid-resourceful-vue-components 0.1.0-master-e14740ea → 0.1.0-master-54839a90

package/{display-kAyhIPBH.mjs → display-B089h_sz.mjs}

@@ -1,18 +1,19 @@
-import { useDisplay as te } from "vuetify";
-import { z as ne, t as p, r as B } from "./utils-DqXWb-4f.mjs";
-import { S as se, I as U } from "./encoding-C1W2Cp3X-DzgQRCVx.mjs";
-import { shallowRef as A, reactive as ie, onMounted as oe, watch as a, onUnmounted as le, toRefs as re, triggerRef as S, nextTick as ae } from "vue";
-const ce = U && "ResizeObserver" in window, T = U && "visualViewport" in window, ve = (D, L = ne("resourcefulComposables")) => {
-  const H = te({ mobile: null }, L), {
+import { k as te } from "./ioc-Du_Tgg-1.mjs";
+import { useDisplay as ne } from "vuetify";
+import { A as se, t as p, r as B } from "./utils-D3ZGaTyv.mjs";
+import { S as ie, I as U } from "./encoding-C1W2Cp3X-DzgQRCVx.mjs";
+import { shallowRef as A, reactive as oe, onMounted as re, watch as a, onUnmounted as le, toRefs as ae, triggerRef as S, nextTick as ce } from "vue";
+const de = U && "ResizeObserver" in window, T = U && "visualViewport" in window, we = (D, L = se("resourcefulComposables")) => {
+  const H = ne({ mobile: null }, L), {
     mobile: b,
     mobileBreakpoint: E,
     platform: R,
     thresholds: c,
     ssr: M,
-    update: z
-  } = H, l = [];
+    update: y
+  } = H, r = [];
   let u, m;
-  const o = A(0), f = A(0), h = A(!1), x = A(!1), t = ie({
+  const o = A(0), f = A(0), h = A(!1), x = A(!1), t = oe({
     xs: !1,
     sm: !1,
     md: !1,
@@ -51,8 +52,8 @@ const ce = U && "ResizeObserver" in window, T = U && "visualViewport" in window,
     h.value = s, x.value = i, S(h), S(x);
   }, w = (e = 0, s = 0) => {
     o.value = e, f.value = s, S(o), S(f);
-  }, y = () => {
-    z();
+  }, z = () => {
+    y();
     const e = k();
     if (e) {
       const s = e.getBoundingClientRect();
@@ -60,7 +61,8 @@ const ce = U && "ResizeObserver" in window, T = U && "visualViewport" in window,
     } else
       w(0, 0);
   }, C = () => typeof t.mobileBreakpoint == "number" ? t.mobileBreakpoint : t.mobileBreakpoint in t.thresholds ? t.thresholds[t.mobileBreakpoint] : 600, O = (e) => {
-    if (e) {
+    const s = te();
+    if (!(!e || s.ssr)) {
       if (e instanceof HTMLElement) return e;
       if ("$el" in e && e.$el instanceof HTMLElement)
         return e.$el;
@@ -77,36 +79,36 @@ const ce = U && "ResizeObserver" in window, T = U && "visualViewport" in window,
     const i = O(e), n = O(s ?? null);
     if (i === n) return;
     m && (n && m.unobserve(n), i && m.observe(i)), u && (n && u.unobserve(n), i && u.observe(i));
-    const r = k();
-    if (r) {
-      const d = r.getBoundingClientRect();
+    const l = k();
+    if (l) {
+      const d = l.getBoundingClientRect();
       w(d.width, d.height);
     } else
       w(0, 0);
   }, I = B(() => {
     t.width = o.value, t.height = f.value, g(b.value);
-    const e = o.value < c.value.sm, s = o.value < c.value.md && !e, i = o.value < c.value.lg && !(s || e), n = o.value < c.value.xl && !(i || s || e), r = o.value < c.value.xxl && !(n || i || s || e), d = o.value >= c.value.xxl, Z = e ? "xs" : s ? "sm" : i ? "md" : n ? "lg" : r ? "xl" : "xxl", j = !e, F = !(e || s), G = !(e || s || i), J = !(e || s || i || n), K = !(i || n || r || d), Q = !(n || r || d), X = !(r || d), Y = !d, ee = o.value > f.value ? "landscape" : f.value > o.value ? "portrait" : "square";
-    t.xs = e, t.sm = s, t.md = i, t.lg = n, t.xl = r, t.xxl = d, t.name = Z, t.smAndUp = j, t.mdAndUp = F, t.lgAndUp = G, t.xlAndUp = J, t.smAndDown = K, t.mdAndDown = Q, t.lgAndDown = X, t.xlAndDown = Y, t.orientation = ee;
+    const e = o.value < c.value.sm, s = o.value < c.value.md && !e, i = o.value < c.value.lg && !(s || e), n = o.value < c.value.xl && !(i || s || e), l = o.value < c.value.xxl && !(n || i || s || e), d = o.value >= c.value.xxl, Z = e ? "xs" : s ? "sm" : i ? "md" : n ? "lg" : l ? "xl" : "xxl", j = !e, F = !(e || s), G = !(e || s || i), J = !(e || s || i || n), K = !(i || n || l || d), Q = !(n || l || d), X = !(l || d), Y = !d, ee = o.value > f.value ? "landscape" : f.value > o.value ? "portrait" : "square";
+    t.xs = e, t.sm = s, t.md = i, t.lg = n, t.xl = l, t.xxl = d, t.name = Z, t.smAndUp = j, t.mdAndUp = F, t.lgAndUp = G, t.xlAndUp = J, t.smAndDown = K, t.mdAndDown = Q, t.lgAndDown = X, t.xlAndDown = Y, t.orientation = ee;
   }, 50), V = B(() => {
     t.intersecting = h.value, t.visible = x.value;
   }, 50), v = B(() => {
-    z(), ae(y);
+    y(), ce(z);
   }, 50);
-  return oe(() => {
-    l.push(a(b, g, { immediate: !0 })), l.push(
+  return re(() => {
+    r.push(a(b, g, { immediate: !0 })), r.push(
       a(E, _, { immediate: !0 })
-    ), l.push(a(R, q, { immediate: !0 })), l.push(
+    ), r.push(a(R, q, { immediate: !0 })), r.push(
       a(c, $, { immediate: !0 })
-    ), ce && (u = new ResizeObserver(P)), se && (m = new IntersectionObserver(N)), l.push(a(D, W, { immediate: !0 })), l.push(a(o, I, { immediate: !0 })), l.push(a(f, I, { immediate: !0 })), l.push(
+    ), de && (u = new ResizeObserver(P)), ie && (m = new IntersectionObserver(N)), r.push(a(D, W, { immediate: !0 })), r.push(a(o, I, { immediate: !0 })), r.push(a(f, I, { immediate: !0 })), r.push(
       a(h, V, { immediate: !0 })
-    ), l.push(a(x, V, { immediate: !0 })), U && window.addEventListener("resize", v), T && (window.visualViewport.addEventListener("resize", v), window.visualViewport.addEventListener("scroll", v));
+    ), r.push(a(x, V, { immediate: !0 })), U && window.addEventListener("resize", v), T && (window.visualViewport.addEventListener("resize", v), window.visualViewport.addEventListener("scroll", v));
   }), le(() => {
-    U && window.removeEventListener("resize", v), T && (window.visualViewport.removeEventListener("resize", v), window.visualViewport.removeEventListener("scroll", v)), l.forEach((e) => e()), l.splice(0, l.length), u && (u.disconnect(), u = void 0), m && (m.disconnect(), m = void 0);
-  }), { ...re(t), update: y, ssr: !!M };
+    U && window.removeEventListener("resize", v), T && (window.visualViewport.removeEventListener("resize", v), window.visualViewport.removeEventListener("scroll", v)), r.forEach((e) => e()), r.splice(0, r.length), u && (u.disconnect(), u = void 0), m && (m.disconnect(), m = void 0);
+  }), { ...ae(t), update: z, ssr: !!M };
 };
 export {
-  ce as S,
+  de as S,
   T as a,
-  ve as u
+  we as u
 };
-//# sourceMappingURL=display-kAyhIPBH.mjs.map
+//# sourceMappingURL=display-B089h_sz.mjs.map

package/display-B089h_sz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-B089h_sz.mjs","sources":["../src/private/ux/display.ts"],"sourcesContent":["import { useBrowser } from '../ioc'\nimport { useDisplay } from 'vuetify'\nimport { toUnreactive } from '../common/utils'\nimport { debounce } from '@nhtio/vuetifiable/util/helpers'\nimport { IN_BROWSER, SUPPORTS_INTERSECTION } from '@nhtio/vuetifiable/util/globals'\nimport { getCurrentInstanceName } from '@nhtio/vuetifiable/util/getCurrentInstance'\nimport {\n  reactive,\n  shallowRef,\n  triggerRef,\n  toRefs,\n  watch,\n  onMounted,\n  onUnmounted,\n  nextTick,\n} from 'vue'\nimport type { Ref, ComponentPublicInstance, UnwrapRef, WatchStopHandle } from 'vue'\nimport type { DisplayInstance, DisplayBreakpoint, DisplayThresholds } from 'vuetify'\n\nexport const SUPPORTS_RESIZE_OBSERVATION = IN_BROWSER && 'ResizeObserver' in window\n\nexport const SUPPORTS_VISUAL_VIEWPORT = IN_BROWSER && 'visualViewport' in window\n\ntype DisplayPlatform = DisplayInstance['platform']\n\nexport type ReferencedContainer = Ref<HTMLElement | ComponentPublicInstance | null>\n\nexport const ScopedDisplayOrientation = ['landscape', 'portrait', 'square'] as const\nexport type ScopedDisplayOrientation = (typeof ScopedDisplayOrientation)[number]\n\nexport type ScopedDisplayInstance = DisplayInstance & {\n  ssr: boolean\n  intersecting: Ref<boolean>\n  visible: Ref<boolean>\n  orientation: Ref<ScopedDisplayOrientation>\n}\n\n// Extract the ref types as non-ref types and exclude functions\ntype InternalReactiveScopedDisplayStateTypes = {\n  [key in keyof ScopedDisplayInstance]: ScopedDisplayInstance[key] extends Ref<any>\n    ? UnwrapRef<ScopedDisplayInstance[key]>\n    : ScopedDisplayInstance[key] extends Function\n      ? never\n      : ScopedDisplayInstance[key]\n}\n\n// Create a type that only includes the non-excluded keys\ntype InternalReactiveScopedDisplayState = {\n  [K in keyof InternalReactiveScopedDisplayStateTypes as InternalReactiveScopedDisplayStateTypes[K] extends never\n    ? never\n    : K]: InternalReactiveScopedDisplayStateTypes[K]\n}\n\nexport const useScopedDisplay = (\n  container: ReferencedContainer,\n  name: string = getCurrentInstanceName('resourcefulComposables')\n) => {\n  const vuetifyState = useDisplay({ mobile: null }, name)\n  const {\n    mobile,\n    mobileBreakpoint,\n    platform,\n    thresholds,\n    ssr,\n    update: vuetifyUseDisplayUpdate,\n  } = vuetifyState\n  // despite the urge to use a Set here, an array is more peformant for doing simple iterations\n  const watchStopHandles: WatchStopHandle[] = []\n  let resizeObserver: ResizeObserver | undefined\n  let intersectionObserver: IntersectionObserver | undefined\n  const width = shallowRef<number>(0)\n  const height = shallowRef<number>(0)\n  const intersecting = shallowRef<boolean>(false)\n  const visible = shallowRef<boolean>(false)\n  const state = reactive<Omit<InternalReactiveScopedDisplayState, 'ssr'>>({\n    xs: false,\n    sm: false,\n    md: false,\n    lg: false,\n    xl: false,\n    xxl: false,\n    smAndUp: false,\n    mdAndUp: false,\n    lgAndUp: false,\n    xlAndUp: false,\n    smAndDown: false,\n    mdAndDown: false,\n    lgAndDown: false,\n    xlAndDown: false,\n    name: 'xs' as const,\n    width: 0,\n    height: 0,\n    mobile: false,\n    mobileBreakpoint: toUnreactive(mobileBreakpoint),\n    platform: toUnreactive(platform),\n    thresholds: toUnreactive(thresholds),\n    intersecting: false,\n    visible: false,\n    orientation: 'square' as ScopedDisplayOrientation,\n  })\n  const resizeObserverHandler = (entries: ResizeObserverEntry[]) => {\n    let w: number = 0\n    let h: number = 0\n    for (const entry of entries) {\n      if ('contentBoxSize' in entry && 'undefined' !== typeof entry.contentBoxSize) {\n        const contentBoxSize = Array.isArray(entry.contentBoxSize)\n          ? (entry.contentBoxSize[0] as ResizeObserverSize)\n          : // Old versions of Firefox treat ResizeObserverSize as a single item\n            (entry.contentBoxSize as unknown as ResizeObserverSize)\n        w = contentBoxSize.inlineSize\n      } else {\n        w = entry.contentRect.width\n      }\n      h = entry.contentRect.height\n      updateDimensions(w, h)\n    }\n  }\n  const intersectionObserverHandler = (entries: IntersectionObserverEntry[]) => {\n    const isIntersecting = entries.some((entry) => entry.isIntersecting)\n    const isVisible = entries.some((entry) =>\n      'isVisible' in entry ? (entry as any).isVisible : entry.isIntersecting\n    )\n    intersecting.value = isIntersecting\n    visible.value = isVisible\n    triggerRef(intersecting)\n    triggerRef(visible)\n  }\n  // helper utility to ensure that the width and height are updated\n  const updateDimensions = (w: number = 0, h: number = 0) => {\n    width.value = w\n    height.value = h\n    triggerRef(width)\n    triggerRef(height)\n  }\n  // an exposed method to force an update of the display state\n  const update = () => {\n    vuetifyUseDisplayUpdate()\n    const el = getContainerHtmlElement()\n    if (el) {\n      const rect = el.getBoundingClientRect()\n      updateDimensions(rect.width, rect.height)\n    } else {\n      updateDimensions(0, 0)\n    }\n  }\n  // helper utility to get the mobile breakpoint as a number for comparisons\n  const getMobileBreakpointAsNumber = () => {\n    if (typeof state.mobileBreakpoint === 'number') {\n      return state.mobileBreakpoint\n    }\n    if (state.mobileBreakpoint in state.thresholds) {\n      return state.thresholds[state.mobileBreakpoint]\n    }\n    // fallback to 600\n    return 600\n  }\n  // helper utility to get the element from a referenced value\n  // used to get the container element from the reference, and in watchers\n  const getReferencedHtmlElement = (value: HTMLElement | ComponentPublicInstance | null) => {\n    const browser = useBrowser()\n    if (!value || browser.ssr) return undefined\n    if (value instanceof HTMLElement) return value\n    if ('$el' in value && value.$el instanceof HTMLElement) {\n      return value.$el\n    }\n    return undefined\n  }\n  // helper utility to get the referenced container element\n  const getContainerHtmlElement = (): HTMLElement | undefined => {\n    return getReferencedHtmlElement(container.value)\n  }\n  // observers for changes in the values from vuetify's useDisplay composable\n  const vuetifyUseDisplayMobileObserver = (is: boolean) => {\n    if (true === is) {\n      state.mobile = true\n    } else if (width.value < getMobileBreakpointAsNumber()) {\n      state.mobile = true\n    } else {\n      state.mobile = false\n    }\n  }\n  const vuetifyUseDisplayMobileBreakpointObserver = (is: number | DisplayBreakpoint) => {\n    state.mobileBreakpoint = toUnreactive(is)\n    queueMicrotask(() => vuetifyUseDisplayMobileObserver(mobile.value))\n  }\n  const vuetifyUseDisplayPlatformObserver = (is: DisplayPlatform) => {\n    state.platform = toUnreactive(is)\n  }\n  const vuetifyUseDisplayThresholdsObserver = (is: DisplayThresholds) => {\n    state.thresholds = toUnreactive(is)\n    queueMicrotask(() => vuetifyUseDisplayMobileObserver(mobile.value))\n  }\n  const containerObserver = (\n    is: HTMLElement | ComponentPublicInstance | null,\n    was: HTMLElement | ComponentPublicInstance | null | undefined\n  ) => {\n    const newEl = getReferencedHtmlElement(is)\n    const oldEl = getReferencedHtmlElement(was ?? null)\n    if (newEl === oldEl) return\n    if (intersectionObserver) {\n      if (oldEl) {\n        intersectionObserver.unobserve(oldEl)\n      }\n      if (newEl) {\n        intersectionObserver.observe(newEl)\n      }\n    }\n    if (resizeObserver) {\n      if (oldEl) {\n        resizeObserver.unobserve(oldEl)\n      }\n      if (newEl) {\n        resizeObserver.observe(newEl)\n      }\n    }\n    const el = getContainerHtmlElement()\n    if (el) {\n      const rect = el.getBoundingClientRect()\n      updateDimensions(rect.width, rect.height)\n    } else {\n      updateDimensions(0, 0)\n    }\n  }\n  const dimensionsObserver = debounce(() => {\n    state.width = width.value\n    state.height = height.value\n    vuetifyUseDisplayMobileObserver(mobile.value)\n    const xs = width.value < thresholds.value.sm\n    const sm = width.value < thresholds.value.md && !xs\n    const md = width.value < thresholds.value.lg && !(sm || xs)\n    const lg = width.value < thresholds.value.xl && !(md || sm || xs)\n    const xl = width.value < thresholds.value.xxl && !(lg || md || sm || xs)\n    const xxl = width.value >= thresholds.value.xxl\n    const breakpointName = xs ? 'xs' : sm ? 'sm' : md ? 'md' : lg ? 'lg' : xl ? 'xl' : 'xxl'\n    const smAndUp = !xs\n    const mdAndUp = !(xs || sm)\n    const lgAndUp = !(xs || sm || md)\n    const xlAndUp = !(xs || sm || md || lg)\n    const smAndDown = !(md || lg || xl || xxl)\n    const mdAndDown = !(lg || xl || xxl)\n    const lgAndDown = !(xl || xxl)\n    const xlAndDown = !xxl\n    const orientation: ScopedDisplayOrientation =\n      width.value > height.value ? 'landscape' : height.value > width.value ? 'portrait' : 'square'\n    state.xs = xs\n    state.sm = sm\n    state.md = md\n    state.lg = lg\n    state.xl = xl\n    state.xxl = xxl\n    state.name = breakpointName\n    state.smAndUp = smAndUp\n    state.mdAndUp = mdAndUp\n    state.lgAndUp = lgAndUp\n    state.xlAndUp = xlAndUp\n    state.smAndDown = smAndDown\n    state.mdAndDown = mdAndDown\n    state.lgAndDown = lgAndDown\n    state.xlAndDown = xlAndDown\n    state.orientation = orientation\n  }, 50)\n  const intersectionAndVisibilityObserver = debounce(() => {\n    state.intersecting = intersecting.value\n    state.visible = visible.value\n  }, 50)\n  const windowResizeHandler = debounce(() => {\n    // Update Vuetify's display state (handles viewport breakpoints)\n    vuetifyUseDisplayUpdate()\n    // Give the process a tick and then force an update\n    nextTick(update)\n  }, 50)\n  onMounted(() => {\n    watchStopHandles.push(watch(mobile, vuetifyUseDisplayMobileObserver, { immediate: true }))\n    watchStopHandles.push(\n      watch(mobileBreakpoint, vuetifyUseDisplayMobileBreakpointObserver, { immediate: true })\n    )\n    watchStopHandles.push(watch(platform, vuetifyUseDisplayPlatformObserver, { immediate: true }))\n    watchStopHandles.push(\n      watch(thresholds, vuetifyUseDisplayThresholdsObserver, { immediate: true })\n    )\n    if (SUPPORTS_RESIZE_OBSERVATION) {\n      resizeObserver = new ResizeObserver(resizeObserverHandler)\n    }\n    if (SUPPORTS_INTERSECTION) {\n      intersectionObserver = new IntersectionObserver(intersectionObserverHandler)\n    }\n    watchStopHandles.push(watch(container, containerObserver, { immediate: true }))\n    watchStopHandles.push(watch(width, dimensionsObserver, { immediate: true }))\n    watchStopHandles.push(watch(height, dimensionsObserver, { immediate: true }))\n    watchStopHandles.push(\n      watch(intersecting, intersectionAndVisibilityObserver, { immediate: true })\n    )\n    watchStopHandles.push(watch(visible, intersectionAndVisibilityObserver, { immediate: true }))\n    // Add window resize listener\n    if (IN_BROWSER) {\n      window.addEventListener('resize', windowResizeHandler)\n    }\n    // Add visual viewport listeners\n    if (SUPPORTS_VISUAL_VIEWPORT) {\n      window.visualViewport!.addEventListener('resize', windowResizeHandler)\n      window.visualViewport!.addEventListener('scroll', windowResizeHandler)\n    }\n  })\n  onUnmounted(() => {\n    // Remove window resize listener\n    if (IN_BROWSER) {\n      window.removeEventListener('resize', windowResizeHandler)\n    }\n    // Remove visual viewport listeners\n    if (SUPPORTS_VISUAL_VIEWPORT) {\n      window.visualViewport!.removeEventListener('resize', windowResizeHandler)\n      window.visualViewport!.removeEventListener('scroll', windowResizeHandler)\n    }\n    // clear all of the watch stop handles\n    watchStopHandles.forEach((stopHandle) => stopHandle())\n    watchStopHandles.splice(0, watchStopHandles.length)\n    // cleanup the resize observer\n    if (resizeObserver) {\n      resizeObserver.disconnect()\n      resizeObserver = undefined\n    }\n    // cleanup the intersection observer\n    if (intersectionObserver) {\n      intersectionObserver.disconnect()\n      intersectionObserver = undefined\n    }\n  })\n  return { ...toRefs(state), update, ssr: !!ssr }\n}\n"],"names":["SUPPORTS_RESIZE_OBSERVATION","IN_BROWSER","SUPPORTS_VISUAL_VIEWPORT","useScopedDisplay","container","name","getCurrentInstanceName","vuetifyState","useDisplay","mobile","mobileBreakpoint","platform","thresholds","ssr","vuetifyUseDisplayUpdate","watchStopHandles","resizeObserver","intersectionObserver","width","shallowRef","height","intersecting","visible","state","reactive","toUnreactive","resizeObserverHandler","entries","w","h","entry","updateDimensions","intersectionObserverHandler","isIntersecting","isVisible","triggerRef","update","el","getContainerHtmlElement","rect","getMobileBreakpointAsNumber","getReferencedHtmlElement","value","browser","useBrowser","vuetifyUseDisplayMobileObserver","is","vuetifyUseDisplayMobileBreakpointObserver","vuetifyUseDisplayPlatformObserver","vuetifyUseDisplayThresholdsObserver","containerObserver","was","newEl","oldEl","dimensionsObserver","debounce","xs","sm","md","lg","xl","xxl","breakpointName","smAndUp","mdAndUp","lgAndUp","xlAndUp","smAndDown","mdAndDown","lgAndDown","xlAndDown","orientation","intersectionAndVisibilityObserver","windowResizeHandler","nextTick","onMounted","watch","SUPPORTS_INTERSECTION","onUnmounted","stopHandle","toRefs"],"mappings":"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"}

package/{display-CO0pTIEs.mjs → display-dv4cOwRN.mjs}

@@ -1,14 +1,14 @@
 import { ref as Dt, onBeforeUnmount as Ot, watch as xe, nextTick as Pe, mergeProps as ce, createVNode as Le } from "vue";
-import { o as zt, q as $e, r as At, s as Ft, t as Ht } from "./mdi-CqMJqgQi.mjs";
-import { g as Mt, p as Wt, u as jt, j as Ut, k as Kt, l as qt, h as Ve } from "./display-DvzWa1QO.mjs";
-import { p as w, z as W, Q as y, a1 as Ie, C as O, V as j, B as k, Y as Ce, aa as Ze, a0 as X, E as h, F as _e, O as D, ab as Se, ac as Gt, M as ie, X as Xt, ad as Je, a5 as fe, ae as Yt, af as se, ag as et, ah as Qt, Z as Zt, ai as tt, aj as Jt, a6 as en, ak as tn, al as oe, w as S, W as H, am as nn, an as nt, a9 as on, ao as an, G as J, D as ot, ap as we, aq as rn, a3 as at, ar as sn, as as ln, at as un, au as cn, av as dn, aw as vn, ax as fn, ay as Be, az as Ne, aA as rt, H as Re, aB as mn, aC as De, P as it, aD as me, L as ge, aE as gn, aF as hn, S as Oe, U as pn } from "./utils-DqXWb-4f.mjs";
-import { c as bn } from "./console-CRXioSFP.mjs";
-import { g as ee, p as yn, I as Cn, e as _n } from "./elevation-CMzO50xm.mjs";
-import { m as le } from "./component-CjPpW_A2.mjs";
-import { u as ue } from "./useRender-BD1xw5zG.mjs";
+import { o as At, q as $e, r as zt, s as Ft, t as Ht } from "./mdi-DC1jeTJJ.mjs";
+import { g as Mt, p as Wt, u as jt, D as Ut, o as Kt, E as qt, C as Ve } from "./display-fXo4JeIS.mjs";
+import { p as w, A as W, Q as y, a1 as Ie, B as O, V as j, C as k, Y as Ce, a2 as Ze, a0 as X, E as h, F as _e, O as D, a3 as Se, a4 as Gt, M as ie, X as Xt, a5 as Je, a6 as fe, a7 as Yt, a8 as se, a9 as et, aa as Qt, Z as Zt, ab as tt, ac as Jt, ad as en, ae as tn, af as oe, z as S, W as H, ag as nn, ah as nt, ai as on, aj as an, G as J, D as ot, ak as we, al as rn, am as at, an as sn, ao as ln, ap as un, aq as cn, ar as dn, as as vn, at as fn, au as Be, av as Ne, aw as rt, H as Re, ax as mn, ay as De, P as it, az as me, L as ge, aA as gn, aB as hn, S as Oe, U as pn } from "./utils-D3ZGaTyv.mjs";
+import { c as bn } from "./console-Dgoi3FwV.mjs";
+import { g as ee, p as yn, I as Cn, e as _n } from "./elevation-YNOj0hSa.mjs";
+import { m as le } from "./component-DhEJuSE6.mjs";
+import { u as ue } from "./useRender-CfNJA_8a.mjs";
 import { S as Ee, I as st } from "./encoding-C1W2Cp3X-DzgQRCVx.mjs";
-import { a as ze, i as Sn, p as wn, g as En } from "./colorUtils-DmtKYNgW.mjs";
-import './display.css';const kn = Wt({
+import { a as Ae, i as Sn, p as wn, g as En } from "./colorUtils-BdpqbLZS.mjs";
+const kn = Wt({
   fullscreen: Boolean,
   retainFocus: {
     type: Boolean,
@@ -38,7 +38,7 @@ import './display.css';const kn = Wt({
     } = t;
     const r = jt(e, "modelValue"), {
       scopeId: a
-    } = zt(), i = Dt();
+    } = At(), i = Dt();
     async function u(d) {
       const s = d.relatedTarget, f = d.target;
       await Pe(), r.value && s !== f && i.value?.contentEl && // We're the topmost dialog
@@ -112,7 +112,7 @@ import './display.css';const kn = Wt({
           });
         }
       });
-    }), At({}, i);
+    }), zt({}, i);
   }
 }), $o = w(
   {
@@ -187,7 +187,7 @@ function ke(e) {
   return Ze(() => {
     const t = X(e), n = [], o = {};
     if (t.background)
-      if (ze(t.background)) {
+      if (Ae(t.background)) {
         if (o.backgroundColor = t.background, !t.text && Sn(t.background)) {
           const r = wn(t.background);
           if (r.a == null || r.a === 1) {
@@ -197,7 +197,7 @@ function ke(e) {
         }
       } else
         n.push(`bg-${t.background}`);
-    return t.text && (ze(t.text) ? (o.color = t.text, o.caretColor = t.text) : n.push(`text-${t.text}`)), { colorClasses: n, colorStyles: o };
+    return t.text && (Ae(t.text) ? (o.color = t.text, o.caretColor = t.text) : n.push(`text-${t.text}`)), { colorClasses: n, colorStyles: o };
   });
 }
 function vt(e) {
@@ -380,7 +380,7 @@ function Oo(e, t, n = !0) {
     group: a
   };
 }
-function zo(e, t) {
+function Ao(e, t) {
   let n = !1;
   const o = fe([]), r = ft(
     e,
@@ -483,7 +483,7 @@ const In = w({
   reset: [Number, String],
   root: [Boolean, String],
   scoped: Boolean
-}, "VDefaultsProvider"), Ao = ee(!1)({
+}, "VDefaultsProvider"), zo = ee(!1)({
   name: "VDefaultsProvider",
   props: In(),
   setup(e, {
@@ -631,7 +631,7 @@ function Ho(e, t = "content") {
     contentRect: an(o)
   };
 }
-const zn = w(
+const An = w(
   {
     height: [Number, String],
     maxHeight: [Number, String],
@@ -642,7 +642,7 @@ const zn = w(
   },
   "dimension"
 );
-function An(e) {
+function zn(e) {
   return { dimensionStyles: y(() => {
     const n = {}, o = S(e.height), r = S(e.maxHeight), a = S(e.maxWidth), i = S(e.minHeight), u = S(e.minWidth), l = S(e.width);
     return o != null && (n.height = o), r != null && (n.maxHeight = r), a != null && (n.maxWidth = a), i != null && (n.minHeight = i), u != null && (n.minWidth = u), l != null && (n.width = l), n;
@@ -665,11 +665,11 @@ const pt = ["top", "bottom"], Fn = ["start", "end", "left", "right"];
 function Hn(e, t) {
   let [n, o] = e.split(" ");
   return o || (o = oe(pt, n) ? "start" : oe(Fn, n) ? "top" : "center"), {
-    side: Ae(n, t),
-    align: Ae(o, t)
+    side: ze(n, t),
+    align: ze(o, t)
   };
 }
-function Ae(e, t) {
+function ze(e, t) {
   return e === "start" ? t ? "right" : "left" : e === "end" ? t ? "left" : "right" : e;
 }
 function Wo(e) {
@@ -807,14 +807,14 @@ function _t(e) {
     onBeforeAppear: B = E,
     onAppear: U = x,
     onAppearCancelled: K = T
-  } = t, L = (v, C, $, A) => {
-    v._enterCancelled = A, R(v, C ? m : u), R(v, C ? c : i), $ && $();
-  }, z = (v, C) => {
+  } = t, L = (v, C, $, z) => {
+    v._enterCancelled = z, R(v, C ? m : u), R(v, C ? c : i), $ && $();
+  }, A = (v, C) => {
     v._isLeaving = !1, R(v, d), R(v, f), R(v, s), C && C();
   }, b = (v) => (C, $) => {
-    const A = v ? U : x, Te = () => L(C, v, $);
-    F(A, [C, Te]), We(() => {
-      R(C, v ? l : a), V(C, v ? m : u), Me(A) || je(C, o, p, Te);
+    const z = v ? U : x, Te = () => L(C, v, $);
+    F(z, [C, Te]), We(() => {
+      R(C, v ? l : a), V(C, v ? m : u), Me(z) || je(C, o, p, Te);
     });
   };
   return we(t, {
@@ -828,7 +828,7 @@ function _t(e) {
     onAppear: b(!0),
     onLeave(v, C) {
       v._isLeaving = !0;
-      const $ = () => z(v, C);
+      const $ = () => A(v, C);
       V(v, d), v._enterCancelled ? (V(v, s), pe()) : (pe(), V(v, s)), We(() => {
         v._isLeaving && (R(v, d), V(v, f), Me(I) || je(v, o, _, $));
       }), F(I, [v, $]);
@@ -840,7 +840,7 @@ function _t(e) {
       L(v, !0, void 0, !0), F(K, [v]);
     },
     onLeaveCancelled(v) {
-      z(v), F(M, [v]);
+      A(v), F(M, [v]);
     }
   });
 }
@@ -1123,10 +1123,10 @@ const no = ["ctrl", "shift", "alt", "meta"], oo = {
     function K(L) {
       if (!_.value) return;
       const {
-        left: z,
+        left: A,
         right: b,
         width: v
-      } = _.value.getBoundingClientRect(), C = B.value ? v - L.clientX + (b - v) : L.clientX - z;
+      } = _.value.getBoundingClientRect(), C = B.value ? v - L.clientX + (b - v) : L.clientX - A;
       n.value = Math.round(C / v * x.value);
     }
     return ue(() => h(e.tag, {
@@ -1463,7 +1463,7 @@ const Nt = w({
   contentClass: null,
   inline: Boolean,
   ...le(),
-  ...zn()
+  ...An()
 }, "VResponsive"), Qe = ee()({
   name: "VResponsive",
   props: Nt(),
@@ -1474,7 +1474,7 @@ const Nt = w({
       aspectStyles: n
     } = fo(e), {
       dimensionStyles: o
-    } = An(e);
+    } = zn(e);
     return ue(() => {
       var r;
       return h("div", {
@@ -1645,9 +1645,9 @@ const ho = {
         if (clearTimeout(x), i.isUnmounted) return;
         const {
           naturalHeight: $,
-          naturalWidth: A
+          naturalWidth: z
         } = b;
-        $ || A ? (m.value = A, d.value = $) : !b.complete && c.value === "loading" && v != null ? x = window.setTimeout(C, v) : (b.currentSrc.endsWith(".svg") || b.currentSrc.startsWith("data:image/svg+xml")) && (m.value = 1, d.value = 1);
+        $ || z ? (m.value = z, d.value = $) : !b.complete && c.value === "loading" && v != null ? x = window.setTimeout(C, v) : (b.currentSrc.endsWith(".svg") || b.currentSrc.startsWith("data:image/svg+xml")) && (m.value = 1, d.value = 1);
       };
       C();
     }
@@ -1714,12 +1714,12 @@ const ho = {
       style: {
         backgroundImage: `linear-gradient(${e.gradient})`
       }
-    }, null) : null, z = H(!1);
+    }, null) : null, A = H(!1);
     {
       const b = D(f, (v) => {
         v && (requestAnimationFrame(() => {
           requestAnimationFrame(() => {
-            z.value = !0;
+            A.value = !0;
           });
         }), b());
       });
@@ -1729,7 +1729,7 @@ const ho = {
       return Oe(h(Qe, ge({
         class: ["v-img", {
           "v-img--absolute": e.absolute,
-          "v-img--booting": !z.value
+          "v-img--booting": !A.value
         }, o.value, a.value, e.class],
         style: [{
           width: S(e.width === "auto" ? m.value : e.width)
@@ -1803,12 +1803,12 @@ export {
   Nn as a,
   ea as a0,
   kn as a1,
-  zn as b,
-  An as c,
+  An as b,
+  zn as c,
   ra as d,
   na as e,
   Fo as f,
-  Ao as g,
+  zo as g,
   Bo as h,
   ct as i,
   lt as j,
@@ -1818,7 +1818,7 @@ export {
   ut as n,
   Ro as o,
   Tn as p,
-  zo as q,
+  Ao as q,
   Rn as r,
   vt as s,
   On as t,
@@ -1829,4 +1829,4 @@ export {
   Go as y,
   Do as z
 };
-//# sourceMappingURL=display-CO0pTIEs.mjs.map
+//# sourceMappingURL=display-dv4cOwRN.mjs.map