react-panel-layout 0.5.1 → 0.6.0

package/dist/FloatingWindow-BpdOpg_L.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingWindow-BpdOpg_L.js","sources":["../src/components/window/Drawer.tsx","../src/hooks/useTransitionState.ts","../src/modules/window/useDrawerState.ts","../src/components/window/DrawerLayers.tsx","../src/modules/grid/GridLayoutContext.tsx","../src/PanelSystemContext.tsx","../src/modules/grid/LayerInstanceContext.tsx","../src/components/window/PopupLayerPortal.tsx","../src/components/window/FloatingWindow.tsx"],"sourcesContent":["/**\n * @file Drawer component\n *\n * Mobile-friendly slide-in panel with backdrop support.\n */\nimport * as React from \"react\";\nimport type { DrawerBehavior, WindowPosition } from \"../../types\";\nimport {\n  FloatingPanelCloseButton,\n  FloatingPanelContent,\n  FloatingPanelFrame,\n  FloatingPanelHeader,\n  FloatingPanelTitle,\n} from \"../paneling/FloatingPanelFrame\";\nimport {\n  DRAWER_HEADER_PADDING_Y,\n  DRAWER_HEADER_PADDING_X,\n  DRAWER_HEADER_GAP,\n  DRAWER_CONTENT_PADDING,\n  COLOR_DRAWER_BACKDROP,\n  DRAWER_TRANSITION_DURATION,\n  DRAWER_TRANSITION_EASING,\n} from \"../../constants/styles\";\n\nconst drawerBackdropStyle: React.CSSProperties = {\n  position: \"fixed\",\n  inset: 0,\n  background: COLOR_DRAWER_BACKDROP,\n};\n\nconst drawerBaseStyle: React.CSSProperties = {\n  willChange: \"transform\",\n};\n\nconst drawerPlacementStyles: Record<string, React.CSSProperties> = {\n  left: {\n    top: 0,\n    bottom: 0,\n    left: 0,\n    transform: \"translateX(-100%)\",\n  },\n  right: {\n    top: 0,\n    bottom: 0,\n    right: 0,\n    transform: \"translateX(100%)\",\n  },\n  top: {\n    top: 0,\n    left: 0,\n    right: 0,\n    transform: \"translateY(-100%)\",\n  },\n  bottom: {\n    bottom: 0,\n    left: 0,\n    right: 0,\n    transform: \"translateY(100%)\",\n  },\n};\n\nconst computeTransitionValue = (\n  mode: DrawerBehavior[\"transitionMode\"] | undefined,\n  duration: DrawerBehavior[\"transitionDuration\"],\n  easing: DrawerBehavior[\"transitionEasing\"],\n): string | undefined => {\n  if (mode === \"none\") {\n    return undefined;\n  }\n\n  const durationValue = duration ?? DRAWER_TRANSITION_DURATION;\n  const easingValue = easing ?? DRAWER_TRANSITION_EASING;\n\n  return `transform ${durationValue} ${easingValue}`;\n};\n\nexport type DrawerProps = {\n  id: string;\n  config: DrawerBehavior;\n  isOpen: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n  zIndex?: number;\n  width?: string | number;\n  height?: string | number;\n  position?: WindowPosition;\n};\n\nconst shouldShowCloseButton = (dismissible: boolean, showClose: boolean): boolean => {\n  if (!dismissible) {\n    return false;\n  }\n  return showClose;\n};\n\ntype DrawerContentProps = {\n  chrome: boolean;\n  frameStyle: React.CSSProperties;\n  header?: DrawerBehavior[\"header\"];\n  dismissible: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n};\n\nconst DrawerContent: React.FC<DrawerContentProps> = ({ chrome, frameStyle, header, dismissible, onClose, children }) => {\n  if (!chrome) {\n    return <>{children}</>;\n  }\n  return (\n    <FloatingPanelFrame style={frameStyle}>\n      <DrawerHeaderView header={header} dismissible={dismissible} onClose={onClose} />\n      <FloatingPanelContent\n        style={{ padding: DRAWER_CONTENT_PADDING, flex: 1, display: \"flex\", flexDirection: \"column\" }}\n      >\n        {children}\n      </FloatingPanelContent>\n    </FloatingPanelFrame>\n  );\n};\n\nconst DrawerHeaderView: React.FC<{\n  header?: DrawerBehavior[\"header\"];\n  dismissible: boolean;\n  onClose: () => void;\n}> = ({ header, dismissible, onClose }) => {\n  if (!header) {\n    return null;\n  }\n\n  const showCloseButton = header.showCloseButton ?? true;\n  const shouldShowClose = shouldShowCloseButton(dismissible, showCloseButton);\n\n  return (\n    <React.Activity mode={header ? \"visible\" : \"hidden\"}>\n      <FloatingPanelHeader\n        style={{ padding: `${DRAWER_HEADER_PADDING_Y} ${DRAWER_HEADER_PADDING_X}`, gap: DRAWER_HEADER_GAP }}\n      >\n        <React.Activity mode={header ? \"visible\" : \"hidden\"}>\n          <FloatingPanelTitle>{header.title}</FloatingPanelTitle>\n        </React.Activity>\n        <React.Activity mode={shouldShowClose ? \"visible\" : \"hidden\"}>\n          <FloatingPanelCloseButton\n            onClick={onClose}\n            aria-label=\"Close drawer\"\n            style={{ marginLeft: \"auto\" }}\n          />\n        </React.Activity>\n      </FloatingPanelHeader>\n    </React.Activity>\n  );\n};\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  id,\n  config,\n  isOpen,\n  onClose,\n  children,\n  zIndex,\n  width,\n  height,\n  position,\n}) => {\n  const {\n    dismissible = true,\n    header,\n    chrome = true,\n    inline = false,\n    transitionMode = \"css\",\n    transitionDuration,\n    transitionEasing,\n  } = config;\n\n  const resolvePlacement = React.useCallback(\n    (anchor?: DrawerBehavior[\"anchor\"], pos?: WindowPosition): \"left\" | \"right\" | \"top\" | \"bottom\" => {\n      // Prefer explicit anchor from config\n      if (anchor) {\n        return anchor;\n      }\n      // Fall back to inferring from position\n      if (!pos) {\n        return \"right\";\n      }\n      if (pos.left !== undefined) {\n        return \"left\";\n      }\n      if (pos.right !== undefined) {\n        return \"right\";\n      }\n      if (pos.top !== undefined) {\n        return \"top\";\n      }\n      if (pos.bottom !== undefined) {\n        return \"bottom\";\n      }\n      return \"right\";\n    },\n    [],\n  );\n\n  const placement = resolvePlacement(config.anchor, position);\n\n  const openTransforms: Record<string, string> = {\n    left: \"translateX(0)\",\n    right: \"translateX(0)\",\n    top: \"translateY(0)\",\n    bottom: \"translateY(0)\",\n  };\n\n  const drawerStyle = React.useMemo((): React.CSSProperties => {\n    const transitionValue = computeTransitionValue(transitionMode, transitionDuration, transitionEasing);\n\n    const style: React.CSSProperties = {\n      ...drawerBaseStyle,\n      ...(inline ? { position: \"absolute\" } : { position: \"fixed\" }),\n      ...drawerPlacementStyles[placement],\n      transform: isOpen ? openTransforms[placement] : drawerPlacementStyles[placement].transform,\n      transition: transitionValue,\n    };\n\n    if (zIndex !== undefined) {\n      style.zIndex = zIndex;\n    }\n\n    if (width !== undefined) {\n      style.width = typeof width === \"number\" ? `${width}px` : width;\n    }\n    if (height !== undefined) {\n      style.height = typeof height === \"number\" ? `${height}px` : height;\n    }\n\n    return style;\n  }, [height, inline, isOpen, placement, transitionDuration, transitionEasing, transitionMode, width, zIndex]);\n\n  const ariaLabel = header?.title ?? config.ariaLabel ?? \"Drawer\";\n\n  const backdropStyle = React.useMemo((): React.CSSProperties => {\n    const base = inline ? { ...drawerBackdropStyle, position: \"absolute\" as const } : drawerBackdropStyle;\n    const transitionValue = transitionMode === \"none\" ? undefined : `opacity ${transitionDuration ?? \"220ms\"} ease`;\n    return {\n      ...base,\n      opacity: isOpen ? 1 : 0,\n      pointerEvents: isOpen ? \"auto\" : \"none\",\n      transition: transitionValue,\n      zIndex: zIndex !== undefined ? zIndex - 1 : undefined,\n    };\n  }, [inline, isOpen, transitionDuration, transitionMode, zIndex]);\n\n  const frameStyle = React.useMemo((): React.CSSProperties => {\n    const isVertical = placement === \"left\" || placement === \"right\";\n    const style: React.CSSProperties = { borderRadius: 0 };\n    if (isVertical) {\n      style.height = \"100%\";\n    }\n    return style;\n  }, [placement]);\n\n  return (\n    <>\n      <div style={backdropStyle} onClick={dismissible ? onClose : undefined} />\n      <div\n        data-layer-id={id}\n        data-placement={placement}\n        style={drawerStyle}\n        role=\"dialog\"\n        aria-modal={dismissible ? true : undefined}\n        aria-hidden={isOpen ? undefined : true}\n        aria-label={ariaLabel}\n      >\n        <DrawerContent\n          chrome={chrome}\n          frameStyle={frameStyle}\n          header={header}\n          dismissible={dismissible}\n          onClose={onClose}\n        >\n          {children}\n        </DrawerContent>\n      </div>\n    </>\n  );\n};\n","/**\n * @file Generic transition state management with animation support.\n */\nimport * as React from \"react\";\n\nexport type TransitionMode = \"none\" | \"css\";\n\nexport type TransitionOptions = {\n  mode?: TransitionMode;\n  element?: React.RefObject<HTMLElement>;\n  duration?: number;\n};\n\nexport type UseTransitionStateOptions = {\n  onOpen?: (id: string) => void;\n  onClose?: (id: string) => void;\n  onTransitionEnd?: (id: string, isOpen: boolean) => void;\n};\n\nconst waitForTransitionEnd = (el: HTMLElement, timeout: number): Promise<void> =>\n  new Promise((resolve) => {\n    // eslint-disable-next-line no-restricted-syntax -- mutable flag needed for deduplication\n    let resolved = false;\n    const done = () => {\n      if (resolved) {return;}\n      resolved = true;\n      el.removeEventListener(\"transitionend\", handler);\n      resolve();\n    };\n    const handler = (e: TransitionEvent) => {\n      if (e.target === el) {done();}\n    };\n    el.addEventListener(\"transitionend\", handler);\n    setTimeout(done, timeout + 50);\n  });\n\nexport const runTransition = async (\n  update: () => void,\n  mode: TransitionMode,\n  el: HTMLElement | null | undefined,\n  duration: number,\n): Promise<void> => {\n  switch (mode) {\n    case \"none\":\n      update();\n      return;\n\n    case \"css\":\n      update();\n      if (el) {await waitForTransitionEnd(el, duration);}\n      return;\n  }\n};\n\nexport const useTransitionState = (options?: UseTransitionStateOptions) => {\n  const [states, setStates] = React.useState<Record<string, boolean>>({});\n  const optionsRef = React.useRef(options);\n  optionsRef.current = options;\n\n  const update = React.useCallback(\n    async (id: string, isOpen: boolean, transitionOptions?: TransitionOptions) => {\n      const { mode = \"none\", element, duration = 300 } = transitionOptions ?? {};\n\n      const applyState = () => {\n        setStates((prev) => {\n          if (prev[id] === isOpen) {return prev;}\n          return { ...prev, [id]: isOpen };\n        });\n      };\n\n      await runTransition(applyState, mode, element?.current, duration);\n\n      const opts = optionsRef.current;\n      if (isOpen) {\n        opts?.onOpen?.(id);\n      } else {\n        opts?.onClose?.(id);\n      }\n      opts?.onTransitionEnd?.(id, isOpen);\n    },\n    [],\n  );\n\n  const state = React.useCallback((id: string): boolean => states[id] ?? false, [states]);\n  const open = React.useCallback(\n    (id: string, opts?: TransitionOptions) => update(id, true, opts),\n    [update],\n  );\n  const close = React.useCallback(\n    (id: string, opts?: TransitionOptions) => update(id, false, opts),\n    [update],\n  );\n\n  return { state, open, close };\n};\n","/**\n * @file Hook for managing drawer state (controlled/uncontrolled)\n */\nimport * as React from \"react\";\nimport {\n  type TransitionMode,\n  type TransitionOptions,\n  runTransition,\n} from \"../../hooks/useTransitionState\";\nimport type { LayerDefinition } from \"../../types\";\n\nconst parseDuration = (value: string | undefined): number => {\n  if (!value) {return 300;}\n  const match = value.match(/(\\d+)/);\n  return match ? parseInt(match[1], 10) : 300;\n};\n\nexport const useDrawerState = (layers: LayerDefinition[]) => {\n  const [drawerStates, setDrawerStates] = React.useState<Record<string, boolean>>(() => {\n    const initial: Record<string, boolean> = {};\n    layers.forEach((layer) => {\n      if (layer.drawer) {\n        initial[layer.id] = layer.drawer.defaultOpen ?? false;\n      }\n    });\n    return initial;\n  });\n\n  const layerMap = React.useMemo(() => {\n    const map = new Map<string, LayerDefinition>();\n    layers.forEach((layer) => map.set(layer.id, layer));\n    return map;\n  }, [layers]);\n\n  const updateState = React.useCallback(\n    async (layerId: string, isOpen: boolean, options?: TransitionOptions) => {\n      const layer = layerMap.get(layerId);\n      if (!layer?.drawer) {return;}\n\n      const mode: TransitionMode = options?.mode ?? layer.drawer.transitionMode ?? \"css\";\n      const duration = options?.duration ?? parseDuration(layer.drawer.transitionDuration);\n      const element = options?.element?.current;\n\n      const applyState = () => {\n        if (layer.drawer?.open === undefined) {\n          setDrawerStates((prev) => {\n            if (prev[layerId] === isOpen) {return prev;}\n            return { ...prev, [layerId]: isOpen };\n          });\n        }\n        layer.drawer?.onStateChange?.(isOpen);\n      };\n\n      await runTransition(applyState, mode, element, duration);\n    },\n    [layerMap],\n  );\n\n  const state = React.useCallback(\n    (layerId: string): boolean => {\n      const layer = layerMap.get(layerId);\n      if (layer?.drawer?.open !== undefined) {\n        return layer.drawer.open;\n      }\n      return drawerStates[layerId] ?? false;\n    },\n    [layerMap, drawerStates],\n  );\n\n  const open = React.useCallback(\n    (id: string, options?: TransitionOptions) => updateState(id, true, options),\n    [updateState],\n  );\n\n  const close = React.useCallback(\n    (id: string, options?: TransitionOptions) => updateState(id, false, options),\n    [updateState],\n  );\n\n  return { state, open, close };\n};\n","/**\n * @file DrawerLayers component\n */\nimport * as React from \"react\";\nimport type { LayerDefinition } from \"../../types\";\nimport { Drawer } from \"./Drawer\";\nimport { useDrawerState } from \"../../modules/window/useDrawerState\";\n\nexport type DrawerLayersProps = {\n  layers: LayerDefinition[];\n};\n\nexport const DrawerLayers: React.FC<DrawerLayersProps> = ({ layers }) => {\n  const drawer = useDrawerState(layers);\n\n  const drawerLayers = React.useMemo(() => layers.filter((layer) => layer.drawer), [layers]);\n\n  const closeHandlers = React.useMemo(() => {\n    const handlers = new Map<string, () => void>();\n    drawerLayers.forEach((layer) => {\n      handlers.set(layer.id, () => drawer.close(layer.id));\n    });\n    return handlers;\n  }, [drawerLayers, drawer.close]);\n\n  return (\n    <>\n      {drawerLayers.map((layer) => {\n        if (!layer.drawer) {\n          return null;\n        }\n\n        const isOpen = drawer.state(layer.id);\n        const onClose = closeHandlers.get(layer.id);\n\n        if (!onClose) {\n          return null;\n        }\n\n        return (\n          <Drawer\n            key={layer.id}\n            id={layer.id}\n            config={layer.drawer}\n            isOpen={isOpen}\n            onClose={onClose}\n            zIndex={layer.zIndex}\n            width={layer.width}\n            height={layer.height}\n            position={layer.position}\n          >\n            {layer.component}\n          </Drawer>\n        );\n      })}\n    </>\n  );\n};\n","/**\n * @file Context provider for grid layer rendering helpers.\n */\nimport * as React from \"react\";\nimport type { LayerDefinition } from \"../../types\";\n\nexport type GridLayerHandleProps = React.HTMLAttributes<HTMLElement> & {\n  \"data-drag-handle\": \"true\";\n};\n\nexport type ResizeHandleConfig =\n  | {\n      key: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\";\n      variant: \"corner\";\n      horizontal: \"left\" | \"right\";\n      vertical: \"top\" | \"bottom\";\n    }\n  | {\n      key: \"left\" | \"right\" | \"top\" | \"bottom\";\n      variant: \"edge\";\n      horizontal?: \"left\" | \"right\";\n      vertical?: \"top\" | \"bottom\";\n    };\n\nexport type GridLayerRenderState = {\n  style: React.CSSProperties;\n  isResizable: boolean;\n  isResizing: boolean;\n  onResizeHandlePointerDown: (config: ResizeHandleConfig, event: React.PointerEvent<HTMLDivElement>) => void;\n};\n\nexport type GridLayoutContextValue = {\n  handleLayerPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;\n  getLayerRenderState: (layer: LayerDefinition) => GridLayerRenderState;\n  getLayerHandleProps: (layerId: string) => GridLayerHandleProps;\n  /**\n   * Whether the GridLayout is mounted at root level.\n   * When true, scrollable layers should delegate to browser's native scroll.\n   */\n  isRootLevel: boolean;\n};\n\nconst GridLayoutContext = React.createContext<GridLayoutContextValue | null>(null);\n\nexport const GridLayoutProvider: React.FC<\n  React.PropsWithChildren<{ value: GridLayoutContextValue }>\n> = ({ value, children }) => {\n  return <GridLayoutContext.Provider value={value}>{children}</GridLayoutContext.Provider>;\n};\n\nexport const useGridLayoutContext = (): GridLayoutContextValue => {\n  const context = React.useContext(GridLayoutContext);\n  if (!context) {\n    throw new Error(\"useGridLayoutContext must be used within a GridLayoutProvider.\");\n  }\n  return context;\n};\n","/**\n * @file PanelSystemContext\n *\n * Core provider for panel definitions and registry. Grid-specific layout and\n * interactions are composed by UI layers (e.g., GridLayout) on top of this.\n *\n * Includes content caching to preserve React component state across re-renders.\n * This is essential for maintaining internal state when parent components\n * re-create the layers array.\n */\nimport * as React from \"react\";\nimport type { PanelLayoutConfig, LayerDefinition } from \"./types\";\nimport { useContentCache } from \"./hooks/useContentCache\";\n\nexport type PanelSystemContextValue = {\n  config: PanelLayoutConfig;\n  style?: React.CSSProperties;\n  layers: {\n    /** Raw panel definitions (no grid normalization). */\n    defs: LayerDefinition[];\n    /** Fast lookup map by id for consumers. */\n    layerById: Map<string, LayerDefinition>;\n  };\n  /**\n   * Get cached content for a layer. Returns the same ReactNode reference\n   * for the same layer ID to prevent remounting on parent re-renders.\n   */\n  getCachedContent: (layerId: string) => React.ReactNode | null;\n};\n\nconst PanelSystemContext = React.createContext<PanelSystemContextValue | null>(null);\n\nexport const usePanelSystem = (): PanelSystemContextValue => {\n  const ctx = React.useContext(PanelSystemContext);\n  if (!ctx) {\n    throw new Error(\"usePanelSystem must be used within a PanelSystemProvider.\");\n  }\n  return ctx;\n};\n\nexport type PanelSystemProviderProps = React.PropsWithChildren<{\n  config: PanelLayoutConfig;\n  layers: LayerDefinition[];\n  style?: React.CSSProperties;\n}>;\n\nexport const PanelSystemProvider: React.FC<PanelSystemProviderProps> = ({ config, layers, style, children }) => {\n  const layerById = React.useMemo(() => {\n    const map = new Map<string, LayerDefinition>();\n    layers.forEach((layer) => {\n      map.set(layer.id, layer);\n    });\n    return map;\n  }, [layers]);\n\n  // Content resolver for useContentCache\n  const resolveContent = React.useCallback(\n    (layerId: string): React.ReactNode | null => {\n      const layer = layerById.get(layerId);\n      return layer?.component ?? null;\n    },\n    [layerById],\n  );\n\n  // Valid IDs for cache cleanup\n  const validIds = React.useMemo(() => layers.map((l) => l.id), [layers]);\n\n  // Use shared content cache hook\n  const { getCachedContent } = useContentCache({\n    resolveContent,\n    validIds,\n  });\n\n  const value = React.useMemo<PanelSystemContextValue>(\n    () => ({\n      config,\n      style,\n      layers: {\n        defs: layers,\n        layerById,\n      },\n      getCachedContent,\n    }),\n    [config, style, layers, layerById, getCachedContent],\n  );\n\n  return <PanelSystemContext.Provider value={value}>{children}</PanelSystemContext.Provider>;\n};\n","/**\n * @file Context exposing the current grid layer id and helpers to child components.\n */\nimport * as React from \"react\";\nimport type { LayerDefinition } from \"../../types\";\nimport { usePanelSystem } from \"../../PanelSystemContext\";\nimport { useGridLayoutContext, type GridLayerHandleProps } from \"./GridLayoutContext\";\n\ntype LayerInstanceContextValue = {\n  layerId: string;\n};\n\nconst LayerInstanceContext = React.createContext<LayerInstanceContextValue | null>(null);\n\nexport type LayerInstanceProviderProps = React.PropsWithChildren<LayerInstanceContextValue>;\n\nexport const LayerInstanceProvider: React.FC<LayerInstanceProviderProps> = ({ layerId, children }) => {\n  const value = React.useMemo(() => ({ layerId }), [layerId]);\n  return <LayerInstanceContext.Provider value={value}>{children}</LayerInstanceContext.Provider>;\n};\n\nexport const useLayerInstance = (): LayerInstanceContextValue => {\n  const value = React.useContext(LayerInstanceContext);\n  if (!value) {\n    throw new Error(\"useLayerInstance must be used within a LayerInstanceProvider.\");\n  }\n  return value;\n};\n\n/**\n * Convenience: read the current layer definition from the core registry.\n */\nexport const useCurrentLayerDefinition = (): LayerDefinition => {\n  const { layerId } = useLayerInstance();\n  const { layers } = usePanelSystem();\n  const def = layers.layerById.get(layerId);\n  if (!def) {\n    throw new Error(`Layer definition not found for id: ${layerId}`);\n  }\n  return def;\n};\n\n/**\n * Convenience: get drag handle props, pre-bound to the current layer.\n */\nexport const useCurrentLayerHandleProps = (): GridLayerHandleProps => {\n  const { layerId } = useLayerInstance();\n  const { getLayerHandleProps } = useGridLayoutContext();\n  return React.useMemo(() => getLayerHandleProps(layerId), [getLayerHandleProps, layerId]);\n};\n\n/**\n * Compatibility helper for existing code using useLayerDragHandle.\n * Prefer useCurrentLayerHandleProps for direct access.\n */\nexport const useLayerDragHandleProps = useCurrentLayerHandleProps;\n","/**\n * @file Renders floating layers inside a dedicated browser popup window.\n */\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport type { LayerDefinition, PopupWindowOptions, WindowPosition, WindowBounds } from \"../../types\";\nimport { LayerInstanceProvider } from \"../../modules/grid/LayerInstanceContext\";\n\nconst ensureNumericOffset = (value: number | string | undefined, key: keyof WindowPosition, layerId: string): number => {\n  if (typeof value === \"number\" && Number.isFinite(value)) {\n    return value;\n  }\n  throw new Error(`Popup layer \"${layerId}\" requires a numeric \"${key}\" value.`);\n};\n\nconst resolvePopupAnchor = (position: WindowPosition | undefined, layerId: string): { left: number; top: number } => {\n  if (!position) {\n    throw new Error(`Popup layer \"${layerId}\" must define position (left/top).`);\n  }\n  return {\n    left: ensureNumericOffset(position.left, \"left\", layerId),\n    top: ensureNumericOffset(position.top, \"top\", layerId),\n  };\n};\n\nconst numericFeature = (value: number): string => {\n  return `${Math.round(value)}`;\n};\n\nconst booleanFeature = (value: boolean | undefined): string | undefined => {\n  if (value === undefined) {\n    return undefined;\n  }\n  return value ? \"yes\" : \"no\";\n};\n\nconst buildWindowFeatures = (\n  layerId: string,\n  position: WindowPosition | undefined,\n  width: number | string | undefined,\n  height: number | string | undefined,\n  options: PopupWindowOptions | undefined,\n): string => {\n  const features: Record<string, string> = {};\n  const anchor = resolvePopupAnchor(position, layerId);\n\n  if (typeof width !== \"number\" || typeof height !== \"number\") {\n    throw new Error(`Popup layer \"${layerId}\" requires numeric width/height.`);\n  }\n  features.width = numericFeature(width);\n  features.height = numericFeature(height);\n  features.left = numericFeature(anchor.left);\n  features.top = numericFeature(anchor.top);\n\n  const overrides = options?.features;\n  if (overrides) {\n    const toolbar = booleanFeature(overrides.toolbar);\n    const menubar = booleanFeature(overrides.menubar);\n    const location = booleanFeature(overrides.location);\n    const status = booleanFeature(overrides.status);\n    const resizable = booleanFeature(overrides.resizable);\n    const scrollbars = booleanFeature(overrides.scrollbars);\n\n    if (toolbar !== undefined) {\n      features.toolbar = toolbar;\n    }\n    if (menubar !== undefined) {\n      features.menubar = menubar;\n    }\n    if (location !== undefined) {\n      features.location = location;\n    }\n    if (status !== undefined) {\n      features.status = status;\n    }\n    if (resizable !== undefined) {\n      features.resizable = resizable;\n    }\n    if (scrollbars !== undefined) {\n      features.scrollbars = scrollbars;\n    }\n  }\n\n  return Object.entries(features)\n    .map(([key, value]) => `${key}=${value}`)\n    .join(\",\");\n};\n\nconst applyBoundsToWindow = (\n  popupWindow: Window,\n  layerId: string,\n  position: WindowPosition | undefined,\n  width: number | string | undefined,\n  height: number | string | undefined,\n) => {\n  const anchor = resolvePopupAnchor(position, layerId);\n  if (typeof width !== \"number\" || typeof height !== \"number\") {\n    throw new Error(`Popup layer \"${layerId}\" requires numeric width/height.`);\n  }\n  popupWindow.moveTo(Math.round(anchor.left), Math.round(anchor.top));\n  popupWindow.resizeTo(Math.round(width), Math.round(height));\n};\n\ntype PopupLayerPortalProps = {\n  layer: LayerDefinition;\n};\n\nexport const PopupLayerPortal: React.FC<PopupLayerPortalProps> = ({ layer }) => {\n  const floating = layer.floating;\n  if (!floating) {\n    throw new Error(`Layer \"${layer.id}\" is missing floating configuration required for popup mode.`);\n  }\n  const mode = floating.mode ?? \"embedded\";\n  if (mode !== \"popup\") {\n    throw new Error(`PopupLayerPortal received layer \"${layer.id}\" that is not configured for popup mode.`);\n  }\n\n  const containerRef = React.useRef<HTMLDivElement | null>(null);\n  const popupWindowRef = React.useRef<Window | null>(null);\n  const [isMounted, setIsMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    const features = buildWindowFeatures(layer.id, layer.position, layer.width, layer.height, floating.popup);\n    const windowName = floating.popup?.name ?? layer.id;\n    const createdWindow = resolvePopupWindow(\n      windowName,\n      features,\n      {\n        position: layer.position,\n        size: { width: layer.width as number, height: layer.height as number },\n      },\n      floating.popup,\n    );\n\n    if (!createdWindow) {\n      throw new Error(`Failed to open popup window for layer \"${layer.id}\".`);\n    }\n\n    const openedWindow = createdWindow;\n\n    popupWindowRef.current = openedWindow;\n\n    if (floating.popup?.focus !== false) {\n      openedWindow.focus();\n    }\n\n    if (!openedWindow.document.title) {\n      openedWindow.document.title = layer.id;\n    }\n    openedWindow.document.body.innerHTML = \"\";\n    const mountNode = openedWindow.document.createElement(\"div\");\n    mountNode.dataset.layerId = layer.id;\n    openedWindow.document.body.appendChild(mountNode);\n    containerRef.current = mountNode;\n    setIsMounted(true);\n\n    applyBoundsToWindow(openedWindow, layer.id, layer.position, layer.width, layer.height);\n\n    const handleBeforeUnload = () => {\n      popupWindowRef.current = null;\n      containerRef.current = null;\n      setIsMounted(false);\n    };\n    openedWindow.addEventListener(\"beforeunload\", handleBeforeUnload);\n\n    return () => {\n      openedWindow.removeEventListener(\"beforeunload\", handleBeforeUnload);\n      if (floating.popup?.closeOnUnmount !== false) {\n        openedWindow.close();\n      }\n      popupWindowRef.current = null;\n      containerRef.current = null;\n      setIsMounted(false);\n    };\n  }, [\n    floating.popup?.closeOnUnmount,\n    floating.popup?.features?.location,\n    floating.popup?.features?.menubar,\n    floating.popup?.features?.resizable,\n    floating.popup?.features?.scrollbars,\n    floating.popup?.features?.status,\n    floating.popup?.features?.toolbar,\n    floating.popup?.focus,\n    floating.popup?.name,\n    layer.id,\n  ]);\n\n  React.useEffect(() => {\n    const popupWindow = popupWindowRef.current;\n    if (!popupWindow) {\n      return;\n    }\n    applyBoundsToWindow(popupWindow, layer.id, layer.position, layer.width, layer.height);\n  }, [layer.position?.left, layer.position?.top, layer.height, layer.width, layer.id]);\n\n  if (!isMounted || !containerRef.current) {\n    return null;\n  }\n\n  return createPortal(<LayerInstanceProvider layerId={layer.id}>{layer.component}</LayerInstanceProvider>, containerRef.current);\n};\n\nconst resolvePopupWindow = (\n  windowName: string,\n  features: string,\n  bounds: WindowBounds,\n  options: PopupWindowOptions | undefined,\n): Window | null => {\n  const customFactory = options?.createWindow;\n  if (customFactory) {\n    return customFactory({ name: windowName, features, bounds });\n  }\n  return window.open(\"\", windowName, features);\n};\n","/**\n * @file FloatingWindow component with chrome support\n *\n * Renders floating panel content with optional built-in chrome (FloatingPanelFrame).\n * When chrome is enabled and header is provided, header becomes the drag handle.\n */\nimport * as React from \"react\";\nimport type { FloatingBehavior } from \"../../types\";\nimport {\n  FloatingPanelCloseButton,\n  FloatingPanelFrame,\n  FloatingPanelHeader,\n  FloatingPanelTitle,\n  FloatingPanelControls,\n  FloatingPanelContent,\n} from \"../paneling/FloatingPanelFrame\";\n\nexport type FloatingWindowProps = {\n  id: string;\n  config: FloatingBehavior;\n  onClose: () => void;\n  children: React.ReactNode;\n};\n\ntype CloseButtonProps = {\n  onClick: () => void;\n};\n\nconst CloseButton: React.FC<CloseButtonProps> = ({ onClick }) => (\n  <FloatingPanelControls>\n    <FloatingPanelCloseButton onClick={onClick} aria-label=\"Close window\" data-drag-ignore=\"true\" />\n  </FloatingPanelControls>\n);\n\ntype FloatingWindowHeaderProps = {\n  header?: FloatingBehavior[\"header\"];\n  draggable?: boolean;\n  onClose: () => void;\n};\n\nconst FloatingWindowHeader: React.FC<FloatingWindowHeaderProps> = ({ header, draggable, onClose }) => {\n  if (!header) {\n    return null;\n  }\n\n  const showCloseButton = header.showCloseButton ?? false;\n  const dragHandleProps = draggable ? { \"data-drag-handle\": \"true\" } : {};\n  const cursorStyle = draggable ? \"grab\" : undefined;\n\n  return (\n    <FloatingPanelHeader {...dragHandleProps} style={{ cursor: cursorStyle }}>\n      {header.title ? <FloatingPanelTitle>{header.title}</FloatingPanelTitle> : null}\n      {showCloseButton ? <CloseButton onClick={onClose} /> : null}\n    </FloatingPanelHeader>\n  );\n};\n\ntype FloatingWindowViewProps = {\n  header?: FloatingBehavior[\"header\"];\n  draggable?: boolean;\n  chrome: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n};\n\nconst FloatingWindowView: React.FC<FloatingWindowViewProps> = ({ header, draggable, chrome, onClose, children }) => {\n  if (!chrome) {\n    return <>{children}</>;\n  }\n\n  return (\n    <FloatingPanelFrame style={{ height: \"100%\", width: \"100%\" }}>\n      <FloatingWindowHeader header={header} draggable={draggable} onClose={onClose} />\n      <FloatingPanelContent style={{ flex: 1, display: \"flex\", flexDirection: \"column\" }}>\n        {children}\n      </FloatingPanelContent>\n    </FloatingPanelFrame>\n  );\n};\n\nexport const FloatingWindow: React.FC<FloatingWindowProps> = ({ id, config, onClose, children }) => {\n  const chrome = config.chrome ?? false;\n  const draggable = config.draggable ?? false;\n  const ariaLabel = config.header?.title ?? config.ariaLabel ?? \"Floating window\";\n\n  return (\n    <div data-floating-window={id} role=\"dialog\" aria-label={ariaLabel} style={{ height: \"100%\", width: \"100%\" }}>\n      <FloatingWindowView header={config.header} draggable={draggable} chrome={chrome} onClose={onClose}>\n        {children}\n      </FloatingWindowView>\n    </div>\n  );\n};\n\nFloatingWindow.displayName = \"FloatingWindow\";\n"],"names":["drawerBackdropStyle","COLOR_DRAWER_BACKDROP","drawerBaseStyle","drawerPlacementStyles","computeTransitionValue","mode","duration","easing","DRAWER_TRANSITION_DURATION","DRAWER_TRANSITION_EASING","shouldShowCloseButton","dismissible","showClose","DrawerContent","chrome","frameStyle","header","onClose","children","jsxs","FloatingPanelFrame","jsx","DrawerHeaderView","FloatingPanelContent","DRAWER_CONTENT_PADDING","showCloseButton","shouldShowClose","React","FloatingPanelHeader","DRAWER_HEADER_PADDING_Y","DRAWER_HEADER_PADDING_X","DRAWER_HEADER_GAP","FloatingPanelTitle","FloatingPanelCloseButton","Drawer","id","config","isOpen","zIndex","width","height","position","inline","transitionMode","transitionDuration","transitionEasing","placement","anchor","pos","openTransforms","drawerStyle","transitionValue","style","ariaLabel","backdropStyle","base","isVertical","Fragment","waitForTransitionEnd","el","timeout","resolve","resolved","done","handler","e","runTransition","update","useTransitionState","options","states","setStates","optionsRef","transitionOptions","element","prev","opts","state","open","close","parseDuration","value","match","useDrawerState","layers","drawerStates","setDrawerStates","initial","layer","layerMap","map","updateState","layerId","DrawerLayers","drawer","drawerLayers","closeHandlers","handlers","GridLayoutContext","GridLayoutProvider","useGridLayoutContext","context","PanelSystemContext","usePanelSystem","ctx","PanelSystemProvider","layerById","resolveContent","validIds","l","getCachedContent","useContentCache","LayerInstanceContext","LayerInstanceProvider","useLayerInstance","ensureNumericOffset","key","resolvePopupAnchor","numericFeature","booleanFeature","buildWindowFeatures","features","overrides","toolbar","menubar","location","status","resizable","scrollbars","applyBoundsToWindow","popupWindow","PopupLayerPortal","floating","containerRef","popupWindowRef","isMounted","setIsMounted","windowName","createdWindow","resolvePopupWindow","openedWindow","mountNode","handleBeforeUnload","createPortal","bounds","customFactory","CloseButton","onClick","FloatingPanelControls","FloatingWindowHeader","draggable","FloatingWindowView","FloatingWindow"],"mappings":"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"}

package/dist/FloatingWindow-TCDNY5gE.cjs

@@ -0,0 +1,2 @@
+"use strict";const c=require("react/jsx-runtime"),O=require("react"),b=require("./FloatingPanelFrame-CEmXDvUA.cjs"),E=require("./styles-qf6ptVLD.cjs"),V=require("react-dom"),z=require("./useContentCache-DqXtLrLs.cjs");function X(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,r.get?r:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const u=X(O),y={position:"fixed",inset:0,background:E.COLOR_DRAWER_BACKDROP},Y={willChange:"transform"},F={left:{top:0,bottom:0,left:0,transform:"translateX(-100%)"},right:{top:0,bottom:0,right:0,transform:"translateX(100%)"},top:{top:0,left:0,right:0,transform:"translateY(-100%)"},bottom:{bottom:0,left:0,right:0,transform:"translateY(100%)"}},U=(t,e,o)=>{if(t==="none")return;const r=e??E.DRAWER_TRANSITION_DURATION,n=o??E.DRAWER_TRANSITION_EASING;return`transform ${r} ${n}`},K=(t,e)=>t?e:!1,J=({chrome:t,frameStyle:e,header:o,dismissible:r,onClose:n,children:i})=>t?c.jsxs(b.FloatingPanelFrame,{style:e,children:[c.jsx(Q,{header:o,dismissible:r,onClose:n}),c.jsx(b.FloatingPanelContent,{style:{padding:E.DRAWER_CONTENT_PADDING,flex:1,display:"flex",flexDirection:"column"},children:i})]}):c.jsx(c.Fragment,{children:i}),Q=({header:t,dismissible:e,onClose:o})=>{if(!t)return null;const r=t.showCloseButton??!0,n=K(e,r);return c.jsx(u.Activity,{mode:t?"visible":"hidden",children:c.jsxs(b.FloatingPanelHeader,{style:{padding:`${E.DRAWER_HEADER_PADDING_Y} ${E.DRAWER_HEADER_PADDING_X}`,gap:E.DRAWER_HEADER_GAP},children:[c.jsx(u.Activity,{mode:t?"visible":"hidden",children:c.jsx(b.FloatingPanelTitle,{children:t.title})}),c.jsx(u.Activity,{mode:n?"visible":"hidden",children:c.jsx(b.FloatingPanelCloseButton,{onClick:o,"aria-label":"Close drawer",style:{marginLeft:"auto"}})})]})})},M=({id:t,config:e,isOpen:o,onClose:r,children:n,zIndex:i,width:d,height:f,position:a})=>{const{dismissible:s=!0,header:l,chrome:p=!0,inline:w=!1,transitionMode:h="css",transitionDuration:x,transitionEasing:C}=e,v=u.useCallback((P,m)=>P||(m?m.left!==void 0?"left":m.right!==void 0?"right":m.top!==void 0?"top":m.bottom!==void 0?"bottom":"right":"right"),[])(e.anchor,a),B={left:"translateX(0)",right:"translateX(0)",top:"translateY(0)",bottom:"translateY(0)"},I=u.useMemo(()=>{const P=U(h,x,C),m={...Y,...w?{position:"absolute"}:{position:"fixed"},...F[v],transform:o?B[v]:F[v].transform,transition:P};return i!==void 0&&(m.zIndex=i),d!==void 0&&(m.width=typeof d=="number"?`${d}px`:d),f!==void 0&&(m.height=typeof f=="number"?`${f}px`:f),m},[f,w,o,v,x,C,h,d,i]),G=l?.title??e.ariaLabel??"Drawer",q=u.useMemo(()=>{const P=w?{...y,position:"absolute"}:y,m=h==="none"?void 0:`opacity ${x??"220ms"} ease`;return{...P,opacity:o?1:0,pointerEvents:o?"auto":"none",transition:m,zIndex:i!==void 0?i-1:void 0}},[w,o,x,h,i]),H=u.useMemo(()=>{const P=v==="left"||v==="right",m={borderRadius:0};return P&&(m.height="100%"),m},[v]);return c.jsxs(c.Fragment,{children:[c.jsx("div",{style:q,onClick:s?r:void 0}),c.jsx("div",{"data-layer-id":t,"data-placement":v,style:I,role:"dialog","aria-modal":s?!0:void 0,"aria-hidden":o?void 0:!0,"aria-label":G,children:c.jsx(J,{chrome:p,frameStyle:H,header:l,dismissible:s,onClose:r,children:n})})]})},Z=(t,e)=>new Promise(o=>{let r=!1;const n=()=>{r||(r=!0,t.removeEventListener("transitionend",i),o())},i=d=>{d.target===t&&n()};t.addEventListener("transitionend",i),setTimeout(n,e+50)}),D=async(t,e,o,r)=>{switch(e){case"none":t();return;case"css":t(),o&&await Z(o,r);return}},tt=t=>{const[e,o]=u.useState({}),r=u.useRef(t);r.current=t;const n=u.useCallback(async(a,s,l)=>{const{mode:p="none",element:w,duration:h=300}=l??{};await D(()=>{o(g=>g[a]===s?g:{...g,[a]:s})},p,w?.current,h);const C=r.current;s?C?.onOpen?.(a):C?.onClose?.(a),C?.onTransitionEnd?.(a,s)},[]),i=u.useCallback(a=>e[a]??!1,[e]),d=u.useCallback((a,s)=>n(a,!0,s),[n]),f=u.useCallback((a,s)=>n(a,!1,s),[n]);return{state:i,open:d,close:f}},et=t=>{if(!t)return 300;const e=t.match(/(\d+)/);return e?parseInt(e[1],10):300},A=t=>{const[e,o]=u.useState(()=>{const a={};return t.forEach(s=>{s.drawer&&(a[s.id]=s.drawer.defaultOpen??!1)}),a}),r=u.useMemo(()=>{const a=new Map;return t.forEach(s=>a.set(s.id,s)),a},[t]),n=u.useCallback(async(a,s,l)=>{const p=r.get(a);if(!p?.drawer)return;const w=l?.mode??p.drawer.transitionMode??"css",h=l?.duration??et(p.drawer.transitionDuration),x=l?.element?.current;await D(()=>{p.drawer?.open===void 0&&o(g=>g[a]===s?g:{...g,[a]:s}),p.drawer?.onStateChange?.(s)},w,x,h)},[r]),i=u.useCallback(a=>{const s=r.get(a);return s?.drawer?.open!==void 0?s.drawer.open:e[a]??!1},[r,e]),d=u.useCallback((a,s)=>n(a,!0,s),[n]),f=u.useCallback((a,s)=>n(a,!1,s),[n]);return{state:i,open:d,close:f}},nt=({layers:t})=>{const e=A(t),o=u.useMemo(()=>t.filter(n=>n.drawer),[t]),r=u.useMemo(()=>{const n=new Map;return o.forEach(i=>{n.set(i.id,()=>e.close(i.id))}),n},[o,e.close]);return c.jsx(c.Fragment,{children:o.map(n=>{if(!n.drawer)return null;const i=e.state(n.id),d=r.get(n.id);return d?c.jsx(M,{id:n.id,config:n.drawer,isOpen:i,onClose:d,zIndex:n.zIndex,width:n.width,height:n.height,position:n.position,children:n.component},n.id):null})})},T=u.createContext(null),ot=({value:t,children:e})=>c.jsx(T.Provider,{value:t,children:e}),rt=()=>{const t=u.useContext(T);if(!t)throw new Error("useGridLayoutContext must be used within a GridLayoutProvider.");return t},W=u.createContext(null),st=()=>{const t=u.useContext(W);if(!t)throw new Error("usePanelSystem must be used within a PanelSystemProvider.");return t},it=({config:t,layers:e,style:o,children:r})=>{const n=u.useMemo(()=>{const s=new Map;return e.forEach(l=>{s.set(l.id,l)}),s},[e]),i=u.useCallback(s=>n.get(s)?.component??null,[n]),d=u.useMemo(()=>e.map(s=>s.id),[e]),{getCachedContent:f}=z.useContentCache({resolveContent:i,validIds:d}),a=u.useMemo(()=>({config:t,style:o,layers:{defs:e,layerById:n},getCachedContent:f}),[t,o,e,n,f]);return c.jsx(W.Provider,{value:a,children:r})},_=u.createContext(null),$=({layerId:t,children:e})=>{const o=u.useMemo(()=>({layerId:t}),[t]);return c.jsx(_.Provider,{value:o,children:e})},at=()=>{const t=u.useContext(_);if(!t)throw new Error("useLayerInstance must be used within a LayerInstanceProvider.");return t},L=(t,e,o)=>{if(typeof t=="number"&&Number.isFinite(t))return t;throw new Error(`Popup layer "${o}" requires a numeric "${e}" value.`)},k=(t,e)=>{if(!t)throw new Error(`Popup layer "${e}" must define position (left/top).`);return{left:L(t.left,"left",e),top:L(t.top,"top",e)}},S=t=>`${Math.round(t)}`,j=t=>{if(t!==void 0)return t?"yes":"no"},ut=(t,e,o,r,n)=>{const i={},d=k(e,t);if(typeof o!="number"||typeof r!="number")throw new Error(`Popup layer "${t}" requires numeric width/height.`);i.width=S(o),i.height=S(r),i.left=S(d.left),i.top=S(d.top);const f=n?.features;if(f){const a=j(f.toolbar),s=j(f.menubar),l=j(f.location),p=j(f.status),w=j(f.resizable),h=j(f.scrollbars);a!==void 0&&(i.toolbar=a),s!==void 0&&(i.menubar=s),l!==void 0&&(i.location=l),p!==void 0&&(i.status=p),w!==void 0&&(i.resizable=w),h!==void 0&&(i.scrollbars=h)}return Object.entries(i).map(([a,s])=>`${a}=${s}`).join(",")},R=(t,e,o,r,n)=>{const i=k(o,e);if(typeof r!="number"||typeof n!="number")throw new Error(`Popup layer "${e}" requires numeric width/height.`);t.moveTo(Math.round(i.left),Math.round(i.top)),t.resizeTo(Math.round(r),Math.round(n))},ct=({layer:t})=>{const e=t.floating;if(!e)throw new Error(`Layer "${t.id}" is missing floating configuration required for popup mode.`);if((e.mode??"embedded")!=="popup")throw new Error(`PopupLayerPortal received layer "${t.id}" that is not configured for popup mode.`);const r=u.useRef(null),n=u.useRef(null),[i,d]=u.useState(!1);return u.useEffect(()=>{if(typeof window>"u")return;const f=ut(t.id,t.position,t.width,t.height,e.popup),a=e.popup?.name??t.id,s=lt(a,f,{position:t.position,size:{width:t.width,height:t.height}},e.popup);if(!s)throw new Error(`Failed to open popup window for layer "${t.id}".`);const l=s;n.current=l,e.popup?.focus!==!1&&l.focus(),l.document.title||(l.document.title=t.id),l.document.body.innerHTML="";const p=l.document.createElement("div");p.dataset.layerId=t.id,l.document.body.appendChild(p),r.current=p,d(!0),R(l,t.id,t.position,t.width,t.height);const w=()=>{n.current=null,r.current=null,d(!1)};return l.addEventListener("beforeunload",w),()=>{l.removeEventListener("beforeunload",w),e.popup?.closeOnUnmount!==!1&&l.close(),n.current=null,r.current=null,d(!1)}},[e.popup?.closeOnUnmount,e.popup?.features?.location,e.popup?.features?.menubar,e.popup?.features?.resizable,e.popup?.features?.scrollbars,e.popup?.features?.status,e.popup?.features?.toolbar,e.popup?.focus,e.popup?.name,t.id]),u.useEffect(()=>{const f=n.current;f&&R(f,t.id,t.position,t.width,t.height)},[t.position?.left,t.position?.top,t.height,t.width,t.id]),!i||!r.current?null:V.createPortal(c.jsx($,{layerId:t.id,children:t.component}),r.current)},lt=(t,e,o,r)=>{const n=r?.createWindow;return n?n({name:t,features:e,bounds:o}):window.open("",t,e)},dt=({onClick:t})=>c.jsx(b.FloatingPanelControls,{children:c.jsx(b.FloatingPanelCloseButton,{onClick:t,"aria-label":"Close window","data-drag-ignore":"true"})}),ft=({header:t,draggable:e,onClose:o})=>{if(!t)return null;const r=t.showCloseButton??!1,n=e?{"data-drag-handle":"true"}:{},i=e?"grab":void 0;return c.jsxs(b.FloatingPanelHeader,{...n,style:{cursor:i},children:[t.title?c.jsx(b.FloatingPanelTitle,{children:t.title}):null,r?c.jsx(dt,{onClick:o}):null]})},pt=({header:t,draggable:e,chrome:o,onClose:r,children:n})=>o?c.jsxs(b.FloatingPanelFrame,{style:{height:"100%",width:"100%"},children:[c.jsx(ft,{header:t,draggable:e,onClose:r}),c.jsx(b.FloatingPanelContent,{style:{flex:1,display:"flex",flexDirection:"column"},children:n})]}):c.jsx(c.Fragment,{children:n}),N=({id:t,config:e,onClose:o,children:r})=>{const n=e.chrome??!1,i=e.draggable??!1,d=e.header?.title??e.ariaLabel??"Floating window";return c.jsx("div",{"data-floating-window":t,role:"dialog","aria-label":d,style:{height:"100%",width:"100%"},children:c.jsx(pt,{header:e.header,draggable:i,chrome:n,onClose:o,children:r})})};N.displayName="FloatingWindow";exports.Drawer=M;exports.DrawerLayers=nt;exports.FloatingWindow=N;exports.GridLayoutProvider=ot;exports.LayerInstanceProvider=$;exports.PanelSystemProvider=it;exports.PopupLayerPortal=ct;exports.runTransition=D;exports.useDrawerState=A;exports.useGridLayoutContext=rt;exports.useLayerInstance=at;exports.usePanelSystem=st;exports.useTransitionState=tt;
+//# sourceMappingURL=FloatingWindow-TCDNY5gE.cjs.map

package/dist/FloatingWindow-TCDNY5gE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingWindow-TCDNY5gE.cjs","sources":["../src/components/window/Drawer.tsx","../src/hooks/useTransitionState.ts","../src/modules/window/useDrawerState.ts","../src/components/window/DrawerLayers.tsx","../src/modules/grid/GridLayoutContext.tsx","../src/PanelSystemContext.tsx","../src/modules/grid/LayerInstanceContext.tsx","../src/components/window/PopupLayerPortal.tsx","../src/components/window/FloatingWindow.tsx"],"sourcesContent":["/**\n * @file Drawer component\n *\n * Mobile-friendly slide-in panel with backdrop support.\n */\nimport * as React from \"react\";\nimport type { DrawerBehavior, WindowPosition } from \"../../types\";\nimport {\n  FloatingPanelCloseButton,\n  FloatingPanelContent,\n  FloatingPanelFrame,\n  FloatingPanelHeader,\n  FloatingPanelTitle,\n} from \"../paneling/FloatingPanelFrame\";\nimport {\n  DRAWER_HEADER_PADDING_Y,\n  DRAWER_HEADER_PADDING_X,\n  DRAWER_HEADER_GAP,\n  DRAWER_CONTENT_PADDING,\n  COLOR_DRAWER_BACKDROP,\n  DRAWER_TRANSITION_DURATION,\n  DRAWER_TRANSITION_EASING,\n} from \"../../constants/styles\";\n\nconst drawerBackdropStyle: React.CSSProperties = {\n  position: \"fixed\",\n  inset: 0,\n  background: COLOR_DRAWER_BACKDROP,\n};\n\nconst drawerBaseStyle: React.CSSProperties = {\n  willChange: \"transform\",\n};\n\nconst drawerPlacementStyles: Record<string, React.CSSProperties> = {\n  left: {\n    top: 0,\n    bottom: 0,\n    left: 0,\n    transform: \"translateX(-100%)\",\n  },\n  right: {\n    top: 0,\n    bottom: 0,\n    right: 0,\n    transform: \"translateX(100%)\",\n  },\n  top: {\n    top: 0,\n    left: 0,\n    right: 0,\n    transform: \"translateY(-100%)\",\n  },\n  bottom: {\n    bottom: 0,\n    left: 0,\n    right: 0,\n    transform: \"translateY(100%)\",\n  },\n};\n\nconst computeTransitionValue = (\n  mode: DrawerBehavior[\"transitionMode\"] | undefined,\n  duration: DrawerBehavior[\"transitionDuration\"],\n  easing: DrawerBehavior[\"transitionEasing\"],\n): string | undefined => {\n  if (mode === \"none\") {\n    return undefined;\n  }\n\n  const durationValue = duration ?? DRAWER_TRANSITION_DURATION;\n  const easingValue = easing ?? DRAWER_TRANSITION_EASING;\n\n  return `transform ${durationValue} ${easingValue}`;\n};\n\nexport type DrawerProps = {\n  id: string;\n  config: DrawerBehavior;\n  isOpen: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n  zIndex?: number;\n  width?: string | number;\n  height?: string | number;\n  position?: WindowPosition;\n};\n\nconst shouldShowCloseButton = (dismissible: boolean, showClose: boolean): boolean => {\n  if (!dismissible) {\n    return false;\n  }\n  return showClose;\n};\n\ntype DrawerContentProps = {\n  chrome: boolean;\n  frameStyle: React.CSSProperties;\n  header?: DrawerBehavior[\"header\"];\n  dismissible: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n};\n\nconst DrawerContent: React.FC<DrawerContentProps> = ({ chrome, frameStyle, header, dismissible, onClose, children }) => {\n  if (!chrome) {\n    return <>{children}</>;\n  }\n  return (\n    <FloatingPanelFrame style={frameStyle}>\n      <DrawerHeaderView header={header} dismissible={dismissible} onClose={onClose} />\n      <FloatingPanelContent\n        style={{ padding: DRAWER_CONTENT_PADDING, flex: 1, display: \"flex\", flexDirection: \"column\" }}\n      >\n        {children}\n      </FloatingPanelContent>\n    </FloatingPanelFrame>\n  );\n};\n\nconst DrawerHeaderView: React.FC<{\n  header?: DrawerBehavior[\"header\"];\n  dismissible: boolean;\n  onClose: () => void;\n}> = ({ header, dismissible, onClose }) => {\n  if (!header) {\n    return null;\n  }\n\n  const showCloseButton = header.showCloseButton ?? true;\n  const shouldShowClose = shouldShowCloseButton(dismissible, showCloseButton);\n\n  return (\n    <React.Activity mode={header ? \"visible\" : \"hidden\"}>\n      <FloatingPanelHeader\n        style={{ padding: `${DRAWER_HEADER_PADDING_Y} ${DRAWER_HEADER_PADDING_X}`, gap: DRAWER_HEADER_GAP }}\n      >\n        <React.Activity mode={header ? \"visible\" : \"hidden\"}>\n          <FloatingPanelTitle>{header.title}</FloatingPanelTitle>\n        </React.Activity>\n        <React.Activity mode={shouldShowClose ? \"visible\" : \"hidden\"}>\n          <FloatingPanelCloseButton\n            onClick={onClose}\n            aria-label=\"Close drawer\"\n            style={{ marginLeft: \"auto\" }}\n          />\n        </React.Activity>\n      </FloatingPanelHeader>\n    </React.Activity>\n  );\n};\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  id,\n  config,\n  isOpen,\n  onClose,\n  children,\n  zIndex,\n  width,\n  height,\n  position,\n}) => {\n  const {\n    dismissible = true,\n    header,\n    chrome = true,\n    inline = false,\n    transitionMode = \"css\",\n    transitionDuration,\n    transitionEasing,\n  } = config;\n\n  const resolvePlacement = React.useCallback(\n    (anchor?: DrawerBehavior[\"anchor\"], pos?: WindowPosition): \"left\" | \"right\" | \"top\" | \"bottom\" => {\n      // Prefer explicit anchor from config\n      if (anchor) {\n        return anchor;\n      }\n      // Fall back to inferring from position\n      if (!pos) {\n        return \"right\";\n      }\n      if (pos.left !== undefined) {\n        return \"left\";\n      }\n      if (pos.right !== undefined) {\n        return \"right\";\n      }\n      if (pos.top !== undefined) {\n        return \"top\";\n      }\n      if (pos.bottom !== undefined) {\n        return \"bottom\";\n      }\n      return \"right\";\n    },\n    [],\n  );\n\n  const placement = resolvePlacement(config.anchor, position);\n\n  const openTransforms: Record<string, string> = {\n    left: \"translateX(0)\",\n    right: \"translateX(0)\",\n    top: \"translateY(0)\",\n    bottom: \"translateY(0)\",\n  };\n\n  const drawerStyle = React.useMemo((): React.CSSProperties => {\n    const transitionValue = computeTransitionValue(transitionMode, transitionDuration, transitionEasing);\n\n    const style: React.CSSProperties = {\n      ...drawerBaseStyle,\n      ...(inline ? { position: \"absolute\" } : { position: \"fixed\" }),\n      ...drawerPlacementStyles[placement],\n      transform: isOpen ? openTransforms[placement] : drawerPlacementStyles[placement].transform,\n      transition: transitionValue,\n    };\n\n    if (zIndex !== undefined) {\n      style.zIndex = zIndex;\n    }\n\n    if (width !== undefined) {\n      style.width = typeof width === \"number\" ? `${width}px` : width;\n    }\n    if (height !== undefined) {\n      style.height = typeof height === \"number\" ? `${height}px` : height;\n    }\n\n    return style;\n  }, [height, inline, isOpen, placement, transitionDuration, transitionEasing, transitionMode, width, zIndex]);\n\n  const ariaLabel = header?.title ?? config.ariaLabel ?? \"Drawer\";\n\n  const backdropStyle = React.useMemo((): React.CSSProperties => {\n    const base = inline ? { ...drawerBackdropStyle, position: \"absolute\" as const } : drawerBackdropStyle;\n    const transitionValue = transitionMode === \"none\" ? undefined : `opacity ${transitionDuration ?? \"220ms\"} ease`;\n    return {\n      ...base,\n      opacity: isOpen ? 1 : 0,\n      pointerEvents: isOpen ? \"auto\" : \"none\",\n      transition: transitionValue,\n      zIndex: zIndex !== undefined ? zIndex - 1 : undefined,\n    };\n  }, [inline, isOpen, transitionDuration, transitionMode, zIndex]);\n\n  const frameStyle = React.useMemo((): React.CSSProperties => {\n    const isVertical = placement === \"left\" || placement === \"right\";\n    const style: React.CSSProperties = { borderRadius: 0 };\n    if (isVertical) {\n      style.height = \"100%\";\n    }\n    return style;\n  }, [placement]);\n\n  return (\n    <>\n      <div style={backdropStyle} onClick={dismissible ? onClose : undefined} />\n      <div\n        data-layer-id={id}\n        data-placement={placement}\n        style={drawerStyle}\n        role=\"dialog\"\n        aria-modal={dismissible ? true : undefined}\n        aria-hidden={isOpen ? undefined : true}\n        aria-label={ariaLabel}\n      >\n        <DrawerContent\n          chrome={chrome}\n          frameStyle={frameStyle}\n          header={header}\n          dismissible={dismissible}\n          onClose={onClose}\n        >\n          {children}\n        </DrawerContent>\n      </div>\n    </>\n  );\n};\n","/**\n * @file Generic transition state management with animation support.\n */\nimport * as React from \"react\";\n\nexport type TransitionMode = \"none\" | \"css\";\n\nexport type TransitionOptions = {\n  mode?: TransitionMode;\n  element?: React.RefObject<HTMLElement>;\n  duration?: number;\n};\n\nexport type UseTransitionStateOptions = {\n  onOpen?: (id: string) => void;\n  onClose?: (id: string) => void;\n  onTransitionEnd?: (id: string, isOpen: boolean) => void;\n};\n\nconst waitForTransitionEnd = (el: HTMLElement, timeout: number): Promise<void> =>\n  new Promise((resolve) => {\n    // eslint-disable-next-line no-restricted-syntax -- mutable flag needed for deduplication\n    let resolved = false;\n    const done = () => {\n      if (resolved) {return;}\n      resolved = true;\n      el.removeEventListener(\"transitionend\", handler);\n      resolve();\n    };\n    const handler = (e: TransitionEvent) => {\n      if (e.target === el) {done();}\n    };\n    el.addEventListener(\"transitionend\", handler);\n    setTimeout(done, timeout + 50);\n  });\n\nexport const runTransition = async (\n  update: () => void,\n  mode: TransitionMode,\n  el: HTMLElement | null | undefined,\n  duration: number,\n): Promise<void> => {\n  switch (mode) {\n    case \"none\":\n      update();\n      return;\n\n    case \"css\":\n      update();\n      if (el) {await waitForTransitionEnd(el, duration);}\n      return;\n  }\n};\n\nexport const useTransitionState = (options?: UseTransitionStateOptions) => {\n  const [states, setStates] = React.useState<Record<string, boolean>>({});\n  const optionsRef = React.useRef(options);\n  optionsRef.current = options;\n\n  const update = React.useCallback(\n    async (id: string, isOpen: boolean, transitionOptions?: TransitionOptions) => {\n      const { mode = \"none\", element, duration = 300 } = transitionOptions ?? {};\n\n      const applyState = () => {\n        setStates((prev) => {\n          if (prev[id] === isOpen) {return prev;}\n          return { ...prev, [id]: isOpen };\n        });\n      };\n\n      await runTransition(applyState, mode, element?.current, duration);\n\n      const opts = optionsRef.current;\n      if (isOpen) {\n        opts?.onOpen?.(id);\n      } else {\n        opts?.onClose?.(id);\n      }\n      opts?.onTransitionEnd?.(id, isOpen);\n    },\n    [],\n  );\n\n  const state = React.useCallback((id: string): boolean => states[id] ?? false, [states]);\n  const open = React.useCallback(\n    (id: string, opts?: TransitionOptions) => update(id, true, opts),\n    [update],\n  );\n  const close = React.useCallback(\n    (id: string, opts?: TransitionOptions) => update(id, false, opts),\n    [update],\n  );\n\n  return { state, open, close };\n};\n","/**\n * @file Hook for managing drawer state (controlled/uncontrolled)\n */\nimport * as React from \"react\";\nimport {\n  type TransitionMode,\n  type TransitionOptions,\n  runTransition,\n} from \"../../hooks/useTransitionState\";\nimport type { LayerDefinition } from \"../../types\";\n\nconst parseDuration = (value: string | undefined): number => {\n  if (!value) {return 300;}\n  const match = value.match(/(\\d+)/);\n  return match ? parseInt(match[1], 10) : 300;\n};\n\nexport const useDrawerState = (layers: LayerDefinition[]) => {\n  const [drawerStates, setDrawerStates] = React.useState<Record<string, boolean>>(() => {\n    const initial: Record<string, boolean> = {};\n    layers.forEach((layer) => {\n      if (layer.drawer) {\n        initial[layer.id] = layer.drawer.defaultOpen ?? false;\n      }\n    });\n    return initial;\n  });\n\n  const layerMap = React.useMemo(() => {\n    const map = new Map<string, LayerDefinition>();\n    layers.forEach((layer) => map.set(layer.id, layer));\n    return map;\n  }, [layers]);\n\n  const updateState = React.useCallback(\n    async (layerId: string, isOpen: boolean, options?: TransitionOptions) => {\n      const layer = layerMap.get(layerId);\n      if (!layer?.drawer) {return;}\n\n      const mode: TransitionMode = options?.mode ?? layer.drawer.transitionMode ?? \"css\";\n      const duration = options?.duration ?? parseDuration(layer.drawer.transitionDuration);\n      const element = options?.element?.current;\n\n      const applyState = () => {\n        if (layer.drawer?.open === undefined) {\n          setDrawerStates((prev) => {\n            if (prev[layerId] === isOpen) {return prev;}\n            return { ...prev, [layerId]: isOpen };\n          });\n        }\n        layer.drawer?.onStateChange?.(isOpen);\n      };\n\n      await runTransition(applyState, mode, element, duration);\n    },\n    [layerMap],\n  );\n\n  const state = React.useCallback(\n    (layerId: string): boolean => {\n      const layer = layerMap.get(layerId);\n      if (layer?.drawer?.open !== undefined) {\n        return layer.drawer.open;\n      }\n      return drawerStates[layerId] ?? false;\n    },\n    [layerMap, drawerStates],\n  );\n\n  const open = React.useCallback(\n    (id: string, options?: TransitionOptions) => updateState(id, true, options),\n    [updateState],\n  );\n\n  const close = React.useCallback(\n    (id: string, options?: TransitionOptions) => updateState(id, false, options),\n    [updateState],\n  );\n\n  return { state, open, close };\n};\n","/**\n * @file DrawerLayers component\n */\nimport * as React from \"react\";\nimport type { LayerDefinition } from \"../../types\";\nimport { Drawer } from \"./Drawer\";\nimport { useDrawerState } from \"../../modules/window/useDrawerState\";\n\nexport type DrawerLayersProps = {\n  layers: LayerDefinition[];\n};\n\nexport const DrawerLayers: React.FC<DrawerLayersProps> = ({ layers }) => {\n  const drawer = useDrawerState(layers);\n\n  const drawerLayers = React.useMemo(() => layers.filter((layer) => layer.drawer), [layers]);\n\n  const closeHandlers = React.useMemo(() => {\n    const handlers = new Map<string, () => void>();\n    drawerLayers.forEach((layer) => {\n      handlers.set(layer.id, () => drawer.close(layer.id));\n    });\n    return handlers;\n  }, [drawerLayers, drawer.close]);\n\n  return (\n    <>\n      {drawerLayers.map((layer) => {\n        if (!layer.drawer) {\n          return null;\n        }\n\n        const isOpen = drawer.state(layer.id);\n        const onClose = closeHandlers.get(layer.id);\n\n        if (!onClose) {\n          return null;\n        }\n\n        return (\n          <Drawer\n            key={layer.id}\n            id={layer.id}\n            config={layer.drawer}\n            isOpen={isOpen}\n            onClose={onClose}\n            zIndex={layer.zIndex}\n            width={layer.width}\n            height={layer.height}\n            position={layer.position}\n          >\n            {layer.component}\n          </Drawer>\n        );\n      })}\n    </>\n  );\n};\n","/**\n * @file Context provider for grid layer rendering helpers.\n */\nimport * as React from \"react\";\nimport type { LayerDefinition } from \"../../types\";\n\nexport type GridLayerHandleProps = React.HTMLAttributes<HTMLElement> & {\n  \"data-drag-handle\": \"true\";\n};\n\nexport type ResizeHandleConfig =\n  | {\n      key: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\";\n      variant: \"corner\";\n      horizontal: \"left\" | \"right\";\n      vertical: \"top\" | \"bottom\";\n    }\n  | {\n      key: \"left\" | \"right\" | \"top\" | \"bottom\";\n      variant: \"edge\";\n      horizontal?: \"left\" | \"right\";\n      vertical?: \"top\" | \"bottom\";\n    };\n\nexport type GridLayerRenderState = {\n  style: React.CSSProperties;\n  isResizable: boolean;\n  isResizing: boolean;\n  onResizeHandlePointerDown: (config: ResizeHandleConfig, event: React.PointerEvent<HTMLDivElement>) => void;\n};\n\nexport type GridLayoutContextValue = {\n  handleLayerPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;\n  getLayerRenderState: (layer: LayerDefinition) => GridLayerRenderState;\n  getLayerHandleProps: (layerId: string) => GridLayerHandleProps;\n  /**\n   * Whether the GridLayout is mounted at root level.\n   * When true, scrollable layers should delegate to browser's native scroll.\n   */\n  isRootLevel: boolean;\n};\n\nconst GridLayoutContext = React.createContext<GridLayoutContextValue | null>(null);\n\nexport const GridLayoutProvider: React.FC<\n  React.PropsWithChildren<{ value: GridLayoutContextValue }>\n> = ({ value, children }) => {\n  return <GridLayoutContext.Provider value={value}>{children}</GridLayoutContext.Provider>;\n};\n\nexport const useGridLayoutContext = (): GridLayoutContextValue => {\n  const context = React.useContext(GridLayoutContext);\n  if (!context) {\n    throw new Error(\"useGridLayoutContext must be used within a GridLayoutProvider.\");\n  }\n  return context;\n};\n","/**\n * @file PanelSystemContext\n *\n * Core provider for panel definitions and registry. Grid-specific layout and\n * interactions are composed by UI layers (e.g., GridLayout) on top of this.\n *\n * Includes content caching to preserve React component state across re-renders.\n * This is essential for maintaining internal state when parent components\n * re-create the layers array.\n */\nimport * as React from \"react\";\nimport type { PanelLayoutConfig, LayerDefinition } from \"./types\";\nimport { useContentCache } from \"./hooks/useContentCache\";\n\nexport type PanelSystemContextValue = {\n  config: PanelLayoutConfig;\n  style?: React.CSSProperties;\n  layers: {\n    /** Raw panel definitions (no grid normalization). */\n    defs: LayerDefinition[];\n    /** Fast lookup map by id for consumers. */\n    layerById: Map<string, LayerDefinition>;\n  };\n  /**\n   * Get cached content for a layer. Returns the same ReactNode reference\n   * for the same layer ID to prevent remounting on parent re-renders.\n   */\n  getCachedContent: (layerId: string) => React.ReactNode | null;\n};\n\nconst PanelSystemContext = React.createContext<PanelSystemContextValue | null>(null);\n\nexport const usePanelSystem = (): PanelSystemContextValue => {\n  const ctx = React.useContext(PanelSystemContext);\n  if (!ctx) {\n    throw new Error(\"usePanelSystem must be used within a PanelSystemProvider.\");\n  }\n  return ctx;\n};\n\nexport type PanelSystemProviderProps = React.PropsWithChildren<{\n  config: PanelLayoutConfig;\n  layers: LayerDefinition[];\n  style?: React.CSSProperties;\n}>;\n\nexport const PanelSystemProvider: React.FC<PanelSystemProviderProps> = ({ config, layers, style, children }) => {\n  const layerById = React.useMemo(() => {\n    const map = new Map<string, LayerDefinition>();\n    layers.forEach((layer) => {\n      map.set(layer.id, layer);\n    });\n    return map;\n  }, [layers]);\n\n  // Content resolver for useContentCache\n  const resolveContent = React.useCallback(\n    (layerId: string): React.ReactNode | null => {\n      const layer = layerById.get(layerId);\n      return layer?.component ?? null;\n    },\n    [layerById],\n  );\n\n  // Valid IDs for cache cleanup\n  const validIds = React.useMemo(() => layers.map((l) => l.id), [layers]);\n\n  // Use shared content cache hook\n  const { getCachedContent } = useContentCache({\n    resolveContent,\n    validIds,\n  });\n\n  const value = React.useMemo<PanelSystemContextValue>(\n    () => ({\n      config,\n      style,\n      layers: {\n        defs: layers,\n        layerById,\n      },\n      getCachedContent,\n    }),\n    [config, style, layers, layerById, getCachedContent],\n  );\n\n  return <PanelSystemContext.Provider value={value}>{children}</PanelSystemContext.Provider>;\n};\n","/**\n * @file Context exposing the current grid layer id and helpers to child components.\n */\nimport * as React from \"react\";\nimport type { LayerDefinition } from \"../../types\";\nimport { usePanelSystem } from \"../../PanelSystemContext\";\nimport { useGridLayoutContext, type GridLayerHandleProps } from \"./GridLayoutContext\";\n\ntype LayerInstanceContextValue = {\n  layerId: string;\n};\n\nconst LayerInstanceContext = React.createContext<LayerInstanceContextValue | null>(null);\n\nexport type LayerInstanceProviderProps = React.PropsWithChildren<LayerInstanceContextValue>;\n\nexport const LayerInstanceProvider: React.FC<LayerInstanceProviderProps> = ({ layerId, children }) => {\n  const value = React.useMemo(() => ({ layerId }), [layerId]);\n  return <LayerInstanceContext.Provider value={value}>{children}</LayerInstanceContext.Provider>;\n};\n\nexport const useLayerInstance = (): LayerInstanceContextValue => {\n  const value = React.useContext(LayerInstanceContext);\n  if (!value) {\n    throw new Error(\"useLayerInstance must be used within a LayerInstanceProvider.\");\n  }\n  return value;\n};\n\n/**\n * Convenience: read the current layer definition from the core registry.\n */\nexport const useCurrentLayerDefinition = (): LayerDefinition => {\n  const { layerId } = useLayerInstance();\n  const { layers } = usePanelSystem();\n  const def = layers.layerById.get(layerId);\n  if (!def) {\n    throw new Error(`Layer definition not found for id: ${layerId}`);\n  }\n  return def;\n};\n\n/**\n * Convenience: get drag handle props, pre-bound to the current layer.\n */\nexport const useCurrentLayerHandleProps = (): GridLayerHandleProps => {\n  const { layerId } = useLayerInstance();\n  const { getLayerHandleProps } = useGridLayoutContext();\n  return React.useMemo(() => getLayerHandleProps(layerId), [getLayerHandleProps, layerId]);\n};\n\n/**\n * Compatibility helper for existing code using useLayerDragHandle.\n * Prefer useCurrentLayerHandleProps for direct access.\n */\nexport const useLayerDragHandleProps = useCurrentLayerHandleProps;\n","/**\n * @file Renders floating layers inside a dedicated browser popup window.\n */\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport type { LayerDefinition, PopupWindowOptions, WindowPosition, WindowBounds } from \"../../types\";\nimport { LayerInstanceProvider } from \"../../modules/grid/LayerInstanceContext\";\n\nconst ensureNumericOffset = (value: number | string | undefined, key: keyof WindowPosition, layerId: string): number => {\n  if (typeof value === \"number\" && Number.isFinite(value)) {\n    return value;\n  }\n  throw new Error(`Popup layer \"${layerId}\" requires a numeric \"${key}\" value.`);\n};\n\nconst resolvePopupAnchor = (position: WindowPosition | undefined, layerId: string): { left: number; top: number } => {\n  if (!position) {\n    throw new Error(`Popup layer \"${layerId}\" must define position (left/top).`);\n  }\n  return {\n    left: ensureNumericOffset(position.left, \"left\", layerId),\n    top: ensureNumericOffset(position.top, \"top\", layerId),\n  };\n};\n\nconst numericFeature = (value: number): string => {\n  return `${Math.round(value)}`;\n};\n\nconst booleanFeature = (value: boolean | undefined): string | undefined => {\n  if (value === undefined) {\n    return undefined;\n  }\n  return value ? \"yes\" : \"no\";\n};\n\nconst buildWindowFeatures = (\n  layerId: string,\n  position: WindowPosition | undefined,\n  width: number | string | undefined,\n  height: number | string | undefined,\n  options: PopupWindowOptions | undefined,\n): string => {\n  const features: Record<string, string> = {};\n  const anchor = resolvePopupAnchor(position, layerId);\n\n  if (typeof width !== \"number\" || typeof height !== \"number\") {\n    throw new Error(`Popup layer \"${layerId}\" requires numeric width/height.`);\n  }\n  features.width = numericFeature(width);\n  features.height = numericFeature(height);\n  features.left = numericFeature(anchor.left);\n  features.top = numericFeature(anchor.top);\n\n  const overrides = options?.features;\n  if (overrides) {\n    const toolbar = booleanFeature(overrides.toolbar);\n    const menubar = booleanFeature(overrides.menubar);\n    const location = booleanFeature(overrides.location);\n    const status = booleanFeature(overrides.status);\n    const resizable = booleanFeature(overrides.resizable);\n    const scrollbars = booleanFeature(overrides.scrollbars);\n\n    if (toolbar !== undefined) {\n      features.toolbar = toolbar;\n    }\n    if (menubar !== undefined) {\n      features.menubar = menubar;\n    }\n    if (location !== undefined) {\n      features.location = location;\n    }\n    if (status !== undefined) {\n      features.status = status;\n    }\n    if (resizable !== undefined) {\n      features.resizable = resizable;\n    }\n    if (scrollbars !== undefined) {\n      features.scrollbars = scrollbars;\n    }\n  }\n\n  return Object.entries(features)\n    .map(([key, value]) => `${key}=${value}`)\n    .join(\",\");\n};\n\nconst applyBoundsToWindow = (\n  popupWindow: Window,\n  layerId: string,\n  position: WindowPosition | undefined,\n  width: number | string | undefined,\n  height: number | string | undefined,\n) => {\n  const anchor = resolvePopupAnchor(position, layerId);\n  if (typeof width !== \"number\" || typeof height !== \"number\") {\n    throw new Error(`Popup layer \"${layerId}\" requires numeric width/height.`);\n  }\n  popupWindow.moveTo(Math.round(anchor.left), Math.round(anchor.top));\n  popupWindow.resizeTo(Math.round(width), Math.round(height));\n};\n\ntype PopupLayerPortalProps = {\n  layer: LayerDefinition;\n};\n\nexport const PopupLayerPortal: React.FC<PopupLayerPortalProps> = ({ layer }) => {\n  const floating = layer.floating;\n  if (!floating) {\n    throw new Error(`Layer \"${layer.id}\" is missing floating configuration required for popup mode.`);\n  }\n  const mode = floating.mode ?? \"embedded\";\n  if (mode !== \"popup\") {\n    throw new Error(`PopupLayerPortal received layer \"${layer.id}\" that is not configured for popup mode.`);\n  }\n\n  const containerRef = React.useRef<HTMLDivElement | null>(null);\n  const popupWindowRef = React.useRef<Window | null>(null);\n  const [isMounted, setIsMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    const features = buildWindowFeatures(layer.id, layer.position, layer.width, layer.height, floating.popup);\n    const windowName = floating.popup?.name ?? layer.id;\n    const createdWindow = resolvePopupWindow(\n      windowName,\n      features,\n      {\n        position: layer.position,\n        size: { width: layer.width as number, height: layer.height as number },\n      },\n      floating.popup,\n    );\n\n    if (!createdWindow) {\n      throw new Error(`Failed to open popup window for layer \"${layer.id}\".`);\n    }\n\n    const openedWindow = createdWindow;\n\n    popupWindowRef.current = openedWindow;\n\n    if (floating.popup?.focus !== false) {\n      openedWindow.focus();\n    }\n\n    if (!openedWindow.document.title) {\n      openedWindow.document.title = layer.id;\n    }\n    openedWindow.document.body.innerHTML = \"\";\n    const mountNode = openedWindow.document.createElement(\"div\");\n    mountNode.dataset.layerId = layer.id;\n    openedWindow.document.body.appendChild(mountNode);\n    containerRef.current = mountNode;\n    setIsMounted(true);\n\n    applyBoundsToWindow(openedWindow, layer.id, layer.position, layer.width, layer.height);\n\n    const handleBeforeUnload = () => {\n      popupWindowRef.current = null;\n      containerRef.current = null;\n      setIsMounted(false);\n    };\n    openedWindow.addEventListener(\"beforeunload\", handleBeforeUnload);\n\n    return () => {\n      openedWindow.removeEventListener(\"beforeunload\", handleBeforeUnload);\n      if (floating.popup?.closeOnUnmount !== false) {\n        openedWindow.close();\n      }\n      popupWindowRef.current = null;\n      containerRef.current = null;\n      setIsMounted(false);\n    };\n  }, [\n    floating.popup?.closeOnUnmount,\n    floating.popup?.features?.location,\n    floating.popup?.features?.menubar,\n    floating.popup?.features?.resizable,\n    floating.popup?.features?.scrollbars,\n    floating.popup?.features?.status,\n    floating.popup?.features?.toolbar,\n    floating.popup?.focus,\n    floating.popup?.name,\n    layer.id,\n  ]);\n\n  React.useEffect(() => {\n    const popupWindow = popupWindowRef.current;\n    if (!popupWindow) {\n      return;\n    }\n    applyBoundsToWindow(popupWindow, layer.id, layer.position, layer.width, layer.height);\n  }, [layer.position?.left, layer.position?.top, layer.height, layer.width, layer.id]);\n\n  if (!isMounted || !containerRef.current) {\n    return null;\n  }\n\n  return createPortal(<LayerInstanceProvider layerId={layer.id}>{layer.component}</LayerInstanceProvider>, containerRef.current);\n};\n\nconst resolvePopupWindow = (\n  windowName: string,\n  features: string,\n  bounds: WindowBounds,\n  options: PopupWindowOptions | undefined,\n): Window | null => {\n  const customFactory = options?.createWindow;\n  if (customFactory) {\n    return customFactory({ name: windowName, features, bounds });\n  }\n  return window.open(\"\", windowName, features);\n};\n","/**\n * @file FloatingWindow component with chrome support\n *\n * Renders floating panel content with optional built-in chrome (FloatingPanelFrame).\n * When chrome is enabled and header is provided, header becomes the drag handle.\n */\nimport * as React from \"react\";\nimport type { FloatingBehavior } from \"../../types\";\nimport {\n  FloatingPanelCloseButton,\n  FloatingPanelFrame,\n  FloatingPanelHeader,\n  FloatingPanelTitle,\n  FloatingPanelControls,\n  FloatingPanelContent,\n} from \"../paneling/FloatingPanelFrame\";\n\nexport type FloatingWindowProps = {\n  id: string;\n  config: FloatingBehavior;\n  onClose: () => void;\n  children: React.ReactNode;\n};\n\ntype CloseButtonProps = {\n  onClick: () => void;\n};\n\nconst CloseButton: React.FC<CloseButtonProps> = ({ onClick }) => (\n  <FloatingPanelControls>\n    <FloatingPanelCloseButton onClick={onClick} aria-label=\"Close window\" data-drag-ignore=\"true\" />\n  </FloatingPanelControls>\n);\n\ntype FloatingWindowHeaderProps = {\n  header?: FloatingBehavior[\"header\"];\n  draggable?: boolean;\n  onClose: () => void;\n};\n\nconst FloatingWindowHeader: React.FC<FloatingWindowHeaderProps> = ({ header, draggable, onClose }) => {\n  if (!header) {\n    return null;\n  }\n\n  const showCloseButton = header.showCloseButton ?? false;\n  const dragHandleProps = draggable ? { \"data-drag-handle\": \"true\" } : {};\n  const cursorStyle = draggable ? \"grab\" : undefined;\n\n  return (\n    <FloatingPanelHeader {...dragHandleProps} style={{ cursor: cursorStyle }}>\n      {header.title ? <FloatingPanelTitle>{header.title}</FloatingPanelTitle> : null}\n      {showCloseButton ? <CloseButton onClick={onClose} /> : null}\n    </FloatingPanelHeader>\n  );\n};\n\ntype FloatingWindowViewProps = {\n  header?: FloatingBehavior[\"header\"];\n  draggable?: boolean;\n  chrome: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n};\n\nconst FloatingWindowView: React.FC<FloatingWindowViewProps> = ({ header, draggable, chrome, onClose, children }) => {\n  if (!chrome) {\n    return <>{children}</>;\n  }\n\n  return (\n    <FloatingPanelFrame style={{ height: \"100%\", width: \"100%\" }}>\n      <FloatingWindowHeader header={header} draggable={draggable} onClose={onClose} />\n      <FloatingPanelContent style={{ flex: 1, display: \"flex\", flexDirection: \"column\" }}>\n        {children}\n      </FloatingPanelContent>\n    </FloatingPanelFrame>\n  );\n};\n\nexport const FloatingWindow: React.FC<FloatingWindowProps> = ({ id, config, onClose, children }) => {\n  const chrome = config.chrome ?? false;\n  const draggable = config.draggable ?? false;\n  const ariaLabel = config.header?.title ?? config.ariaLabel ?? \"Floating window\";\n\n  return (\n    <div data-floating-window={id} role=\"dialog\" aria-label={ariaLabel} style={{ height: \"100%\", width: \"100%\" }}>\n      <FloatingWindowView header={config.header} draggable={draggable} chrome={chrome} onClose={onClose}>\n        {children}\n      </FloatingWindowView>\n    </div>\n  );\n};\n\nFloatingWindow.displayName = \"FloatingWindow\";\n"],"names":["drawerBackdropStyle","COLOR_DRAWER_BACKDROP","drawerBaseStyle","drawerPlacementStyles","computeTransitionValue","mode","duration","easing","durationValue","DRAWER_TRANSITION_DURATION","easingValue","DRAWER_TRANSITION_EASING","shouldShowCloseButton","dismissible","showClose","DrawerContent","chrome","frameStyle","header","onClose","children","jsxs","FloatingPanelFrame","jsx","DrawerHeaderView","FloatingPanelContent","DRAWER_CONTENT_PADDING","showCloseButton","shouldShowClose","React","FloatingPanelHeader","DRAWER_HEADER_PADDING_Y","DRAWER_HEADER_PADDING_X","DRAWER_HEADER_GAP","FloatingPanelTitle","FloatingPanelCloseButton","Drawer","id","config","isOpen","zIndex","width","height","position","inline","transitionMode","transitionDuration","transitionEasing","placement","anchor","pos","openTransforms","drawerStyle","transitionValue","style","ariaLabel","backdropStyle","base","isVertical","Fragment","waitForTransitionEnd","el","timeout","resolve","resolved","done","handler","e","runTransition","update","useTransitionState","options","states","setStates","optionsRef","transitionOptions","element","prev","opts","state","open","close","parseDuration","value","match","useDrawerState","layers","drawerStates","setDrawerStates","initial","layer","layerMap","map","updateState","layerId","DrawerLayers","drawer","drawerLayers","closeHandlers","handlers","GridLayoutContext","GridLayoutProvider","useGridLayoutContext","context","PanelSystemContext","usePanelSystem","ctx","PanelSystemProvider","layerById","resolveContent","validIds","l","getCachedContent","useContentCache","LayerInstanceContext","LayerInstanceProvider","useLayerInstance","ensureNumericOffset","key","resolvePopupAnchor","numericFeature","booleanFeature","buildWindowFeatures","features","overrides","toolbar","menubar","location","status","resizable","scrollbars","applyBoundsToWindow","popupWindow","PopupLayerPortal","floating","containerRef","popupWindowRef","isMounted","setIsMounted","windowName","createdWindow","resolvePopupWindow","openedWindow","mountNode","handleBeforeUnload","createPortal","bounds","customFactory","CloseButton","onClick","FloatingPanelControls","FloatingWindowHeader","draggable","dragHandleProps","cursorStyle","FloatingWindowView","FloatingWindow"],"mappings":"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"}

package/dist/GridLayout-B4VRsC0r.cjs

@@ -0,0 +1,2 @@
+"use strict";const S=require("react/jsx-runtime"),Tt=require("react"),L=require("./FloatingWindow-TCDNY5gE.cjs"),v=require("./styles-qf6ptVLD.cjs"),Lt=require("./SwipePivotTabBar-BrQismcZ.cjs"),xt=require("./ResizeHandle-CScipO5l.cjs"),pt=require("./useIsomorphicLayoutEffect-DGRNF4Lf.cjs"),ot=require("./useDocumentPointerEvents-ChqrKXDk.cjs"),st=require("./useEffectEvent-huSsGUnl.cjs");function _t(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const d=_t(Tt),Ht=()=>{const t=new Map;return e=>{if(!e)return;const n=t.get(e);if(n!==void 0)return n;const r=t.size;return t.set(e,r),r}},Pt=Ht(),X=new Map,Mt=t=>{const e=`ovs-threshold:${t.threshold}-rootMargin:${t.rootMargin}-root:${Pt(t.root)}`;if(X.has(e))return X.get(e);const n=new class{#t=new Map;#e=new IntersectionObserver(r=>{r.forEach(o=>{const s=this.#t.get(o.target);s&&s(o)})},t);observe(r,o){return this.#t.set(r,o),this.#e.observe(r),()=>{this.#t.delete(r),this.#e.unobserve(r)}}};return X.set(e,n),n},it=Object.freeze({x:0,y:0,width:0,height:0,top:0,right:0,bottom:0,left:0});function Dt(t,{threshold:e=0,rootMargin:n="0px",root:r=null}){const[o,s]=d.useState(null);return d.useEffect(()=>{const a=t.current;return a?Mt({threshold:e,rootMargin:n,root:r}).observe(a,u=>{s({isIntersecting:u.isIntersecting,boundingClientRect:u.boundingClientRect,intersectionRatio:u.intersectionRatio,intersectionRect:u.intersectionRect,rootBounds:u.rootBounds,target:u.target,time:u.time})}):void 0},[t,e,n,r]),d.useMemo(()=>({isIntersecting:o?.isIntersecting??!1,boundingClientRect:o?.boundingClientRect??it,intersectionRatio:o?.intersectionRatio??0,intersectionRect:o?.intersectionRect??it,rootBounds:o?.rootBounds??null,target:o?.target??t.current,time:o?.time??0}),[o,t])}const bt={position:"absolute",pointerEvents:"auto",boxSizing:"border-box",background:"transparent",border:"none"},Gt={...bt,width:v.GRID_LAYER_CORNER_HIT_SIZE,height:v.GRID_LAYER_CORNER_HIT_SIZE,zIndex:2},Nt={...bt,zIndex:1},kt={"top-left":{top:0,left:0,transform:"translate(-50%, -50%)",cursor:"nwse-resize"},"top-right":{top:0,right:0,transform:"translate(50%, -50%)",cursor:"nesw-resize"},"bottom-left":{bottom:0,left:0,transform:"translate(-50%, 50%)",cursor:"nesw-resize"},"bottom-right":{bottom:0,right:0,transform:"translate(50%, 50%)",cursor:"nwse-resize"}},At={left:{top:v.GRID_LAYER_CORNER_HIT_SIZE,bottom:v.GRID_LAYER_CORNER_HIT_SIZE,left:0,width:v.GRID_LAYER_EDGE_HIT_THICKNESS,transform:"translateX(-50%)",cursor:"ew-resize"},right:{top:v.GRID_LAYER_CORNER_HIT_SIZE,bottom:v.GRID_LAYER_CORNER_HIT_SIZE,right:0,width:v.GRID_LAYER_EDGE_HIT_THICKNESS,transform:"translateX(50%)",cursor:"ew-resize"},top:{left:v.GRID_LAYER_CORNER_HIT_SIZE,right:v.GRID_LAYER_CORNER_HIT_SIZE,top:0,height:v.GRID_LAYER_EDGE_HIT_THICKNESS,transform:"translateY(-50%)",cursor:"ns-resize"},bottom:{left:v.GRID_LAYER_CORNER_HIT_SIZE,right:v.GRID_LAYER_CORNER_HIT_SIZE,bottom:0,height:v.GRID_LAYER_EDGE_HIT_THICKNESS,transform:"translateY(50%)",cursor:"ns-resize"}},jt=[{key:"top-left",variant:"corner",horizontal:"left",vertical:"top"},{key:"top-right",variant:"corner",horizontal:"right",vertical:"top"},{key:"bottom-left",variant:"corner",horizontal:"left",vertical:"bottom"},{key:"bottom-right",variant:"corner",horizontal:"right",vertical:"bottom"},{key:"left",variant:"edge",horizontal:"left"},{key:"right",variant:"edge",horizontal:"right"},{key:"top",variant:"edge",vertical:"top"},{key:"bottom",variant:"edge",vertical:"bottom"}],St=({layerId:t,onPointerDown:e})=>S.jsx(S.Fragment,{children:jt.map(n=>{const r=n.variant==="corner"?Gt:Nt,o=n.variant==="corner"?kt[n.key]:At[n.key],s={...r,...o},a=n.variant==="corner"?{"data-resize-corner":n.key}:{"data-resize-edge":n.key};return S.jsx("div",{role:"presentation","aria-hidden":"true",style:s,...a,"data-layer-id":t,onPointerDown:l=>e(n,l)},n.key)})}),Ot=({pivot:t})=>{const{Outlet:e}=Lt.usePivot({items:t.items,activeId:t.activeId,defaultActiveId:t.defaultActiveId,onActiveChange:t.onActiveChange,transitionMode:t.transitionMode});return S.jsx(e,{})},Yt=(t,e)=>t.pivot?S.jsx(Ot,{pivot:t.pivot}):t.cache?e(t.id):t.component,zt=d.memo(({layer:t,onClose:e})=>{const{getCachedContent:n}=L.usePanelSystem(),r=Yt(t,n);return t.floating?.chrome?S.jsx(L.FloatingWindow,{id:t.id,config:t.floating,onClose:e,children:r}):r});zt.displayName="LayerContentRenderer";const wt=d.memo(({layerId:t,isResizable:e,onPointerDown:n})=>e?S.jsx(St,{layerId:t,onPointerDown:n}):null);wt.displayName="LayerResizeHandles";const $t=(t,e)=>t?"auto":e?"visible":"hidden",Et=d.memo(({layer:t,handleLayerPointerDown:e})=>{const{getLayerRenderState:n}=L.useGridLayoutContext(),{style:r,isResizable:o,isResizing:s,onResizeHandlePointerDown:a}=n(t),l=d.useMemo(()=>{const f={};return t.gridArea&&(f.gridArea=t.gridArea),t.gridRow&&(f.gridRow=t.gridRow),t.gridColumn&&(f.gridColumn=t.gridColumn),f},[t.gridArea,t.gridRow,t.gridColumn]),u=d.useMemo(()=>{const f=!!t.floating,g=$t(t.scrollable,f),b={...r,...l,minWidth:0,minHeight:0,overflow:g};return o?{...b,position:"relative"}:b},[r,l,o,t.scrollable,t.floating]),p=d.useCallback(()=>{t.floating?.onClose?.()},[t.floating]);return S.jsxs("div",{"data-layer-id":t.id,"data-draggable":!!t.floating?.draggable,"data-resizable":o,"data-resizing":s,style:u,onPointerDown:e,children:[S.jsx(L.LayerInstanceProvider,{layerId:t.id,children:S.jsx(zt,{layer:t,onClose:p})}),S.jsx(wt,{layerId:t.id,isResizable:o,onPointerDown:a})]})});Et.displayName="EmbeddedLayer";const Rt=({layers:t})=>{const{handleLayerPointerDown:e}=L.useGridLayoutContext();return S.jsx(S.Fragment,{children:t.map(n=>{const r=n.floating?.mode??"embedded";return n.floating&&r==="popup"?S.jsx(L.PopupLayerPortal,{layer:n},n.id):S.jsx(Et,{layer:n,handleLayerPointerDown:e},n.id)})})},at={position:"absolute",pointerEvents:"auto"},K=({direction:t,trackIndex:e,align:n,gap:r,span:o,onResize:s})=>{const a=t==="col"?"vertical":"horizontal",l=d.useCallback(f=>{const g=n==="start"?-f:f;s(t,e,g)},[n,t,e,s]),u=d.useMemo(()=>t==="col"?{gridColumn:`${e+1} / ${e+2}`,gridRow:`${o.start} / ${o.end}`}:{gridRow:`${e+1} / ${e+2}`,gridColumn:`${o.start} / ${o.end}`},[t,e,o]),p=d.useMemo(()=>{const g=Math.max(0,r)/2+v.GRID_HANDLE_THICKNESS/2;return t==="col"?{...at,width:v.GRID_HANDLE_THICKNESS,height:"100%",top:0,bottom:0,...n==="start"?{left:-g}:{right:-g}}:{...at,width:"100%",height:v.GRID_HANDLE_THICKNESS,left:0,right:0,...n==="start"?{top:-g}:{bottom:-g}}},[n,t,r]);return S.jsx("div",{"data-resizable":"true",style:{...u,position:"relative",pointerEvents:"none"},children:S.jsx("div",{"data-direction":a,"data-align":n,"data-handle":"true",style:p,children:S.jsx(xt.ResizeHandle,{direction:a,onResize:l})})})},Ft=t=>{const e=new Map;t.forEach((r,o)=>{r.forEach((s,a)=>{if(!s||s===".")return;const l=e.get(s);if(l){const p={rowStart:Math.min(l.rowStart,o),rowEnd:Math.max(l.rowEnd,o),colStart:Math.min(l.colStart,a),colEnd:Math.max(l.colEnd,a)};e.set(s,p);return}const u={rowStart:o,rowEnd:o,colStart:a,colEnd:a};e.set(s,u)})});const n=new Map;return e.forEach((r,o)=>{const s=r.rowStart+1,a=r.rowEnd+2,l=r.colStart+1,u=r.colEnd+2,p={gridArea:o,gridRow:`${s} / ${a}`,gridColumn:`${l} / ${u}`};n.set(o,p)}),n},Bt=(t,e)=>{if((t.positionMode??"grid")!=="grid")return t;const r=t.gridArea??t.id,o=e.get(r);if(!o)return t;const s=!t.gridArea,a=!t.gridRow,l=!t.gridColumn;return!s&&!a&&!l?t:{...t,gridArea:s?o.gridArea:t.gridArea,gridRow:a?o.gridRow:t.gridRow,gridColumn:l?o.gridColumn:t.gridColumn}},vt=(t,e)=>{const n=d.useMemo(()=>Ft(t.areas),[t.areas]),r=d.useMemo(()=>e.map(l=>Bt(l,n)),[e,n]),o=d.useMemo(()=>r.filter(l=>l.visible!==!1),[r]),s=d.useMemo(()=>o.filter(l=>!l.drawer),[o]),a=d.useMemo(()=>{const l=new Map;return r.forEach(u=>{l.set(u.id,u)}),l},[r]);return{normalizedLayers:r,visibleLayers:o,regularLayers:s,layerById:a}},Wt=t=>{if(!t)return{rowGap:0,columnGap:0};const e=t.split(/\s+/).map(r=>r.trim()).filter(Boolean),n=r=>{const o=r.match(/^(-?\d+(?:\.\d+)?)px$/);return o?Number.parseFloat(o[1]):0};if(e.length===1){const r=n(e[0]);return{rowGap:r,columnGap:r}}return{rowGap:n(e[0]),columnGap:n(e[1])}},Xt=(t,e)=>{if(!t)return[];const n=getComputedStyle(t);return(e==="col"?n.gridTemplateColumns:n.gridTemplateRows).split(/\s+/).map(o=>parseFloat(o)).filter(o=>!Number.isNaN(o))},V=(t,e=Number.NEGATIVE_INFINITY,n=Number.POSITIVE_INFINITY)=>Math.min(Math.max(t,e),n),Kt=(t,e)=>typeof t!="number"||!Number.isFinite(t)?e:t,$=(t,e)=>`${t}-${e}`,Zt=(t,e,n,r)=>{const o=$(n,r),s=e[o];return s!==void 0?`minmax(${t.minSize??0}px, ${s}px)`:t.size},ct=(t,e,n)=>t.map((r,o)=>Zt(r,e,n,o)).join(" "),j=(t,e)=>t.reduce((n,r,o)=>(r.resizable&&r.size.endsWith("px")&&(n[$(e,o)]=parseInt(r.size,10)),n),{}),Vt=({trackSizes:t,track:e,direction:n,trackIndex:r,containerRef:o})=>{const s=$(n,r),a=t[s];if(a!==void 0)return a;const u=Xt(o?.current??null,n)[r];return u!==void 0&&u>0?u:e.size.endsWith("px")?Number.parseInt(e.size,10):300},qt=(t,e)=>t.reduce((n,r,o)=>o===e?n:r.size.includes("fr")?n+100:n+(r.minSize??50),0),Ut=({track:t,tracks:e,trackIndex:n,direction:r,containerRef:o,gapSizes:s})=>{if(!o?.current)return t.maxSize;const a=r==="col"?o.current.offsetWidth:o.current.offsetHeight,l=qt(e,n),u=e.length-1,p=r==="col"?s.columnGap:s.rowGap,f=u*p,g=a-l-f;return t.maxSize!==void 0?Math.min(t.maxSize,g):g},Jt=(t,e,n)=>V(t,e??Number.NEGATIVE_INFINITY,n??Number.POSITIVE_INFINITY),lt=(t,e)=>{const n=t.length,r=[];for(let a=0;a<n;a++){const l=t[a],u=l[e],p=l[e+1];u!==p&&r.push(a)}if(r.length===0)return{start:1,end:n+1};const o=Math.min(...r),s=Math.max(...r);return{start:o+1,end:s+2}},ut=(t,e)=>{const n=t[e],r=t[e+1],o=n?.length??0,s=[];for(let u=0;u<o;u++){const p=n?.[u],f=r?.[u];p!==f&&s.push(u)}if(s.length===0)return{start:1,end:o+1};const a=Math.min(...s),l=Math.max(...s);return{start:a+1,end:l+2}},Qt=(t,e)=>{if(t.length===0)return[];const n=e.length;if(t.length===1)return t[0]?.resizable?[{trackIndex:0,align:"end",span:{start:1,end:n+1}}]:[];const r=[];return Array.from({length:t.length-1},(s,a)=>a).forEach(s=>{const a=t[s];if(t[s+1]?.resizable){const u=lt(e,s);r.push({trackIndex:s+1,align:"start",span:u});return}if(a?.resizable){const u=lt(e,s);r.push({trackIndex:s,align:"end",span:u})}}),r},te=(t,e)=>{if(t.length===0)return[];const n=e[0]?.length??0;if(t.length===1)return t[0]?.resizable?[{trackIndex:0,align:"end",span:{start:1,end:n+1}}]:[];const r=[];return Array.from({length:t.length-1},(s,a)=>a).forEach(s=>{const a=t[s];if(t[s+1]?.resizable){const u=ut(e,s);r.push({trackIndex:s+1,align:"start",span:u});return}if(a?.resizable){const u=ut(e,s);r.push({trackIndex:s,align:"end",span:u})}}),r},ee=t=>t!==void 0?{gap:t}:{},ne=(t,e)=>{const n=Object.keys(e),r={};for(const f of n)r[f]=t[f]??e[f];const o=Object.keys(t),s=o.length!==n.length,a=o.some(f=>!Object.prototype.hasOwnProperty.call(r,f)),l=s?!0:a,u=n.some(f=>t[f]!==r[f]);return(l?!0:u)?r:null},Ct=(t,e,n)=>{const[r,o]=d.useState(()=>({...j(t.columns,"col"),...j(t.rows,"row")}));pt.useIsomorphicLayoutEffect(()=>{const g={...j(t.columns,"col"),...j(t.rows,"row")};o(b=>ne(b,g)??b)},[t.columns,t.rows]);const s=d.useMemo(()=>t.areas.map(g=>`"${g.join(" ")}"`).join(" "),[t.areas]),a=d.useMemo(()=>Wt(t.gap),[t.gap]),l=d.useMemo(()=>Qt(t.columns,t.areas),[t.columns,t.areas]),u=d.useMemo(()=>te(t.rows,t.areas),[t.rows,t.areas]),p=d.useMemo(()=>({...t.style,...e,gridTemplateAreas:s,gridTemplateRows:ct(t.rows,r,"row"),gridTemplateColumns:ct(t.columns,r,"col"),...ee(t.gap)}),[s,t.columns,t.gap,t.rows,t.style,e,r]),f=d.useCallback((g,b,E)=>{const I=g==="row"?t.rows:t.columns,C=I[b];if(!C||!C.resizable)return;const _=Vt({trackSizes:r,track:C,direction:g,trackIndex:b,containerRef:n}),H=Ut({track:C,tracks:I,trackIndex:b,direction:g,containerRef:n,gapSizes:a}),P=$(g,b);o(N=>{const y=_+E,T=Jt(y,C.minSize,H);return{...N,[P]:T}})},[t.columns,t.rows,r,n,a]);return{columnHandles:l,rowHandles:u,gapSizes:a,gridStyle:p,handleResize:f}},re=t=>t.positionMode?t.positionMode:t.floating?(t.floating.mode??"embedded")==="embedded"?"absolute":"relative":"grid",oe=t=>({position:t==="grid"?"relative":t}),se=(t,e)=>e!=="grid"?{}:{gridArea:t.gridArea,gridRow:t.gridRow,gridColumn:t.gridColumn},ie=t=>t?{top:t.top,right:t.right,bottom:t.bottom,left:t.left}:{},ae=t=>t!==void 0?{zIndex:t}:{},ce=(t,e)=>({width:t,height:e}),le=(t,e)=>t.pointerEvents!==void 0?typeof t.pointerEvents=="boolean"?{pointerEvents:t.pointerEvents?"auto":"none"}:{pointerEvents:t.pointerEvents}:e==="absolute"||e==="fixed"?{pointerEvents:"auto"}:{},ue=t=>t.floating?t.floating.position??t.floating.defaultPosition??t.position:t.position,de=t=>{if(t.floating){const e=t.floating.size??t.floating.defaultSize;if(e)return{width:e.width,height:e.height}}return{width:t.width,height:t.height}},ge=t=>t.floating?.zIndex!==void 0?t.floating.zIndex:t.zIndex,he=t=>{const e=re(t),n=ue(t),r=de(t),o=ge(t);return{...t.style,...oe(e),...se(t,e),...ie(n),...ae(o),...ce(r.width,r.height),...le(t,e)}},fe=t=>{const e=t.floating;return e?e.mode??"embedded":null},D=t=>fe(t)!=="embedded"?null:t.floating??null,dt=t=>t instanceof HTMLElement?["INPUT","TEXTAREA","SELECT","BUTTON"].includes(t.tagName):!1,gt=(t,e,n)=>{const r=e??Number.NEGATIVE_INFINITY,o=n??Number.POSITIVE_INFINITY;return V(t,r,o)},ht=(t,e,n)=>{if(typeof t=="number"&&Number.isFinite(t))return t;throw new Error(`Floating layer "${n}" must provide a numeric "${e}" value when draggable mode is enabled.`)},ft=t=>{const e=D(t);if(!e)throw new Error(`Floating layer "${t.id}" is missing floating configuration required for dragging.`);const n=e.position??e.defaultPosition??t.position;if(!n)throw new Error(`Floating layer "${t.id}" must define position with left and top values.`);return{left:ht(n.left,"left",t.id),top:ht(n.top,"top",t.id)}},me=t=>{const e=D(t);return e?e.constraints??{}:{}},pe=(t,e,n)=>t?t==="left"?e-n:e+n:e,be=(t,e,n)=>t?t==="top"?e-n:e+n:e,Se=(t,e,n)=>!t||t==="right"?e:e+n,ze=(t,e,n)=>!t||t==="bottom"?e:e+n,Z=(t,e)=>t?t.dataset.layerId===e?t:Z(t.parentElement,e):null,q=(t,e,n)=>!t||n?.(t)?null:e(t)?t:q(t.parentElement,e,n),we=t=>t instanceof HTMLElement?q(t,e=>e.dataset.dragHandle==="true",e=>e.dataset.dragIgnore==="true"):null,mt=t=>t instanceof HTMLElement?q(t,e=>e.dataset.resizeCorner!==void 0||e.dataset.resizeEdge!==void 0)!==null:!1,O=t=>{const e=D(t);return e?e.resizable===!0:!1},Y=t=>{if(!D(t))return null;const n=ve(t);if(!n)throw new Error(`Floating layer "${t.id}" must define width and height when resizable or draggable.`);return{width:n.width,height:n.height}},Ee=(t,e,n)=>{const r=t.filter(O).reduce((g,b)=>{if(n===b.id){const I=e[b.id];if(I)return g[b.id]=I,g}const E=Y(b);return E&&(g[b.id]=E),g},{}),o=Object.keys(e),s=Object.keys(r),a=o.length!==s.length,l=o.some(g=>!Object.prototype.hasOwnProperty.call(r,g)),u=a?!0:l,p=s.some(g=>{const b=e[g],E=r[g];return!b||!E?!0:b.width!==E.width||b.height!==E.height});return{sizes:r,changed:u?!0:p}},Re=({layers:t,layerById:e,isRootLevel:n})=>{const[r,o]=d.useState(null),[s,a]=d.useState(null),[l,u]=d.useState({}),[p,f]=d.useState({}),g=d.useRef(null),b=d.useRef(null),E=st.useEffectEvent((c,i)=>{e.get(c)?.floating?.onMove?.(i)}),I=st.useEffectEvent((c,i)=>{e.get(c)?.floating?.onResize?.(i)});pt.useIsomorphicLayoutEffect(()=>{const{sizes:c,changed:i}=Ee(t,p,s);i&&f(c)},[t,s]);const C=d.useCallback((c,i,h,m)=>{const z=ft(i),R=l[c]??{x:0,y:0},w={pointerStartX:m.clientX,pointerStartY:m.clientY,initialTranslationX:R.x,initialTranslationY:R.y,baseLeft:z.left,baseTop:z.top,layerId:c,pointerId:m.pointerId,target:h};if(w.target.setPointerCapture)try{w.target.setPointerCapture(w.pointerId)}catch{}g.current=w,o(c)},[l]),_=d.useCallback(c=>{const i=c.target,h=we(i);if(!h)return;const m=h.closest("[data-layer-id]")?.getAttribute("data-layer-id");if(!m)return;const z=e.get(m);if(!z)return;const R=D(z);if(!(!R||R.draggable!==!0)&&!dt(c.target)&&!mt(c.target)&&h){const w=Z(h,m);if(!w)return;C(m,z,w,c);return}},[C,e]),H=d.useCallback((c,i)=>{const h=e.get(c),m=h?D(h):null;if(!h||!m||m.draggable!==!0||dt(i.target)||mt(i.target))return;const z=Z(i.currentTarget,c);z&&C(c,h,z,i)},[C,e]),P=d.useCallback((c,i,h)=>{const m=e.get(c);if(!m||!O(m))return;const z=p[c]??Y(m);if(!z)return;const R=ft(m),w=me(m),x=l[c]??{x:0,y:0};if(h.stopPropagation(),h.preventDefault(),h.currentTarget.setPointerCapture)try{h.currentTarget.setPointerCapture(h.pointerId)}catch{}b.current={layerId:c,pointerId:h.pointerId,horizontalEdge:i.horizontal,verticalEdge:i.vertical,startX:h.clientX,startY:h.clientY,startWidth:z.width,startHeight:z.height,startPosition:x,baseLeft:R.left,baseTop:R.top,minWidth:w.minWidth,maxWidth:w.maxWidth,minHeight:w.minHeight,maxHeight:w.maxHeight,target:h.currentTarget},a(c)},[e,l,p]),N=d.useCallback(c=>{const i=g.current;if(!i)return;const h=c.clientX-i.pointerStartX,m=c.clientY-i.pointerStartY,z={x:i.initialTranslationX+h,y:i.initialTranslationY+m};u(R=>({...R,[i.layerId]:z})),E(i.layerId,{left:i.baseLeft+z.x,top:i.baseTop+z.y})},[E]),y=d.useCallback(c=>{const i=b.current;if(!i||i.pointerId!==c.pointerId||!e.get(i.layerId))return;const m=c.clientX-i.startX,z=c.clientY-i.startY,R=pe(i.horizontalEdge,i.startWidth,m),w=be(i.verticalEdge,i.startHeight,z),x=gt(R,i.minWidth,i.maxWidth),M=gt(w,i.minHeight,i.maxHeight),k=i.startWidth-x,F=i.startHeight-M,et=Se(i.horizontalEdge,i.startPosition.x,k),yt=ze(i.verticalEdge,i.startPosition.y,F),B=p[i.layerId],nt={width:x,height:M};(!B||B.width!==x||B.height!==M)&&(f(W=>({...W,[i.layerId]:nt})),I(i.layerId,nt));const rt=l[i.layerId]??{x:0,y:0},A={x:et,y:yt};(rt.x!==A.x||rt.y!==A.y)&&(u(W=>({...W,[i.layerId]:A})),E(i.layerId,{left:i.baseLeft+A.x,top:i.baseTop+A.y}))},[e,l,p,E,I]),T=d.useCallback(c=>{const i=g.current;if(i){if(i.pointerId===c.pointerId&&i.target.releasePointerCapture)try{i.target.releasePointerCapture(i.pointerId)}catch{}g.current=null}o(null)},[]),G=d.useCallback(c=>{const i=b.current;if(i){if(i.pointerId===c.pointerId&&i.target.releasePointerCapture)try{i.target.releasePointerCapture(i.pointerId)}catch{}b.current=null}a(null)},[]);ot.useDocumentPointerEvents(r!==null,{onMove:N,onUp:T,onCancel:T}),ot.useDocumentPointerEvents(s!==null,{onMove:y,onUp:G,onCancel:G});const U=d.useCallback(c=>{const i=he(c),h=D(c);if(!h||h.draggable!==!0)return i;const m=l[c.id],z=r===c.id,R=s===c.id,w=m?{transform:`translate(${m.x}px, ${m.y}px)`}:{},x=p[c.id],M=O(c)?Y(c):null,k=x??M,F=k?{width:`${k.width}px`,height:`${k.height}px`}:{};return{...i,...F,...w,...z||R?{cursor:"grabbing"}:{}}},[r,l,p,s]),J=d.useCallback(c=>{if(!O(c))return{isResizable:!1};const h=p[c.id],m=Y(c);return(h??m)!==null?{isResizable:!0,onPointerDown:(x,M)=>{P(c.id,x,M)}}:{isResizable:!1}},[P,p]),Q=d.useCallback(c=>{const{isResizable:i,onPointerDown:h}=J(c),m=U(c),z=s===c.id;return{style:m,isResizable:i,isResizing:z,onResizeHandlePointerDown:(R,w)=>{h&&h(R,w)}}},[U,J,s]),tt=d.useCallback(c=>({"data-drag-handle":"true",role:"button","aria-roledescription":"Drag handle","aria-label":"Drag layer",onPointerDown:i=>{H(c,i)}}),[H]);return{providerValue:d.useMemo(()=>({handleLayerPointerDown:_,getLayerRenderState:Q,getLayerHandleProps:tt,isRootLevel:n}),[tt,Q,_,n]),draggingLayerId:r,resizingLayerId:s}},ve=t=>{if(t.floating){const e=t.floating.size??t.floating.defaultSize;if(e)return{width:e.width,height:e.height}}if(typeof t.width=="number"&&typeof t.height=="number")return{width:t.width,height:t.height}},It={display:"grid",width:"100%",height:"100%",overflow:"hidden"},Ce={touchAction:"none",WebkitTouchCallout:"none",WebkitUserSelect:"none",userSelect:"none"},Ie={...It,overflow:"visible",height:"auto",minHeight:"100%"},ye=t=>t?Ie:It,Te=({config:t,layers:e,style:n,root:r=!1})=>{const o=d.useRef(null),{isIntersecting:s}=Dt(o,{threshold:0});return S.jsx(L.PanelSystemProvider,{config:t,layers:e,style:n,children:S.jsx(Le,{gridRef:o,isIntersecting:s,isRoot:r})})},Le=({gridRef:t,isIntersecting:e,isRoot:n})=>{const{config:r,style:o,layers:s}=L.usePanelSystem(),{normalizedLayers:a,visibleLayers:l,regularLayers:u,layerById:p}=vt(r,s.defs),{columnHandles:f,rowHandles:g,gapSizes:b,gridStyle:E,handleResize:I}=Ct(r,o,t),{providerValue:C,draggingLayerId:_,resizingLayerId:H}=Re({layers:a,layerById:p,isRootLevel:n}),P=_?!0:!!H,N=d.useMemo(()=>({...ye(n),...E,...P?Ce:{}}),[E,P,n]);return S.jsxs(S.Fragment,{children:[S.jsxs("div",{ref:t,style:N,"data-dragging":!!_,"data-resizing":!!H,"data-visible":e,children:[S.jsx(L.GridLayoutProvider,{value:C,children:S.jsx(Rt,{layers:u})}),f.map(({trackIndex:y,align:T,span:G})=>S.jsx(K,{direction:"col",trackIndex:y,align:T,gap:b.columnGap,span:G,onResize:I},`col-${y}:${T}`)),g.map(({trackIndex:y,align:T,span:G})=>S.jsx(K,{direction:"row",trackIndex:y,align:T,gap:b.rowGap,span:G,onResize:I},`row-${y}:${T}`))]}),S.jsx(L.DrawerLayers,{layers:l})]})};exports.GridLayerList=Rt;exports.GridLayerResizeHandles=St;exports.GridLayout=Te;exports.GridTrackResizeHandle=K;exports.clampNumber=V;exports.toFiniteNumberOr=Kt;exports.useGridPlacements=vt;exports.useGridTracks=Ct;
+//# sourceMappingURL=GridLayout-B4VRsC0r.cjs.map