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

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

@@ -1,5 +1,5 @@
 import { useDisplay as te } from "vuetify";
-import { z as ne, t as p, r as B } from "./utils-DqXWb-4f.mjs";
+import { A as ne, t as p, r as B } from "./utils-D3ZGaTyv.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")) => {
@@ -9,7 +9,7 @@ const ce = U && "ResizeObserver" in window, T = U && "visualViewport" in window,
     platform: R,
     thresholds: c,
     ssr: M,
-    update: z
+    update: y
   } = H, l = [];
   let u, m;
   const o = A(0), f = A(0), h = A(!1), x = A(!1), t = ie({
@@ -51,8 +51,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();
@@ -90,7 +90,7 @@ const ce = U && "ResizeObserver" in window, T = U && "visualViewport" in window,
   }, 50), V = B(() => {
     t.intersecting = h.value, t.visible = x.value;
   }, 50), v = B(() => {
-    z(), ae(y);
+    y(), ae(z);
   }, 50);
   return oe(() => {
     l.push(a(b, g, { immediate: !0 })), l.push(
@@ -102,11 +102,11 @@ const ce = U && "ResizeObserver" in window, T = U && "visualViewport" in window,
     ), l.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 };
+  }), { ...re(t), update: z, ssr: !!M };
 };
 export {
   ce as S,
   T as a,
   ve as u
 };
-//# sourceMappingURL=display-kAyhIPBH.mjs.map
+//# sourceMappingURL=display-DCHGPqrW.mjs.map

package/{display-kAyhIPBH.mjs.map → display-DCHGPqrW.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"display-kAyhIPBH.mjs","sources":["../src/private/ux/display.ts"],"sourcesContent":["import { 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    if (!value) 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","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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"}
+{"version":3,"file":"display-DCHGPqrW.mjs","sources":["../src/private/ux/display.ts"],"sourcesContent":["import { 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    if (!value) 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","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-DvzWa1QO.mjs → display-TF26EjNQ.mjs}

@@ -1,4 +1,4 @@
-import { warn as tt, reactive as Ve, watchEffect as me, toRef as g, capitalize as Vn, shallowRef as F, isVNode as Bn, Comment as $n, Fragment as Ne, unref as re, camelize as jt, getCurrentInstance as Rn, ref as Z, computed as h, provide as ye, inject as G, defineComponent as An, createElementVNode as b, normalizeStyle as A, normalizeClass as x, toValue as H, isRef as Xe, TransitionGroup as nt, Transition as ze, mergeProps as le, h as st, watch as M, onBeforeMount as On, nextTick as rt, onBeforeUnmount as Fe, withDirectives as qe, createVNode as y, vShow as Ln, toRefs as Nn, Text as zn, onScopeDispose as at, effectScope as Fn, toRaw as Dn, readonly as Mn, resolveDynamicComponent as jn, useId as Wn, onMounted as Hn, onUpdated as Gn, toDisplayString as Un } from "vue";
+import { warn as tt, reactive as Ve, watchEffect as me, toRef as g, capitalize as Vn, shallowRef as F, camelize as jt, isVNode as Bn, Comment as $n, Fragment as Ne, unref as re, getCurrentInstance as Rn, ref as Z, computed as h, provide as ye, inject as G, defineComponent as An, createElementVNode as b, normalizeStyle as A, normalizeClass as x, toValue as H, isRef as Xe, TransitionGroup as nt, Transition as ze, mergeProps as le, h as st, watch as M, onBeforeMount as On, nextTick as rt, onBeforeUnmount as Fe, withDirectives as qe, createVNode as y, vShow as Ln, toRefs as Nn, Text as zn, onScopeDispose as at, effectScope as Fn, toRaw as Dn, readonly as Mn, resolveDynamicComponent as jn, useId as Wn, onMounted as Hn, onUpdated as Gn, toDisplayString as Un } from "vue";
 import './display2.css';function p(e, t) {
   return (n) => Object.keys(e).reduce((s, r) => {
     const i = typeof e[r] == "object" && e[r] != null && !Array.isArray(e[r]) ? e[r] : {
@@ -2929,30 +2929,30 @@ function Pa() {
 }
 export {
   va as $,
-  ue as A,
-  be as B,
-  sr as C,
-  mn as D,
-  an as E,
-  Zt as F,
-  U as G,
-  ct as H,
+  fn as A,
+  Xr as B,
+  rs as C,
+  ee as D,
+  Ie as E,
+  Zn as F,
+  is as G,
+  as as H,
   Ot as I,
-  Sa as J,
-  _a as K,
+  _a as J,
+  Sa as K,
   Lr as L,
   ve as M,
-  O as N,
-  rn as O,
-  un as P,
-  Qn as Q,
-  sn as R,
-  vt as S,
-  ma as T,
-  Be as U,
+  ma as N,
+  Be as O,
+  Kr as P,
+  St as Q,
+  O as R,
+  rn as S,
+  un as T,
+  Qn as U,
   ba as V,
-  Kr as W,
-  St as X,
+  sn as W,
+  vt as X,
   tr as Y,
   Xn as Z,
   Ca as _,
@@ -3049,26 +3049,26 @@ export {
   Fs as c,
   wr as d,
   Mt as e,
-  fn as f,
+  Ce as f,
   $ as g,
-  rs as h,
-  Xr as i,
-  ee as j,
-  j as k,
-  Ie as l,
-  is as m,
-  as as n,
-  Zn as o,
+  Ee as h,
+  dt as i,
+  en as j,
+  on as k,
+  vn as l,
+  rr as m,
+  pe as n,
+  j as o,
   p,
-  Ce as q,
-  Ee as r,
-  dt as s,
-  en as t,
+  ce as q,
+  ue as r,
+  be as s,
+  sr as t,
   cn as u,
-  on as v,
-  vn as w,
-  rr as x,
-  pe as y,
-  ce as z
+  mn as v,
+  an as w,
+  Zt as x,
+  U as y,
+  ct as z
 };
-//# sourceMappingURL=display-DvzWa1QO.mjs.map
+//# sourceMappingURL=display-TF26EjNQ.mjs.map