@nhtio/lucid-resourceful-vue-components 0.1.0-master-ebe57eab → 0.1.0-master-fd238c08

package/{display-DtPqxGxo.mjs → display-2uHLu-iA.mjs}

@@ -1,7 +1,7 @@
-import { k as useBrowser } from "./ioc-BRFP3w6U.mjs";
+import { k as useBrowser } from "./ioc-CbjgKkoq.mjs";
 import { useDisplay } from "vuetify";
-import { t as toUnreactive, f as isHTMLElement } from "./utils-C_uOac-v.mjs";
-import { n as getCurrentInstanceName, S as SUPPORTS_INTERSECTION, d as debounce, I as IN_BROWSER } from "./vendor-nhtio-vuetifiable-Qm2uuc7r.mjs";
+import { t as toUnreactive, f as isHTMLElement } from "./utils-Dh8-g-7s.mjs";
+import { h as getCurrentInstanceName, S as SUPPORTS_INTERSECTION, d as debounce, I as IN_BROWSER } from "./vendor-nhtio-vuetifiable-CRAkpWr4.mjs";
 import { shallowRef, reactive, onMounted, watch, onUnmounted, toRefs, triggerRef, nextTick } from "vue";
 const SUPPORTS_RESIZE_OBSERVATION = IN_BROWSER && "ResizeObserver" in window;
 const SUPPORTS_VISUAL_VIEWPORT = IN_BROWSER && "visualViewport" in window;
@@ -261,4 +261,4 @@ export {
   SUPPORTS_VISUAL_VIEWPORT as a,
   useScopedDisplay as u
 };
-//# sourceMappingURL=display-DtPqxGxo.mjs.map
+//# sourceMappingURL=display-2uHLu-iA.mjs.map

package/{display-DtPqxGxo.mjs.map → display-2uHLu-iA.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"display-DtPqxGxo.mjs","sources":["../src/private/ux/display.ts"],"sourcesContent":["import { useBrowser } from '../ioc'\nimport { useDisplay } from 'vuetify'\nimport { toUnreactive } from '../common/utils'\nimport { isHTMLElement } from '../common/guards'\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 (isHTMLElement(value)) return value\n    if ('$el' in value && isHTMLElement(value.$el)) {\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":[],"mappings":"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"}
+{"version":3,"file":"display-2uHLu-iA.mjs","sources":["../src/private/ux/display.ts"],"sourcesContent":["import { useBrowser } from '../ioc'\nimport { useDisplay } from 'vuetify'\nimport { toUnreactive } from '../common/utils'\nimport { isHTMLElement } from '../common/guards'\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 (isHTMLElement(value)) return value\n    if ('$el' in value && isHTMLElement(value.$el)) {\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":[],"mappings":"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"}

package/{display-CdPzCNpa.mjs → display-D19CpJw_.mjs}

@@ -3813,8 +3813,8 @@ export {
   getNextElement as G,
   VSlideYTransition as H,
   Intersect as I,
-  VBtnGroup as J,
-  breakpoints as K,
+  breakpoints as J,
+  VBtnGroup as K,
   filterInputAttrs as L,
   IconValue as M,
   getCurrentInstance as N,
@@ -3946,4 +3946,4 @@ export {
   makeElevationProps as y,
   makeDimensionProps as z
 };
-//# sourceMappingURL=display-CdPzCNpa.mjs.map
+//# sourceMappingURL=display-D19CpJw_.mjs.map