@orvui/vue 0.0.0-stage → 0.1.0

package/dist/tooltip-DWqJD6DG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-DWqJD6DG.js","names":["_renderSlot","_sfc_main","_sfc_main","arrow","pointArrow","$attrs","_unref","_openBlock","_createBlock","_Teleport","_createElementBlock","_renderSlot","_createCommentVNode","_createVNode","_withCtx","_mergeProps","_normalizeStyle","_createElementVNode","_sfc_main","$slots","$attrs","emit","_openBlock","_createElementBlock","_Fragment","_createBlock","TooltipTrigger","_withCtx","_renderSlot","_createCommentVNode","_createVNode","TooltipContent","_mergeProps","_unref","_sfc_main","useFloatingLayer","useControllable","useReducedMotion","resolveElement","EASE_OUT","cn","cross","b","a","c","squared","graceArea","points","exit","box","all","other","point","index","start","best","hull","current","next","direction","inBox","inPolygon","polygon","orientation","side","timingKey","tooltipKey","useTooltip","context","inject","sessions","sessionFor","session","document","createTooltip","timing","computed","requested","props","emit","anchor","ref","floating","cursor","empty","initialEmpty","open","layer","documentScope","mounted","disposed","epoch","waitingToShow","timers","detachAnchor","detachCorridor","self","cancelTimers","timer","cancelCorridor","later","version","task","delay","commit","close","show","hover","hide","bridge","destination","from","source","to","event","track","bind","element","pressed","suppressHover","keyboardFocus","updateCursor","events","raw","gesture","name","listener","observer","watch","external","visible","keyboard","pointer","scroll","onMounted","onBeforeUnmount","id","value","TooltipProvider_default","defineComponent","__props","inherited","provide","renderSlot","_ctx","flatten","nodes","node","Fragment","Comment","Text","TooltipTrigger_default","state","describedBy","attrs","a11y","properties","children","slots","h","elements","cloneVNode","createTooltipPosition","ready","positioner","arrow$1","stopTracking","frame","revision","binding","cursorPlacement","origins","place","target","virtual","reference","x","y","preferred","result","computePosition","offset","flip","shift","arrow","pixelRatio","snap","triangle","surface","coordinate","style","schedule","nextTick","autoUpdate","hasContent","_hoisted_1","_hoisted_2","_hoisted_3","TooltipContent_default","useSlots","reduced","unref","openBlock","createBlock","Teleport","createElementBlock","createCommentVNode","createVNode","AnimatePresence","withCtx","motion","mergeProps","normalizeStyle","arrowStyle","createElementVNode","arrowPath","\"fill\"","\"stroke\"","Tooltip_default","__emit","useId","content","ContentValue"],"sources":["../src/motion/tooltip/src/grace.ts","../src/motion/tooltip/src/context.ts","../src/motion/tooltip/src/TooltipProvider.vue","../src/motion/tooltip/src/TooltipProvider.vue","../src/motion/tooltip/src/TooltipTrigger.vue","../src/motion/tooltip/src/TooltipTrigger.vue","../src/motion/tooltip/src/position.ts","../src/motion/tooltip/src/TooltipContent.vue","../src/motion/tooltip/src/TooltipContent.vue","../src/motion/tooltip/src/Tooltip.vue","../src/motion/tooltip/src/Tooltip.vue"],"sourcesContent":["type Point = { x: number; y: number };\ntype Box = { left: number; top: number; right: number; bottom: number };\nconst cross = (a: Point, b: Point, c: Point) =>\n  (b.x - a.x) * (c.y - a.y) - (b.y - a.y) * (c.x - a.x);\nconst squared = (a: Point, b: Point) => (a.x - b.x) ** 2 + (a.y - b.y) ** 2;\n/** Gift-wrap the two rectangles into the convex pointer-travel corridor. */\nexport function graceArea(exit: Point, box: Box): Point[] {\n  const points = [\n    { x: exit.x - 5, y: exit.y - 5 },\n    { x: exit.x + 5, y: exit.y - 5 },\n    { x: exit.x + 5, y: exit.y + 5 },\n    { x: exit.x - 5, y: exit.y + 5 },\n    { x: box.left, y: box.top },\n    { x: box.right, y: box.top },\n    { x: box.right, y: box.bottom },\n    { x: box.left, y: box.bottom },\n  ].filter(\n    (point, index, all) =>\n      all.findIndex((other) => other.x === point.x && other.y === point.y) ===\n      index,\n  );\n  const start = points.reduce((best, point) =>\n    point.x < best.x || (point.x === best.x && point.y < best.y) ? point : best,\n  );\n  const hull: Point[] = [];\n  let current = start;\n  do {\n    hull.push(current);\n    let next = points.find((point) => point !== current)!;\n    for (const point of points) {\n      if (point === current) continue;\n      const direction = cross(current, next, point);\n      if (\n        direction < 0 ||\n        (direction === 0 && squared(current, point) > squared(current, next))\n      )\n        next = point;\n    }\n    current = next;\n  } while (current !== start && hull.length <= points.length);\n  return hull;\n}\nexport function inBox(point: Point, box: Box) {\n  return (\n    box.left <= point.x &&\n    point.x <= box.right &&\n    box.top <= point.y &&\n    point.y <= box.bottom\n  );\n}\nexport function inPolygon(point: Point, polygon: Point[]) {\n  if (polygon.length < 3) return false;\n  // All corridor polygons are convex. A point lies inside every oriented edge.\n  let orientation = 0;\n  for (let index = 0; index < polygon.length; index++) {\n    const side = Math.sign(\n      cross(polygon[index]!, polygon[(index + 1) % polygon.length]!, point),\n    );\n    if (!side) continue;\n    if (orientation && side !== orientation) return false;\n    orientation = side;\n  }\n  return true;\n}\n","import {\n  computed,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n  type ComputedRef,\n  type InjectionKey,\n  type Ref,\n} from \"vue\";\nimport {\n  resolveElement,\n  useControllable,\n  useFloatingLayer,\n} from \"../../../lib/composables\";\nimport { graceArea, inBox, inPolygon } from \"./grace\";\nexport type TooltipSide = \"top\" | \"right\" | \"bottom\" | \"left\";\nexport type TooltipAlign = \"start\" | \"center\" | \"end\";\nexport type TooltipPoint = { x: number; y: number };\nexport type TooltipAnchor = HTMLElement | SVGElement;\nexport interface TooltipTiming {\n  delay: number;\n  closeDelay: number;\n  skipDelay: number;\n}\nexport const timingKey: InjectionKey<ComputedRef<TooltipTiming>> =\n  Symbol(\"tooltip-timing\");\nexport interface TooltipRootProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  delay?: number;\n  closeDelay?: number;\n  disabled?: boolean;\n  asLabel?: boolean;\n  followCursor?: boolean;\n  anchorRef?: TooltipAnchor | null | Ref<TooltipAnchor | null>;\n  id?: string;\n}\nexport interface TooltipContentProps {\n  side?: TooltipSide;\n  align?: TooltipAlign;\n  sideOffset?: number;\n  arrow?: boolean;\n  anchorPoint?: TooltipPoint;\n}\nexport interface TooltipContext {\n  open: ComputedRef<boolean>;\n  id: string;\n  labelId: string;\n  props: Readonly<TooltipRootProps>;\n  anchor: Ref<TooltipAnchor | null>;\n  floating: Ref<HTMLElement | null>;\n  cursor: Ref<TooltipPoint | null>;\n  empty: Ref<boolean>;\n  setTrigger: (value: unknown) => void;\n  setEmpty: (value: boolean) => void;\n  close: () => void;\n  enterContent: () => void;\n  leaveContent: (event: PointerEvent) => void;\n}\nexport const tooltipKey: InjectionKey<TooltipContext> = Symbol(\"tooltip\");\nexport function useTooltip() {\n  const context = inject(tooltipKey);\n  if (!context)\n    throw new Error(\"Tooltip parts must be rendered inside Tooltip\");\n  return context;\n}\n\ntype Session = {\n  mode: \"keyboard\" | \"pointer\";\n  closedAt: number;\n  owner?: { close(): void };\n};\nconst sessions = new WeakMap<Document, Session>();\nfunction sessionFor(document: Document) {\n  let session = sessions.get(document);\n  if (!session) {\n    session = { mode: \"keyboard\", closedAt: 0 };\n    sessions.set(document, session);\n  }\n  return session;\n}\nexport function createTooltip(\n  props: Readonly<TooltipRootProps>,\n  emit: (...args: any[]) => void,\n  id: string,\n  initialEmpty = false,\n): TooltipContext {\n  const timing = inject(\n    timingKey,\n    computed(() => ({ delay: 120, closeDelay: 0, skipDelay: 300 })),\n  );\n  const requested = useControllable(\n    props,\n    \"open\",\n    emit,\n    props.defaultOpen ?? false,\n  );\n  const anchor = ref<TooltipAnchor | null>(null);\n  const floating = ref<HTMLElement | null>(null);\n  const cursor = ref<TooltipPoint | null>(null);\n  const empty = ref(initialEmpty);\n  const open = computed(\n    () => requested.value && !props.disabled && !empty.value,\n  );\n  const layer = useFloatingLayer(open, floating);\n  let documentScope: Document | undefined;\n  let session: Session | undefined;\n  let mounted = false;\n  let disposed = false;\n  let epoch = 0;\n  let waitingToShow = false;\n  const timers = new Set<ReturnType<typeof setTimeout>>();\n  let detachAnchor: (() => void) | undefined;\n  let detachCorridor: (() => void) | undefined;\n  const self = { close };\n  function cancelTimers() {\n    ++epoch;\n    for (const timer of timers) clearTimeout(timer);\n    timers.clear();\n    waitingToShow = false;\n  }\n  function cancelCorridor() {\n    detachCorridor?.();\n    detachCorridor = undefined;\n  }\n  function later(task: () => void, delay: number) {\n    const version = epoch;\n    const timer = setTimeout(() => {\n      timers.delete(timer);\n      if (!disposed && version === epoch) task();\n    }, delay);\n    timers.add(timer);\n  }\n  function commit(next: boolean) {\n    if (requested.value === next) return;\n    requested.value = next;\n    emit(\"openChange\", next);\n  }\n  function close() {\n    cancelTimers();\n    cancelCorridor();\n    if (session && open.value) session.closedAt = Date.now();\n    if (session?.owner === self) session.owner = undefined;\n    commit(false);\n  }\n  function show() {\n    cancelTimers();\n    cancelCorridor();\n    if (\n      disposed ||\n      props.disabled ||\n      empty.value ||\n      anchor.value?.matches(':disabled,[aria-disabled=\"true\"]')\n    )\n      return;\n    if (session?.owner !== self) session?.owner?.close();\n    if (session) session.owner = self;\n    commit(true);\n  }\n  function hover() {\n    cancelTimers();\n    if (open.value || props.disabled || empty.value) return;\n    const delay =\n      session && Date.now() - session.closedAt < timing.value.skipDelay\n        ? 0\n        : (props.delay ?? timing.value.delay);\n    if (delay <= 0) show();\n    else {\n      waitingToShow = true;\n      later(show, delay);\n    }\n  }\n  function hide() {\n    cancelTimers();\n    const delay = props.closeDelay ?? timing.value.closeDelay;\n    if (delay > 0) later(close, delay);\n    else close();\n  }\n  function bridge(\n    event: PointerEvent,\n    source: Element,\n    destination: Element | null,\n  ) {\n    cancelCorridor();\n    if (!destination || !documentScope) {\n      hide();\n      return;\n    }\n    const from = source.getBoundingClientRect();\n    const to = destination.getBoundingClientRect();\n    const polygon = graceArea({ x: event.clientX, y: event.clientY }, to);\n    const track = (event: PointerEvent) => {\n      const point = { x: event.clientX, y: event.clientY };\n      if (\n        !inBox(point, from) &&\n        !inBox(point, to) &&\n        !inPolygon(point, polygon)\n      )\n        hide();\n    };\n    const document = documentScope;\n    document.addEventListener(\"pointermove\", track);\n    detachCorridor = () => document.removeEventListener(\"pointermove\", track);\n  }\n  function bind(element: TooltipAnchor | null) {\n    detachAnchor?.();\n    detachAnchor = undefined;\n    if (!mounted || !element || props.anchorRef) return;\n    let pressed:\n      { type: string; opened: boolean; x: number; y: number } | undefined;\n    let suppressHover = false;\n    let keyboardFocus = false;\n    const updateCursor = (event: PointerEvent) => {\n      if (props.followCursor)\n        cursor.value = { x: event.clientX, y: event.clientY };\n    };\n    const events: Record<string, EventListener> = {\n      pointerenter: (raw) => {\n        const event = raw as PointerEvent;\n        if (event.pointerType === \"touch\") return;\n        updateCursor(event);\n        cancelCorridor();\n        if (!suppressHover) hover();\n        else cancelTimers();\n      },\n      pointerleave: (raw) => {\n        const event = raw as PointerEvent;\n        if (event.pointerType === \"touch\") return;\n        suppressHover = false;\n        cursor.value = null;\n        if (keyboardFocus) return;\n        if (waitingToShow) {\n          cancelTimers();\n          return;\n        }\n        if (open.value && !props.followCursor)\n          bridge(event, element, floating.value);\n        else hide();\n      },\n      pointerdown: (raw) => {\n        const event = raw as PointerEvent;\n        pressed = {\n          type: event.pointerType,\n          opened: open.value,\n          x: event.clientX,\n          y: event.clientY,\n        };\n        updateCursor(event);\n        if (event.pointerType === \"mouse\") {\n          suppressHover = true;\n          close();\n        }\n      },\n      pointermove: (raw) => {\n        const event = raw as PointerEvent;\n        updateCursor(event);\n        if (\n          pressed &&\n          Math.hypot(event.clientX - pressed.x, event.clientY - pressed.y) > 8\n        )\n          pressed = undefined;\n      },\n      pointercancel: () => {\n        pressed = undefined;\n        cursor.value = null;\n      },\n      click: () => {\n        const gesture = pressed;\n        pressed = undefined;\n        if (gesture && gesture.type !== \"mouse\")\n          gesture.opened ? close() : show();\n      },\n      keydown: () => {\n        pressed = undefined;\n        cursor.value = null;\n      },\n      focusin: () => {\n        if (session?.mode === \"keyboard\") {\n          keyboardFocus = true;\n          cursor.value = null;\n          show();\n        }\n      },\n      focusout: (raw) => {\n        if (\n          !element.contains((raw as FocusEvent).relatedTarget as Node | null)\n        ) {\n          keyboardFocus = false;\n          close();\n        }\n      },\n    };\n    for (const [name, listener] of Object.entries(events))\n      element.addEventListener(name, listener);\n    const observer =\n      typeof MutationObserver === \"undefined\"\n        ? undefined\n        : new MutationObserver(() => {\n            if (element.matches(':disabled,[aria-disabled=\"true\"]')) close();\n          });\n    observer?.observe(element, {\n      attributes: true,\n      attributeFilter: [\"disabled\", \"aria-disabled\"],\n    });\n    detachAnchor = () => {\n      observer?.disconnect();\n      for (const [name, listener] of Object.entries(events))\n        element.removeEventListener(name, listener);\n    };\n  }\n  watch(anchor, bind, { flush: \"post\" });\n  watch(\n    () => props.anchorRef,\n    (external) => {\n      if (external)\n        anchor.value = resolveElement<TooltipAnchor>(\n          \"value\" in external ? external.value : external,\n        );\n    },\n    { immediate: true, deep: true },\n  );\n  watch(\n    () => [props.disabled, empty.value],\n    () => {\n      if (props.disabled || (empty.value && !props.anchorRef)) close();\n    },\n  );\n  watch(open, (visible) => {\n    if (!session) return;\n    if (visible) {\n      if (session.owner !== self) session.owner?.close();\n      session.owner = self;\n    } else if (session.owner === self) {\n      session.closedAt = Date.now();\n      session.owner = undefined;\n    }\n  });\n  const keyboard = (event: KeyboardEvent) => {\n    if (session) session.mode = \"keyboard\";\n    if (layer.claimEscape(event)) close();\n  };\n  const pointer = (event: PointerEvent) => {\n    if (session) session.mode = \"pointer\";\n    if (\n      open.value &&\n      !layer.containsHigher(event.target) &&\n      event.target instanceof Node &&\n      !anchor.value?.contains(event.target) &&\n      !floating.value?.contains(event.target)\n    )\n      close();\n  };\n  const scroll = () => {\n    if (props.followCursor && cursor.value) close();\n  };\n  onMounted(() => {\n    mounted = true;\n    documentScope = anchor.value?.ownerDocument ?? document;\n    session = sessionFor(documentScope);\n    documentScope.addEventListener(\"keydown\", keyboard, true);\n    documentScope.addEventListener(\"pointerdown\", pointer, true);\n    window.addEventListener(\"blur\", close);\n    window.addEventListener(\"scroll\", scroll, true);\n    bind(anchor.value);\n    if (open.value) {\n      session.owner?.close();\n      session.owner = self;\n    }\n  });\n  onBeforeUnmount(() => {\n    disposed = true;\n    mounted = false;\n    cancelTimers();\n    cancelCorridor();\n    detachAnchor?.();\n    if (session?.owner === self) session.owner = undefined;\n    documentScope?.removeEventListener(\"keydown\", keyboard, true);\n    documentScope?.removeEventListener(\"pointerdown\", pointer, true);\n    window.removeEventListener(\"blur\", close);\n    window.removeEventListener(\"scroll\", scroll, true);\n  });\n  return {\n    open,\n    id,\n    labelId: id + \"-label\",\n    props,\n    anchor,\n    floating,\n    cursor,\n    empty,\n    setTrigger: (value) => {\n      if (!props.anchorRef) anchor.value = resolveElement<TooltipAnchor>(value);\n    },\n    setEmpty: (value) => {\n      empty.value = value;\n    },\n    close,\n    enterContent: () => {\n      cancelCorridor();\n      cancelTimers();\n    },\n    leaveContent: (event) => {\n      if (props.anchorRef) {\n        cancelTimers();\n        later(close, 100);\n      } else if (floating.value) bridge(event, floating.value, anchor.value);\n    },\n  };\n}\n","<script setup lang=\"ts\">\nimport { computed, inject, provide } from \"vue\";\nimport { timingKey } from \"./context\";\nconst props = defineProps<{\n  delay?: number;\n  closeDelay?: number;\n  skipDelay?: number;\n  skipDelayDuration?: number;\n}>();\nconst inherited = inject(\n  timingKey,\n  computed(() => ({ delay: 120, closeDelay: 0, skipDelay: 300 })),\n);\nprovide(\n  timingKey,\n  computed(() => ({\n    delay: props.delay ?? inherited.value.delay,\n    closeDelay: props.closeDelay ?? inherited.value.closeDelay,\n    skipDelay:\n      props.skipDelay ?? props.skipDelayDuration ?? inherited.value.skipDelay,\n  })),\n);\n</script>\n<template><slot /></template>\n","<script setup lang=\"ts\">\nimport { computed, inject, provide } from \"vue\";\nimport { timingKey } from \"./context\";\nconst props = defineProps<{\n  delay?: number;\n  closeDelay?: number;\n  skipDelay?: number;\n  skipDelayDuration?: number;\n}>();\nconst inherited = inject(\n  timingKey,\n  computed(() => ({ delay: 120, closeDelay: 0, skipDelay: 300 })),\n);\nprovide(\n  timingKey,\n  computed(() => ({\n    delay: props.delay ?? inherited.value.delay,\n    closeDelay: props.closeDelay ?? inherited.value.closeDelay,\n    skipDelay:\n      props.skipDelay ?? props.skipDelayDuration ?? inherited.value.skipDelay,\n  })),\n);\n</script>\n<template><slot /></template>\n","<script lang=\"ts\">\nimport {\n  Comment,\n  Fragment,\n  Text,\n  cloneVNode,\n  defineComponent,\n  h,\n  type VNode,\n} from \"vue\";\nimport { useTooltip } from \"./context\";\nfunction flatten(nodes: VNode[]): VNode[] {\n  return nodes.flatMap((node) =>\n    node.type === Fragment\n      ? flatten(node.children as VNode[])\n      : node.type === Comment ||\n          (node.type === Text && !String(node.children).trim())\n        ? []\n        : [node],\n  );\n}\nexport default defineComponent({\n  name: \"TooltipTrigger\",\n  inheritAttrs: false,\n  props: { asChild: Boolean },\n  setup(props, { attrs, slots }) {\n    const state = useTooltip();\n    return () => {\n      const describedBy =\n        [\n          attrs[\"aria-describedby\"],\n          state.open.value && !state.empty.value ? state.id : undefined,\n        ]\n          .filter(Boolean)\n          .join(\" \") || undefined;\n      const a11y = state.props.asLabel\n        ? {\n            \"aria-labelledby\": state.empty.value\n              ? attrs[\"aria-labelledby\"]\n              : state.labelId,\n          }\n        : { \"aria-describedby\": describedBy };\n      const properties = {\n        ...attrs,\n        ...a11y,\n        \"data-state\": state.open.value ? \"open\" : \"closed\",\n        ref: state.setTrigger,\n      };\n      const children = slots.default?.() ?? [];\n      if (!props.asChild)\n        return h(\"button\", { type: \"button\", ...properties }, children);\n      const elements = flatten(children);\n      return elements.length === 1\n        ? cloneVNode(elements[0]!, properties, true)\n        : elements.length\n          ? elements\n          : null;\n    };\n  },\n});\n</script>\n","<script lang=\"ts\">\nimport {\n  Comment,\n  Fragment,\n  Text,\n  cloneVNode,\n  defineComponent,\n  h,\n  type VNode,\n} from \"vue\";\nimport { useTooltip } from \"./context\";\nfunction flatten(nodes: VNode[]): VNode[] {\n  return nodes.flatMap((node) =>\n    node.type === Fragment\n      ? flatten(node.children as VNode[])\n      : node.type === Comment ||\n          (node.type === Text && !String(node.children).trim())\n        ? []\n        : [node],\n  );\n}\nexport default defineComponent({\n  name: \"TooltipTrigger\",\n  inheritAttrs: false,\n  props: { asChild: Boolean },\n  setup(props, { attrs, slots }) {\n    const state = useTooltip();\n    return () => {\n      const describedBy =\n        [\n          attrs[\"aria-describedby\"],\n          state.open.value && !state.empty.value ? state.id : undefined,\n        ]\n          .filter(Boolean)\n          .join(\" \") || undefined;\n      const a11y = state.props.asLabel\n        ? {\n            \"aria-labelledby\": state.empty.value\n              ? attrs[\"aria-labelledby\"]\n              : state.labelId,\n          }\n        : { \"aria-describedby\": describedBy };\n      const properties = {\n        ...attrs,\n        ...a11y,\n        \"data-state\": state.open.value ? \"open\" : \"closed\",\n        ref: state.setTrigger,\n      };\n      const children = slots.default?.() ?? [];\n      if (!props.asChild)\n        return h(\"button\", { type: \"button\", ...properties }, children);\n      const elements = flatten(children);\n      return elements.length === 1\n        ? cloneVNode(elements[0]!, properties, true)\n        : elements.length\n          ? elements\n          : null;\n    };\n  },\n});\n</script>\n","import {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from \"vue\";\nimport {\n  arrow as pointArrow,\n  autoUpdate,\n  computePosition,\n  flip,\n  hide,\n  offset,\n  shift,\n  type Placement,\n  type VirtualElement,\n} from \"@floating-ui/dom\";\nimport type {\n  TooltipContext,\n  TooltipContentProps,\n  TooltipSide,\n} from \"./context\";\nexport function createTooltipPosition(\n  context: TooltipContext,\n  props: Readonly<TooltipContentProps>,\n  hasContent: () => boolean,\n) {\n  const mounted = ref(false);\n  const ready = ref(false);\n  const positioner = ref<HTMLElement | null>(null);\n  const arrow = ref<SVGSVGElement | null>(null);\n  const side = ref<TooltipSide>(props.side ?? \"top\");\n  let stopTracking: (() => void) | undefined;\n  let frame: number | undefined;\n  let revision = 0;\n  let binding = 0;\n  let disposed = false;\n  let cursorPlacement: Placement | undefined;\n  const origins: Record<TooltipSide, string> = {\n    top: \"center bottom\",\n    bottom: \"center top\",\n    left: \"right center\",\n    right: \"left center\",\n  };\n  async function place() {\n    const anchor = context.anchor.value;\n    const target = positioner.value;\n    if (!context.open.value || !anchor || !target || disposed) return;\n    const version = ++revision;\n    const point = context.props.followCursor ? context.cursor.value : null;\n    const virtual = !!point || !!props.anchorPoint;\n    const reference: Element | VirtualElement = virtual\n      ? {\n          contextElement: anchor,\n          getBoundingClientRect: () => {\n            const box = anchor.getBoundingClientRect();\n            const x =\n              point?.x ?? box.left + box.width * (props.anchorPoint?.x ?? 0.5);\n            const y =\n              point?.y ?? box.top + box.height * (props.anchorPoint?.y ?? 0.5);\n            return {\n              x,\n              y,\n              left: x,\n              right: x,\n              top: y,\n              bottom: y,\n              width: 0,\n              height: 0,\n            };\n          },\n        }\n      : anchor;\n    const preferred = (\n      props.align === \"center\" || !props.align\n        ? (props.side ?? \"top\")\n        : `${props.side ?? \"top\"}-${props.align}`\n    ) as Placement;\n    const result = await computePosition(reference, target, {\n      strategy: \"fixed\",\n      placement: point ? (cursorPlacement ?? preferred) : preferred,\n      middleware: [\n        offset(props.sideOffset ?? (point ? 12 : 8)),\n        flip({ padding: 8 }),\n        shift({ padding: 8 }),\n        ...(arrow.value\n          ? [pointArrow({ element: arrow.value, padding: 10 })]\n          : []),\n        ...(virtual ? [] : [hide({ strategy: \"referenceHidden\" })]),\n      ],\n    });\n    if (\n      disposed ||\n      version !== revision ||\n      !context.open.value ||\n      positioner.value !== target ||\n      !target.isConnected\n    )\n      return;\n    cursorPlacement = point ? result.placement : undefined;\n    side.value = result.placement.split(\"-\")[0] as TooltipSide;\n    const pixelRatio = window.devicePixelRatio || 1;\n    const snap = (value: number) => Math.round(value * pixelRatio) / pixelRatio;\n    target.style.transform = `translate3d(${snap(result.x)}px,${snap(result.y)}px,0)`;\n    target.style.setProperty(\"--tooltip-origin\", origins[side.value]);\n    target.dataset.placement = result.placement;\n    const box = anchor.getBoundingClientRect();\n    target.style.visibility =\n      result.middlewareData.hide?.referenceHidden && (box.width || box.height)\n        ? \"hidden\"\n        : \"visible\";\n    const triangle = arrow.value;\n    const surface = triangle?.parentElement;\n    if (triangle && surface) {\n      const coordinate = result.middlewareData.arrow;\n      if (coordinate?.x !== undefined)\n        triangle.style.left = `${coordinate.x - surface.clientLeft}px`;\n      if (coordinate?.y !== undefined)\n        triangle.style.top = `${coordinate.y - surface.clientTop}px`;\n      const style = getComputedStyle(surface);\n      triangle.style.setProperty(\"--tooltip-arrow-fill\", style.backgroundColor);\n      triangle.style.setProperty(\n        \"--tooltip-arrow-stroke\",\n        style.borderTopColor,\n      );\n    }\n    ready.value = true;\n  }\n  function schedule() {\n    ++revision;\n    if (frame !== undefined || disposed || !context.open.value) return;\n    frame = requestAnimationFrame(() => {\n      frame = undefined;\n      void place();\n    });\n  }\n  async function bind() {\n    const version = ++binding;\n    ++revision;\n    stopTracking?.();\n    stopTracking = undefined;\n    if (!mounted.value || !context.open.value) {\n      ready.value = false;\n      cursorPlacement = undefined;\n      return;\n    }\n    await nextTick();\n    if (disposed || version !== binding || !context.open.value) return;\n    context.floating.value = positioner.value;\n    if (context.anchor.value && positioner.value)\n      stopTracking = autoUpdate(\n        context.anchor.value,\n        positioner.value,\n        schedule,\n      );\n    schedule();\n  }\n  watch(\n    () => [\n      context.open.value,\n      context.anchor.value,\n      props.side,\n      props.align,\n      props.sideOffset,\n      props.arrow,\n      props.anchorPoint,\n    ],\n    bind,\n    { flush: \"post\" },\n  );\n  watch(context.cursor, schedule);\n  onMounted(() => {\n    mounted.value = true;\n    context.setEmpty(!hasContent());\n    void bind();\n  });\n  onBeforeUnmount(() => {\n    disposed = true;\n    ++binding;\n    ++revision;\n    stopTracking?.();\n    if (frame !== undefined) cancelAnimationFrame(frame);\n    context.floating.value = null;\n  });\n  const arrowPath = computed(\n    () =>\n      ({\n        top: \"M0 6L6 12L12 6\",\n        bottom: \"M0 6L6 0L12 6\",\n        left: \"M6 0L12 6L6 12\",\n        right: \"M6 0L0 6L6 12\",\n      })[side.value],\n  );\n  const arrowStyle = computed(\n    () =>\n      ({\n        top: { top: \"calc(100% - 6px)\" },\n        bottom: { bottom: \"calc(100% - 6px)\" },\n        left: { left: \"calc(100% - 6px)\" },\n        right: { right: \"calc(100% - 6px)\" },\n      })[side.value],\n  );\n  return { mounted, ready, positioner, arrow, arrowPath, arrowStyle };\n}\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { useSlots } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport { useTooltip, type TooltipContentProps } from \"./context\";\nimport { createTooltipPosition } from \"./position\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { cn } from \"../../../lib/utils\";\nconst props = withDefaults(defineProps<TooltipContentProps>(), {\n  side: \"top\",\n  align: \"center\",\n  arrow: false,\n});\nconst state = useTooltip();\nconst slots = useSlots();\nconst reduced = useReducedMotion();\nconst { mounted, ready, positioner, arrow, arrowPath, arrowStyle } =\n  createTooltipPosition(state, props, () => !!slots.default);\n</script>\n<template>\n  <Teleport v-if=\"mounted\" to=\"body\"\n    ><span\n      v-if=\"state.props.asLabel && !state.empty.value\"\n      :id=\"state.labelId\"\n      hidden\n      ><slot /></span\n    ><AnimatePresence\n      ><span\n        v-if=\"state.open.value && !state.empty.value\"\n        ref=\"positioner\"\n        class=\"pointer-events-none fixed left-0 top-0 z-[9999] w-max\"\n        :style=\"{ visibility: 'hidden', maxWidth: 'calc(100vw - 16px)' }\"\n        ><motion.span\n          v-bind=\"$attrs\"\n          :id=\"state.props.asLabel ? undefined : state.id\"\n          role=\"tooltip\"\n          :aria-hidden=\"state.props.asLabel || undefined\"\n          :initial=\"{ opacity: 0, scale: reduced ? 1 : 0.94 }\"\n          :animate=\"{\n            opacity: ready ? 1 : 0,\n            scale: ready || reduced ? 1 : 0.94,\n          }\"\n          :exit=\"{\n            opacity: 0,\n            scale: reduced ? 1 : 0.94,\n            transition: { duration: 0.12, ease: EASE_OUT },\n          }\"\n          :transition=\"{ duration: 0.18, ease: EASE_OUT }\"\n          :style=\"{\n            transformOrigin: 'var(--tooltip-origin,center)',\n            pointerEvents: state.props.followCursor ? 'none' : 'auto',\n          }\"\n          :class=\"\n            cn(\n              'relative block max-w-[min(20rem,calc(100vw-16px))] whitespace-normal break-words rounded-lg border border-border bg-background px-2.5 py-1 text-xs font-medium text-foreground shadow-md',\n              $attrs.class,\n            )\n          \"\n          @pointerenter=\"state.enterContent\"\n          @pointerleave=\"state.leaveContent\"\n          ><slot /><svg\n            v-if=\"props.arrow\"\n            ref=\"arrow\"\n            aria-hidden=\"true\"\n            width=\"12\"\n            height=\"12\"\n            viewBox=\"0 0 12 12\"\n            class=\"pointer-events-none absolute overflow-visible\"\n            :style=\"arrowStyle\"\n          >\n            <path\n              :d=\"arrowPath + 'Z'\"\n              style=\"fill: var(--tooltip-arrow-fill, transparent)\"\n            />\n            <path\n              :d=\"arrowPath\"\n              fill=\"none\"\n              stroke-width=\"1\"\n              style=\"stroke: var(--tooltip-arrow-stroke, transparent)\"\n            /></svg></motion.span></span></AnimatePresence\n  ></Teleport>\n</template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { useSlots } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport { useTooltip, type TooltipContentProps } from \"./context\";\nimport { createTooltipPosition } from \"./position\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { cn } from \"../../../lib/utils\";\nconst props = withDefaults(defineProps<TooltipContentProps>(), {\n  side: \"top\",\n  align: \"center\",\n  arrow: false,\n});\nconst state = useTooltip();\nconst slots = useSlots();\nconst reduced = useReducedMotion();\nconst { mounted, ready, positioner, arrow, arrowPath, arrowStyle } =\n  createTooltipPosition(state, props, () => !!slots.default);\n</script>\n<template>\n  <Teleport v-if=\"mounted\" to=\"body\"\n    ><span\n      v-if=\"state.props.asLabel && !state.empty.value\"\n      :id=\"state.labelId\"\n      hidden\n      ><slot /></span\n    ><AnimatePresence\n      ><span\n        v-if=\"state.open.value && !state.empty.value\"\n        ref=\"positioner\"\n        class=\"pointer-events-none fixed left-0 top-0 z-[9999] w-max\"\n        :style=\"{ visibility: 'hidden', maxWidth: 'calc(100vw - 16px)' }\"\n        ><motion.span\n          v-bind=\"$attrs\"\n          :id=\"state.props.asLabel ? undefined : state.id\"\n          role=\"tooltip\"\n          :aria-hidden=\"state.props.asLabel || undefined\"\n          :initial=\"{ opacity: 0, scale: reduced ? 1 : 0.94 }\"\n          :animate=\"{\n            opacity: ready ? 1 : 0,\n            scale: ready || reduced ? 1 : 0.94,\n          }\"\n          :exit=\"{\n            opacity: 0,\n            scale: reduced ? 1 : 0.94,\n            transition: { duration: 0.12, ease: EASE_OUT },\n          }\"\n          :transition=\"{ duration: 0.18, ease: EASE_OUT }\"\n          :style=\"{\n            transformOrigin: 'var(--tooltip-origin,center)',\n            pointerEvents: state.props.followCursor ? 'none' : 'auto',\n          }\"\n          :class=\"\n            cn(\n              'relative block max-w-[min(20rem,calc(100vw-16px))] whitespace-normal break-words rounded-lg border border-border bg-background px-2.5 py-1 text-xs font-medium text-foreground shadow-md',\n              $attrs.class,\n            )\n          \"\n          @pointerenter=\"state.enterContent\"\n          @pointerleave=\"state.leaveContent\"\n          ><slot /><svg\n            v-if=\"props.arrow\"\n            ref=\"arrow\"\n            aria-hidden=\"true\"\n            width=\"12\"\n            height=\"12\"\n            viewBox=\"0 0 12 12\"\n            class=\"pointer-events-none absolute overflow-visible\"\n            :style=\"arrowStyle\"\n          >\n            <path\n              :d=\"arrowPath + 'Z'\"\n              style=\"fill: var(--tooltip-arrow-fill, transparent)\"\n            />\n            <path\n              :d=\"arrowPath\"\n              fill=\"none\"\n              stroke-width=\"1\"\n              style=\"stroke: var(--tooltip-arrow-stroke, transparent)\"\n            /></svg></motion.span></span></AnimatePresence\n  ></Teleport>\n</template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { defineComponent, provide, useId, watch, type VNodeChild } from \"vue\";\nimport {\n  createTooltip,\n  tooltipKey,\n  type TooltipRootProps,\n  type TooltipContentProps,\n} from \"./context\";\nimport TooltipTrigger from \"./TooltipTrigger.vue\";\nimport TooltipContent from \"./TooltipContent.vue\";\nexport interface TooltipProps extends TooltipRootProps, TooltipContentProps {\n  content?: VNodeChild;\n}\nconst props = withDefaults(defineProps<TooltipProps>(), {\n  open: undefined,\n  content: undefined,\n  defaultOpen: false,\n});\nconst emit = defineEmits([\"update:open\", \"openChange\"]);\nconst state = createTooltip(\n  props,\n  emit,\n  props.id ?? useId(),\n  props.content === null || props.content === \"\",\n);\nprovide(tooltipKey, state);\nwatch(\n  () => props.content,\n  (content) => {\n    if (content !== undefined)\n      state.setEmpty(content === null || content === false || content === \"\");\n  },\n  { immediate: true },\n);\nconst ContentValue = defineComponent({\n  props: [\"value\"],\n  setup: (props) => () => props.value,\n});\n</script>\n<template>\n  <template v-if=\"content !== undefined\"\n    ><TooltipTrigger v-if=\"$slots.default\" as-child><slot /></TooltipTrigger\n    ><TooltipContent\n      v-bind=\"$attrs\"\n      :side=\"side\"\n      :align=\"align\"\n      :side-offset=\"sideOffset\"\n      :arrow=\"arrow\"\n      :anchor-point=\"anchorPoint\"\n      ><ContentValue :value=\"content\" /></TooltipContent></template\n  ><slot v-else />\n</template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { defineComponent, provide, useId, watch, type VNodeChild } from \"vue\";\nimport {\n  createTooltip,\n  tooltipKey,\n  type TooltipRootProps,\n  type TooltipContentProps,\n} from \"./context\";\nimport TooltipTrigger from \"./TooltipTrigger.vue\";\nimport TooltipContent from \"./TooltipContent.vue\";\nexport interface TooltipProps extends TooltipRootProps, TooltipContentProps {\n  content?: VNodeChild;\n}\nconst props = withDefaults(defineProps<TooltipProps>(), {\n  open: undefined,\n  content: undefined,\n  defaultOpen: false,\n});\nconst emit = defineEmits([\"update:open\", \"openChange\"]);\nconst state = createTooltip(\n  props,\n  emit,\n  props.id ?? useId(),\n  props.content === null || props.content === \"\",\n);\nprovide(tooltipKey, state);\nwatch(\n  () => props.content,\n  (content) => {\n    if (content !== undefined)\n      state.setEmpty(content === null || content === false || content === \"\");\n  },\n  { immediate: true },\n);\nconst ContentValue = defineComponent({\n  props: [\"value\"],\n  setup: (props) => () => props.value,\n});\n</script>\n<template>\n  <template v-if=\"content !== undefined\"\n    ><TooltipTrigger v-if=\"$slots.default\" as-child><slot /></TooltipTrigger\n    ><TooltipContent\n      v-bind=\"$attrs\"\n      :side=\"side\"\n      :align=\"align\"\n      :side-offset=\"sideOffset\"\n      :arrow=\"arrow\"\n      :anchor-point=\"anchorPoint\"\n      ><ContentValue :value=\"content\" /></TooltipContent></template\n  ><slot v-else />\n</template>\n"],"mappings":"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"}

package/dist/treemap-BvZ9giIP.js

@@ -0,0 +1,443 @@
+import { a as e, s as t } from "./composables-BJ1sih_H.js";
+import { o as n, r } from "./ease-rIvCM4O3.js";
+import { t as i } from "./utils-DIrLOK2M.js";
+import { t as a } from "./number-Dz4iLJiS.js";
+import { c as o, i as s, n as c, t as l } from "./shared-BY_cwEzO.js";
+import { t as u } from "./ChartTooltip-BY8iAlEo.js";
+import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as _, createTextVNode as v, createVNode as y, defineComponent as b, mergeProps as x, nextTick as ee, normalizeClass as S, normalizeStyle as C, onBeforeUnmount as w, onMounted as T, openBlock as E, provide as D, reactive as O, ref as k, renderList as A, renderSlot as j, toDisplayString as M, unref as N, useId as te, watch as ne, withCtx as P } from "vue";
+import { AnimatePresence as F, LayoutGroup as I, motion as L } from "motion-v";
+// src/charts/treemap/src/model.ts
+var R = [
+	"#1d4ed8",
+	"#7c3aed",
+	"#0f766e",
+	"#b45309",
+	"#be123c",
+	"#475569"
+];
+function z(e, t, n) {
+	if (!t.length) throw Error("Treemap: colors must contain at least one color.");
+	let r = /* @__PURE__ */ new Set(), i = [], a = [], o = [];
+	for (let r = e.length - 1; r >= 0; r--) o.push({
+		kind: "visit",
+		source: e[r],
+		into: i,
+		path: [],
+		color: t[r % t.length],
+		text: n
+	});
+	for (; o.length;) {
+		let e = o.pop();
+		if (e.kind === "finish") {
+			if (e.target.value = e.target.children.reduce((e, t) => e + t.value, 0), !Number.isFinite(e.target.value)) throw Error("Treemap: group totals must remain finite.");
+			continue;
+		}
+		let { source: t } = e;
+		if (r.has(t.id)) throw Error(`Treemap: duplicate node ID "${t.id}".`);
+		r.add(t.id);
+		let n = t.color ?? e.color, i = t.textColor ?? e.text, s = [...e.path, t.label], c = {
+			id: t.id,
+			label: t.label,
+			color: n,
+			value: 0,
+			children: [],
+			item: null
+		};
+		if (e.into.push(c), "children" in t) {
+			o.push({
+				kind: "finish",
+				target: c
+			});
+			for (let e = t.children.length - 1; e >= 0; e--) o.push({
+				kind: "visit",
+				source: t.children[e],
+				into: c.children,
+				path: s,
+				color: n,
+				text: i
+			});
+		} else {
+			if (!Number.isFinite(t.value) || t.value < 0) throw Error("Treemap: leaf values must be finite and nonnegative.");
+			let e = {
+				...t,
+				color: n,
+				textColor: i,
+				path: s,
+				share: 0
+			};
+			c.value = t.value, c.item = e, a.push(e);
+		}
+	}
+	let s = i.reduce((e, t) => e + t.value, 0);
+	if (!Number.isFinite(s)) throw Error("Treemap: the total must remain finite.");
+	for (let e of a) e.share = s ? e.value / s : 0;
+	return {
+		nodes: i,
+		items: a,
+		total: s
+	};
+}
+function B(e, t, n) {
+	let r = [], i = e.filter((e) => e.value > 0), a = [{
+		nodes: i,
+		begin: 0,
+		end: i.length,
+		x: 0,
+		y: 0,
+		width: t,
+		height: n
+	}];
+	for (; a.length;) {
+		let e = a.pop(), { nodes: t, begin: n, end: i, x: o, y: s, width: c, height: l } = e;
+		if (n === i) continue;
+		if (i - n === 1) {
+			let i = t[n];
+			if (i.item) c > 0 && l > 0 && r.push({
+				...i.item,
+				x: o,
+				y: s,
+				width: c,
+				height: l
+			});
+			else {
+				let t = i.children.filter((e) => e.value > 0);
+				a.push({
+					...e,
+					nodes: t,
+					begin: 0,
+					end: t.length
+				});
+			}
+			continue;
+		}
+		let u = 0;
+		for (let e = n; e < i; e++) u += t[e].value;
+		let d = n + 1, f = t[n].value;
+		for (let e = n + 1; e < i - 1; e++) {
+			let n = f + t[e].value;
+			if (Math.abs(n - u / 2) > Math.abs(f - u / 2)) break;
+			d = e + 1, f = n;
+		}
+		let p = f / u;
+		if (c >= l) {
+			let t = c * p;
+			a.push({
+				...e,
+				begin: d,
+				x: o + t,
+				width: c - t
+			}), a.push({
+				...e,
+				end: d,
+				width: t
+			});
+		} else {
+			let t = l * p;
+			a.push({
+				...e,
+				begin: d,
+				y: s + t,
+				height: l - t
+			}), a.push({
+				...e,
+				end: d,
+				height: t
+			});
+		}
+	}
+	return r;
+}
+// src/charts/treemap/src/context.ts
+function V(n, r) {
+	let i = k(null), a = o(i, {
+		width: 1e3,
+		height: 625
+	}), c = f(() => z(n.data, n.colors ?? R, n.textColor ?? "#ffffff")), u = f(() => B(c.value.nodes, a.value.width, a.value.height)), d = l(() => n.activeId, n.defaultActiveId ?? null, f(() => u.value.map((e) => e.id)), (e) => {
+		r("update:activeId", e), r("activeChange", e);
+	}), p = f(() => new Map(u.value.map((e) => [e.id, e])));
+	return O({
+		nodes: f(() => c.value.nodes),
+		items: f(() => c.value.items),
+		total: f(() => c.value.total),
+		tiles: u,
+		size: a,
+		plotRef: i,
+		activeId: d,
+		active: f(() => d.value === null ? null : p.value.get(d.value) ?? null),
+		setActive(e) {
+			d.value = e;
+		},
+		tooltipOpen: k(!1),
+		tooltipId: te(),
+		formatValue: f(() => n.formatValue ?? s),
+		label: f(() => n.label ?? "Treemap"),
+		reduce: t(),
+		canHover: e("(hover: hover)")
+	});
+}
+var H = c("Treemap"), U = H.use, W = { class: "block truncate text-xs font-semibold sm:text-sm" }, G = {
+	key: 0,
+	class: "mt-1 block truncate font-mono text-[10px] tabular-nums opacity-80 sm:text-xs"
+}, K = /* @__PURE__ */ b({
+	__name: "TreemapCell",
+	props: { tile: {} },
+	setup(e) {
+		let t = e, i = U(), a = f(() => ({
+			left: t.tile.x / i.size.width * 100 + "%",
+			top: t.tile.y / i.size.height * 100 + "%",
+			width: t.tile.width / i.size.width * 100 + "%",
+			height: t.tile.height / i.size.height * 100 + "%",
+			backgroundColor: t.tile.color,
+			color: t.tile.textColor,
+			borderRadius: "8px"
+		})), o = f(() => [
+			t.tile.path.join(" / "),
+			i.formatValue(t.tile.value),
+			(t.tile.share * 100).toFixed(1) + "% of total",
+			t.tile.description
+		].filter(Boolean).join(". ")), s = f(() => i.tiles.findIndex((e) => e.id === t.tile.id) === Math.max(0, i.tiles.findIndex((e) => e.id === i.activeId)) ? 0 : -1);
+		function c() {
+			i.setActive(t.tile.id), i.tooltipOpen = !0;
+		}
+		return (t, l) => (E(), p(N(L).button, {
+			type: "button",
+			"data-tile": e.tile.id,
+			layout: !N(i).reduce,
+			tabindex: s.value,
+			"aria-label": o.value,
+			"aria-describedby": N(i).tooltipOpen && N(i).activeId === e.tile.id ? N(i).tooltipId : void 0,
+			class: "absolute overflow-hidden border-2 border-background text-left outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-white",
+			style: C(a.value),
+			initial: { opacity: 0 },
+			animate: { opacity: 1 },
+			exit: { opacity: 0 },
+			transition: {
+				layout: N(i).reduce ? { duration: 0 } : N(n),
+				opacity: {
+					duration: .18,
+					ease: N(r)
+				}
+			},
+			onPointerenter: l[0] ||= (e) => N(i).canHover && c(),
+			onPointerdown: c,
+			onClick: c,
+			onFocus: c
+		}, {
+			default: P(() => [y(N(L).span, {
+				"aria-hidden": "true",
+				layout: !N(i).reduce && "position",
+				transition: N(i).reduce ? { duration: 0 } : N(n),
+				class: "absolute inset-x-2 top-2 min-w-0 sm:inset-x-3 sm:top-3"
+			}, {
+				default: P(() => [j(t.$slots, "default", { tile: e.tile }, () => [e.tile.width >= 52 && e.tile.height >= 32 ? (E(), h(d, { key: 0 }, [g("span", W, M(e.tile.label), 1), e.tile.width >= 70 && e.tile.height >= 56 ? (E(), h("span", G, M(N(i).formatValue(e.tile.value)), 1)) : m("", !0)], 64)) : m("", !0)])]),
+				_: 3
+			}, 8, ["layout", "transition"]), y(N(L).span, {
+				"aria-hidden": "true",
+				class: "pointer-events-none absolute inset-0 bg-white/10",
+				initial: !1,
+				animate: { opacity: N(i).tooltipOpen && N(i).activeId === e.tile.id ? 1 : 0 },
+				transition: {
+					duration: .1,
+					ease: N(r)
+				}
+			}, null, 8, ["animate", "transition"])]),
+			_: 3
+		}, 8, [
+			"data-tile",
+			"layout",
+			"tabindex",
+			"aria-label",
+			"aria-describedby",
+			"style",
+			"transition"
+		]));
+	}
+}), q = {
+	key: 0,
+	class: "flex h-full items-center justify-center text-sm text-muted-foreground"
+}, J = /* @__PURE__ */ b({
+	inheritAttrs: !1,
+	__name: "TreemapPlot",
+	props: { tileClassName: {} },
+	setup(e) {
+		let t = e, n = U(), r = k(null), a = null, o = !1;
+		T(() => {
+			o = !0, n.plotRef = r.value;
+		}), w(() => {
+			o = !1, n.plotRef === r.value && (n.plotRef = null);
+		}), ne(() => n.tiles.map((e) => e.id), async (e) => {
+			a && !e.includes(a) && (a = null, await ee(), o && (document.activeElement === document.body || !r.value?.contains(document.activeElement)) && (r.value?.querySelector("[data-tile]") ?? r.value)?.focus());
+		});
+		function s(e) {
+			a = e.target.dataset.tile ?? null;
+		}
+		function c(e, t) {
+			if (t === "Home") return n.tiles[0];
+			if (t === "End") return n.tiles.at(-1);
+			let r = t === "ArrowLeft" || t === "ArrowRight", i = t === "ArrowLeft" || t === "ArrowUp" ? -1 : 1, a = e.x + e.width / 2, o = e.y + e.height / 2, s = Infinity, c = e;
+			for (let e of n.tiles) {
+				let t = e.x + e.width / 2 - a, n = e.y + e.height / 2 - o, l = (r ? t : n) * i, u = l + Math.abs(r ? n : t) * 2;
+				l > .01 && u < s && (s = u, c = e);
+			}
+			return c;
+		}
+		function l(e) {
+			let t = n.tiles.find((t) => t.id === e.target.dataset.tile);
+			if (!t) return;
+			if (e.key === "Escape") {
+				n.tooltipOpen = !1;
+				return;
+			}
+			if (![
+				"ArrowLeft",
+				"ArrowRight",
+				"ArrowUp",
+				"ArrowDown",
+				"Home",
+				"End"
+			].includes(e.key)) return;
+			e.preventDefault();
+			let i = c(t, e.key);
+			Array.from(r.value?.querySelectorAll("[data-tile]") ?? []).find((e) => e.dataset.tile === i?.id)?.focus();
+		}
+		return (e, a) => (E(), p(N(I), null, {
+			default: P(() => [g("div", x({
+				ref_key: "element",
+				ref: r
+			}, e.$attrs, {
+				role: "group",
+				"aria-label": "Treemap tiles",
+				tabindex: "-1",
+				"data-slot": "treemap-plot",
+				class: N(i)("relative h-80 w-full min-w-0 rounded-lg outline-none focus-visible:ring-2 focus-visible:ring-ring", e.$attrs.class),
+				onFocusin: s,
+				onKeydown: l,
+				onPointerleave: a[0] ||= (e) => N(n).tooltipOpen = !1,
+				onFocusout: a[1] ||= (e) => !r.value?.contains(e.relatedTarget) && (N(n).tooltipOpen = !1)
+			}), [y(N(F), { initial: !1 }, {
+				default: P(() => [(E(!0), h(d, null, A(N(n).tiles, (n) => (E(), p(K, {
+					key: n.id,
+					tile: n,
+					class: S(t.tileClassName)
+				}, _({ _: 2 }, [e.$slots.tile ? {
+					name: "default",
+					fn: P((t) => [j(e.$slots, "tile", x({ ref_for: !0 }, t))]),
+					key: "0"
+				} : void 0]), 1032, ["tile", "class"]))), 128))]),
+				_: 3
+			}), N(n).tiles.length ? m("", !0) : (E(), h("p", q, M(N(n).items.length ? "No positive values" : "No treemap data"), 1))], 16)]),
+			_: 3
+		}));
+	}
+}), Y = { class: "text-muted-foreground" }, X = { class: "mt-1 font-mono" }, re = {
+	key: 0,
+	class: "mt-1 text-muted-foreground"
+}, Z = /* @__PURE__ */ b({
+	__name: "TreemapTooltip",
+	props: { side: { default: "top" } },
+	setup(e) {
+		let t = U(), n = f(() => t.active ? {
+			x: (t.active.x + t.active.width / 2) / t.size.width,
+			y: (t.active.y + t.active.height / 2) / t.size.height
+		} : {
+			x: .5,
+			y: .5
+		});
+		return (r, i) => (E(), p(u, {
+			open: N(t).tooltipOpen && N(t).active !== null,
+			anchor: N(t).plotRef,
+			id: N(t).tooltipId,
+			point: n.value,
+			side: e.side,
+			"follow-cursor": !0,
+			"onUpdate:open": i[0] ||= (e) => N(t).tooltipOpen = e
+		}, {
+			default: P(() => [N(t).active ? j(r.$slots, "default", { item: N(t).active }, () => [
+				g("p", Y, M(N(t).active.path.join(" / ")), 1),
+				g("p", X, [y(N(a), {
+					value: N(t).active.value,
+					format: () => N(t).formatValue(N(t).active.value),
+					"start-on-view": !1,
+					duration: .2,
+					stagger: 0
+				}, null, 8, ["value", "format"]), v(" · " + M((N(t).active.share * 100).toFixed(1)) + "% ", 1)]),
+				N(t).active.description ? (E(), h("p", re, M(N(t).active.description), 1)) : m("", !0)
+			], void 0, 0) : m("", !0)]),
+			_: 3
+		}, 8, [
+			"open",
+			"anchor",
+			"id",
+			"point",
+			"side"
+		]));
+	}
+}), ie = {
+	key: 0,
+	"aria-label": "Treemap legend",
+	class: "flex flex-wrap gap-x-5 gap-y-2 text-xs"
+}, ae = { class: "text-muted-foreground" }, oe = {
+	key: 0,
+	class: "font-mono tabular-nums"
+}, Q = /* @__PURE__ */ b({
+	__name: "TreemapLegend",
+	props: { showValues: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(e) {
+		let t = U();
+		return (n, r) => N(t).nodes.length ? (E(), h("ul", ie, [(E(!0), h(d, null, A(N(t).nodes, (n) => (E(), h("li", {
+			key: n.id,
+			class: "inline-flex items-center gap-1.5"
+		}, [
+			g("span", {
+				"aria-hidden": "true",
+				class: "size-1.5 shrink-0 rounded-full",
+				style: C({ backgroundColor: n.color })
+			}, null, 4),
+			g("span", ae, M(n.label), 1),
+			e.showValues ? (E(), h("span", oe, M(N(t).formatValue(n.value)), 1)) : m("", !0)
+		]))), 128))])) : m("", !0);
+	}
+}), $ = ["aria-label"], se = { class: "sr-only" }, ce = { scope: "row" }, le = /* @__PURE__ */ b({
+	__name: "Treemap",
+	props: {
+		data: {},
+		label: {},
+		formatValue: { type: Function },
+		colors: {},
+		textColor: {},
+		activeId: {},
+		defaultActiveId: {},
+		className: {}
+	},
+	emits: ["update:activeId", "activeChange"],
+	setup(e, { emit: t }) {
+		let n = e, r = V(n, t);
+		return D(H.key, r), (e, t) => (E(), h("section", {
+			"aria-label": N(r).label,
+			class: S(["relative w-full min-w-0 space-y-4", n.className]),
+			"data-slot": "treemap"
+		}, [j(e.$slots, "default", {}, () => [
+			y(J),
+			y(Q),
+			y(Z)
+		]), g("div", se, [g("table", null, [
+			g("caption", null, M(N(r).label) + " data ", 1),
+			t[0] ||= g("thead", null, [g("tr", null, [
+				g("th", null, "Item"),
+				g("th", null, "Value"),
+				g("th", null, "Share")
+			])], -1),
+			g("tbody", null, [(E(!0), h(d, null, A(N(r).items, (e) => (E(), h("tr", { key: e.id }, [
+				g("th", ce, M(e.path.join(" / ")), 1),
+				g("td", null, M(N(r).formatValue(e.value)), 1),
+				g("td", null, M((e.share * 100).toFixed(1)) + "%", 1)
+			]))), 128))])
+		])])], 10, $));
+	}
+});
+export { K as a, J as i, Q as n, U as o, Z as r, le as t };
+
+//# sourceMappingURL=treemap-BvZ9giIP.js.map