@oracle/oraclejet-preact 18.1.0 → 18.1.2

package/amd/Diagram-03be2ca5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Diagram-03be2ca5.js","sources":["../../src/UNSAFE_Diagram/utils/diagramUtils.ts","../../src/UNSAFE_Diagram/DiagramNodeElement.tsx","../../src/UNSAFE_Diagram/DiagramNodeLayer.tsx","../../src/UNSAFE_Diagram/DiagramLinkElement.tsx","../../src/UNSAFE_Diagram/DiagramLinkLayer.tsx","../../src/UNSAFE_Diagram/DiagramLabel.tsx","../../src/UNSAFE_Diagram/DiagramLabelLayer.tsx","../../src/UNSAFE_Diagram/DiagramLayers.tsx","../../src/UNSAFE_Diagram/DiagramPanZoomContainer.tsx","../../src/UNSAFE_Diagram/utils/navUtils.ts","../../src/UNSAFE_Diagram/hooks/useDiagramNavigation.ts","../../src/UNSAFE_Diagram/hooks/useEvents.ts","../../src/UNSAFE_Diagram/hooks/useDiagramDatatip.ts","../../src/UNSAFE_Diagram/hooks/usePointerGesture.ts","../../src/UNSAFE_Diagram/utils/panUtils.ts","../../src/UNSAFE_Diagram/hooks/useDragPan.ts","../../src/UNSAFE_Diagram/hooks/useDrag.ts","../../src/UNSAFE_Diagram/utils/zoomUtils.ts","../../src/UNSAFE_Diagram/hooks/usePinch.ts","../../src/UNSAFE_Diagram/hooks/usePinchZoom.ts","../../src/UNSAFE_Diagram/hooks/usePanZoom.ts","../../src/UNSAFE_Diagram/hooks/useWheelZoom.ts","../../src/UNSAFE_Diagram/hooks/useWheel.ts","../../src/UNSAFE_Diagram/DiagramWithDimensions.tsx","../../src/UNSAFE_Diagram/hooks/useDiagramSelection.ts","../../src/UNSAFE_Diagram/Diagram.tsx"],"sourcesContent":["import type {\n  Pan,\n  Zoom,\n  DiagramNodeData,\n  DiagramLinkData,\n  DiagramLayoutOutput,\n  ItemInfo,\n  Bounds,\n  Position,\n  Dimensions,\n  DatatipContext,\n  DiagramLabelStyles,\n  DiagramLabelPosition\n} from '../diagram.types';\nimport type { RefObject } from 'preact';\nimport type { BundleType } from '#resources/nls/bundle';\nimport type { Font, GetTextDimensionsType, TextDimensions } from '#hooks/PRIVATE_useTextDimensions';\nimport { ComponentChildren } from 'preact';\nimport { Property } from 'csstype';\nimport { generateAriaLabel } from '#utils/UNSAFE_visUtils/accUtils';\n\nconst ZOOM_TO_FIT_PADDING = 20;\n/**\n * Returns the pan properties for the diagram.\n */\nexport function getPanProps(\n  props: Pan,\n  contentBounds: Bounds,\n  userDragMode: string | undefined,\n  isDeviceTouch: boolean\n) {\n  return {\n    panning: isDeviceTouch\n      ? userDragMode === 'pan' && props.panning\n        ? props.panning\n        : 'off'\n      : props.panning\n      ? props.panning\n      : 'off',\n    panDirection: props.panDirection ? props.panDirection : 'any',\n    centerX: props.centerX !== undefined ? props.centerX : contentBounds.w / 2 + contentBounds.x,\n    centerY: props.centerY !== undefined ? props.centerY : contentBounds.h / 2 + contentBounds.y,\n    onPan: props.onPan\n  };\n}\n\n/**\n * Returns the zoom properties for the diagram.\n */\nexport function getZoomProps(props: Zoom, width: number, height: number, contentBounds: Bounds) {\n  const zoomTofitZoom = getZoomToFitZoom(width, height, contentBounds);\n  const maxZoom = props.maxZoom || 1;\n  const minZoom = props.minZoom || Math.min(maxZoom, zoomTofitZoom);\n  const zoom = props.zoomValue ? props.zoomValue : zoomTofitZoom;\n  return {\n    zooming: props.zooming ? props.zooming : 'off',\n    // default value of 0 indicates zoom-to-fit level\n    minZoom: minZoom,\n    maxZoom: maxZoom,\n    // zoom value of 0 will default to zoom to fit\n    zoomValue: constrainZoom(zoom, minZoom, maxZoom),\n    onZoom: props.onZoom\n  };\n}\n\n/**\n * Constructs the json object to be passed into the layout function\n */\nexport function constructLayoutJSON<\n  K1,\n  K2,\n  D1 extends DiagramNodeData<K1>,\n  D2 extends DiagramLinkData<K2, K1>\n>(\n  nodes: D1[],\n  nodeItems: Map<K1, D1>,\n  linkItems: Map<K2, D2>,\n  dimensions: Dimensions[],\n  width: number,\n  height: number,\n  getTextDimensions?: GetTextDimensionsType\n) {\n  const labelDims: Map<K1 | K2, TextDimensions> = new Map();\n  const nodeKeys = Array.from(nodeItems.keys());\n  for (const id of nodeKeys) {\n    const item = nodeItems.get(id as K1);\n    if (item && getTextDimensions && item.label) {\n      const label = item.label;\n      const fontProps = _getFontProps(item.labelStyle);\n      labelDims.set(id as K1 | K2, getTextDimensions(label, fontProps));\n    }\n  }\n  const linkKeys = Array.from(linkItems.keys());\n  for (const id of linkKeys) {\n    const item = linkItems.get(id as K2);\n    if (item && getTextDimensions && item.label) {\n      const label = item.label;\n      const fontProps = _getFontProps(item.labelStyle);\n      labelDims.set(id as K1 | K2, getTextDimensions(label, fontProps));\n    }\n  }\n  const getLabelDimensions = function (data: D1 | D2) {\n    return labelDims.get(data.id);\n  };\n  const getNodeDimensions = function (data: D1) {\n    for (let i = 0; i < nodes.length; i++) {\n      if (data.id === nodes[i].id) {\n        return dimensions[i];\n      }\n    }\n    return dimensions[0];\n  };\n\n  return {\n    layoutJSON: {\n      getNodeDimensions: getNodeDimensions,\n      getLabelDimensions: getLabelDimensions,\n      componentSize: {\n        width: width,\n        height: height\n      }\n    },\n    labelDims: labelDims\n  };\n}\n\n/**\n * Deconstructs the output of the layout function\n */\nexport function deconstructLayoutJSON<\n  K1 extends string | number,\n  K2 extends string | number,\n  D1 extends DiagramNodeData<K1>,\n  D2 extends DiagramLinkData<K2, K1>,\n  L extends DiagramLayoutOutput<K1, K2>\n>(layoutJSON: L, nodeData: D1[], linkData: D2[]) {\n  const nodes = layoutJSON.nodes;\n  const links = layoutJSON.links;\n  const positions: Position[] = [];\n  const nodeLabelPos: (DiagramLabelPosition | undefined)[] = [];\n  const linkLabelPos: DiagramLabelPosition[] = [];\n  let hasNodeLabels = false;\n  let hasLinkLabels = false;\n  let node, link;\n  for (let i = 0; i < nodeData.length; i++) {\n    node = nodes[nodeData[i].id];\n    positions.push(node.position);\n    if (node.label) hasNodeLabels = true;\n    nodeLabelPos.push(node.label);\n  }\n  if (links) {\n    for (let i = 0; i < linkData.length; i++) {\n      link = links[linkData[i].id];\n      if (link.label) hasLinkLabels = true;\n      linkLabelPos.push(link.label);\n    }\n  }\n  return {\n    nodePoints: positions,\n    nodeLabelPos: hasNodeLabels ? nodeLabelPos : undefined,\n    linkLabelPos: hasLinkLabels ? linkLabelPos : undefined\n  };\n}\n\n/**\n * Merges the node points into the dimensions\n */\nexport function mergeDimensions(dimensions: Dimensions[], nodePoints: Position[]) {\n  const newBounds: Bounds[] = [];\n  for (let i = 0; i < dimensions.length; i++) {\n    const point = nodePoints[i];\n    const dim = dimensions[i];\n    newBounds.push({ x: point.x, y: point.y, w: dim.w, h: dim.h });\n  }\n  return newBounds;\n}\n\n/**\n * Deep equality check for whether two arrays of bounds are the same\n */\nexport function isEqualBounds(bounds1: Bounds[], bounds2: Bounds[]) {\n  if (bounds1.length !== bounds2.length) return false;\n  return bounds1.every(\n    ({ x, y, w, h }, i) =>\n      bounds2[i].x === x && bounds2[i].y === y && bounds2[i].w === w && bounds2[i].h === h\n  );\n}\n\n/**\n * Returns the text for the diagram datatip.\n */\nexport function getDatatipContent<\n  K1,\n  K2,\n  D1 extends DiagramNodeData<K1>,\n  D2 extends DiagramLinkData<K2, K1>\n>(\n  nodesMap: Map<K1, D1>,\n  linksMap: Map<K2, D2>,\n  focusedItem?: ItemInfo<K1, K2>,\n  hoveredItem?: ItemInfo<K1, K2>,\n  datatip?: (detail: DatatipContext<D1, D2>) => {\n    content: ComponentChildren;\n    borderColor?: Property.BorderColor;\n  }\n) {\n  let itemInfo;\n  const isPointerActive = hoveredItem?.isCurrent;\n  if (isPointerActive && hoveredItem.id != null) {\n    itemInfo = hoveredItem;\n  }\n  if (focusedItem && focusedItem.isCurrent) {\n    itemInfo = focusedItem;\n  }\n  if (itemInfo && datatip) {\n    return datatip(\n      itemInfo.isNode\n        ? { data: nodesMap.get(itemInfo.id as K1) as D1, type: 'node' }\n        : { data: linksMap.get(itemInfo.id as K2) as D2, type: 'link' }\n    );\n  }\n  if (itemInfo) {\n    const text = (\n      itemInfo.isNode ? nodesMap.get(itemInfo.id as K1) : linksMap.get(itemInfo.id as K2)\n    )?.accessibleLabel;\n    return {\n      content: text\n    };\n  }\n  return;\n}\n\n/**\n * Creates a map with key id and value node or link data\n */\nexport function createItemMap<\n  K1,\n  K2,\n  D1 extends DiagramNodeData<K1>,\n  D2 extends DiagramLinkData<K2, K1>\n>(items: (D1 | D2)[]) {\n  const itemIdToDataMap = new Map();\n  const itemIdToIndexMap = new Map();\n  const itemIndexToIdMap = new Map();\n  for (let i = 0; i < items.length; i++) {\n    itemIdToDataMap.set(items[i].id, items[i]);\n    itemIdToIndexMap.set(items[i].id, i);\n    itemIndexToIdMap.set(i, items[i].id);\n  }\n  return {\n    itemIdToDataMap,\n    itemIdToIndexMap,\n    itemIndexToIdMap\n  };\n}\n\n/**\n * Filter out links with no start or end nodes\n */\nexport function filterLinksWithNoEndNodes<K2, K1, D1, D2 extends DiagramLinkData<K2, K1>>(\n  links: D2[],\n  nodesMap: Map<K1, D1>\n) {\n  const newLinks: D2[] = [];\n  for (let i = 0; i < links.length; i++) {\n    const link = links[i];\n    if (nodesMap.get(link.startNode) && nodesMap.get(link.endNode)) {\n      newLinks.push(link);\n    }\n  }\n  return newLinks;\n}\n\n/**\n * Pulls out the dimensions from an array of bounds\n */\nexport function getDimensionsFromBounds(bounds: Bounds[]) {\n  const dims: Dimensions[] = [];\n  for (let i = 0; i < bounds.length; i++) {\n    dims.push({ w: bounds[i].w, h: bounds[i].h });\n  }\n  return dims;\n}\n\n/**\n * Returns true if event is a selection event\n */\nexport function isSelectionEvent(event: KeyboardEvent): boolean {\n  if (event.altKey && (event.key === '≥' || event.key === '≤')) {\n    return true;\n  }\n  return false;\n}\n\n/**\n * Returns the center position of the node or link\n * For links, draws a straight line between the centers of the start/end node\n * and returns the center of that line\n */\nexport function getFocusedItemBounds<K1, K2, D2 extends DiagramLinkData<K2, K1>>(\n  focusedItemInfo: ItemInfo<K1, K2>,\n  bounds: Bounds[],\n  links: D2[],\n  nodeIdToIndexMap: Map<K1, number>,\n  linkIdToIndexMap: Map<K2, number>\n) {\n  if (focusedItemInfo.isNode) {\n    const idx = nodeIdToIndexMap.get(focusedItemInfo.id as K1);\n    // Return the first element if cannot find the Node index\n    return bounds[idx || 0];\n  } else {\n    // Center of a straight line between start/end node centers\n    const link = links[linkIdToIndexMap.get(focusedItemInfo.id as K2) || 0];\n    const startNB = bounds[nodeIdToIndexMap.get(link.startNode) || 0];\n    const endNB = bounds[nodeIdToIndexMap.get(link.endNode) || 0];\n    const startNCenter = { x: startNB.x + startNB.w / 2, y: startNB.y + startNB.h / 2 };\n    const endNCenter = { x: endNB.x + endNB.w / 2, y: endNB.y + endNB.h / 2 };\n    const minX = Math.min(startNCenter.x, endNCenter.x);\n    const minY = Math.min(startNCenter.y, endNCenter.y);\n    return {\n      x: minX,\n      y: minY,\n      w: Math.abs(startNCenter.x - endNCenter.x),\n      h: Math.abs(startNCenter.y - endNCenter.y)\n    };\n  }\n}\n/**\n * Combines the node and link ids into one array\n */\nexport function combineIds<K1, K2>(nodeIds?: K1[], linkIds?: K2[]) {\n  const combinedIds: (K1 | K2)[] = [];\n  if (nodeIds) {\n    for (let i = 0; i < nodeIds.length; i++) {\n      combinedIds.push(nodeIds[i]);\n    }\n  }\n  if (linkIds) {\n    for (let i = 0; i < linkIds.length; i++) {\n      combinedIds.push(linkIds[i]);\n    }\n  }\n  return combinedIds;\n}\n\n/**\n * Returns the bounds of the diagram content\n */\nexport function getContentBounds(nodeBounds: Bounds[], labelBounds?: Bounds): Bounds {\n  if (nodeBounds.length === 0) return { x: 0, w: Infinity, y: 0, h: Infinity };\n  let minX = Infinity;\n  let minY = Infinity;\n  let maxX = -Infinity;\n  let maxY = -Infinity;\n  let dims;\n  for (let i = 0; i < nodeBounds.length; i++) {\n    dims = nodeBounds[i];\n    minX = dims.x < minX ? dims.x : minX;\n    minY = dims.y < minY ? dims.y : minY;\n    maxX = dims.x + dims.w > maxX ? dims.x + dims.w : maxX;\n    maxY = dims.y + dims.h > maxY ? dims.y + dims.h : maxY;\n  }\n  if (labelBounds) {\n    minX = labelBounds.x < minX ? labelBounds.x : minX;\n    minY = labelBounds.y < minY ? labelBounds.y : minY;\n    maxX = labelBounds.x + labelBounds.w > maxX ? labelBounds.x + labelBounds.w : maxX;\n    maxY = labelBounds.y + labelBounds.h > maxY ? labelBounds.y + labelBounds.h : maxY;\n  }\n  return { x: minX, w: maxX - minX, y: minY, h: maxY - minY };\n}\n\n/**\n * Returns the label bounds\n */\nexport function getAllLabelBounds<\n  K1,\n  K2,\n  D1 extends DiagramNodeData<K1>,\n  D2 extends DiagramLinkData<K2, K1>\n>(\n  labelDims: Map<K1 | K2, TextDimensions>,\n  nodes: D1[],\n  links: D2[],\n  nodeLabelPos: (DiagramLabelPosition | undefined)[] = [],\n  linkLabelPos: DiagramLabelPosition[] = [],\n  isRTL: boolean\n) {\n  if (nodeLabelPos.length === 0 && linkLabelPos.length === 0) return undefined;\n  let minX = Infinity;\n  let minY = Infinity;\n  let maxX = -Infinity;\n  let maxY = -Infinity;\n  let dims, label;\n  for (let i = 0; i < nodeLabelPos.length; i++) {\n    label = nodeLabelPos[i];\n    if (!label) continue;\n    dims = getLabelBounds(label, labelDims.get(nodes[i].id)!, isRTL);\n    minX = dims.x < minX ? dims.x : minX;\n    minY = dims.y < minY ? dims.y : minY;\n    maxX = dims.x + dims.w > maxX ? dims.x + dims.w : maxX;\n    maxY = dims.y + dims.h > maxY ? dims.y + dims.h : maxY;\n  }\n  for (let i = 0; i < linkLabelPos.length; i++) {\n    label = linkLabelPos[i];\n    if (!label) continue;\n    dims = getLabelBounds(label, labelDims.get(links[i].id)!, isRTL);\n    minX = dims.x < minX ? dims.x : minX;\n    minY = dims.y < minY ? dims.y : minY;\n    maxX = dims.x + dims.w > maxX ? dims.x + dims.w : maxX;\n    maxY = dims.y + dims.h > maxY ? dims.y + dims.h : maxY;\n  }\n  return { x: minX, w: maxX - minX, y: minY, h: maxY - minY };\n}\n\nfunction getLabelBounds(label: DiagramLabelPosition, dims: TextDimensions, isRTL: boolean) {\n  const labelPos = getLabelPosition(dims, label, isRTL);\n  const isRotating = label.rotationAngle;\n  if (!isRotating) {\n    return { x: labelPos.x, y: labelPos.y, w: dims.width, h: dims.height };\n  } else {\n    // Find the 4 corners of the label bounds relative to the rotation point\n    const rotationPoint = label.rotationPoint\n      ? label.rotationPoint\n      : { x: dims.width / 2, y: dims.height / 2 };\n    const angle = label.rotationAngle!;\n    const topLeft = getCoordsRelToRotPoint({ x: 0, y: 0 }, rotationPoint);\n    const topRight = getCoordsRelToRotPoint({ x: dims.width, y: 0 }, rotationPoint);\n    const bottomLeft = getCoordsRelToRotPoint({ x: 0, y: dims.height }, rotationPoint);\n    const bottomRight = getCoordsRelToRotPoint({ x: dims.width, y: dims.height }, rotationPoint);\n    const rotTopLeft = rotatePoint(topLeft, angle);\n    const rotBotLeft = rotatePoint(bottomLeft, angle);\n    const rotTopRight = rotatePoint(topRight, angle);\n    const rotBotRight = rotatePoint(bottomRight, angle);\n    const points = [rotTopLeft, rotBotLeft, rotTopRight, rotBotRight].map((pos: Position) => {\n      return {\n        x: pos.x + labelPos.x + rotationPoint.x,\n        y: pos.y + labelPos.y + rotationPoint.y\n      };\n    });\n    return getBoundsFromPoints(points);\n  }\n}\n\nfunction getCoordsRelToRotPoint(labelPoint: Position, rotPoint: Position) {\n  return { x: labelPoint.x - rotPoint.x, y: labelPoint.y - rotPoint.y };\n}\n\nfunction rotatePoint(pos: Position, angle: number) {\n  return {\n    x: pos.x * Math.cos(angle) - pos.y * Math.sin(angle),\n    y: pos.x * Math.sin(angle) + pos.y * Math.cos(angle)\n  };\n}\n\nfunction getBoundsFromPoints(points: Position[]) {\n  let minX = points[0].x;\n  let minY = points[0].y;\n  let maxX = points[0].x;\n  let maxY = points[0].y;\n  for (let i = 1; i < points.length; i++) {\n    const point = points[i];\n    if (point.x < minX) minX = point.x;\n    else if (point.x > maxX) maxX = point.x;\n    if (point.y < minY) minY = point.y;\n    else if (point.y > maxY) maxY = point.y;\n  }\n  return {\n    x: minX,\n    y: minY,\n    w: maxX - minX,\n    h: maxY - minY\n  };\n}\n\n/**\n * Returns the position of the label\n * @param dimensions\n * @param positionProps\n * @returns position of the label\n */\nexport function getLabelPosition(\n  dimensions: TextDimensions,\n  positionProps: DiagramLabelPosition,\n  isRTL: boolean\n) {\n  const position = positionProps.position;\n  const hAlign = positionProps.hAlign ? positionProps.hAlign : isRTL ? 'right' : 'left';\n  const vAlign = positionProps.vAlign;\n  let x, y;\n  if (hAlign === 'center') {\n    x = position.x - dimensions.width / 2;\n  } else if (hAlign === 'right') {\n    x = position.x - dimensions.width;\n  } else {\n    x = position.x;\n  }\n\n  if (vAlign === 'middle') {\n    y = position.y - dimensions.height / 2;\n  } else if (vAlign === 'bottom') {\n    y = position.y - dimensions.height;\n  } else if (vAlign === 'baseline') {\n    y = position.y + dimensions.y;\n  } else {\n    y = position.y;\n  }\n  return {\n    x: x,\n    y: y\n  };\n}\n\n/**\n * Converts centerX,Y coordinates to panX,Y coordinates\n */\nexport function centerXYToPanXY(\n  centerX: number,\n  centerY: number,\n  zoom: number,\n  width: number,\n  height: number\n) {\n  return {\n    panX: width / 2 - centerX * zoom,\n    panY: height / 2 - centerY * zoom\n  };\n}\n/**\n * Converts panX,Y coordinates to centerX,Y coordinates\n */\nexport function panXYToCenterXY(\n  panX: number,\n  panY: number,\n  zoom: number,\n  width: number,\n  height: number\n) {\n  return {\n    centerX: (width / 2 - panX) / zoom,\n    centerY: (height / 2 - panY) / zoom\n  };\n}\n\n/**\n * Compares if two ItemInfo are equal\n */\nexport function isEqualItem<K1, K2>(item1?: ItemInfo<K1, K2>, item2?: ItemInfo<K1, K2>) {\n  return item1?.id === item2?.id && item1?.isNode === item2?.isNode;\n}\n\n/**\n * Returns the item info of the data-oj-node or data-oj-link attribute for a given element.\n */\nexport function getNavigableInfo<K1, K2>(\n  element: HTMLElement,\n  rootElementRef?: RefObject<HTMLDivElement>\n): ItemInfo<K1, K2> {\n  let isNode = false;\n  let elem = element;\n  let navigableId;\n  while (!navigableId) {\n    navigableId = elem.dataset['node'];\n    if (navigableId) {\n      isNode = true;\n    } else {\n      navigableId = elem.dataset['link'];\n    }\n    if (!navigableId) {\n      if (elem.parentElement && elem.parentElement !== rootElementRef?.current) {\n        elem = elem.parentElement;\n      } else {\n        break;\n      }\n    }\n  }\n  return {\n    id: navigableId as K1 | K2,\n    isNode: isNode\n  };\n}\n\n/**\n * Returns the id of the focused item.\n */\nexport function getFocusedItem<K1, K2>(\n  focusedItemInfo: ItemInfo<K1, K2>,\n  hoveredItemInfo?: ItemInfo<K1, K2>\n) {\n  let focused;\n  if (focusedItemInfo.isCurrent && focusedItemInfo.isFocusVisible) {\n    focused = focusedItemInfo.id;\n  } else if (hoveredItemInfo?.isCurrent) {\n    focused = hoveredItemInfo.id;\n  }\n  return focused;\n}\n\n/**\n * Returns the aria label\n */\nexport function getItemAriaLabel(\n  translations: BundleType,\n  supportsSelection: boolean,\n  isSelected?: boolean,\n  accessibleLabel?: string\n) {\n  return generateAriaLabel(translations, accessibleLabel || '', {\n    isSelected: !supportsSelection ? undefined : isSelected\n  });\n}\n\n/**\n * Returns the zoom to fit zoom level\n */\nexport function getZoomToFitZoom(width: number, height: number, contentBounds: Bounds) {\n  const zoomX = (width - 2 * ZOOM_TO_FIT_PADDING) / contentBounds.w;\n  const zoomY = (height - 2 * ZOOM_TO_FIT_PADDING) / contentBounds.h;\n  return Math.min(zoomX, zoomY);\n}\n\n/**\n * Constrains the zoom level\n */\nfunction constrainZoom(zoom: number, minZoom: number, maxZoom: number) {\n  let newZoom = Math.max(minZoom, zoom);\n  newZoom = Math.min(maxZoom, newZoom);\n  return newZoom;\n}\n\n/**\n * Returns the font props for a node or link\n */\nfunction _getFontProps(styles?: DiagramLabelStyles) {\n  const fontProps: Font = {};\n  if (!styles) return fontProps;\n  if (styles.fontFamily) fontProps.fontFamily = styles.fontFamily;\n  if (styles.fontSize) fontProps.fontSize = styles.fontSize;\n  if (styles.fontStyle) fontProps.fontStyle = styles.fontStyle;\n  if (styles.fontWeight) fontProps.fontWeight = styles.fontWeight;\n  return fontProps;\n}\n\n/**\n * Returns the panX, panY, and zoom when zooming and centering an item\n */\nexport function zoomAndCenterItemFromInfo<K1, K2, D2 extends DiagramLinkData<K2, K1>>(\n  info: ItemInfo<K1, K2>,\n  linkIdToDataMap: Map<K2, D2>,\n  bounds: Bounds[],\n  nodeIdToIndex: Map<K1, number>,\n  width: number,\n  height: number,\n  maxZoom: number\n) {\n  const isNode = info.isNode;\n  let totalBounds;\n  if (isNode) {\n    const nodeIndex = nodeIdToIndex.get(info.id as K1)!;\n    totalBounds = bounds[nodeIndex];\n  } else {\n    const link = linkIdToDataMap.get(info.id as K2)!;\n    const startNodeBounds = bounds[nodeIdToIndex.get(link.startNode)!];\n    const endNodeBounds = bounds[nodeIdToIndex.get(link.endNode)!];\n    const minX = Math.min(startNodeBounds.x, endNodeBounds.x);\n    const minY = Math.min(startNodeBounds.y, endNodeBounds.y);\n    const maxX = Math.max(\n      startNodeBounds.x + startNodeBounds.w,\n      endNodeBounds.x + startNodeBounds.w\n    );\n    const maxY = Math.max(startNodeBounds.y + startNodeBounds.h, endNodeBounds.y + endNodeBounds.h);\n    totalBounds = { x: minX, y: minY, w: maxX - minX, h: maxY - minY };\n  }\n  return getPanZoomToCenterNode(totalBounds, maxZoom, width, height);\n}\n\n/**\n * Returns the pan and zoom values in order\n * to center a node or link\n */\nfunction getPanZoomToCenterNode(bounds: Bounds, maxZoom: number, width: number, height: number) {\n  const zoomX = (width - 2 * ZOOM_TO_FIT_PADDING) / bounds.w;\n  const zoomY = (height - 2 * ZOOM_TO_FIT_PADDING) / bounds.h;\n  const zoom = Math.min(zoomX, zoomY, maxZoom);\n  const cX = bounds.w / 2 + bounds.x;\n  const cY = bounds.h / 2 + bounds.y;\n  return { centerX: cX, centerY: cY, zoom: zoom };\n}\n","import type { Position, State, NodeRendererContext } from './diagram.types';\nimport { useResizeObserver } from '#hooks/UNSAFE_useResizeObserver';\nimport { useCallback, useRef } from 'preact/hooks';\nimport { getItemAriaLabel } from './utils/diagramUtils';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { itemStyles } from './themes/DiagramStyles.css';\nimport { ComponentChildren } from 'preact';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\n\n/**\n * Props for node component\n */\ntype NodeProps<K1, D1> = {\n  id: K1;\n  position: Position;\n  label?: string;\n  state: State;\n  previousState: State;\n  isDimmed?: boolean;\n  activeId?: string;\n  accessibleLabel?: string;\n  nodeIndex: number;\n  data: D1;\n  nodeRenderer: (context: NodeRendererContext<D1>) => ComponentChildren;\n  onNodeSizeChanged: (width: number, height: number, idx: number) => void;\n  supportsSelection: boolean;\n};\n\nexport const DiagramNodeElement = <K1, D1>({\n  id,\n  state,\n  previousState,\n  position,\n  activeId,\n  nodeRenderer,\n  onNodeSizeChanged,\n  nodeIndex,\n  data,\n  accessibleLabel,\n  isDimmed,\n  supportsSelection\n}: NodeProps<K1, D1>) => {\n  const { nodeStyles, dimmedItemStyle } = itemStyles;\n  const context = {\n    state: state,\n    previousState: previousState,\n    data: data\n  };\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ref = useRef<HTMLDivElement>(null);\n  // TODO JET-62472 change to one resize observer function\n  const optionsRef = useRef({ box: 'border-box' as const });\n  useResizeObserver(\n    ref,\n    useCallback(\n      (entry: ResizeObserverEntry) => {\n        const boxSize = entry.borderBoxSize;\n        const width = boxSize[0].inlineSize;\n        const height = boxSize[0].blockSize;\n        onNodeSizeChanged(width, height, nodeIndex);\n      },\n      [nodeIndex, onNodeSizeChanged]\n    ),\n    optionsRef.current\n  );\n  return (\n    <div\n      ref={ref}\n      key={id}\n      class={classNames([nodeStyles, isDimmed ? dimmedItemStyle : undefined])}\n      data-node={id}\n      role=\"img\"\n      aria-label={getItemAriaLabel(\n        translations,\n        supportsSelection,\n        state.selected,\n        accessibleLabel\n      )}\n      style={{\n        top: position.y,\n        left: position.x\n      }}\n      id={state.focused || state.hovered ? activeId : undefined}>\n      {nodeRenderer(context)}\n    </div>\n  );\n};\n","import { ComponentChildren } from 'preact';\nimport type { States, NodeRendererContext, Bounds, DiagramNodeData } from './diagram.types';\nimport { DiagramNodeElement } from './DiagramNodeElement';\nimport { layerStyles } from './themes/DiagramStyles.css';\n\ntype Props<K1, K2, D1> = {\n  nodes: D1[];\n  states: States<K1, K2>;\n  previousStates: States<K1, K2>;\n  nodeRenderer: (context: NodeRendererContext<D1>) => ComponentChildren;\n  onNodeSizeChanged: (width: number, height: number, idx: number) => void;\n  nodeBounds?: Bounds[];\n  supportsSelection: boolean;\n};\n\nexport function DiagramNodeLayer<K1, K2, D1 extends DiagramNodeData<K1>>({\n  nodes,\n  states,\n  previousStates,\n  nodeRenderer,\n  nodeBounds,\n  onNodeSizeChanged,\n  supportsSelection\n}: Props<K1, K2, D1>) {\n  return (\n    <div class={layerStyles}>\n      {nodes.map((node, i) => {\n        // this is for initial render before the layout function so render all nodes at 0,0\n        const position =\n          nodeBounds && nodeBounds[i] ? { x: nodeBounds[i].x, y: nodeBounds[i].y } : { x: 0, y: 0 };\n        const state = {\n          selected: states.selectedNodeIds.includes(node.id),\n          focused: states.focusedId === node.id,\n          hovered: states.hoveredId === node.id,\n          zoom: states.zoom\n        };\n        const previousState = {\n          selected: previousStates.selectedNodeIds.includes(node.id),\n          focused: previousStates.focusedId === node.id,\n          hovered: previousStates.hoveredId === node.id,\n          zoom: previousStates.zoom\n        };\n        return (\n          <DiagramNodeElement\n            id={node.id}\n            position={position}\n            state={state}\n            previousState={previousState}\n            isDimmed={\n              states.highlightedIds.length !== 0 && !states.highlightedIds.includes(node.id)\n            }\n            activeId={states.activeId}\n            nodeRenderer={nodeRenderer}\n            onNodeSizeChanged={onNodeSizeChanged}\n            nodeIndex={i}\n            accessibleLabel={node.accessibleLabel}\n            data={node}\n            supportsSelection={supportsSelection}\n          />\n        );\n      })}\n    </div>\n  );\n}\n","import type { State, LinkRendererContext } from './diagram.types';\nimport { getItemAriaLabel } from './utils/diagramUtils';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { itemStyles } from './themes/DiagramStyles.css';\nimport { ComponentChildren } from 'preact';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\n\n/**\n * Props for Link\n */\nexport type LinkProps<K2, D2, L> = {\n  id: K2;\n  label?: string;\n  state: State;\n  previousState: State;\n  isDimmed?: boolean;\n  activeId?: string;\n  accessibleLabel?: string;\n  data: D2;\n  linkRenderer: (context: LinkRendererContext<D2, L>) => ComponentChildren;\n  supportsSelection: boolean;\n  layoutOutput: L;\n};\n\nexport const DiagramLinkElement = <K2, D2, L>({\n  id,\n  state,\n  previousState,\n  activeId,\n  data,\n  linkRenderer,\n  accessibleLabel,\n  isDimmed,\n  supportsSelection,\n  layoutOutput\n}: LinkProps<K2, D2, L>) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const { dimmedItemStyle, linkStyles } = itemStyles;\n  const context = {\n    state: state,\n    previousState: previousState,\n    data: data,\n    layoutOutput: layoutOutput\n  };\n  return (\n    <g\n      key={id}\n      id={state.focused ? activeId : undefined}\n      aria-label={getItemAriaLabel(\n        translations,\n        supportsSelection,\n        state.selected,\n        accessibleLabel\n      )}\n      data-link={id}\n      role=\"img\"\n      class={classNames([linkStyles, isDimmed && dimmedItemStyle])}>\n      {linkRenderer(context)}\n    </g>\n  );\n};\n","import { ComponentChildren } from 'preact';\nimport type {\n  States,\n  LinkRendererContext,\n  DiagramLinkData,\n  DiagramLayoutOutput,\n  Bounds\n} from './diagram.types';\nimport { DiagramLinkElement } from './DiagramLinkElement';\nimport { layerStyles } from './themes/DiagramStyles.css';\nimport { getZoomToFitZoom } from './utils/diagramUtils';\n\ntype Props<K2, K1, D2, L> = {\n  links: D2[];\n  states: States<K1, K2>;\n  previousStates: States<K1, K2>;\n  linkRenderer: (context: LinkRendererContext<D2, L>) => ComponentChildren;\n  width: number;\n  height: number;\n  supportsSelection: boolean;\n  layoutOutput: L;\n  combinedNodeBounds: Bounds;\n};\n\nexport function DiagramLinkLayer<\n  K2 extends string | number,\n  K1 extends string | number,\n  D2 extends DiagramLinkData<K2, K1> = DiagramLinkData<K2, K1>,\n  L extends DiagramLayoutOutput<K1, K2> = DiagramLayoutOutput<K1, K2>\n>({\n  links,\n  states,\n  previousStates,\n  linkRenderer,\n  width,\n  height,\n  supportsSelection,\n  layoutOutput,\n  combinedNodeBounds\n}: Props<K2, K1, D2, L>) {\n  const zoom = getZoomToFitZoom(width, height, combinedNodeBounds);\n  return (\n    <svg class={layerStyles} width={width / zoom} height={height / zoom}>\n      {links.map((link) => {\n        const state = {\n          selected: states.selectedLinkIds.includes(link.id),\n          focused: states.focusedId === link.id,\n          hovered: states.hoveredId === link.id,\n          zoom: states.zoom\n        };\n        const previousState = {\n          selected: previousStates.selectedLinkIds.includes(link.id),\n          focused: previousStates.focusedId === link.id,\n          hovered: previousStates.hoveredId === link.id,\n          zoom: previousStates.zoom\n        };\n        return (\n          <DiagramLinkElement\n            id={link.id}\n            label={link.label}\n            state={state}\n            previousState={previousState}\n            isDimmed={\n              states.highlightedIds.length !== 0 && !states.highlightedIds.includes(link.id)\n            }\n            activeId={states.activeId}\n            accessibleLabel={link.accessibleLabel}\n            data={link}\n            linkRenderer={linkRenderer}\n            supportsSelection={supportsSelection}\n            layoutOutput={layoutOutput}\n          />\n        );\n      })}\n    </svg>\n  );\n}\n","import type { DiagramLabelPosition, DiagramLabelStyles } from './diagram.types';\nimport { getLabelPosition } from './utils/diagramUtils';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { labelStyles } from './themes/DiagramStyles.css';\nimport type { TextDimensions } from '#hooks/PRIVATE_useTextDimensions';\nimport { Property } from 'csstype';\n\n/**\n * Props for the label component\n */\ntype LabelProps = {\n  styles?: LabelStyles;\n  text: string;\n  position: DiagramLabelPosition;\n  dimensions: TextDimensions;\n  isRTL: boolean;\n};\n\n/**\n * Label styles\n */\ntype LabelStyles = DiagramLabelStyles & {\n  borderStyle?: Property.BorderStyle;\n};\n\nexport const DiagramLabel = ({ text, position, styles, dimensions, isRTL }: LabelProps) => {\n  const { labelStyle, labelBorderStyle } = labelStyles;\n\n  const labelPosition = getLabelPosition(dimensions, position, isRTL);\n  const labelRotation = getLabelRotation(position);\n  return (\n    <div\n      class={classNames([labelStyle, styles && styles.borderColor && labelBorderStyle])}\n      style={{\n        top: labelPosition.y,\n        left: labelPosition.x,\n        ...styles,\n        ...labelRotation\n      }}>\n      {text}\n    </div>\n  );\n};\n\n/**\n * Returns the label rotation props\n * @param position\n * @returns rotation props\n */\nfunction getLabelRotation(position: DiagramLabelPosition) {\n  const rotationAngle = position.rotationAngle;\n  const rotationPoint = position.rotationPoint;\n  const rotation: {\n    transform?: string;\n    'transform-origin'?: string;\n  } = {};\n  if (rotationAngle) {\n    rotation['transform'] = `rotate(${rotationAngle}deg)`;\n  }\n  if (rotationPoint) {\n    rotation['transform-origin'] = `${rotationPoint.x}px ${rotationPoint.y}px`;\n  }\n  return rotation;\n}\n","import type { DiagramLabelPosition, DiagramNodeData, DiagramLinkData } from './diagram.types';\nimport { DiagramLabel } from './DiagramLabel';\nimport type { TextDimensions } from '#hooks/PRIVATE_useTextDimensions';\nimport { layerStyles } from './themes/DiagramStyles.css';\nimport { useUser } from '#hooks/UNSAFE_useUser';\n\ntype Props<K1, K2, D1, D2> = {\n  labelPosition: (DiagramLabelPosition | undefined)[];\n  itemProps: (D1 | D2)[];\n  labelDimensions: Map<K1 | K2, TextDimensions>;\n};\n\nexport function DiagramLabelLayer<\n  K1,\n  K2,\n  D1 extends DiagramNodeData<K1>,\n  D2 extends DiagramLinkData<K2, K1>\n>({ labelPosition, itemProps, labelDimensions }: Props<K1, K2, D1, D2>) {\n  const { direction } = useUser();\n  return (\n    <div class={layerStyles}>\n      {itemProps.map((item, i) => {\n        if (item.label && labelPosition[i]) {\n          return (\n            <DiagramLabel\n              styles={item.labelStyle}\n              text={item.label}\n              position={labelPosition[i]!}\n              dimensions={labelDimensions.get(item.id)!}\n              isRTL={direction === 'rtl'}\n            />\n          );\n        }\n        return undefined;\n      })}\n    </div>\n  );\n}\n","import type {\n  NodeRendererContext,\n  LinkRendererContext,\n  States,\n  Bounds,\n  DiagramLabelPosition,\n  DiagramNodeData,\n  DiagramLinkData,\n  DiagramLayoutOutput\n} from './diagram.types';\nimport { DiagramNodeLayer } from './DiagramNodeLayer';\nimport { DiagramLinkLayer } from './DiagramLinkLayer';\nimport { DiagramLabelLayer } from './DiagramLabelLayer';\nimport { ComponentChildren } from 'preact';\nimport type { TextDimensions } from '#hooks/PRIVATE_useTextDimensions';\n\n/**\n * Props for Diagram layers component\n */\ntype DiagramLayersProps<K1, K2, D1, D2, L> = {\n  nodes: D1[];\n  links: D2[];\n  nodeRenderer: (context: NodeRendererContext<D1>) => ComponentChildren;\n  linkRenderer?: (context: LinkRendererContext<D2, L>) => ComponentChildren;\n  states: States<K1, K2>;\n  previousStates: States<K1, K2>;\n  nodeBounds: Bounds[];\n  // width height are for svg for links\n  width: number;\n  height: number;\n  onNodeSizeChanged: (width: number, height: number, idx: number) => void;\n  nodeLabelPositions?: (DiagramLabelPosition | undefined)[];\n  linkLabelPositions?: (DiagramLabelPosition | undefined)[];\n  labelDimensions?: Map<K1 | K2, TextDimensions>;\n  supportsSelection: boolean;\n  layoutOutput?: L;\n  combinedNodeBounds?: Bounds;\n};\n\nexport function DiagramLayers<\n  K1 extends string | number,\n  K2 extends string | number,\n  D1 extends DiagramNodeData<K1>,\n  D2 extends DiagramLinkData<K2, K1>,\n  L extends DiagramLayoutOutput<K1, K2>\n>({\n  nodes,\n  links,\n  nodeRenderer,\n  linkRenderer,\n  states,\n  previousStates,\n  nodeBounds,\n  onNodeSizeChanged,\n  width,\n  height,\n  nodeLabelPositions,\n  linkLabelPositions,\n  labelDimensions,\n  supportsSelection,\n  layoutOutput,\n  combinedNodeBounds\n}: DiagramLayersProps<K1, K2, D1, D2, L>) {\n  return (\n    <>\n      {links.length > 0 &&\n        layoutOutput &&\n        linkRenderer &&\n        width !== Infinity &&\n        combinedNodeBounds && (\n          <DiagramLinkLayer\n            links={links}\n            states={states}\n            previousStates={previousStates}\n            linkRenderer={linkRenderer}\n            width={width}\n            height={height}\n            supportsSelection={supportsSelection}\n            layoutOutput={layoutOutput}\n            combinedNodeBounds={combinedNodeBounds}\n          />\n        )}\n      <DiagramNodeLayer\n        nodes={nodes}\n        nodeBounds={nodeBounds}\n        states={states}\n        previousStates={previousStates}\n        nodeRenderer={nodeRenderer}\n        onNodeSizeChanged={onNodeSizeChanged}\n        supportsSelection={supportsSelection}\n      />\n      {labelDimensions ? (\n        <div>\n          {nodeLabelPositions ? (\n            <DiagramLabelLayer\n              labelPosition={nodeLabelPositions}\n              itemProps={nodes}\n              labelDimensions={labelDimensions}\n            />\n          ) : undefined}\n          {links && linkLabelPositions ? (\n            <DiagramLabelLayer\n              labelPosition={linkLabelPositions}\n              itemProps={links}\n              labelDimensions={labelDimensions}\n            />\n          ) : undefined}\n        </div>\n      ) : undefined}\n    </>\n  );\n}\n","import { ComponentChildren } from 'preact';\nimport { centerXYToPanXY } from './utils/diagramUtils';\nimport { panZoomStyles } from './themes/DiagramStyles.css';\n\ntype Props = {\n  centerX: number;\n  centerY: number;\n  zoom: number;\n  width: number;\n  height: number;\n  children: ComponentChildren;\n};\n\nexport function DiagramPanZoomContainer({\n  centerX,\n  centerY,\n  children,\n  zoom,\n  width,\n  height\n}: Props) {\n  const panValues = centerXYToPanXY(centerX, centerY, zoom, width, height);\n  return (\n    <div\n      class={panZoomStyles}\n      style={{\n        //TODO JET-62471 look at using matrices or both in transform instead\n        translate: `${panValues.panX}px ${panValues.panY}px`,\n        transform: `scale(${zoom})`\n      }}>\n      {children}\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { DiagramNodeData, DiagramLinkData, Bounds, ItemInfo } from '../diagram.types';\n\n/**\n * Navigation direction\n */\nexport type NavDirection = 'right' | 'left' | 'up' | 'down';\n\ntype linkDetailType<K2> = {\n  id: K2;\n  angle: number;\n  distance: number;\n  /**\n   * Ingoing = 1, outgoing = 0\n   */\n  direction: 0 | 1;\n};\n\n/**\n * Returns the node data based on node info in a diagram.\n * @param itemInfo\n * @returns\n */\nexport function getNodeDetailFromInfo<K1, K2, D1 extends DiagramNodeData<K1>>(\n  itemInfo: ItemInfo<K1, K2>,\n  nodes: D1[]\n): D1 | undefined {\n  let node;\n  for (let i = 0; i < nodes.length; i++) {\n    node = nodes[i];\n    if (itemInfo.id === node.id) {\n      return node;\n    }\n  }\n  return undefined;\n}\n\n/**\n * Returns the link data based on link info in a diagram.\n * @param itemInfo\n * @returns\n */\nexport function getLinkDetailFromInfo<K1, K2, D2 extends DiagramLinkData<K2, K1>>(\n  itemInfo: ItemInfo<K1, K2>,\n  links: D2[]\n): D2 | undefined {\n  let link;\n  for (let i = 0; i < links.length; i++) {\n    link = links[i];\n    if (itemInfo.id === link.id) {\n      return link;\n    }\n  }\n  return undefined;\n}\n\n/**\n * Creates a map with key node id and value node bounds\n */\nexport function createNodeBoundsMap<K1, D1 extends DiagramNodeData<K1>>(\n  nodes: D1[],\n  bounds: Bounds[]\n) {\n  const nodeBounds: Map<K1, Bounds> = new Map();\n  for (let i = 0; i < nodes.length; i++) {\n    nodeBounds.set(nodes[i].id, bounds[i]);\n  }\n  return nodeBounds;\n}\n\n/**\n * Utility method that adds sorting attributes of each link to an array\n */\nexport function addSortingAttributes<\n  K1,\n  K2,\n  D1 extends DiagramNodeData<K1>,\n  D2 extends DiagramLinkData<K2, K1>\n>(node: D1, listOfLinks: D2[], nodes: D1[], nodeBounds: Map<K1, Bounds>) {\n  let angle, distance, direction;\n  const linkDetail: linkDetailType<K2>[] = [];\n  for (let i = 0; i < listOfLinks.length; i++) {\n    const link = listOfLinks[i];\n    angle = _getClockwiseAngle(node, link, nodes, nodeBounds);\n    distance = _getNodesDistance(link, nodes, nodeBounds);\n    direction = _getLinkDirection(node, link);\n    linkDetail.push({ id: link.id, angle: angle, distance: distance, direction: direction });\n  }\n  return linkDetail;\n}\n\n/**\n * Returns a function that compares two link around a given node\n * The links are analyzed by angle, distance from the node and direction. The sorting attributes are added to the links before sorting.\n */\nexport function getLinkComparator<K2>() {\n  return (link1: linkDetailType<K2>, link2: linkDetailType<K2>) => {\n    const { angle: linkAngle1, distance: linkDistance1, direction: linkDirection1 } = link1;\n    const { angle: linkAngle2, distance: linkDistance2, direction: linkDirection2 } = link2;\n    let res = -1;\n\n    if (!_anglesAreEqualWithinTolerance(linkAngle1, linkAngle2) && linkAngle1 > linkAngle2) {\n      res = 1;\n    } else if (_anglesAreEqualWithinTolerance(linkAngle1, linkAngle2)) {\n      //check distance and direction\n      if (linkDistance1 > linkDistance2) {\n        res = 1;\n      } else if (linkDistance2 == linkDistance1 && linkDirection1 > linkDirection2) {\n        //outgoing to ingoing\n        res = 1;\n      } else if (linkDistance2 == linkDistance1 && linkDirection1 == linkDirection2) {\n        res = 0;\n      }\n    }\n    return res;\n  };\n}\n\n/**\n * Returns navigable links for a given node\n */\nexport function getNavigableLinksForNodeId<K1, K2, D2 extends DiagramLinkData<K2, K1>>(\n  nodeId: K1,\n  listOfLinks: D2[]\n) {\n  const links: D2[] = [];\n  listOfLinks.forEach((link) => {\n    const startId = link.startNode;\n    const endId = link.endNode;\n\n    if (startId == nodeId || endId == nodeId) links.push(link);\n  });\n  return links;\n}\n\n/**\n * Get the clockwise angle for the link given node as a center\n */\nfunction _getClockwiseAngle<\n  K1,\n  K2,\n  D1 extends DiagramNodeData<K1>,\n  D2 extends DiagramLinkData<K2, K1>\n>(node: D1, link: D2, nodes: D1[], nodeBounds: Map<K1, Bounds>) {\n  //find opposite node\n  let currNode;\n  let startNode = nodes[0];\n  let endNode = nodes[0];\n  for (let i = 0; i < nodes.length; i++) {\n    currNode = nodes[i];\n    if (currNode.id === link.startNode) {\n      startNode = currNode;\n    } else if (currNode.id === link.endNode) {\n      endNode = currNode;\n    }\n  }\n  const oppositeNode = node.id == startNode.id ? endNode : startNode;\n\n  const p1 = _getNodeCenter(node, nodeBounds);\n  const p2 = _getNodeCenter(oppositeNode, nodeBounds);\n  let angle = Math.atan2(p2.y - p1.y, p2.x - p1.x);\n  angle = angle < 0 ? angle + Math.PI * 2 : angle;\n  return angle;\n}\n\n/**\n * Get the distance between start and end nodes for the given link\n */\nfunction _getNodesDistance<\n  K1,\n  K2,\n  D1 extends DiagramNodeData<K1>,\n  D2 extends DiagramLinkData<K2, K1>\n>(link: D2, nodes: D1[], nodeBounds: Map<K1, Bounds>) {\n  let currNode;\n  let startNode = nodes[0];\n  let endNode = nodes[0];\n  for (let i = 0; i < nodes.length; i++) {\n    currNode = nodes[i];\n    if (currNode.id === link.startNode) {\n      startNode = currNode;\n    } else if (currNode.id === link.endNode) {\n      endNode = currNode;\n    }\n  }\n  const p1 = _getNodeCenter(startNode, nodeBounds);\n  const p2 = _getNodeCenter(endNode, nodeBounds);\n  return Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2));\n}\n\n/**\n * Get link direction for the given node.  1 if the node is the end node\n * and 0 if it is the start node\n */\nfunction _getLinkDirection<\n  K1,\n  K2,\n  D1 extends DiagramNodeData<K1>,\n  D2 extends DiagramLinkData<K2, K1>\n>(node: D1, link: D2): 0 | 1 {\n  if (link.endNode === node.id) {\n    return 1;\n  }\n  return 0;\n}\n\n/**\n * Get node center\n */\nfunction _getNodeCenter<K1, D1 extends DiagramNodeData<K1>>(node: D1, nodeBounds: Map<K1, Bounds>) {\n  const nodeBB = nodeBounds.get(node.id)!;\n  return { x: nodeBB.x + nodeBB.w / 2, y: nodeBB.y + nodeBB.h / 2 };\n}\n\n/**\n * Calculates the angle weighted by distance\n */\nexport function calcDistanceAngleWeighted(\n  objectBB: Bounds,\n  currentBB: Bounds,\n  direction: NavDirection\n) {\n  // Variables used for calculating penalties when calculating distances between two navigables.\n  const optimalAngle1 = (15 / 180) * Math.PI;\n  const optimalAngle2 = (40 / 180) * Math.PI;\n  const suboptimalAnglePenalty1 = 2; // multiplier to the distance\n  const suboptimalAnglePenalty2 = 6; // multiplier to the distance\n\n  const objCenterX = objectBB.x + objectBB.w / 2;\n  const objCenterY = objectBB.y + objectBB.h / 2;\n\n  const curCenterX = currentBB.x + currentBB.w / 2;\n  const curCenterY = currentBB.y + currentBB.h / 2;\n\n  const x_dist = Math.abs(objCenterX - curCenterX);\n  const y_dist = Math.abs(objCenterY - curCenterY);\n\n  const angle = Math.atan2(y_dist, x_dist);\n\n  let distance = Math.sqrt(x_dist * x_dist + y_dist * y_dist);\n\n  // Angle penalty based on direction\n  if (\n    (angle > optimalAngle1 && (direction == 'right' || direction == 'left')) ||\n    (angle < Math.PI / 2 - optimalAngle1 && (direction == 'up' || direction == 'down'))\n  ) {\n    if (\n      (angle > optimalAngle2 && (direction == 'right' || direction == 'left')) ||\n      (angle < Math.PI / 2 - optimalAngle2 && (direction == 'up' || direction == 'down'))\n    ) {\n      distance *= suboptimalAnglePenalty2;\n    } else {\n      distance *= suboptimalAnglePenalty1;\n    }\n  }\n\n  return distance;\n}\n\n/**\n * Given a direction, is a certain node is a valid destination to navigate to\n */\nexport function isValidDestination(\n  objBB: Bounds,\n  curBB: Bounds,\n  direction: NavDirection,\n  compareCenters: boolean\n) {\n  // compare the centers of the navigable and to be valid, the navigable must be in the right direction\n  // without tolerance\n  if (compareCenters) {\n    const objCenterX = objBB.x + 0.5 * objBB.w;\n    const curCenterX = curBB.x + 0.5 * curBB.w;\n    const objCenterY = objBB.y + 0.5 * objBB.h;\n    const curCenterY = curBB.y + 0.5 * curBB.h;\n\n    switch (direction) {\n      case 'up':\n        return objCenterY < curCenterY;\n      case 'down':\n        return objBB.y > curCenterY;\n      case 'right':\n        return objCenterX > curCenterX;\n      case 'left':\n        return objCenterX < curCenterX;\n      default:\n        break;\n    }\n    return true;\n  }\n\n  switch (direction) {\n    case 'up':\n      return objBB.y < curBB.y || _areEqualWithinTolerance(objBB.y, curBB.y);\n    case 'down':\n      return objBB.y > curBB.y || _areEqualWithinTolerance(objBB.y, curBB.y);\n    case 'right':\n      return objBB.x > curBB.x || _areEqualWithinTolerance(objBB.x, curBB.x);\n    case 'left':\n      return objBB.x < curBB.x || _areEqualWithinTolerance(objBB.x, curBB.x);\n    default:\n      break;\n  }\n  return true;\n}\n\n/**\n * Returns true if two nodes are in contact\n */\nexport function calcInContact(objRect: Bounds, curRect: Bounds, direction: NavDirection) {\n  switch (direction) {\n    case 'up':\n      return (\n        _isVerticallyAligned(objRect, curRect) &&\n        (curRect.y <= objRect.y + objRect.h ||\n          _areEqualWithinTolerance(curRect.y, objRect.y + objRect.h))\n      );\n    case 'down':\n      return (\n        _isVerticallyAligned(objRect, curRect) &&\n        (objRect.y <= curRect.y + curRect.h ||\n          _areEqualWithinTolerance(objRect.y, curRect.y + curRect.h))\n      );\n    case 'right':\n      return (\n        _isHorizontallyAligned(objRect, curRect) &&\n        (objRect.x <= curRect.x + curRect.w ||\n          _areEqualWithinTolerance(objRect.x, curRect.x + curRect.w))\n      );\n    case 'left':\n      return (\n        _isHorizontallyAligned(objRect, curRect) &&\n        (curRect.x <= objRect.x + objRect.w ||\n          _areEqualWithinTolerance(curRect.x, objRect.x + objRect.w))\n      );\n    default:\n      break;\n  }\n\n  return false;\n}\n\nfunction _isVerticallyAligned(rect1: Bounds, rect2: Bounds) {\n  return (\n    (rect1.x >= rect2.x && rect1.x <= rect2.x + rect2.w) ||\n    (rect2.x >= rect1.x && rect2.x <= rect1.x + rect1.w)\n  );\n}\n\nfunction _isHorizontallyAligned(rect1: Bounds, rect2: Bounds) {\n  return (\n    (rect1.y >= rect2.y && rect1.y <= rect2.y + rect2.h) ||\n    (rect2.y >= rect1.y && rect2.y <= rect1.y + rect1.h)\n  );\n}\n\nfunction _areEqualWithinTolerance(a: number, b: number) {\n  return Math.abs(a - b) <= 0.0000001;\n}\n\nfunction _anglesAreEqualWithinTolerance(a1: number, a2: number) {\n  let res = Math.abs(a1 - a2) <= 0.0000001;\n  if (!res) {\n    res = Math.abs(Math.PI * 2 + Math.min(a1, a2) - Math.max(a1, a2)) <= 0.0000001;\n  }\n  return res;\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport {\n  NavDirection,\n  addSortingAttributes,\n  calcDistanceAngleWeighted,\n  calcInContact,\n  createNodeBoundsMap,\n  getLinkComparator,\n  getNavigableLinksForNodeId,\n  getNodeDetailFromInfo,\n  isValidDestination\n} from '../utils/navUtils';\nimport type { DiagramNodeData, DiagramLinkData, Bounds, ItemInfo } from '../diagram.types';\nimport { useRef } from 'preact/hooks';\n\nexport function useDiagramNavigation<\n  K1,\n  K2,\n  D1 extends DiagramNodeData<K1>,\n  D2 extends DiagramLinkData<K2, K1>\n>(nodes: D1[], links: D2[], bounds: Bounds[], linkIdToDataMap: Map<K2, D2>) {\n  const currentKeyboardFocusNode = useRef<K1>();\n  const nodeBoundsById = createNodeBoundsMap<K1, D1>(nodes, bounds);\n\n  function getNextNavigableNode(\n    direction: NavDirection,\n    compareCenters: boolean,\n    current?: D1,\n    listOfObjects?: D1[]\n  ) {\n    if (!listOfObjects) return current;\n\n    if (!current) return listOfObjects[0];\n    const currBB = nodeBoundsById.get(current.id);\n    if (!currBB) return listOfObjects[0];\n\n    let nextObject = current; //init to current object\n    let nextDistance = Number.MAX_VALUE;\n\n    // If an object is in contact it overrules all other attributes\n    // Only another in contact object with better attributes will have higher precedence\n    let nextInContact = false;\n\n    // Whether or not the for loop has encountered the current object\n    let hasFoundCurrent = false;\n\n    let object, inContact, distance;\n    for (let i = 0; i < listOfObjects.length; i++) {\n      object = listOfObjects[i];\n\n      if (object === current) {\n        hasFoundCurrent = true;\n        continue;\n      }\n      const objBB = nodeBoundsById.get(object.id);\n      if (!objBB) continue;\n\n      const objBounds = { x: objBB.x, y: objBB.y, w: objBB.w, h: objBB.h };\n      const currBounds = { x: currBB.x, y: currBB.y, w: currBB.w, h: currBB.h };\n      if (!isValidDestination(objBounds, currBounds, direction, compareCenters)) continue;\n\n      inContact = calcInContact(objBounds, currBounds, direction);\n\n      if (nextInContact && !inContact) continue;\n\n      distance = calcDistanceAngleWeighted(objBounds, currBounds, direction);\n\n      if (distance == 0 && !hasFoundCurrent) continue;\n\n      // Make sure incontact flag have highest precedence\n      if (\n        (!nextInContact && inContact) ||\n        (distance < nextDistance && ((nextInContact && inContact) || !nextInContact))\n      ) {\n        nextDistance = distance;\n        nextObject = object;\n        nextInContact = inContact;\n      }\n    }\n    return nextObject;\n  }\n\n  /**\n   * Get next navigavle link depending on direction - clockwise or conter clockwise.\n   * The decision is made based on location of nodes centers rather than link paths or link angles.\n   */\n  function getNextNavigableLink(\n    direction: string,\n    listOfNodes: D1[],\n    currentLink?: D2,\n    listOfLinks?: D2[]\n  ) {\n    if (!listOfLinks) return currentLink;\n\n    if (!currentLink) return listOfLinks[0];\n    const keyboardFocusNode = currentKeyboardFocusNode.current;\n    const nodeId = keyboardFocusNode ? keyboardFocusNode : currentLink.startNode;\n    const node = getNodeDetailFromInfo({ id: nodeId, isNode: true }, listOfNodes);\n\n    if (!node) return currentLink;\n    const adjLinks = getNavigableLinksForNodeId(node.id, listOfLinks);\n    listOfLinks = adjLinks;\n    const linksWithSortingAttributes = addSortingAttributes<K1, K2, D1, D2>(\n      node,\n      listOfLinks,\n      listOfNodes,\n      nodeBoundsById\n    );\n    linksWithSortingAttributes.sort(getLinkComparator());\n    //clockwise direction\n    const bForward = direction == 'down' ? true : false;\n    let index = 0;\n    for (let i = 0; i < linksWithSortingAttributes.length; i++) {\n      const link = linksWithSortingAttributes[i];\n      if (link.id === currentLink.id) {\n        if (bForward) index = i == linksWithSortingAttributes.length - 1 ? 0 : i + 1;\n        else index = i == 0 ? linksWithSortingAttributes.length - 1 : i - 1;\n        break;\n      }\n    }\n    return linksWithSortingAttributes[index];\n  }\n\n  /**\n   * Returns the link detail when a node to link navigation occurs\n   */\n  function navigateFromNodeToLink(listOfLinks: D2[], event: KeyboardEvent, node?: D1) {\n    if (!node) return undefined;\n    const adjLinks = getNavigableLinksForNodeId(node.id, listOfLinks);\n    if (adjLinks.length < 1) return undefined;\n    let link = adjLinks[0];\n    const nodeBB = nodeBoundsById.get(node.id)!;\n    let object, currNode, currNodeBB, currNodeBBCenterX;\n    const nodeCenterX = nodeBB.x + nodeBB.w / 2;\n    currentKeyboardFocusNode.current = node.id;\n    for (let i = 0; i < adjLinks.length; i++) {\n      object = adjLinks[i];\n      currNode = object.startNode === node.id ? object.endNode : object.startNode;\n      currNodeBB = nodeBoundsById.get(currNode);\n      currNodeBBCenterX = currNodeBB!.x + currNodeBB!.w / 2;\n      if (\n        // equivalent of ≤ and ≥\n        (event.altKey && event.code === 'Comma' && currNodeBBCenterX <= nodeCenterX) ||\n        (event.altKey && event.code === 'Period' && currNodeBBCenterX >= nodeCenterX)\n      ) {\n        link = object;\n        break;\n      }\n    }\n    return { id: link.id, isNode: false };\n  }\n\n  /**\n   * Returns the node detail when a link to node navigation occurs\n   */\n  function navigateFromLinkToNode(linkId: K2, event: KeyboardEvent) {\n    const key = event.key;\n    const linkData = linkIdToDataMap.get(linkId)!;\n    const startNodeBB = nodeBoundsById.get(linkData.startNode);\n    const endNodeBB = nodeBoundsById.get(linkData.endNode);\n    if (!startNodeBB || !endNodeBB) return undefined;\n    const startNodeCenterX = startNodeBB.x + startNodeBB.w / 2;\n    const endNodeCenterX = endNodeBB.x + endNodeBB.w / 2;\n    const newNode =\n      (endNodeCenterX > startNodeCenterX && key === 'ArrowRight') ||\n      (endNodeCenterX < startNodeCenterX && key === 'ArrowLeft')\n        ? linkData.endNode\n        : linkData.startNode;\n    return { id: newNode, isNode: true };\n  }\n\n  return {\n    isNode: (itemInfo: ItemInfo<K1, K2>): boolean => {\n      let node, link;\n      for (let i = 0; i < nodes.length; i++) {\n        node = nodes[i];\n        link = links[i];\n        if (itemInfo.id === node.id) {\n          return true;\n        }\n        if (itemInfo.id === link.id) {\n          return true;\n        }\n      }\n      return false;\n    },\n    getNextNavigableNode,\n    getNextNavigableLink,\n    navigateFromNodeToLink,\n    navigateFromLinkToNode\n  };\n}\n","import {\n  ItemInfo,\n  ItemHoverDetail,\n  ItemFocusDetail,\n  Bounds,\n  DiagramNodeData,\n  DiagramLinkData\n} from '../diagram.types';\nimport { useRef, useState } from 'preact/hooks';\nimport { isEqualItem, getNavigableInfo, zoomAndCenterItemFromInfo } from '../utils/diagramUtils';\nimport { getRandomId } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { getNodeDetailFromInfo, getLinkDetailFromInfo } from '../utils/navUtils';\nimport { useDiagramNavigation } from './useDiagramNavigation';\nimport type { NavDirection } from '../utils/navUtils';\nimport { useVisHover } from '#hooks/PRIVATE_useVisHover';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\nconst DEFAULT_KB_PAN = 15;\nconst DEFAULT_KB_ZOOM = 0.15;\n\nexport function useEvents<\n  K1,\n  K2,\n  D1 extends DiagramNodeData<K1>,\n  D2 extends DiagramLinkData<K2, K1>\n>(\n  touchResponse: 'touchStart' | 'touchHold',\n  initNode: D1,\n  nodes: D1[],\n  links: D2[],\n  nodeBounds: Bounds[],\n  linkIdToDataMap: Map<K2, D2>,\n  nodeIdToDataMap: Map<K1, D1>,\n  nodeIdToIndexMap: Map<K1, number>,\n  width: number,\n  height: number,\n  maxZoom: number,\n  onItemHover?: (detail: ItemHoverDetail<K1, K2, D1, D2>) => void,\n  onItemFocus?: (detail: ItemFocusDetail<K1, K2, D1, D2>) => void,\n  kbPanCallback?: (props: {\n    dPan?: { dx: number; dy: number };\n    nPan?: { cx: number; cy: number };\n    center?: boolean;\n  }) => void,\n  kbZoomCallback?: (props: { dZoom?: number; nZoom?: number }) => void\n) {\n  const {\n    getNextNavigableNode,\n    getNextNavigableLink,\n    navigateFromNodeToLink,\n    navigateFromLinkToNode\n  } = useDiagramNavigation<K1, K2, D1, D2>(nodes, links, nodeBounds, linkIdToDataMap);\n  const [focusedItemInfo, setfocusedItemInfo] = useState<ItemInfo<K1, K2>>({\n    id: initNode.id,\n    isNode: true\n  });\n  const [hoveredItemInfo, sethoveredItemInfo] = useState<ItemInfo<K1, K2>>();\n  const activeId = useRef<string>();\n\n  const cancelEvent = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  const keyDownHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n    let eventConsumed = false;\n    // tabbing out of the diagram\n    if (key === 'TAB') {\n      return;\n    }\n    // if this a switch from node to link or vice versa\n    if (isChangeItemType(event)) {\n      const nextItemInfo = focusedItemInfo.isNode\n        ? navigateFromNodeToLink(links, event, getNodeDetailFromInfo(focusedItemInfo, nodes))\n        : navigateFromLinkToNode(focusedItemInfo.id as K2, event);\n      handleKeyboardInput(nextItemInfo);\n      eventConsumed = true;\n    } else if (isNavigationEvent(key)) {\n      const nextItemInfo = handleKeyboardNavigationEvent(key);\n      handleKeyboardInput(nextItemInfo);\n      eventConsumed = true;\n    } else {\n      switch (key) {\n        case 'PageUp': {\n          kbPanCallback &&\n            kbPanCallback({\n              dPan: {\n                dx: event.shiftKey ? -DEFAULT_KB_PAN : 0,\n                dy: event.shiftKey ? 0 : -DEFAULT_KB_PAN\n              }\n            });\n          eventConsumed = true;\n          break;\n        }\n        case 'PageDown': {\n          kbPanCallback &&\n            kbPanCallback({\n              dPan: {\n                dx: event.shiftKey ? DEFAULT_KB_PAN : 0,\n                dy: event.shiftKey ? 0 : DEFAULT_KB_PAN\n              }\n            });\n          eventConsumed = true;\n          eventConsumed = true;\n          break;\n        }\n        case '+':\n        case '=': {\n          kbZoomCallback && kbZoomCallback({ dZoom: DEFAULT_KB_ZOOM });\n          eventConsumed = true;\n          break;\n        }\n        case '-':\n        case '_': {\n          kbZoomCallback && kbZoomCallback({ dZoom: -DEFAULT_KB_ZOOM });\n          eventConsumed = true;\n          break;\n        }\n        case '0': {\n          if (event.ctrlKey && event.altKey) {\n            const { centerX, centerY, zoom } = zoomAndCenterItemFromInfo(\n              focusedItemInfo,\n              linkIdToDataMap,\n              nodeBounds,\n              nodeIdToIndexMap,\n              width,\n              height,\n              maxZoom\n            );\n            kbZoomCallback && kbZoomCallback({ nZoom: zoom });\n            kbPanCallback && kbPanCallback({ nPan: { cx: centerX, cy: centerY } });\n          } else {\n            // zoom to fit\n            kbZoomCallback && kbZoomCallback({});\n            kbPanCallback && kbPanCallback({ center: true });\n          }\n          eventConsumed = true;\n        }\n      }\n    }\n    if (eventConsumed) {\n      cancelEvent(event);\n    }\n  };\n\n  const keyUpHandler = (event: KeyboardEvent) => {\n    const key = event.code;\n    switch (key) {\n      case 'Tab': {\n        updatefocusedItemInfo({\n          ...focusedItemInfo,\n          isCurrent: true,\n          isFocusVisible: true\n        });\n        break;\n      }\n    }\n  };\n\n  const blurHandler = () => {\n    if (hoveredItemInfo != null || focusedItemInfo.isCurrent) {\n      onItemFocus?.({ id: undefined, data: undefined });\n    }\n    const itemInfo = { ...focusedItemInfo, isCurrent: false, isFocusVisible: false };\n    setfocusedItemInfo(itemInfo);\n  };\n\n  const onHover = (event: PointerEvent) => {\n    const itemInfo = getNavigableInfo<K1, K2>(event.target as HTMLElement);\n    if (itemInfo && !isEqualItem(itemInfo, hoveredItemInfo)) {\n      sethoveredItemInfo({ ...itemInfo, isCurrent: true });\n      activeId.current = getRandomId();\n      setfocusedItemInfo({ ...focusedItemInfo, isCurrent: false });\n      if (itemInfo.isNode) {\n        onItemHover?.({\n          id: itemInfo.id,\n          type: 'node',\n          data: nodeIdToDataMap.get(itemInfo.id as K1)\n        });\n      } else {\n        onItemHover?.({\n          id: itemInfo.id,\n          type: 'link',\n          data: linkIdToDataMap.get(itemInfo.id as K2)\n        });\n      }\n    }\n  };\n\n  const onHoverLeave = () => {\n    sethoveredItemInfo(undefined);\n    activeId.current = undefined;\n    onItemHover?.({ id: undefined, data: undefined });\n  };\n\n  const hoverHandlers = useVisHover(onHover, undefined, onHoverLeave, touchResponse);\n\n  const pointerUpHandler = (event: PointerEvent) => {\n    const itemInfo = getNavigableInfo<K1, K2>(event.target as HTMLElement);\n    if (itemInfo.id != null) {\n      setfocusedItemInfo(itemInfo);\n      activeId.current = getRandomId();\n    }\n  };\n\n  function updatefocusedItemInfo(itemInfo: ItemInfo<K1, K2>) {\n    if (itemInfo.isNode) {\n      onItemFocus?.({\n        id: itemInfo.id,\n        type: 'node',\n        data: nodeIdToDataMap.get(itemInfo.id as K1)\n      });\n    } else {\n      onItemFocus?.({\n        id: itemInfo.id,\n        type: 'link',\n        data: linkIdToDataMap.get(itemInfo.id as K2)\n      });\n    }\n    activeId.current = getRandomId();\n    setfocusedItemInfo(itemInfo);\n  }\n\n  function handleKeyboardInput(item?: ItemInfo<K1, K2>) {\n    if (!item) return;\n    if (!isEqualItem(item, focusedItemInfo)) {\n      item.isCurrent = true;\n      item.isFocusVisible = true;\n      if (hoveredItemInfo) {\n        sethoveredItemInfo({ ...hoveredItemInfo, isCurrent: false });\n      }\n      updatefocusedItemInfo(item);\n    }\n  }\n\n  function isNavigationEvent(key: string) {\n    switch (key) {\n      case 'ArrowDown':\n      case 'ArrowUp':\n      case 'ArrowRight':\n      case 'ArrowLeft': {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  function isChangeItemType(event: KeyboardEvent) {\n    const key = event.code;\n    // check if switching from node to link\n    // equivalent of ≤ and ≥\n    if (focusedItemInfo.isNode && event.altKey && (key === 'Period' || key === 'Comma')) {\n      return true;\n      // check if switching from link to node\n    } else if (!focusedItemInfo.isNode && (key === 'ArrowLeft' || key === 'ArrowRight')) {\n      return true;\n    }\n    return false;\n  }\n\n  function handleKeyboardNavigationEvent(key: string) {\n    let direction: NavDirection = 'down';\n    switch (key) {\n      case 'ArrowDown': {\n        direction = 'down';\n        break;\n      }\n      case 'ArrowUp': {\n        direction = 'up';\n        break;\n      }\n      case 'ArrowRight': {\n        direction = 'right';\n        break;\n      }\n      case 'ArrowLeft': {\n        direction = 'left';\n        break;\n      }\n    }\n    if (focusedItemInfo.isNode) {\n      const itemDetail = getNextNavigableNode(\n        direction,\n        true,\n        getNodeDetailFromInfo(focusedItemInfo, nodes),\n        nodes\n      );\n      return itemDetail ? { id: itemDetail.id, isNode: true } : focusedItemInfo;\n    } else {\n      const linkDetail = getLinkDetailFromInfo(focusedItemInfo, links);\n      const itemDetail = getNextNavigableLink(direction, nodes, linkDetail, links);\n      return itemDetail ? { id: itemDetail.id } : { id: focusedItemInfo.id };\n    }\n  }\n\n  return {\n    focusedItemInfo,\n    hoveredItemInfo,\n    activeId: activeId.current,\n    eventsProps: mergeProps(hoverHandlers, {\n      onKeyUp: keyUpHandler,\n      onKeyDown: keyDownHandler,\n      onBlur: blurHandler,\n      onPointerUp: pointerUpHandler\n    })\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type {\n  ItemInfo,\n  Bounds,\n  DatatipContext,\n  DiagramNodeData,\n  DiagramLinkData\n} from '../diagram.types';\nimport type { RefObject } from 'preact';\nimport { useDatatip } from '#hooks/PRIVATE_useDatatip';\nimport { calculateOffset } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport type { Pan } from '../utils/panUtils';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getDatatipContent } from '../utils/diagramUtils';\nimport { ComponentChildren } from 'preact';\nimport { Property } from 'csstype';\n\ntype props<K1, K2, D1, D2> = {\n  touchResponse: 'touchStart' | 'touchHold';\n  datatip?: (context: DatatipContext<D1, D2>) => {\n    content: ComponentChildren;\n    borderColor?: Property.BorderColor;\n  };\n  text?: string;\n  focusedItemInfo: ItemInfo<K1, K2>;\n  focusedItemBoundsRef: RefObject<Bounds | null>;\n  panState: Pan;\n  zoom: number;\n  width: number;\n  nodesMap: Map<K1, D1>;\n  linksMap: Map<K2, D2>;\n  hoveredItem?: ItemInfo<K1, K2>;\n};\n\n/**\n * Returns the datatip.\n * @param text The text string for the diagram item.\n * @param rootRef The ref for root of the diagram.\n * @param focusedItemBoundsRef The ref for focused item bounds.\n * @param focusedItemInfo The ItemInfo for focused item.\n * @returns\n */\nexport const useDiagramDatatip = <\n  K1,\n  K2,\n  D1 extends DiagramNodeData<K1>,\n  D2 extends DiagramLinkData<K2, K1>\n>({\n  touchResponse,\n  datatip,\n  focusedItemBoundsRef,\n  focusedItemInfo,\n  panState,\n  zoom,\n  width,\n  nodesMap,\n  linksMap,\n  hoveredItem\n}: props<K1, K2, D1, D2>) => {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const datatipC = getDatatipContent(nodesMap, linksMap, focusedItemInfo, hoveredItem, datatip);\n\n  const elementBounds = focusedItemBoundsRef.current\n    ? {\n        x: focusedItemBoundsRef.current.x * zoom + panState.panX,\n        y: focusedItemBoundsRef.current.y * zoom + panState.panY,\n        width: focusedItemBoundsRef.current.w * zoom,\n        height: focusedItemBoundsRef.current.h * zoom\n      }\n    : undefined;\n  const offset = focusedItemInfo.isCurrent\n    ? calculateOffset(isRtl, width, elementBounds)\n    : calculateOffset(isRtl, width);\n\n  const { datatipContent, datatipProps } = useDatatip({\n    content: datatipC?.content,\n    borderColor: datatipC?.borderColor,\n    placement: 'top-start',\n    offset,\n    anchor: focusedItemInfo?.isCurrent ? 'element' : 'pointer',\n    touchResponse\n  });\n  return { datatipContent: datatipContent, datatipProps: datatipProps };\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { RefObject } from 'preact';\nimport { useRef } from 'preact/hooks';\n\ntype PointerGesture = {\n  pointers: PointerEvent[];\n};\n\ntype UsePointerGestureOptions = {\n  captureTargetRef: RefObject<HTMLDivElement>;\n  numPointers: number;\n  onPointerGestureDown?: (detail: PointerGesture) => void;\n  onPointerGestureMove?: (detail: PointerGesture) => void;\n  onPointerGestureEnd?: (detail: PointerGesture) => void;\n  onExtraneousPointerDown?: (detail: PointerGesture) => void;\n  isDisabled?: boolean;\n};\n\nconst usePointerGesture = ({\n  captureTargetRef,\n  numPointers = 1,\n  onPointerGestureDown,\n  onPointerGestureMove,\n  onPointerGestureEnd,\n  onExtraneousPointerDown,\n  isDisabled = false\n}: UsePointerGestureOptions) => {\n  const activePointers = useRef<PointerEvent[]>([]);\n\n  if (isDisabled) {\n    activePointers.current = [];\n  }\n\n  const onPointerDown = (e: PointerEvent) => {\n    activePointers.current.push(e);\n    if (activePointers.current.length === numPointers) {\n      onPointerGestureDown && onPointerGestureDown({ pointers: activePointers.current });\n    } else if (activePointers.current.length > numPointers) {\n      onExtraneousPointerDown && onExtraneousPointerDown({ pointers: activePointers.current });\n    }\n  };\n\n  const onPointerMove = (e: PointerEvent) => {\n    if (activePointers.current.length === 0) return;\n\n    const index = activePointers.current.findIndex(\n      (pointerEvent) => pointerEvent.pointerId === e.pointerId\n    );\n    if (index === -1) return;\n\n    activePointers.current[index] = e;\n    if (activePointers.current.length === numPointers) {\n      activePointers.current.forEach((e) =>\n        captureTargetRef.current!.setPointerCapture(e.pointerId)\n      );\n\n      onPointerGestureMove && onPointerGestureMove({ pointers: activePointers.current });\n    }\n  };\n\n  const onPointerUp = (e: PointerEvent) => {\n    const index = activePointers.current.findIndex(\n      (pointerEvent) => pointerEvent.pointerId === e.pointerId\n    );\n    if (index === -1) return;\n\n    activePointers.current[index] = e;\n    if (activePointers.current.length === numPointers) {\n      onPointerGestureEnd && onPointerGestureEnd({ pointers: activePointers.current });\n    }\n    activePointers.current.splice(index, 1);\n  };\n\n  const onPointerCancel = onPointerUp;\n  const onPointerLeave = onPointerUp;\n\n  return isDisabled\n    ? {}\n    : {\n        onPointerDown,\n        onPointerMove,\n        onPointerUp,\n        onPointerCancel,\n        onPointerLeave\n      };\n};\n\nexport { usePointerGesture };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Bounds, PanState } from '../diagram.types';\nimport { panXYToCenterXY } from './diagramUtils';\nexport type PanBounds = {\n  minX: number;\n  minY: number;\n  maxX: number;\n  maxY: number;\n};\n\n/**\n * The pan values that describes where the diagram content\n * is panned\n */\nexport type Pan = {\n  panX: number;\n  panY: number;\n};\n\nconst constrainPan = (\n  previousPan: Pan,\n  nextPan: Pan,\n  panBounds: PanBounds,\n  panDirection: 'x' | 'y' | 'any'\n) => {\n  const panX = panDirection !== 'y' ? nextPan.panX : previousPan.panX;\n  const panY = panDirection !== 'x' ? nextPan.panY : previousPan.panY;\n  return {\n    panX: panX > panBounds.maxX ? panBounds.maxX : panX < panBounds.minX ? panBounds.minX : panX,\n    panY: panY > panBounds.maxY ? panBounds.maxY : panY < panBounds.minY ? panBounds.minY : panY\n  };\n};\n\nexport const pan = (\n  previousPan: Pan,\n  nextPan: Pan,\n  panDirection: 'x' | 'y' | 'any',\n  zoom: number,\n  width: number,\n  height: number,\n  panBounds?: PanBounds,\n  onPanChange?: (detail: PanState) => void\n) => {\n  if (!panBounds) {\n    //On initial render before nodes are rendered\n    return { newPan: { panX: 0, panY: 0 } };\n  }\n  const newPan = constrainPan(previousPan, nextPan, panBounds, panDirection);\n  const isPanChanged = newPan.panX !== previousPan.panX || newPan.panY !== previousPan.panY;\n  const center = panXYToCenterXY(newPan.panX, newPan.panY, zoom, width, height);\n  isPanChanged &&\n    onPanChange &&\n    onPanChange({\n      centerX: center.centerX,\n      centerY: center.centerY\n    });\n  return { newPan };\n};\n\nexport const getPanBounds = (\n  width: number,\n  height: number,\n  elemBounds: Bounds,\n  zoom: number,\n  minZoom: number,\n  initPanZoomState: {\n    zoom: number;\n    centerX?: number;\n    centerY?: number;\n  },\n  panType?: string\n): PanBounds => {\n  const { x, y, w, h } = elemBounds;\n  let minX, maxX, minY, maxY;\n  if (panType === 'centerContent') {\n    minX = width / 2 - (w + x) * zoom;\n    minY = height / 2 - (h + y) * zoom;\n    maxX = width / 2 - x * zoom;\n    maxY = height / 2 - y * zoom;\n  } else {\n    // panType equals fixed\n    const zoomRatio = zoom / minZoom;\n    // Find left corner of the content at min zoom and content is centered\n    const minZoomX = (width - w * minZoom) / 2 - x * minZoom;\n    const minZoomY = (height - h * minZoom) / 2 - y * minZoom;\n    // When we pan all the way to the right, the left corner of displayable area is 0,0 as in min zoom.\n    // When we pan all the way to the left, lets find the corner of the displayable area\n    const leftCornerX = width - width * zoomRatio;\n    const leftCornerY = height - height * zoomRatio;\n    // Now we have everything to calculate pan zoom constraints\n    minX = leftCornerX + minZoomX * zoomRatio;\n    minY = leftCornerY + minZoomY * zoomRatio;\n    maxX = minZoomX * zoomRatio;\n    maxY = minZoomY * zoomRatio;\n  }\n  const initZoom = initPanZoomState.zoom;\n  const initCenterX = initPanZoomState.centerX;\n  const initCenterY = initPanZoomState.centerY;\n  // If an initial panZoomState is set, should expand pan bounds to include it\n  let dx, dy;\n  if (initCenterX) {\n    const boundsX = initCenterX * initZoom - width / 2;\n    if (-boundsX * initZoom < minX) {\n      dx = minX - boundsX * initZoom;\n      minX -= dx;\n      maxX += dx;\n    } else if (-boundsX * initZoom > maxX) {\n      dx = -boundsX * initZoom - maxX;\n      minX -= dx;\n      maxX += dx;\n    }\n  }\n  if (initCenterY) {\n    const boundsY = initCenterY * initZoom - height / 2;\n    if (-boundsY * initZoom < minY) {\n      dy = minY - boundsY * initZoom;\n      minY -= dy;\n      maxY += dy;\n    } else if (-boundsY * initZoom > maxY) {\n      dy = -boundsY * initZoom - maxY;\n      minY -= dy;\n      maxY += dy;\n    }\n  }\n  return {\n    minX: minX,\n    maxX: maxX,\n    minY: minY,\n    maxY: maxY\n  };\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { PanState } from '../diagram.types';\nimport type { RefObject } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { useDrag } from './useDrag';\nimport { PanBounds, pan } from '../utils/panUtils';\nimport { centerXYToPanXY } from '../utils/diagramUtils';\n/**\n * Options for useDragPan hook\n */\ntype UseDragPanOptions = {\n  panProps: {\n    centerX: number;\n    centerY: number;\n    panDirection: 'x' | 'y' | 'any';\n    onPan?: (detail: PanState) => void;\n    panning?: 'centerContent' | 'fixed' | 'off';\n  };\n  captureTargetRef: RefObject<HTMLDivElement>;\n  panBounds?: PanBounds;\n  onDragPanStart?: () => void;\n  onDragPanEnd?: () => void;\n  zoom: number;\n  width: number;\n  height: number;\n};\n\nconst useDragPan = ({\n  panProps,\n  captureTargetRef,\n  panBounds,\n  width,\n  height,\n  zoom,\n  onDragPanStart,\n  onDragPanEnd\n}: UseDragPanOptions) => {\n  const prevPanState = useRef({ panX: 0, panY: 0 });\n  const initialPanState = useRef({ panX: 0, panY: 0 });\n  const dragProps = useDrag({\n    captureTargetRef,\n    onDragStart: () => {\n      const panValues = centerXYToPanXY(panProps.centerX, panProps.centerY, zoom, width, height);\n      initialPanState.current = {\n        panX: panValues.panX,\n        panY: panValues.panY\n      };\n      onDragPanStart && onDragPanStart();\n    },\n    onDragMove: ({ dx, dy }) => {\n      const nextPan = {\n        panX: initialPanState.current.panX + dx,\n        panY: initialPanState.current.panY + dy\n      };\n      const { newPan } = pan(\n        prevPanState.current,\n        nextPan,\n        panProps.panDirection,\n        zoom,\n        width,\n        height,\n        panBounds,\n        panProps.onPan\n      );\n      prevPanState.current = newPan;\n    },\n    onDragEnd: ({ originalEvent }) => {\n      // If panning occurred, call preventDefault to prevent selection from occurring\n      if (\n        initialPanState.current.panX !== prevPanState.current.panX ||\n        initialPanState.current.panY !== prevPanState.current.panY\n      )\n        originalEvent.preventDefault();\n      onDragPanEnd && onDragPanEnd();\n    },\n    isDisabled: panProps.panning === 'off'\n  });\n\n  return dragProps;\n};\n\nexport { useDragPan };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { RefObject } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { usePointerGesture } from './usePointerGesture';\n/**\n * Draggable region\n */\ntype DraggableRegion = {\n  xMin: number;\n  xMax: number;\n  yMin: number;\n  yMax: number;\n};\n\ntype DragDetail = {\n  x: number;\n  y: number;\n  dx: number;\n  dy: number;\n  regionOffsetX: number;\n  regionOffsetY: number;\n  originalEvent: PointerEvent;\n};\n\ntype UseDragOptions = {\n  captureTargetRef: RefObject<HTMLDivElement>;\n  draggableRegion?: DraggableRegion;\n  onDragStart?: (detail: Omit<DragDetail, 'dx' | 'dy'>) => void;\n  onDragMove?: (detail: DragDetail) => void;\n  onDragEnd?: (detail: DragDetail) => void;\n  isDisabled?: boolean;\n};\n/**\n * Whether point with coordinates are in the draggable region\n */\nconst inDraggableRegion = (x: number, y: number, region?: DraggableRegion) => {\n  if (!region) return true;\n  const { xMin, xMax, yMin, yMax } = region;\n  return x >= xMin && x <= xMax && y >= yMin && y <= yMax;\n};\n\n/**\n * Returns region offset\n */\nconst getRegionOffset = (x: number, y: number, region?: DraggableRegion) => {\n  if (!region) return { regionOffsetX: x, regionOffsetY: y };\n  return { regionOffsetX: x - region.xMin, regionOffsetY: y - region.yMin };\n};\n\nconst useDrag = ({\n  captureTargetRef,\n  draggableRegion,\n  onDragStart,\n  onDragMove,\n  onDragEnd,\n  isDisabled = false\n}: UseDragOptions) => {\n  const inactiveState = { isDragging: false, x0: -1, y0: -1, regionOffsetX: -1, regionOffsetY: -1 };\n  const dragState = useRef(inactiveState);\n\n  const handlePointerEvent = (e: PointerEvent, cb?: (detail: DragDetail) => void) => {\n    const { isDragging, x0, y0, regionOffsetX, regionOffsetY } = dragState.current;\n    if (!isDragging) return;\n    const x = e.pageX;\n    const y = e.pageY;\n    cb && cb({ x, y, dx: x - x0, dy: y - y0, regionOffsetX, regionOffsetY, originalEvent: e });\n  };\n\n  const dragProps = usePointerGesture({\n    captureTargetRef,\n    numPointers: 1, // Only allow 1 pointer dragging\n    onExtraneousPointerDown: () => {\n      dragState.current = inactiveState;\n    },\n    onPointerGestureDown: ({ pointers: [e] }) => {\n      const x = e.pageX;\n      const y = e.pageY;\n      if (e.button !== 0 || !inDraggableRegion(x, y, draggableRegion)) return;\n      const { regionOffsetX, regionOffsetY } = getRegionOffset(x, y, draggableRegion);\n      dragState.current = { isDragging: true, x0: x, y0: y, regionOffsetX, regionOffsetY };\n      onDragStart && onDragStart({ x, y, regionOffsetX, regionOffsetY, originalEvent: e });\n    },\n    onPointerGestureMove: ({ pointers: [e] }) => {\n      handlePointerEvent(e, onDragMove);\n    },\n    onPointerGestureEnd: ({ pointers: [e] }) => {\n      handlePointerEvent(e, onDragEnd);\n      dragState.current = inactiveState;\n    }\n  });\n\n  return isDisabled ? {} : dragProps;\n};\n\nexport { useDrag };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport const ZOOM_INCREMENT = 0.05;\n\nexport const zoom = (\n  nextZoom: number,\n  zoom: number,\n  minZoom: number,\n  maxZoom: number,\n  onZoomChange?: (detail: { zoomValue: number }) => void\n) => {\n  const newZoom = nextZoom > maxZoom || nextZoom < minZoom ? zoom : nextZoom;\n  const isZoomChanged = newZoom !== zoom;\n  isZoomChanged &&\n    onZoomChange &&\n    onZoomChange({\n      zoomValue: newZoom\n    });\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { RefObject } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { usePointerGesture } from './usePointerGesture';\n\ntype Point = { x: number; y: number };\n\nconst getMidpoint = (p1: Point, p2: Point) => ({ x: (p1.x + p2.x) / 2, y: (p1.y + p2.y) / 2 });\nconst getDistance = (p1: Point, p2: Point) => Math.sqrt((p2.x - p1.x) ** 2 + (p2.y - p2.y) ** 2);\n\ntype PinchDetail = {\n  origin: Point;\n  delta: number;\n};\n\ntype UsePinchOptions = {\n  captureTargetRef: RefObject<HTMLDivElement>;\n  onPinchZoomStart?: (detail: PinchDetail) => void;\n  onPinchZoomChange?: (detail: PinchDetail) => void;\n  onPinchZoomEnd?: () => void;\n  isDisabled?: boolean;\n};\n\nconst usePinch = ({\n  captureTargetRef,\n  onPinchZoomStart,\n  onPinchZoomChange,\n  onPinchZoomEnd,\n  isDisabled = false\n}: UsePinchOptions) => {\n  const origin = useRef({ x: -1, y: -1 });\n  const prevDistance = useRef(-1);\n  const reset = () => {\n    origin.current = { x: -1, y: -1 };\n    prevDistance.current = -1;\n  };\n\n  if (isDisabled) reset();\n\n  const pinchProps = usePointerGesture({\n    captureTargetRef,\n    numPointers: 2, // Pinch gesture requires 2 pointers\n    onPointerGestureDown: ({ pointers: [pointer1, pointer2] }) => {\n      const p1 = { x: pointer1.offsetX, y: pointer1.offsetY };\n      const p2 = { x: pointer2.offsetX, y: pointer2.offsetY };\n      origin.current = getMidpoint(p1, p2);\n      prevDistance.current = getDistance(p1, p2);\n      onPinchZoomStart &&\n        onPinchZoomStart({\n          origin: origin.current,\n          delta: 0\n        });\n    },\n    onPointerGestureMove: ({ pointers: [pointer1, pointer2] }) => {\n      const p1 = { x: pointer1.offsetX, y: pointer1.offsetY };\n      const p2 = { x: pointer2.offsetX, y: pointer2.offsetY };\n      const distance = getDistance(p1, p2);\n      const delta = distance - prevDistance.current;\n      prevDistance.current = distance;\n      onPinchZoomChange &&\n        onPinchZoomChange({\n          origin: origin.current,\n          delta\n        });\n    },\n    onPointerGestureEnd: () => {\n      reset();\n      onPinchZoomEnd && onPinchZoomEnd();\n    }\n  });\n\n  return isDisabled ? {} : pinchProps;\n};\n\nexport { usePinch };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { RefObject } from 'preact';\nimport { usePinch } from './usePinch';\nimport { zoom, ZOOM_INCREMENT } from '../utils/zoomUtils';\n\ntype UsePinchZoomOptions = {\n  captureTargetRef: RefObject<HTMLDivElement>;\n  zooming: 'on' | 'off';\n  minZoom: number;\n  maxZoom: number;\n  zoomValue: number;\n  onZoom?: (detail: { zoomValue: number }) => void;\n};\n\nconst usePinchZoom = ({\n  captureTargetRef,\n  zooming,\n  minZoom,\n  maxZoom,\n  zoomValue,\n  onZoom\n}: UsePinchZoomOptions) => {\n  const pinchProps = usePinch({\n    captureTargetRef,\n    onPinchZoomChange: ({ delta }) => {\n      const newZoom = zoomValue * (1 + ZOOM_INCREMENT * delta);\n      zoom(newZoom, zoomValue, minZoom, maxZoom, onZoom);\n    },\n    isDisabled: zooming === 'off'\n  });\n\n  return pinchProps;\n};\n\nexport { usePinchZoom };\n","import { Pan, Zoom, Bounds } from '../diagram.types';\nimport type { RefObject } from 'preact';\nimport { useState, useRef } from 'preact/hooks';\nimport { useDragPan } from './useDragPan';\nimport { useWheelZoom } from './useWheelZoom';\nimport { usePinchZoom } from './usePinchZoom';\nimport {\n  centerXYToPanXY,\n  getPanProps,\n  getZoomProps,\n  getZoomToFitZoom\n} from '../utils/diagramUtils';\nimport { PanBounds, getPanBounds, pan } from '../utils/panUtils';\nimport { zoom } from '../utils/zoomUtils';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { isTouch } from '#utils/UNSAFE_visUtils/clientUtils';\nimport { Property } from 'csstype';\nimport { useVisDragModeControls } from '#hooks/PRIVATE_useVisDragModeControls';\n\nexport type PanZoomProps = {\n  props: Pan & Zoom;\n  captureTargetRef: RefObject<HTMLDivElement>;\n  width: number;\n  height: number;\n  contentBounds: Bounds;\n  isRtl: boolean;\n};\n\nexport const usePanZoom = ({\n  props,\n  captureTargetRef,\n  width,\n  height,\n  contentBounds,\n  isRtl\n}: PanZoomProps) => {\n  const [cursor, setCursor] = useState<Property.Cursor>();\n  const zoomProps = getZoomProps(props, width, height, contentBounds);\n  const panBounds = useRef<PanBounds>();\n  const prevZoom = useRef<number>();\n  const panning = useRef<string>();\n  const initPanZoomState = useRef({\n    zoom: props.zoomValue || 0,\n    centerX: props.centerX,\n    centerY: props.centerY\n  });\n\n  const isDeviceTouch = isTouch();\n  const plotArea = {\n    width: width,\n    height: height,\n    x: 0,\n    y: 0\n  };\n\n  const showPanButton = isDeviceTouch ? props.panning && props.panning !== 'off' : undefined;\n  const dragModeOptions = {\n    isZoomScroll: true,\n    plotAreaSpace: plotArea,\n    componentWidth: width,\n    isRtl,\n    showPanButton: showPanButton ?? false,\n    showZoomButton: false,\n    showSelectButton: false,\n    isDisabled: !isDeviceTouch\n  };\n\n  const { toggleButtonContent, userDragMode } = useVisDragModeControls(dragModeOptions);\n  const panProps = getPanProps(props, contentBounds, userDragMode, isDeviceTouch);\n  if (\n    contentBounds.w !== Infinity &&\n    (zoomProps.zoomValue !== prevZoom.current || panProps.panning !== panning.current)\n  ) {\n    panBounds.current = getPanBounds(\n      width,\n      height,\n      contentBounds,\n      zoomProps.zoomValue,\n      zoomProps.minZoom,\n      initPanZoomState.current,\n      panProps.panning\n    );\n    prevZoom.current = zoomProps.zoomValue;\n    panning.current = panProps.panning;\n  }\n  const dragPanProps = useDragPan({\n    panProps: panProps,\n    captureTargetRef: captureTargetRef,\n    panBounds: panBounds.current,\n    zoom: zoomProps.zoomValue,\n    width,\n    height,\n    onDragPanStart: () => setCursor('grabbing'),\n    onDragPanEnd: () => setCursor('auto')\n  });\n  //dZoom or nZoom is required\n  const kbZoomCallback = (props: { dZoom?: number; nZoom?: number }) => {\n    const newZoom = props.dZoom\n      ? zoomProps.zoomValue + props.dZoom\n      : getZoomToFitZoom(width, height, contentBounds);\n    zoom(\n      props.nZoom ? props.nZoom : newZoom,\n      zoomProps.zoomValue,\n      zoomProps.minZoom,\n      zoomProps.maxZoom,\n      zoomProps.onZoom\n    );\n  };\n  const prevPanState = useRef({ panX: 0, panY: 0 });\n\n  // dPan or nPan is required\n  const kbPanCallback = (props: {\n    dPan?: { dx: number; dy: number };\n    nPan?: { cx: number; cy: number };\n    center?: boolean;\n  }) => {\n    let centerX;\n    let centerY;\n    if (props.center) {\n      centerX = contentBounds.x + contentBounds.w / 2;\n      centerY = contentBounds.y + contentBounds.h / 2;\n    } else if (props.dPan) {\n      centerX = panProps.centerX + props.dPan.dx;\n      centerY = panProps.centerY + props.dPan.dy;\n    } else {\n      centerX = props.nPan!.cx;\n      centerY = props.nPan!.cy;\n    }\n    const panValues = centerXYToPanXY(centerX, centerY, zoomProps.zoomValue, width, height);\n    const { newPan } = pan(\n      prevPanState.current,\n      panValues,\n      panProps.panDirection,\n      zoomProps.zoomValue,\n      width,\n      height,\n      panBounds.current,\n      panProps.onPan\n    );\n    prevPanState.current = newPan;\n  };\n  const wheelZoomProps = useWheelZoom(zoomProps);\n  const pinchZoomProps = usePinchZoom({\n    captureTargetRef,\n    zooming: zoomProps.zooming,\n    minZoom: zoomProps.minZoom,\n    maxZoom: zoomProps.maxZoom,\n    zoomValue: zoomProps.zoomValue,\n    onZoom: zoomProps.onZoom\n  });\n  const panZoomProps = mergeProps(dragPanProps, wheelZoomProps, pinchZoomProps);\n\n  return {\n    panZoomProps,\n    panProps,\n    zoomProps,\n    toggleButtonContent,\n    cursor,\n    centerX: panProps.centerX,\n    centerY: panProps.centerY,\n    zoomValue: zoomProps.zoomValue,\n    kbPanCallback: panProps.panning !== 'off' ? kbPanCallback : undefined,\n    kbZoomCallback: zoomProps.zooming !== 'off' ? kbZoomCallback : undefined\n  };\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useWheel } from './useWheel';\nimport { zoom, ZOOM_INCREMENT } from '../utils/zoomUtils';\n\ntype UseWheelZoomOptions = {\n  zooming: 'on' | 'off';\n  minZoom: number;\n  maxZoom: number;\n  zoomValue: number;\n  onZoom?: (detail: { zoomValue: number }) => void;\n};\n\nconst useWheelZoom = ({ zooming, minZoom, maxZoom, zoomValue, onZoom }: UseWheelZoomOptions) => {\n  const wheelProps = useWheel({\n    onWheel: ({ deltaY }) => {\n      const newZoom = zoomValue * (1 + ZOOM_INCREMENT * deltaY);\n      zoom(newZoom, zoomValue, minZoom, maxZoom, onZoom);\n    },\n    isDisabled: zooming === 'off'\n  });\n\n  return wheelProps;\n};\n\nexport { useWheelZoom };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\ntype WheelDetail = {\n  x: number;\n  y: number;\n  deltaX: number;\n  deltaY: number;\n  ctrlKey: boolean;\n};\n\ntype UseWheelOptions = {\n  onWheel: (detail: WheelDetail) => void;\n  preventDefault?: boolean;\n  isDisabled?: boolean;\n};\n\nconst PX_FACTOR_PER_LINE = 15; // Value used in Toolkit\nconst PX_FACTOR_PER_PAGE = 40; // Value copied from datagrid; this is not handled in Toolkit\n\nconst getNormalizedDelta = (e: WheelEvent) => {\n  const { deltaX, deltaY, deltaMode } = e;\n\n  switch (deltaMode) {\n    case e.DOM_DELTA_PIXEL:\n      return { deltaX: -deltaX, deltaY: -deltaY };\n    case e.DOM_DELTA_LINE:\n      return { deltaX: -deltaX * PX_FACTOR_PER_LINE, deltaY: -deltaY * PX_FACTOR_PER_LINE };\n    case e.DOM_DELTA_PAGE:\n      return { deltaX: -deltaX * PX_FACTOR_PER_PAGE, deltaY: -deltaY * PX_FACTOR_PER_PAGE };\n    default:\n      return { deltaX: -deltaX, deltaY: -deltaY };\n  }\n};\n\nconst useWheel = ({\n  onWheel: onWheelCallback,\n  preventDefault = true,\n  isDisabled = false\n}: UseWheelOptions) => {\n  const onWheel = (e: WheelEvent) => {\n    const { deltaX, deltaY } = getNormalizedDelta(e);\n    if (preventDefault) e.preventDefault();\n    onWheelCallback({\n      x: e.offsetX,\n      y: e.offsetY,\n      deltaX,\n      deltaY,\n      ctrlKey: e.ctrlKey || e.metaKey\n    });\n  };\n  return isDisabled ? {} : { onWheel };\n};\n\nexport { useWheel, PX_FACTOR_PER_LINE };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type {\n  DiagramProps,\n  Bounds,\n  DiagramLabelPosition,\n  States,\n  DiagramNodeData,\n  DiagramLinkData,\n  DiagramLayoutOutput\n} from './diagram.types';\nimport type { TextDimensions } from '#hooks/PRIVATE_useTextDimensions';\nimport { DiagramLayers } from './DiagramLayers';\nimport { DiagramPanZoomContainer } from './DiagramPanZoomContainer';\nimport { useEvents } from './hooks/useEvents';\nimport { useDiagramDatatip } from './hooks/useDiagramDatatip';\nimport { useTextDimensions } from '#hooks/PRIVATE_useTextDimensions';\nimport { usePanZoom } from './hooks/usePanZoom';\nimport { useRef, useState } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useDiagramSelection } from './hooks/useDiagramSelection';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport {\n  constructLayoutJSON,\n  deconstructLayoutJSON,\n  createItemMap,\n  getFocusedItemBounds,\n  mergeDimensions,\n  isEqualBounds,\n  getDimensionsFromBounds,\n  combineIds,\n  getContentBounds,\n  centerXYToPanXY,\n  filterLinksWithNoEndNodes,\n  getAllLabelBounds\n} from './utils/diagramUtils';\nimport { outerStyles } from './themes/DiagramStyles.css';\nimport { useVisTouchResponse } from '#hooks/PRIVATE_useVisTouchResponse';\nimport { merge } from '#utils/UNSAFE_stringUtils';\n\ntype DiagramWithDimensionsProps<K1, K2, D1, D2, L> = Omit<\n  DiagramProps<K1, K2, D1, D2, L>,\n  'width' | 'height'\n> & {\n  width: number;\n  height: number;\n};\n\nexport function DiagramWithDimensions<\n  K1 extends string | number,\n  K2 extends string | number,\n  D1 extends DiagramNodeData<K1> = DiagramNodeData<K1>,\n  D2 extends DiagramLinkData<K2, K1> = DiagramLinkData<K2, K1>,\n  L extends DiagramLayoutOutput<K1, K2> = DiagramLayoutOutput<K1, K2>\n>({\n  nodes = [],\n  links = [],\n  width,\n  height,\n  selectedIds = {},\n  selectionMode = 'none',\n  layout,\n  nodeRenderer,\n  linkRenderer,\n  onSelectionChange,\n  onItemHover,\n  onItemFocus,\n  highlightedIds = {},\n  datatip,\n  ...otherProps\n}: DiagramWithDimensionsProps<K1, K2, D1, D2, L>) {\n  const focusedItemBoundsRef = useRef<Bounds | null>(null);\n  const rootRef = useRef<HTMLDivElement>(null);\n  //TODO JET-62563 change bounds to a MAP\n  const [bounds, setBounds] = useState<Bounds[]>([]);\n  const [combinedLabelBounds, setCombinedLabelBounds] = useState<Bounds>();\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const diagramNodes = nodes;\n  const nodeMap = createItemMap<K1, K2, D1, D2>(diagramNodes);\n  const nodeIdToDataMap = nodeMap.itemIdToDataMap;\n  const diagramLinks = filterLinksWithNoEndNodes(links, nodeIdToDataMap);\n  const linkMap = createItemMap<K1, K2, D1, D2>(diagramLinks);\n  const linkIdToDataMap = linkMap.itemIdToDataMap;\n  const resizeThrottling = useRef<boolean>(false);\n  const newDimensions = getDimensionsFromBounds(bounds);\n  const { textMeasureContent, getTextDimensions } = useTextDimensions();\n  const labelDimensions = useRef<Map<K1 | K2, TextDimensions>>(new Map());\n  const nodeLabelPosRef = useRef<(DiagramLabelPosition | undefined)[] | undefined>([]);\n  const linkLabelPosRef = useRef<(DiagramLabelPosition | undefined)[] | undefined>([]);\n  const layoutOutputRef = useRef<L>();\n\n  const contentBounds = getContentBounds(bounds, combinedLabelBounds);\n  const {\n    panZoomProps,\n    panProps,\n    zoomProps,\n    toggleButtonContent,\n    cursor,\n    centerX,\n    centerY,\n    zoomValue,\n    kbPanCallback,\n    kbZoomCallback\n  } = usePanZoom({\n    props: otherProps,\n    captureTargetRef: rootRef,\n    width: width,\n    height: height,\n    contentBounds,\n    isRtl\n  });\n\n  const { touchResponse, touchResponseStyle } = useVisTouchResponse({\n    type: 'auto',\n    supportsTouchDragGestures: zoomProps.zooming === 'on' || panProps.panning !== 'off',\n    rootRef\n  });\n\n  const { focusedItemInfo, hoveredItemInfo, activeId, eventsProps } = useEvents<K1, K2, D1, D2>(\n    touchResponse,\n    diagramNodes[0],\n    diagramNodes,\n    diagramLinks,\n    bounds,\n    linkIdToDataMap,\n    nodeIdToDataMap,\n    nodeMap.itemIdToIndexMap,\n    width,\n    height,\n    otherProps.maxZoom || 1,\n    onItemHover,\n    onItemFocus,\n    kbPanCallback,\n    kbZoomCallback\n  );\n\n  const { selectionProps, selectionContent } = useDiagramSelection<K1, K2, D1, D2>({\n    selectedIds,\n    selectionMode,\n    nodeMap,\n    linkMap,\n    focusedItemInfo,\n    onSelectionChange,\n    rootRef\n  });\n\n  // This is for the datatip kb position\n  if (focusedItemInfo && bounds.length > 0) {\n    focusedItemBoundsRef.current = getFocusedItemBounds(\n      focusedItemInfo,\n      bounds,\n      diagramLinks,\n      nodeMap.itemIdToIndexMap,\n      linkMap.itemIdToIndexMap\n    );\n  }\n\n  const {\n    datatipContent,\n    datatipProps: { 'aria-describedby': datatipAriaDescribedby, ...datatipProps }\n  } = useDiagramDatatip({\n    touchResponse,\n    datatip,\n    focusedItemInfo,\n    focusedItemBoundsRef,\n    panState: centerXYToPanXY(centerX, centerY, zoomValue, width, height),\n    zoom: zoomValue,\n    width: width,\n    nodesMap: nodeIdToDataMap,\n    linksMap: linkIdToDataMap,\n    hoveredItem: hoveredItemInfo\n  });\n\n  const style = {\n    width: width,\n    height: height,\n    cursor: cursor,\n    ...touchResponseStyle\n  };\n\n  const states = useRef<States<K1, K2>>();\n  const previousState = states.current // states.current is previous state\n    ? states.current\n    : {\n        selectedNodeIds: [],\n        selectedLinkIds: [],\n        focusedId: undefined,\n        hoveredId: undefined,\n        activeId: undefined,\n        highlightedIds: [],\n        zoom: 0\n      };\n\n  states.current = {\n    // update states to new state\n    selectedNodeIds: selectedIds.nodes ?? [],\n    selectedLinkIds: selectedIds.links ?? [],\n    focusedId:\n      focusedItemInfo.isCurrent && focusedItemInfo.isFocusVisible ? focusedItemInfo.id : undefined,\n    hoveredId: hoveredItemInfo?.isCurrent ? hoveredItemInfo.id : undefined,\n    activeId,\n    highlightedIds: combineIds(highlightedIds.nodes, highlightedIds.links),\n    zoom: zoomValue\n  };\n\n  const mergedEventProps = mergeProps(panZoomProps, eventsProps, selectionProps, datatipProps);\n\n  // Called anytime node changes size\n  const onNodeSizeChanged = (nodeWidth: number, nodeHeight: number, idx: number) => {\n    newDimensions[idx] = { w: nodeWidth, h: nodeHeight };\n    if (resizeThrottling.current) {\n      return;\n    }\n\n    resizeThrottling.current = true;\n    // performs layout at the next available animation frame when all measurements should be ready\n    window.requestAnimationFrame(() => {\n      const { labelDims, layoutJSON } = constructLayoutJSON(\n        diagramNodes,\n        nodeIdToDataMap,\n        linkIdToDataMap,\n        newDimensions,\n        width,\n        height,\n        getTextDimensions\n      );\n      labelDimensions.current = labelDims;\n      const layoutOutput = layout(layoutJSON);\n      const { nodePoints, nodeLabelPos, linkLabelPos } = deconstructLayoutJSON<K1, K2, D1, D2, L>(\n        layoutOutput,\n        diagramNodes,\n        diagramLinks\n      );\n      nodeLabelPosRef.current = nodeLabelPos;\n      linkLabelPosRef.current = linkLabelPos;\n      layoutOutputRef.current = layoutOutput;\n      const nodeBounds = mergeDimensions(newDimensions, nodePoints);\n      if (!isEqualBounds(nodeBounds, bounds)) {\n        setBounds(nodeBounds);\n      }\n      const labelBounds = getAllLabelBounds(\n        labelDims,\n        diagramNodes,\n        diagramLinks,\n        nodeLabelPos,\n        linkLabelPos,\n        direction === 'rtl'\n      );\n      setCombinedLabelBounds(labelBounds);\n      resizeThrottling.current = false;\n    });\n  };\n  return (\n    <div\n      ref={rootRef}\n      class={outerStyles}\n      {...mergedEventProps}\n      style={style}\n      tabIndex={0}\n      role=\"application\"\n      aria-label={otherProps['aria-label']}\n      aria-labelledby={otherProps['aria-labelledby']}\n      aria-describedby={merge([otherProps['aria-describedby'], datatipAriaDescribedby])}\n      aria-activedescendant={activeId}>\n      {getTextDimensions ? (\n        <DiagramPanZoomContainer\n          centerX={centerX}\n          centerY={centerY}\n          zoom={zoomValue}\n          width={width}\n          height={height}>\n          <DiagramLayers\n            nodes={diagramNodes}\n            links={diagramLinks}\n            nodeRenderer={nodeRenderer}\n            linkRenderer={linkRenderer}\n            width={width}\n            height={height}\n            nodeBounds={bounds}\n            states={states.current!}\n            previousStates={previousState}\n            onNodeSizeChanged={onNodeSizeChanged}\n            nodeLabelPositions={nodeLabelPosRef.current}\n            linkLabelPositions={linkLabelPosRef.current}\n            labelDimensions={labelDimensions.current}\n            supportsSelection={\n              selectionMode !== 'none' ||\n              !!(selectedIds?.nodes && selectedIds.nodes.length > 0) ||\n              !!(selectedIds?.links && selectedIds.links.length > 0)\n            }\n            layoutOutput={layoutOutputRef.current}\n            combinedNodeBounds={contentBounds}\n          />\n        </DiagramPanZoomContainer>\n      ) : undefined}\n      {textMeasureContent}\n      {datatipContent}\n      {selectionContent}\n      {toggleButtonContent}\n    </div>\n  );\n}\n","import { useSelection } from '#hooks/PRIVATE_useVisSelection';\nimport type { DiagramLinkData, DiagramNodeData, ItemInfo } from '../diagram.types';\nimport { getNavigableInfo } from '../utils/diagramUtils';\nimport type { RefObject } from 'preact';\n\ntype SelectionProps<K1, K2, D1, D2> = {\n  selectedIds: {\n    nodes?: K1[];\n    links?: K2[];\n  };\n  selectionMode: 'none' | 'single' | 'multiple';\n  nodeMap: {\n    itemIdToDataMap: Map<K1, D1>;\n    itemIdToIndexMap: Map<K1, number>;\n    itemIndexToIdMap: Map<number, K1>;\n  };\n  linkMap: {\n    itemIdToDataMap: Map<K2, D2>;\n    itemIdToIndexMap: Map<K2, number>;\n    itemIndexToIdMap: Map<number, K2>;\n  };\n  focusedItemInfo: ItemInfo<K1, K2>;\n  onSelectionChange?: (detail: {\n    nodes: K1[];\n    links: K2[];\n    nodeData: (D1 | undefined)[];\n    linkData: (D2 | undefined)[];\n  }) => void;\n  rootRef: RefObject<HTMLDivElement>;\n};\n\ntype EncodedNodeId = `N_${number}`;\ntype EncodedLinkId = `L_${number}`;\n\nexport function useDiagramSelection<\n  K1,\n  K2,\n  D1 extends DiagramNodeData<K1>,\n  D2 extends DiagramLinkData<K2, K1>\n>({\n  selectedIds,\n  selectionMode,\n  nodeMap,\n  linkMap,\n  focusedItemInfo,\n  onSelectionChange,\n  rootRef\n}: SelectionProps<K1, K2, D1, D2>) {\n  const nodeIdToIndexMap = nodeMap.itemIdToIndexMap;\n  const nodeIndexToIdMap = nodeMap.itemIndexToIdMap;\n  const nodeIdToDataMap = nodeMap.itemIdToDataMap;\n  const linkIdToIndexMap = linkMap.itemIdToIndexMap;\n  const linkIndexToIdMap = linkMap.itemIndexToIdMap;\n  const linkIdToDataMap = linkMap.itemIdToDataMap;\n  const encodeNodeId = (id: K1) => `N_${nodeIdToIndexMap.get(id)}` as EncodedNodeId;\n  const decodeNodeId = (id: EncodedNodeId) => nodeIndexToIdMap.get(Number(id.slice(2)));\n  const encodeLinkId = (id: K2) => `L_${linkIdToIndexMap.get(id)}` as EncodedLinkId;\n  const decodeLinkId = (id: EncodedLinkId) => linkIndexToIdMap.get(Number(id.slice(2)));\n\n  const encodedNodesSelection = selectedIds.nodes ? selectedIds.nodes.map(encodeNodeId) : [];\n  const encodedLinksSelection = selectedIds.links ? selectedIds.links.map(encodeLinkId) : [];\n  const encodedSelection = [...encodedNodesSelection, ...encodedLinksSelection];\n  const idExtracter = (event: Event) => {\n    // return encodeNodeId(id) or encodeLinkId(id) depending on node or link selection or undefined if clicked on empty space\n    const info =\n      event.type === 'keyup'\n        ? focusedItemInfo\n        : getNavigableInfo<K1, K2>(event.target as HTMLElement, rootRef);\n    return info.id !== undefined\n      ? info.isNode\n        ? encodeNodeId(info.id as K1)\n        : encodeLinkId(info.id as K2)\n      : undefined;\n  };\n\n  const onEncodedSelectionChange = (detail: { ids: (EncodedNodeId | EncodedLinkId)[] }) => {\n    const newNodeIds = detail.ids\n      .filter((encId) => encId[0] === 'N')\n      .map((encId) => decodeNodeId(encId as EncodedNodeId)!);\n    const newLinkIds = detail.ids\n      .filter((encId) => encId[0] === 'L')\n      .map((encId) => decodeLinkId(encId as EncodedLinkId)!);\n\n    const newSelectedNodeIds = newNodeIds.filter(\n      (id) => nodeIdToDataMap.get(id)?.selectable !== 'off'\n    );\n    const newSelectedLinkIds = newLinkIds.filter(\n      (id) => linkIdToDataMap.get(id)?.selectable !== 'off'\n    );\n\n    const nodeData = newSelectedNodeIds.map((selectedId) => {\n      return nodeIdToDataMap.get(selectedId);\n    });\n    const linkData = newSelectedLinkIds.map((selectedId) => {\n      return linkIdToDataMap.get(selectedId);\n    });\n    return (\n      onSelectionChange &&\n      onSelectionChange({\n        nodes: newSelectedNodeIds,\n        links: newSelectedLinkIds,\n        nodeData,\n        linkData\n      })\n    );\n  };\n\n  const getDataById = (id: EncodedNodeId | EncodedLinkId) => {\n    let data;\n    if (id[0] === 'N') {\n      const nodeId = decodeNodeId(id as EncodedNodeId)!;\n      data = nodeMap.itemIdToDataMap.get(nodeId);\n    } else if (id[0] === 'L') {\n      const linkId = decodeLinkId(id as EncodedLinkId)!;\n      data = linkMap.itemIdToDataMap.get(linkId);\n    }\n    return data;\n  };\n\n  const { selectionContent, selectionProps } = useSelection<`N_${number}` | `L_${number}`, D1 | D2>(\n    {\n      selection: encodedSelection,\n      idExtracter,\n      selectionMode,\n      getDataById,\n      onChange: onEncodedSelectionChange\n    }\n  );\n\n  return { selectionContent, selectionProps };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type {\n  DiagramProps,\n  DiagramNodeData,\n  DiagramLinkData,\n  DiagramLayoutOutput\n} from './diagram.types';\nimport { TrackResizeContainer } from '#UNSAFE_TrackResizeContainer';\nimport { dimensionStyle } from './themes/DiagramStyles.css';\nimport { DiagramWithDimensions } from './DiagramWithDimensions';\n\n/**\n * Diagrams are used to display a set of nodes and the links between them.\n */\nexport function Diagram<\n  K1 extends string | number,\n  K2 extends string | number,\n  D1 extends DiagramNodeData<K1> = DiagramNodeData<K1>,\n  D2 extends DiagramLinkData<K2, K1> = DiagramLinkData<K2, K1>,\n  L extends DiagramLayoutOutput<K1, K2> = DiagramLayoutOutput<K1, K2>\n>({ width, height, ...otherProps }: DiagramProps<K1, K2, D1, D2, L>) {\n  return otherProps.nodes && otherProps.nodes.length > 0 ? (\n    <TrackResizeContainer width={width} height={height} class={dimensionStyle}>\n      {(width, height) => <DiagramWithDimensions width={width} height={height} {...otherProps} />}\n    </TrackResizeContainer>\n  ) : null;\n}\n"],"names":["ZOOM_TO_FIT_PADDING","createItemMap","items","itemIdToDataMap","Map","itemIdToIndexMap","itemIndexToIdMap","i","length","set","id","combineIds","nodeIds","linkIds","combinedIds","push","getLabelBounds","label","dims","isRTL","labelPos","getLabelPosition","rotationAngle","rotationPoint","x","width","y","height","angle","topLeft","getCoordsRelToRotPoint","topRight","bottomLeft","bottomRight","points","minX","minY","maxX","maxY","point","w","h","getBoundsFromPoints","rotatePoint","map","pos","labelPoint","rotPoint","Math","cos","sin","dimensions","positionProps","position","hAlign","vAlign","centerXYToPanXY","centerX","centerY","zoom","panX","panY","isEqualItem","item1","item2","isNode","getNavigableInfo","element","rootElementRef","navigableId","elem","dataset","parentElement","current","getItemAriaLabel","translations","supportsSelection","isSelected","accessibleLabel","generateAriaLabel","undefined","getZoomToFitZoom","contentBounds","zoomX","zoomY","min","constrainZoom","minZoom","maxZoom","newZoom","max","_getFontProps","styles","fontProps","fontFamily","fontSize","fontStyle","fontWeight","zoomAndCenterItemFromInfo","info","linkIdToDataMap","bounds","nodeIdToIndex","totalBounds","get","link","startNodeBounds","startNode","endNodeBounds","endNode","cX","cY","getPanZoomToCenterNode","DiagramNodeElement","state","previousState","activeId","nodeRenderer","onNodeSizeChanged","nodeIndex","data","isDimmed","nodeStyles","dimmedItemStyle","itemStyles","context","useTranslationBundle","ref","useRef","optionsRef","box","useResizeObserver","useCallback","entry","boxSize","borderBoxSize","inlineSize","blockSize","_jsx","class","classNames","role","selected","style","top","left","focused","hovered","children","DiagramNodeLayer","nodes","states","previousStates","nodeBounds","layerStyles","node","selectedNodeIds","includes","focusedId","hoveredId","jsx","highlightedIds","DiagramLinkElement","linkRenderer","layoutOutput","linkStyles","DiagramLinkLayer","links","combinedNodeBounds","selectedLinkIds","DiagramLabel","text","labelStyle","labelBorderStyle","labelStyles","labelPosition","labelRotation","rotation","getLabelRotation","borderColor","DiagramLabelLayer","itemProps","labelDimensions","direction","useUser","item","DiagramLayers","nodeLabelPositions","linkLabelPositions","_jsxs","_Fragment","Infinity","DiagramPanZoomContainer","panValues","panZoomStyles","translate","transform","getNodeDetailFromInfo","itemInfo","getNavigableLinksForNodeId","nodeId","listOfLinks","forEach","startId","endId","_getClockwiseAngle","currNode","oppositeNode","p1","_getNodeCenter","p2","atan2","PI","_getNodesDistance","sqrt","pow","_getLinkDirection","nodeBB","calcDistanceAngleWeighted","objectBB","currentBB","optimalAngle1","optimalAngle2","objCenterX","objCenterY","curCenterX","curCenterY","x_dist","abs","y_dist","distance","isValidDestination","objBB","curBB","compareCenters","_areEqualWithinTolerance","calcInContact","objRect","curRect","_isVerticallyAligned","_isHorizontallyAligned","rect1","rect2","a","b","_anglesAreEqualWithinTolerance","a1","a2","res","useDiagramNavigation","currentKeyboardFocusNode","nodeBoundsById","createNodeBoundsMap","getNextNavigableNode","listOfObjects","currBB","object","inContact","nextObject","nextDistance","Number","MAX_VALUE","nextInContact","hasFoundCurrent","objBounds","currBounds","getNextNavigableLink","listOfNodes","currentLink","keyboardFocusNode","linksWithSortingAttributes","linkDetail","addSortingAttributes","sort","link1","link2","linkAngle1","linkDistance1","linkDirection1","linkAngle2","linkDistance2","linkDirection2","bForward","index","navigateFromNodeToLink","event","adjLinks","currNodeBB","currNodeBBCenterX","nodeCenterX","altKey","code","navigateFromLinkToNode","linkId","key","linkData","startNodeBB","endNodeBB","startNodeCenterX","endNodeCenterX","DEFAULT_KB_PAN","DEFAULT_KB_ZOOM","useEvents","touchResponse","initNode","nodeIdToDataMap","nodeIdToIndexMap","onItemHover","onItemFocus","kbPanCallback","kbZoomCallback","focusedItemInfo","setfocusedItemInfo","useState","hoveredItemInfo","sethoveredItemInfo","hoverHandlers","useVisHover","target","isCurrent","getRandomId","type","updatefocusedItemInfo","handleKeyboardInput","isFocusVisible","eventsProps","mergeProps","onKeyUp","onKeyDown","eventConsumed","isChangeItemType","isNavigationEvent","nextItemInfo","itemDetail","getLinkDetailFromInfo","handleKeyboardNavigationEvent","dPan","dx","shiftKey","dy","dZoom","ctrlKey","nZoom","nPan","cx","cy","center","preventDefault","stopPropagation","cancelEvent","onBlur","onPointerUp","useDiagramDatatip","datatip","focusedItemBoundsRef","panState","nodesMap","linksMap","hoveredItem","isRtl","datatipC","focusedItem","isPointerActive","content","getDatatipContent","elementBounds","offset","calculateOffset","datatipContent","datatipProps","useDatatip","placement","anchor","usePointerGesture","captureTargetRef","numPointers","onPointerGestureDown","onPointerGestureMove","onPointerGestureEnd","onExtraneousPointerDown","isDisabled","activePointers","e","findIndex","pointerEvent","pointerId","pointers","splice","onPointerDown","onPointerMove","setPointerCapture","onPointerCancel","onPointerLeave","pan","previousPan","nextPan","panDirection","panBounds","onPanChange","newPan","constrainPan","isPanChanged","panXYToCenterXY","useDragPan","panProps","onDragPanStart","onDragPanEnd","prevPanState","initialPanState","dragProps","draggableRegion","onDragStart","onDragMove","onDragEnd","inactiveState","isDragging","x0","y0","regionOffsetX","regionOffsetY","dragState","handlePointerEvent","cb","pageX","pageY","originalEvent","button","region","xMin","xMax","yMin","yMax","inDraggableRegion","getRegionOffset","useDrag","onPan","panning","nextZoom","onZoomChange","zoomValue","getDistance","usePinchZoom","zooming","onZoom","pinchProps","onPinchZoomStart","onPinchZoomChange","onPinchZoomEnd","origin","prevDistance","reset","pointer1","pointer2","offsetX","offsetY","getMidpoint","delta","usePinch","usePanZoom","props","cursor","setCursor","zoomProps","zoomTofitZoom","getZoomProps","prevZoom","initPanZoomState","isDeviceTouch","isTouch","plotArea","showPanButton","dragModeOptions","isZoomScroll","plotAreaSpace","componentWidth","showZoomButton","showSelectButton","toggleButtonContent","userDragMode","useVisDragModeControls","getPanProps","elemBounds","panType","zoomRatio","minZoomX","minZoomY","initZoom","initCenterX","initCenterY","boundsX","boundsY","getPanBounds","dragPanProps","wheelZoomProps","onWheel","onWheelCallback","deltaX","deltaY","deltaMode","DOM_DELTA_PIXEL","DOM_DELTA_LINE","DOM_DELTA_PAGE","getNormalizedDelta","metaKey","useWheel","useWheelZoom","pinchZoomProps","panZoomProps","DiagramWithDimensions","selectedIds","selectionMode","layout","onSelectionChange","otherProps","rootRef","setBounds","combinedLabelBounds","setCombinedLabelBounds","diagramNodes","nodeMap","diagramLinks","newLinks","filterLinksWithNoEndNodes","linkMap","resizeThrottling","newDimensions","getDimensionsFromBounds","textMeasureContent","getTextDimensions","useTextDimensions","nodeLabelPosRef","linkLabelPosRef","layoutOutputRef","labelBounds","getContentBounds","touchResponseStyle","useVisTouchResponse","supportsTouchDragGestures","selectionProps","selectionContent","nodeIndexToIdMap","linkIdToIndexMap","linkIndexToIdMap","encodeNodeId","decodeNodeId","slice","encodeLinkId","decodeLinkId","encodedSelection","useSelection","selection","idExtracter","getDataById","onChange","detail","newNodeIds","ids","filter","encId","newLinkIds","newSelectedNodeIds","selectable","newSelectedLinkIds","nodeData","selectedId","useDiagramSelection","startNB","endNB","startNCenter","endNCenter","getFocusedItemBounds","datatipAriaDescribedby","mergedEventProps","jsxs","outerStyles","tabIndex","merge","nodeWidth","nodeHeight","idx","window","requestAnimationFrame","labelDims","layoutJSON","nodeItems","linkItems","nodeKeys","Array","from","keys","linkKeys","getNodeDimensions","getLabelDimensions","componentSize","constructLayoutJSON","nodePoints","nodeLabelPos","linkLabelPos","positions","hasNodeLabels","hasLinkLabels","deconstructLayoutJSON","newBounds","dim","mergeDimensions","bounds1","bounds2","every","getAllLabelBounds","TrackResizeContainer","dimensionStyle"],"mappings":"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"}

package/amd/Dialog-dc55a669.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './WindowOverlay-00523782', './useTestId-d0c49456', './useAnimation-5a74955f', 'preact/hooks', './refUtils-d354a169', './UNSAFE_Dialog/themes/redwood/DialogTheme', './FocusTrap-d351e5c9', './Layer-9fb9ca67', './LayerHost-1b4d03f0', './Modal-991f1310', './classNames-08d99695', './ImageVars.css-17386400', './useComponentTheme-5aa41a8f', './useId-c9578d26', './dimensions-fda85d6b', './mergeInterpolations-9ede4cf7', './useResizeObserver-275c3e83', './useDraggable-7f591a3d', './Floating-28ad0903', './IconButton-c2e5c1c5', './Close-8af8a18c', './Resizable-d12fcde1', './useBreakpoints-52d11a72', './useTranslationBundle-652e08a6', './animationUtils-716a9aa6', './tabbableUtils-428c264e'], (function(e,n,o,s,a,t,r,i,l,c,d,u,f,m,g,h,b,p,y,R,v,D,E,x,S,z,j,I,A){"use strict";const O=({children:e,id:o,cancelBehavior:s,onClose:a,draggableProps:t,headerDecoration:r="on"})=>{const{styles:i}=h.useComponentTheme(l.DialogRedwoodTheme),c=m.classNames([i.dialogHeaderStyle,..."on"===r?[i.dialogHeaderDecorationStyle]:[]]),d="string"==typeof e?n.jsx("h1",{id:o,className:i.dialogTitleStyle,children:e}):n.jsx(n.Fragment,{children:e}),u=j.useTranslationBundle("@oracle/oraclejet-preact"),f="icon"===s?n.jsx("div",{children:n.jsx("div",{className:i.dialogHeaderCloseIconStyle,children:n.jsx(E.IconButton,{"aria-label":u.message_close(),size:"sm",variant:"ghost",onAction:()=>{a?.({reason:"icon"})},children:n.jsx(x.SvgClose,{})})})}):null;return n.jsxs("div",{className:c,...t,children:[d,f]})},B=o.forwardRef((({children:e,style:o},s)=>n.jsx("div",{ref:s,className:o,children:e}))),C=o.forwardRef((({children:e,header:o,footer:s,visibility:t,labelId:d,role:u,ariaLabelledBy:f,ariaDescribedBy:b,cancelBehavior:p,draggableProps:y,isResizable:v,headerDecoration:D,containerRef:E,onClose:x,onResizeStart:j,onResize:I,onResizeEnd:A,onKeyDown:C,testId:T,style:w,footerRef:N},k)=>{const L=r.useRef(null),F=i.mergeRefs(k,L),[U,P]=r.useState(!1),_=!z.useBreakpoints().md,{classes:W,styles:H}=h.useComponentTheme(l.DialogRedwoodTheme),M=r.useCallback((()=>{L.current&&(L.current.clientHeight<400?P(!0):P(!1))}),[]);r.useEffect((()=>{M()}),[M]),R.useResizeObserver(L,M);const X=_?H.baseStyleSmallWidth:H.baseStyleDesktop,G=U?H.dialogContentStyleNoShrink:H.dialogContentStyle,K="visible"===t?H.visibilityVisible:H.visibilityHidden,Y=a.useTestId(T);return n.jsx(c.FocusTrap,{restoreFocusRef:!1,children:n.jsxs("div",{ref:F,tabIndex:-1,className:m.classNames([W,X,K,g.globalImages]),style:w,onKeyDown:C,role:u,"aria-labelledby":f,"aria-describedby":b,...Y,children:[n.jsxs("div",{className:H.dialogContainerStyle,children:[n.jsx(O,{id:d,onClose:x,headerDecoration:D,cancelBehavior:p,draggableProps:y,children:o}),n.jsx("div",{className:G,children:n.jsx("div",{className:H.dialogBodyStyle,children:e})}),n.jsx(B,{ref:N,style:H.dialogFooterStyle,children:s})]}),v&&n.jsx(S.Resizable,{onResizeStart:j,onResize:I,onResizeEnd:A,containerRef:E})]})})})),T=o.forwardRef((({children:e,isOpen:o,header:a="",footer:l,modality:c="modal",launcherRef:u,anchorRef:m,placement:g,offset:h=0,cancelBehavior:R="none",dragAffordance:E="none",resizeBehavior:x="none",headerDecoration:S="on",onDragStart:j,onDragMove:I,onDragEnd:O,onResizeStart:B,onResize:T,onResizeEnd:N,onFocusSet:k,onClose:L,onTransitionEnd:F,role:U="dialog","aria-labelledby":P,"aria-describedby":_,testId:W,...H},M)=>{const[X,G]=r.useState(o?"initial":"unmounted"),[K,Y]=r.useState("hidden"),V=r.useRef("unmounted"),q=r.useRef(null),J=r.useRef(null),Q=r.useRef(null),Z=r.useRef(null),$=!z.useBreakpoints().md,ee=$?"bottom":g||"center",ne=$?"opening"===X?"slideUp":"slideDown":"opening"===X?"zoomIn":"zoomOut",oe=b.useId(),se=P||oe,ae=[...Object.values(p.dimensionInterpolations)],te=y.mergeInterpolations(ae),{...re}=te(H),ie=r.useRef(!1),le=r.useCallback((()=>{Z.current&&A.allTabbableElements(Z.current).length>0?A.focusWithin(Z.current):A.focusWithin(J.current),k?.()}),[k]),ce=r.useCallback((()=>{const e=Q.current;ie.current&&e&&(A.focusOn(e),ie.current=!1)}),[]),{nodeRef:de}=t.useAnimation(ne,{animationStates:w,isAnimatedOnMount:!0,onAnimationEnd:()=>{o?F?.(!0):o||(ie.current=J.current?.contains(A.getActiveElement())||!1,de(null),Y("hidden"),G("unmounted"),F?.(!1))}}),ue=r.useMemo((()=>i.mergeRefs(J,M)),[J,M]),fe=r.useCallback((e=>{Q.current===A.getActiveElement()&&"F6"===e.code&&(e.preventDefault(),e.stopPropagation(),A.focusWithin(J.current),k?.())}),[c]),{draggableProps:me}=v.useDraggable({isDisabled:"none"===E,containerRef:q,onDragStart:j,onDragMove:I,onDragEnd:O});r.useEffect((()=>("unmounted"!==X||o?"unmounted"===X&&o?G("initial"):"initial"===X&&o?(de(J.current),G("opening")):"opening"===X&&o?Y("visible"):o||G("closing"):X!==V.current&&ce(),()=>{V.current=X})),[o,X,de,ce]),r.useEffect((()=>()=>{const e=Q.current;J.current?.contains(A.getActiveElement())&&e&&setTimeout((()=>{A.focusOn(e)}),0)}),[]),r.useEffect((()=>(o&&(u?.current&&u.current instanceof Element?Q.current=document.body.contains(u.current)?u.current:A.getActiveElement():Q.current=A.getActiveElement(),"modeless"===c&&Q.current?.addEventListener("keydown",fe)),()=>{"modeless"===c&&Q.current?.removeEventListener("keydown",fe)})),[o,u,fe,c]),r.useEffect((()=>{"visible"===K&&le()}),[K,le]);const ge=e=>{switch(e.code){case"Escape":L?.({reason:"escapeKey"});break;case"F6":Q.current&&"modeless"===c&&A.focusOn(Q.current),e.preventDefault(),e.stopPropagation()}},he=()=>{J.current?.focus()},be=()=>n.jsx(C,{ref:ue,labelId:se,header:a,footer:l,role:U,ariaLabelledBy:se,ariaDescribedBy:_,onKeyDown:ge,testId:W,style:re,visibility:K,cancelBehavior:R,draggableProps:me,isResizable:"resizable"===x,headerDecoration:S,containerRef:q,onClose:L,onResizeStart:B,onResize:T,onResizeEnd:N,footerRef:Z,children:e}),pe=()=>m&&m.current?n.jsx(D.Floating,{ref:q,anchorRef:m,placement:"bottom-start",flipOptions:{mainAxis:!1,crossAxis:!1},shiftOptions:{mainAxis:!1,crossAxis:!1},children:be()}):n.jsx(s.WindowOverlay,{placement:ee,offset:h,children:be()});return"modal"===c?n.jsx(f.Modal,{isOpen:"unmounted"!==X,onBackdropClick:he,children:pe()}):"unmounted"!==X?n.jsx(d.Layer,{children:pe()}):null})),w={zoomIn:{from:{scaleX:.9,scaleY:.9,transformOrigin:"center",opacity:0},to:{scaleX:1,scaleY:1,opacity:1},options:{duration:200}},zoomOut:{from:{scaleX:1,scaleY:1,transformOrigin:"center",opacity:1},to:{scaleX:.9,scaleY:.9,opacity:0},options:{duration:200}},slideUp:{...I.SLIDE_UP_XLARGE,options:{duration:I.DURATION_LARGE}},slideDown:{...I.SLIDE_DOWN_XLARGE,options:{duration:I.DURATION_LARGE}}};e.Dialog=T}));
-//# sourceMappingURL=Dialog-dc55a669.js.map

package/amd/Dialog-dc55a669.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog-dc55a669.js","sources":["../../src/UNSAFE_Dialog/Dialog.tsx"],"sourcesContent":["import type { ComponentChild, RefObject } from 'preact';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { Offset, WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { TestIdProps, useTestId } from '../hooks/UNSAFE_useTestId';\nimport { useAnimation } from '../hooks/UNSAFE_useAnimation';\nimport { useEffect, useRef, useCallback, useMemo, useState } from 'preact/hooks';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\n\nimport { DialogRedwoodTheme } from './themes/redwood/DialogTheme';\nimport { DialogStyles } from './themes/DialogStyles.css';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { globalImages } from '#/ImageVars.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { dimensionInterpolations, DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useResizeObserver } from '../hooks/UNSAFE_useResizeObserver';\n\nimport { DraggableProps, useDraggable } from '../hooks/PRIVATE_useDraggable';\nimport { Floating, Coords } from '../UNSAFE_Floating';\nimport { IconButton } from '../UNSAFE_IconButton';\nimport { CloseIcon } from '../PRIVATE_ThemedIcons/CloseIcon';\nimport { Resizable } from '../PRIVATE_Resizable/Resizable';\nimport { Position, Rect } from '../utils/UNSAFE_flexibleComponentUtils';\nimport { useBreakpoints } from '../hooks/UNSAFE_useBreakpoints';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport {\n  SLIDE_DOWN_XLARGE,\n  SLIDE_UP_XLARGE,\n  DURATION_LARGE\n} from '../utils/PRIVATE_animationUtils';\nimport {\n  allTabbableElements,\n  focusOn,\n  focusWithin,\n  getActiveElement\n} from '../utils/PRIVATE_tabbableUtils';\n\n// dialog states\ntype Status = 'initial' | 'opening' | 'closing' | 'unmounted';\ntype VisibilityStatus = 'hidden' | 'visible';\ntype Animations = 'zoomIn' | 'zoomOut' | 'slideUp' | 'slideDown';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children' | 'role'>;\n\nexport type OnCloseDetail = {\n  reason: 'escapeKey' | 'icon';\n};\n\nexport type CancelBehavior = 'none' | 'escape' | 'icon';\n\ntype DialogProps = IntrinsicProps &\n  DimensionProps & {\n    /**\n     * On Close callback.\n     */\n    onClose?: (detail: OnCloseDetail) => void;\n\n    /**\n     * On opening or closing transition end callback.\n     */\n    onTransitionEnd?: (value: boolean) => void;\n\n    /**\n     * Determines whether the Dialog is open.\n     */\n    isOpen: boolean;\n\n    /**\n     * Dialog header content. Can be a string or VNode (Component Child).\n     * <p>\n     * When a plain string is passed, it will be used as the dialog title. Otherwise, the prop value\n     * will be used as the header content.\n     * </p>\n     * <p>\n     * Dialog will automatically refer to the header content as the accessible label.\n     * The user can override this behavior by specifying the <code>aria-labelledby</code> property\n     * and setting its value as needed.\n     * </p>\n     */\n    header?: ComponentChild;\n\n    /**\n     * Dialog footer content.\n     */\n    footer?: ComponentChild;\n\n    /**\n     * Determines dialog modality. Default is 'modal'.\n     */\n    modality?: 'modal' | 'modeless';\n\n    /**\n     * Specifies dialog's cancel behavior. Default is 'none'.\n     */\n    cancelBehavior?: CancelBehavior;\n\n    /**\n     * Specifies dialog's launcher. After dialog closes, it returns focus to the launcher.\n     * If not specified, focus goes back to the last active element before dialog opened.\n     */\n    launcherRef?: RefObject<HTMLElement>;\n\n    /**\n     * Specifies dialog's anchor. Dialog is placed relative to its anchor. If not specified,\n     * it is placed relatively to window.\n     */\n    anchorRef?: RefObject<Element | Coords>;\n\n    /**\n     * Determines placement of the dialog relative to the viewport.\n     * Supported values are:\n     * <p> <code>center</code>, <code>top</code>, <code>top-start</code>, <code>top-end</code>,\n     * <code>end</code>, <code>end-top</code>, <code>end-bottom</code>,\n     * <code>bottom</code>, <code>bottom-start</code>, <code>bottom-end</code>,\n     * <code>start</code>, <code>start-top</code>, <code>start-bottom</code>\n     * </p>\n     * Default is <code>center</code>.\n     */\n    placement?: WindowOverlayPlacement;\n\n    /**\n     * Determines the offset of the Dialog from its core placement along the specified axes.\n     *\n     * Offset could be a number or an object\n     *\n     * An object has the following type:\n     * <pre>\n     *   {\n     *     mainAxis?: number;\n     *     crossAxis?: number;\n     *   }\n     * </pre>\n     * For the <code>center</code> placement the convention for the offset type is that mainAxis defines\n     * offset from the top, crossAxis defines offset from the left side of the view port.\n     *\n     * A number is a shortcut for setting the mainAxis.\n     */\n    offset?: Offset;\n\n    /**\n     * Determines if the Dialog should be sensitive to drag gestures. To create a draggable dialog,\n     * set <code>dragAffordance='header'</code> and specify the <code>onDragMove</code> handler.\n     */\n    dragAffordance?: 'none' | 'header';\n\n    /**\n     * Determines if the Dialog should support resizing. To create a resizable dialog,\n     * set <code>resizeBehavior='resizable'</code> and specify the <code>onResize</code> handler.\n     */\n    resizeBehavior?: 'none' | 'resizable';\n\n    /**\n     * Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is initiated.\n     * The current position is reported in the <code>pos</code> parameter.\n     *\n     * @param pos\n     */\n    onDragStart?: (pos: Position) => void;\n\n    /**\n     * Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is detected.\n     * The current position is reported in the <code>pos</code> parameter.\n     *\n     * @param pos\n     */\n    onDragMove?: (pos: Position) => void;\n\n    /**\n     * Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is completed.\n     * The current position is reported in the <code>pos</code> parameter.\n     *\n     * @param pos\n     */\n    onDragEnd?: (pos: Position) => void;\n\n    /**\n     * Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n     * a resize gesture is initiated. The current position and dimensions are reported in the\n     * <code>rect</code> parameter.\n     *\n     * @param rect\n     */\n    onResizeStart?: (rect: Rect) => void;\n\n    /**\n     * Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n     * a resize gesture is detected. The current position and dimensions are reported in the\n     * <code>rect</code> parameter.\n     *\n     * @param rect\n     */\n    onResize?: (rect: Rect) => void;\n\n    /**\n     * Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n     * a resize gesture is completed. The current position and dimensions are reported in the\n     * <code>rect</code> parameter.\n     *\n     * @param rect\n     */\n    onResizeEnd?: (rect: Rect) => void;\n\n    /**\n     * Specifies callback triggered when initial focus is set or when a modeless dialog receives focus\n     * via the F6 key.\n     */\n    onFocusSet?: () => void;\n\n    /**\n     * Determines if the header decoration should be displayed. The default is <code>on</code>\n     * which renders a textured strip at the top of the dialog header in the Redwood theme.\n     * If set to <code>off</code>, no decoration is rendered.\n     */\n    headerDecoration?: 'off' | 'on';\n\n    /**\n     * Specifies the ARIA role type. Depending on how the dialog is used in the page, the developer\n     * should choose from the following:\n     * <ul>\n     *   <li><code>dialog</code> defines an application window that is designed to interrupt the current\n     *      processing of an application in order to prompt the user to enter information or require\n     *      a response.</li>\n     *   <li><code>alertdialog</code> defines type of dialog that contains an alert message, where initial\n     *      focus goes to an element within the dialog.</li>\n     * </ul>\n     */\n    role?: string;\n\n    /**\n     * Optional <code>aria-labelledby</code> property referring to the content to be used as Dialog's\n     * accessible <label htmlFor=\"\" className=\"\"></label>\n     * If not specified, the Dialog will automatically refer to the entire header content as the accessible label.\n     */\n    'aria-labelledby'?: string;\n\n    /**\n     * Optional accessible description for the dialog.\n     */\n    'aria-describedby'?: string;\n  } & TestIdProps;\n\n// dialog header\ntype DialogHeaderProps = Pick<DialogProps, 'children'> & {\n  id?: string;\n  cancelBehavior?: CancelBehavior;\n  onClose?: (detail: OnCloseDetail) => void;\n  draggableProps?: DraggableProps;\n  headerDecoration?: 'off' | 'on';\n};\n\nconst StyledDialogHeader = ({\n  children,\n  id,\n  cancelBehavior,\n  onClose,\n  draggableProps,\n  headerDecoration = 'on'\n}: DialogHeaderProps) => {\n  const { styles } = useComponentTheme<never, DialogStyles>(DialogRedwoodTheme);\n\n  const classes = classNames([\n    styles.dialogHeaderStyle,\n    ...(headerDecoration === 'on' ? [styles.dialogHeaderDecorationStyle] : [])\n  ]);\n\n  const content: ComponentChild =\n    typeof children === 'string' ? (\n      <h1 id={id} className={styles.dialogTitleStyle}>\n        {children}\n      </h1>\n    ) : (\n      <>{children}</>\n    );\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const handleIconClose = () => {\n    onClose?.({ reason: 'icon' });\n  };\n\n  const closeIcon: ComponentChild =\n    cancelBehavior === 'icon' ? (\n      <div>\n        <div className={styles.dialogHeaderCloseIconStyle}>\n          <IconButton\n            aria-label={translations.message_close()}\n            size=\"sm\"\n            variant=\"ghost\"\n            onAction={handleIconClose}>\n            <CloseIcon />\n          </IconButton>\n        </div>\n      </div>\n    ) : null;\n\n  return (\n    <div className={classes} {...draggableProps}>\n      {content}\n      {closeIcon}\n    </div>\n  );\n};\n\n// dialog footer\n\ntype DialogFooterProps = Pick<DialogProps, 'children'> & {\n  style?: string;\n};\n\nconst StyledDialogFooter = forwardRef(\n  ({ children, style }: DialogFooterProps, ref: ForwardedRef<HTMLDivElement | null>) => {\n    return (\n      <div ref={ref} className={style}>\n        {children}\n      </div>\n    );\n  }\n);\n\n// styled dialog\n\ntype MainProps = Pick<DialogProps, 'children' | 'header' | 'footer' | 'role'> &\n  Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'style' | 'onKeyDown'> & {\n    visibility: VisibilityStatus;\n    labelId?: string;\n    ariaLabelledBy?: string;\n    ariaDescribedBy?: string;\n    cancelBehavior?: CancelBehavior;\n    draggableProps?: DraggableProps;\n    isResizable?: boolean;\n    headerDecoration?: 'off' | 'on';\n    containerRef?: RefObject<HTMLElement>;\n    onClose?: (detail: OnCloseDetail) => void;\n    onResizeStart?: (rect: Rect) => void;\n    onResize?: (rect: Rect) => void;\n    onResizeEnd?: (rect: Rect) => void;\n    footerRef?: RefObject<HTMLDivElement | null>;\n  } & TestIdProps;\n\nconst StyledDialog = forwardRef(\n  (\n    {\n      children,\n      header,\n      footer,\n      visibility,\n      labelId,\n      role,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      cancelBehavior,\n      draggableProps,\n      isResizable,\n      headerDecoration,\n      containerRef,\n      onClose,\n      onResizeStart,\n      onResize,\n      onResizeEnd,\n      onKeyDown,\n      testId,\n      style,\n      footerRef\n    }: MainProps,\n    ref: ForwardedRef<HTMLDivElement | null>\n  ) => {\n    const elementRef = useRef<HTMLDivElement>(null);\n    const mergedRef = mergeRefs(ref, elementRef);\n\n    const [isSmallHeight, setSmallHeight] = useState<boolean>(false);\n    const isSmallWidth = !useBreakpoints()['md'];\n\n    const { classes: styleClasses, styles } = useComponentTheme<never, DialogStyles>(\n      DialogRedwoodTheme\n    );\n\n    const resizeHandler = useCallback(() => {\n      if (elementRef.current) {\n        if (elementRef.current.clientHeight < 400) {\n          setSmallHeight(true);\n        } else {\n          setSmallHeight(false);\n        }\n      }\n    }, []);\n\n    // set initial Height\n    useEffect(() => {\n      resizeHandler();\n    }, [resizeHandler]);\n\n    useResizeObserver(elementRef, resizeHandler);\n\n    // for small widths (mobile), use the 'smallWidth' dialog style\n    // otherwise, check for small height to apply 'smallWidth' or 'desktop' styles accordingly\n    const baseStyle = isSmallWidth ? styles.baseStyleSmallWidth : styles.baseStyleDesktop;\n\n    // content should scroll depending on the viewport height\n    // on large screens, the header and footer should be \"sticky\",\n    // at small viewport heights, the entire content should be scrollable\n    const contentStyle = isSmallHeight\n      ? styles.dialogContentStyleNoShrink\n      : styles.dialogContentStyle;\n\n    const visibilityStyle =\n      visibility === 'visible' ? styles.visibilityVisible : styles.visibilityHidden;\n\n    const testIdProps = useTestId(testId);\n\n    return (\n      <FocusTrap restoreFocusRef={false}>\n        <div\n          ref={mergedRef}\n          tabIndex={-1}\n          className={classNames([styleClasses, baseStyle, visibilityStyle, globalImages])}\n          style={style}\n          onKeyDown={onKeyDown}\n          role={role}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          {...testIdProps}>\n          <div className={styles.dialogContainerStyle}>\n            <StyledDialogHeader\n              id={labelId}\n              onClose={onClose}\n              headerDecoration={headerDecoration}\n              cancelBehavior={cancelBehavior}\n              draggableProps={draggableProps}>\n              {header}\n            </StyledDialogHeader>\n            <div className={contentStyle}>\n              <div className={styles.dialogBodyStyle}>{children}</div>\n            </div>\n            <StyledDialogFooter ref={footerRef} style={styles.dialogFooterStyle}>\n              {footer}\n            </StyledDialogFooter>\n          </div>\n          {isResizable && (\n            <Resizable\n              onResizeStart={onResizeStart}\n              onResize={onResize}\n              onResizeEnd={onResizeEnd}\n              containerRef={containerRef}></Resizable>\n          )}\n        </div>\n      </FocusTrap>\n    );\n  }\n);\n\n// main Dialog component\n\n/**\n * WAI-ARIA-compliant dialog component. A dialog is a floating window that typically contains\n * a title bar and a content area.\n * The dialog is generally placed on top of the rest of the page content. It can be either modal\n * (only the content in the dialog can be interacted with) or non-modal (it's still possible\n * to interact with content outside of the dialog).\n */\nexport const Dialog = forwardRef(\n  (\n    {\n      children,\n      isOpen,\n      header = '',\n      footer,\n      modality = 'modal',\n      launcherRef,\n      anchorRef,\n      placement,\n      offset = 0,\n      cancelBehavior = 'none',\n      dragAffordance = 'none',\n      resizeBehavior = 'none',\n      headerDecoration = 'on',\n      onDragStart,\n      onDragMove,\n      onDragEnd,\n      onResizeStart,\n      onResize,\n      onResizeEnd,\n      onFocusSet,\n      onClose,\n      onTransitionEnd,\n      role = 'dialog',\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      testId,\n      ...props\n    }: DialogProps,\n    ref: ForwardedRef<HTMLDivElement | null>\n  ) => {\n    const [status, setStatus] = useState<Status>(isOpen ? 'initial' : 'unmounted');\n    const [visibility, setVisibility] = useState<VisibilityStatus>('hidden');\n\n    const prevStatusRef = useRef<Status>('unmounted');\n\n    const floatingRef = useRef<HTMLDivElement>(null);\n    const contentWrapperRef = useRef<HTMLDivElement | null>(null);\n    const localLauncherRef = useRef<HTMLElement | null>(null);\n    const footerRef = useRef<HTMLDivElement | null>(null);\n\n    const isSmallWidth = !useBreakpoints()['md'];\n    const derivedPlacement = isSmallWidth ? 'bottom' : placement ? placement : 'center';\n    const animationType = isSmallWidth\n      ? status === 'opening'\n        ? 'slideUp'\n        : 'slideDown'\n      : status === 'opening'\n      ? 'zoomIn'\n      : 'zoomOut';\n\n    const uniqueId = useId();\n    const labelId = ariaLabelledBy ? ariaLabelledBy : uniqueId;\n\n    const interpolations = [...Object.values(dimensionInterpolations)];\n    const styleInterpolations = mergeInterpolations<DimensionProps>(interpolations);\n    const { ...styles } = styleInterpolations(props);\n    const shouldReturnFocus = useRef<boolean>(false);\n\n    const setInitialFocus = useCallback(() => {\n      // Focus on first tabbable in the Dialog container or container itself if there is none\n      if (footerRef.current && allTabbableElements(footerRef.current).length > 0) {\n        focusWithin(footerRef.current);\n      } else {\n        focusWithin(contentWrapperRef.current as HTMLElement);\n      }\n      onFocusSet?.();\n    }, [onFocusSet]);\n\n    const returnFocus = useCallback((): void => {\n      const launcherEl = localLauncherRef.current;\n\n      if (shouldReturnFocus.current && launcherEl) {\n        focusOn(launcherEl);\n        shouldReturnFocus.current = false;\n      }\n    }, []);\n\n    // Animation\n    const { nodeRef } = useAnimation<Animations, HTMLDivElement>(animationType, {\n      animationStates,\n      isAnimatedOnMount: true,\n      onAnimationEnd: () => {\n        if (isOpen) {\n          onTransitionEnd?.(true);\n        } else if (!isOpen) {\n          // Should return focus?\n          // Modeless: check whether Dialog contains focus before it unmounts\n          // Modal: always return focus\n          shouldReturnFocus.current =\n            contentWrapperRef.current?.contains(getActiveElement() as HTMLElement) || false;\n          nodeRef(null);\n          setVisibility('hidden');\n          setStatus('unmounted');\n          onTransitionEnd?.(false);\n        }\n      }\n    });\n\n    const mergedRef = useMemo(() => mergeRefs(contentWrapperRef, ref), [contentWrapperRef, ref]);\n\n    const launcherKeyDownCallback = useCallback(\n      (event: KeyboardEvent): void => {\n        if (localLauncherRef.current === getActiveElement() && event.code === 'F6') {\n          // Prevent default F6 handlers.\n          // F6 is a standard Chrome address bar shortcut on Windows.\n          event.preventDefault();\n          event.stopPropagation();\n\n          focusWithin(contentWrapperRef.current as HTMLElement);\n          onFocusSet?.();\n        }\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [modality]\n    );\n\n    const { draggableProps } = useDraggable({\n      isDisabled: dragAffordance === 'none',\n      containerRef: floatingRef,\n      onDragStart,\n      onDragMove,\n      onDragEnd\n    });\n\n    useEffect(() => {\n      // 1. Ignore status update on initial render or return focus on component unmount\n      if (status === 'unmounted' && !isOpen) {\n        if (status !== prevStatusRef.current) {\n          returnFocus();\n        }\n      }\n\n      // 2. Mount visually hidden component\n      // Component gets mounted, but will be visually hidden to avoid flickering\n      // Flickering happens because it gets rendered before animation hook repositions\n      // it in next render cycle\n      else if (status === 'unmounted' && isOpen) {\n        setStatus('initial');\n      }\n\n      // 3. Setup animation\n      // Component has been mounted.\n      // We will kick out animation as node is already present in DOM.\n      // To avoid flickering, we still keep it visually hidden until the next render cycle.\n      else if (status === 'initial' && isOpen) {\n        nodeRef(contentWrapperRef.current);\n        setStatus('opening');\n      }\n\n      // 3. Unhide component. It becomes visible.\n      else if (status === 'opening' && isOpen) {\n        setVisibility('visible');\n      }\n\n      // 4. Closing\n      else if (!isOpen) {\n        setStatus('closing');\n      }\n\n      return () => {\n        // remember the previous status\n        prevStatusRef.current = status;\n      };\n    }, [isOpen, status, nodeRef, returnFocus]);\n\n    // Destroy case handler\n    useEffect(() => {\n      return () => {\n        const launcherEl = localLauncherRef.current;\n        if (\n          // eslint-disable-next-line react-hooks/exhaustive-deps\n          (contentWrapperRef.current?.contains(getActiveElement() as HTMLElement) || false) &&\n          launcherEl\n        ) {\n          // In destroy case ModalManager is blocking returning of the focus.\n          // We need to reschedule it to workaround that\n          setTimeout(() => {\n            focusOn(launcherEl);\n          }, 0);\n        }\n      };\n    }, []);\n\n    // Initialize launcher\n    useEffect(() => {\n      if (isOpen) {\n        if (!launcherRef?.current) {\n          // 1. If launcher is not defined, most frequent scenario is,\n          // that element, that has focus before opening the dialog is considered launcher\n          localLauncherRef.current = getActiveElement() as HTMLElement;\n        } else if (launcherRef.current instanceof Element) {\n          // 2. launcherRef element was provided.\n          // Verify, if it exists in DOM, otherwise use the last active element\n          localLauncherRef.current = document.body.contains(launcherRef.current)\n            ? launcherRef.current\n            : (getActiveElement() as HTMLElement);\n        } else {\n          localLauncherRef.current = getActiveElement() as HTMLElement;\n        }\n        // Register F6 key handler to enter a modeless dialog\n        if (modality === 'modeless') {\n          localLauncherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n        }\n      }\n      return () => {\n        // Deregister F6 key handler\n        if (modality === 'modeless') {\n          localLauncherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n        }\n      };\n    }, [isOpen, launcherRef, launcherKeyDownCallback, modality]);\n\n    // setInitialFocus when the dialog becomes visible\n    useEffect(() => {\n      if (visibility === 'visible') {\n        setInitialFocus();\n      }\n    }, [visibility, setInitialFocus]);\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      switch (event.code) {\n        case 'Escape':\n          onClose?.({ reason: 'escapeKey' });\n          break;\n        case 'F6':\n          // Focus launcher\n          if (localLauncherRef.current && modality === 'modeless') {\n            focusOn(localLauncherRef.current);\n          }\n          // Prevent default F6 handlers. F6 is a standard Chrome address bar shortcut on Windows.\n          event.preventDefault();\n          event.stopPropagation();\n          break;\n      }\n    };\n\n    const handleBackdropClick = () => {\n      // in case of a backdrop click, move focus to dialog's root element\n      contentWrapperRef.current?.focus();\n    };\n\n    const renderDialogContent = () => {\n      return (\n        <StyledDialog\n          ref={mergedRef}\n          labelId={labelId}\n          header={header}\n          footer={footer}\n          role={role}\n          ariaLabelledBy={labelId}\n          ariaDescribedBy={ariaDescribedBy}\n          onKeyDown={handleKeyDown}\n          testId={testId}\n          style={styles}\n          visibility={visibility}\n          cancelBehavior={cancelBehavior}\n          draggableProps={draggableProps}\n          isResizable={resizeBehavior === 'resizable'}\n          headerDecoration={headerDecoration}\n          containerRef={floatingRef}\n          onClose={onClose}\n          onResizeStart={onResizeStart}\n          onResize={onResize}\n          onResizeEnd={onResizeEnd}\n          footerRef={footerRef}>\n          {children}\n        </StyledDialog>\n      );\n    };\n\n    const renderDialog = () => {\n      if (anchorRef && anchorRef.current) {\n        return (\n          <Floating\n            ref={floatingRef}\n            anchorRef={anchorRef}\n            placement={'bottom-start'}\n            flipOptions={{ mainAxis: false, crossAxis: false }}\n            shiftOptions={{ mainAxis: false, crossAxis: false }}>\n            {renderDialogContent()}\n          </Floating>\n        );\n      } else {\n        return (\n          <WindowOverlay placement={derivedPlacement} offset={offset}>\n            {renderDialogContent()}\n          </WindowOverlay>\n        );\n      }\n    };\n\n    if (modality === 'modal') {\n      return (\n        <Modal isOpen={status !== 'unmounted'} onBackdropClick={handleBackdropClick}>\n          {renderDialog()}\n        </Modal>\n      );\n    } else {\n      return status !== 'unmounted' ? <Layer>{renderDialog()}</Layer> : null;\n    }\n  }\n);\n\nconst animationStates = {\n  zoomIn: {\n    from: {\n      scaleX: 0.9,\n      scaleY: 0.9,\n      transformOrigin: 'center',\n      opacity: 0\n    },\n    to: {\n      scaleX: 1,\n      scaleY: 1,\n      opacity: 1\n    },\n    options: {\n      duration: 200\n    }\n  },\n  zoomOut: {\n    from: {\n      scaleX: 1,\n      scaleY: 1,\n      transformOrigin: 'center',\n      opacity: 1\n    },\n    to: {\n      scaleX: 0.9,\n      scaleY: 0.9,\n      opacity: 0\n    },\n    options: {\n      duration: 200\n    }\n  },\n  slideUp: {\n    ...SLIDE_UP_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  },\n  slideDown: {\n    ...SLIDE_DOWN_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  }\n};\n"],"names":["StyledDialogHeader","children","id","cancelBehavior","onClose","draggableProps","headerDecoration","styles","useComponentTheme","DialogRedwoodTheme","classes","classNames","dialogHeaderStyle","dialogHeaderDecorationStyle","content","_jsx","className","dialogTitleStyle","jsx","_Fragment","Fragment","translations","useTranslationBundle","closeIcon","dialogHeaderCloseIconStyle","IconButton","message_close","size","variant","onAction","reason","CloseIcon","SvgClose","_jsxs","StyledDialogFooter","forwardRef","style","ref","StyledDialog","header","footer","visibility","labelId","role","ariaLabelledBy","ariaDescribedBy","isResizable","containerRef","onResizeStart","onResize","onResizeEnd","onKeyDown","testId","footerRef","elementRef","useRef","mergedRef","mergeRefs","isSmallHeight","setSmallHeight","useState","isSmallWidth","useBreakpoints","styleClasses","resizeHandler","useCallback","current","clientHeight","useEffect","useResizeObserver","baseStyle","baseStyleSmallWidth","baseStyleDesktop","contentStyle","dialogContentStyleNoShrink","dialogContentStyle","visibilityStyle","visibilityVisible","visibilityHidden","testIdProps","useTestId","FocusTrap","restoreFocusRef","tabIndex","globalImages","jsxs","dialogContainerStyle","dialogBodyStyle","dialogFooterStyle","Resizable","Dialog","isOpen","modality","launcherRef","anchorRef","placement","offset","dragAffordance","resizeBehavior","onDragStart","onDragMove","onDragEnd","onFocusSet","onTransitionEnd","props","status","setStatus","setVisibility","prevStatusRef","floatingRef","contentWrapperRef","localLauncherRef","derivedPlacement","animationType","uniqueId","useId","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","shouldReturnFocus","setInitialFocus","allTabbableElements","length","focusWithin","returnFocus","launcherEl","focusOn","nodeRef","useAnimation","animationStates","isAnimatedOnMount","onAnimationEnd","contains","getActiveElement","useMemo","launcherKeyDownCallback","event","code","preventDefault","stopPropagation","useDraggable","isDisabled","setTimeout","Element","document","body","addEventListener","removeEventListener","handleKeyDown","handleBackdropClick","focus","renderDialogContent","renderDialog","Floating","flipOptions","mainAxis","crossAxis","shiftOptions","WindowOverlay","Modal","onBackdropClick","Layer","zoomIn","from","scaleX","scaleY","transformOrigin","opacity","to","options","duration","zoomOut","slideUp","SLIDE_UP_XLARGE","DURATION_LARGE","slideDown","SLIDE_DOWN_XLARGE"],"mappings":"gyBAgQA,MAAMA,EAAqB,EACzBC,WACAC,KACAC,iBACAC,UACAC,iBACAC,mBAAmB,SAEnB,MAAMC,OAAEA,GAAWC,EAAiBA,kBAAsBC,EAAkBA,oBAEtEC,EAAUC,EAAAA,WAAW,CACzBJ,EAAOK,qBACkB,OAArBN,EAA4B,CAACC,EAAOM,6BAA+B,KAGnEC,EACgB,iBAAbb,EACLc,EAAAA,IAAA,KAAA,CAAIb,GAAIA,EAAIc,UAAWT,EAAOU,iBAC3BhB,SAAAA,IAGHc,EAAAG,IAAAC,EAAAC,SAAA,CAAAnB,SAAGA,IAGDoB,EAAeC,uBAAiC,4BAMhDC,EACe,SAAnBpB,EACEY,EAAAA,IACE,MAAA,CAAAd,SAAAc,EAAAA,IAAA,MAAA,CAAKC,UAAWT,EAAOiB,2BAA0BvB,SAC/Cc,EAAAA,IAACU,EAAAA,WAAU,CAAA,aACGJ,EAAaK,gBACzBC,KAAK,KACLC,QAAQ,QACRC,SAZc,KACtBzB,IAAU,CAAE0B,OAAQ,QAAS,EAWI7B,SACzBc,MAACgB,EAASC,SAAA,UAId,KAEN,OACEC,OAAA,MAAA,CAAKjB,UAAWN,KAAaL,EAAcJ,SAAA,CACxCa,EACAS,IAEH,EASEW,EAAqBC,EAAUA,YACnC,EAAGlC,WAAUmC,SAA4BC,IAErCtB,EAAAG,IAAA,MAAA,CAAKmB,IAAKA,EAAKrB,UAAWoB,EAAKnC,SAC5BA,MA0BHqC,EAAeH,EAAUA,YAC7B,EAEIlC,WACAsC,SACAC,SACAC,aACAC,UACAC,OACAC,iBACAC,kBACA1C,iBACAE,iBACAyC,cACAxC,mBACAyC,eACA3C,UACA4C,gBACAC,WACAC,cACAC,YACAC,SACAhB,QACAiB,aAEFhB,KAEA,MAAMiB,EAAaC,SAAuB,MACpCC,EAAYC,EAAAA,UAAUpB,EAAKiB,IAE1BI,EAAeC,GAAkBC,EAAQA,UAAU,GACpDC,GAAgBC,mBAAqB,IAEnCpD,QAASqD,EAAYxD,OAAEA,GAAWC,EAAAA,kBACxCC,EAAAA,oBAGIuD,EAAgBC,EAAAA,aAAY,KAC5BX,EAAWY,UACTZ,EAAWY,QAAQC,aAAe,IACpCR,GAAe,GAEfA,GAAe,GAElB,GACA,IAGHS,EAAAA,WAAU,KACRJ,GAAe,GACd,CAACA,IAEJK,oBAAkBf,EAAYU,GAI9B,MAAMM,EAAYT,EAAetD,EAAOgE,oBAAsBhE,EAAOiE,iBAK/DC,EAAef,EACjBnD,EAAOmE,2BACPnE,EAAOoE,mBAELC,EACW,YAAfnC,EAA2BlC,EAAOsE,kBAAoBtE,EAAOuE,iBAEzDC,EAAcC,YAAU5B,GAE9B,OACErC,MAACkE,EAAAA,UAAS,CAACC,iBAAiB,EAC1BjF,SAAAgC,EAAAA,KAAA,MAAA,CACEI,IAAKmB,EACL2B,UAAW,EACXnE,UAAWL,EAAAA,WAAW,CAACoD,EAAcO,EAAWM,EAAiBQ,EAAAA,eACjEhD,MAAOA,EACPe,UAAWA,EACXR,KAAMA,EAAI,kBACOC,EAAc,mBACbC,KACdkC,EACJ9E,SAAA,CAAAgC,EAAAoD,KAAA,MAAA,CAAKrE,UAAWT,EAAO+E,qBAAoBrF,SAAA,CACzCc,EAAAA,IAACf,EAAkB,CACjBE,GAAIwC,EACJtC,QAASA,EACTE,iBAAkBA,EAClBH,eAAgBA,EAChBE,eAAgBA,EACfJ,SAAAsC,IAEHxB,EAAAA,IAAK,MAAA,CAAAC,UAAWyD,EAAYxE,SAC1Bc,MAAK,MAAA,CAAAC,UAAWT,EAAOgF,yBAAkBtF,MAE3Cc,MAACmB,EAAkB,CAACG,IAAKgB,EAAWjB,MAAO7B,EAAOiF,kBAC/CvF,SAAAuC,OAGJM,GACC/B,EAAAA,IAAC0E,EAAAA,UAAS,CACRzC,cAAeA,EACfC,SAAUA,EACVC,YAAaA,EACbH,aAAcA,QAItB,IAaO2C,EAASvD,EAAAA,YACpB,EAEIlC,WACA0F,SACApD,SAAS,GACTC,SACAoD,WAAW,QACXC,cACAC,YACAC,YACAC,SAAS,EACT7F,iBAAiB,OACjB8F,iBAAiB,OACjBC,iBAAiB,OACjB5F,mBAAmB,KACnB6F,cACAC,aACAC,YACArD,gBACAC,WACAC,cACAoD,aACAlG,UACAmG,kBACA5D,OAAO,SACP,kBAAmBC,EACnB,mBAAoBC,EACpBO,YACGoD,GAELnE,KAEA,MAAOoE,EAAQC,GAAa9C,EAAQA,SAAS+B,EAAS,UAAY,cAC3DlD,EAAYkE,GAAiB/C,EAAQA,SAAmB,UAEzDgD,EAAgBrD,SAAe,aAE/BsD,EAActD,SAAuB,MACrCuD,EAAoBvD,SAA8B,MAClDwD,EAAmBxD,SAA2B,MAC9CF,EAAYE,SAA8B,MAE1CM,GAAgBC,mBAAqB,GACrCkD,GAAmBnD,EAAe,SAAWkC,GAAwB,SACrEkB,GAAgBpD,EACP,YAAX4C,EACE,UACA,YACS,YAAXA,EACA,SACA,UAEES,GAAWC,EAAAA,QACXzE,GAAUE,GAAkCsE,GAE5CE,GAAiB,IAAIC,OAAOC,OAAOC,EAAAA,0BACnCC,GAAsBC,sBAAoCL,QACrD7G,IAAWiH,GAAoBhB,GACpCkB,GAAoBnE,UAAgB,GAEpCoE,GAAkB1D,EAAAA,aAAY,KAE9BZ,EAAUa,SAAW0D,EAAmBA,oBAACvE,EAAUa,SAAS2D,OAAS,EACvEC,cAAYzE,EAAUa,SAEtB4D,cAAYhB,EAAkB5C,SAEhCoC,KAAc,GACb,CAACA,IAEEyB,GAAc9D,EAAAA,aAAY,KAC9B,MAAM+D,EAAajB,EAAiB7C,QAEhCwD,GAAkBxD,SAAW8D,IAC/BC,EAAOA,QAACD,GACRN,GAAkBxD,SAAU,EAC7B,GACA,KAGGgE,QAAEA,IAAYC,EAAYA,aAA6BlB,GAAe,CAC1EmB,kBACAC,mBAAmB,EACnBC,eAAgB,KACV3C,EACFY,KAAkB,GACRZ,IAIV+B,GAAkBxD,QAChB4C,EAAkB5C,SAASqE,SAASC,EAAAA,sBAAsC,EAC5EN,GAAQ,MACRvB,EAAc,UACdD,EAAU,aACVH,KAAkB,GACnB,IAIC/C,GAAYiF,WAAQ,IAAMhF,YAAUqD,EAAmBzE,IAAM,CAACyE,EAAmBzE,IAEjFqG,GAA0BzE,eAC7B0E,IACK5B,EAAiB7C,UAAYsE,EAAAA,oBAAqC,OAAfG,EAAMC,OAG3DD,EAAME,iBACNF,EAAMG,kBAENhB,cAAYhB,EAAkB5C,SAC9BoC,MACD,GAGH,CAACV,KAGGvF,eAAEA,IAAmB0I,eAAa,CACtCC,WAA+B,SAAnB/C,EACZlD,aAAc8D,EACdV,cACAC,aACAC,cAGFjC,EAAAA,WAAU,KAEO,cAAXqC,GAA2Bd,EAUX,cAAXc,GAA0Bd,EACjCe,EAAU,WAOQ,YAAXD,GAAwBd,GAC/BuC,GAAQpB,EAAkB5C,SAC1BwC,EAAU,YAIQ,YAAXD,GAAwBd,EAC/BgB,EAAc,WAINhB,GACRe,EAAU,WA7BND,IAAWG,EAAc1C,SAC3B6D,KA+BG,KAELnB,EAAc1C,QAAUuC,CAAM,IAE/B,CAACd,EAAQc,EAAQyB,GAASH,KAG7B3D,EAAAA,WAAU,IACD,KACL,MAAM4D,EAAajB,EAAiB7C,QAGjC4C,EAAkB5C,SAASqE,SAASC,EAAgBA,qBACrDR,GAIAiB,YAAW,KACThB,EAAOA,QAACD,EAAW,GAClB,EACJ,GAEF,IAGH5D,EAAAA,WAAU,KACJuB,IACGE,GAAa3B,SAIP2B,EAAY3B,mBAAmBgF,QAGxCnC,EAAiB7C,QAAUiF,SAASC,KAAKb,SAAS1C,EAAY3B,SAC1D2B,EAAY3B,QACXsE,EAAAA,mBANLzB,EAAiB7C,QAAUsE,EAAAA,mBAWZ,aAAb5C,GACFmB,EAAiB7C,SAASmF,iBAAiB,UAAWX,KAGnD,KAEY,aAAb9C,GACFmB,EAAiB7C,SAASoF,oBAAoB,UAAWZ,GAC1D,IAEF,CAAC/C,EAAQE,EAAa6C,GAAyB9C,IAGlDxB,EAAAA,WAAU,KACW,YAAf3B,GACFkF,IACD,GACA,CAAClF,EAAYkF,KAEhB,MAAM4B,GAAiBZ,IACrB,OAAQA,EAAMC,MACZ,IAAK,SACHxI,IAAU,CAAE0B,OAAQ,cACpB,MACF,IAAK,KAECiF,EAAiB7C,SAAwB,aAAb0B,GAC9BqC,UAAQlB,EAAiB7C,SAG3ByE,EAAME,iBACNF,EAAMG,kBAET,EAGGU,GAAsB,KAE1B1C,EAAkB5C,SAASuF,OAAO,EAG9BC,GAAsB,IAExB3I,MAACuB,EAAY,CACXD,IAAKmB,GACLd,QAASA,GACTH,OAAQA,EACRC,OAAQA,EACRG,KAAMA,EACNC,eAAgBF,GAChBG,gBAAiBA,EACjBM,UAAWoG,GACXnG,OAAQA,EACRhB,MAAO7B,GACPkC,WAAYA,EACZtC,eAAgBA,EAChBE,eAAgBA,GAChByC,YAAgC,cAAnBoD,EACb5F,iBAAkBA,EAClByC,aAAc8D,EACdzG,QAASA,EACT4C,cAAeA,EACfC,SAAUA,EACVC,YAAaA,EACbG,UAAWA,EACVpD,SAAAA,IAKD0J,GAAe,IACf7D,GAAaA,EAAU5B,QAEvBnD,MAAC6I,EAAAA,SAAQ,CACPvH,IAAKwE,EACLf,UAAWA,EACXC,UAAW,eACX8D,YAAa,CAAEC,UAAU,EAAOC,WAAW,GAC3CC,aAAc,CAAEF,UAAU,EAAOC,WAAW,GAAO9J,SAClDyJ,OAKH3I,MAACkJ,EAAAA,cAAc,CAAAlE,UAAWiB,GAAkBhB,OAAQA,EACjD/F,SAAAyJ,OAMT,MAAiB,UAAb9D,EAEA7E,MAACmJ,EAAAA,OAAMvE,OAAmB,cAAXc,EAAwB0D,gBAAiBX,GAAmBvJ,SACxE0J,OAIa,cAAXlD,EAAyB1F,EAAAA,IAACqJ,EAAKA,MAAE,CAAAnK,SAAA0J,OAA0B,IACnE,IAICvB,EAAkB,CACtBiC,OAAQ,CACNC,KAAM,CACJC,OAAQ,GACRC,OAAQ,GACRC,gBAAiB,SACjBC,QAAS,GAEXC,GAAI,CACFJ,OAAQ,EACRC,OAAQ,EACRE,QAAS,GAEXE,QAAS,CACPC,SAAU,MAGdC,QAAS,CACPR,KAAM,CACJC,OAAQ,EACRC,OAAQ,EACRC,gBAAiB,SACjBC,QAAS,GAEXC,GAAI,CACFJ,OAAQ,GACRC,OAAQ,GACRE,QAAS,GAEXE,QAAS,CACPC,SAAU,MAGdE,QAAS,IACJC,EAAeA,gBAClBJ,QAAS,CACPC,SAAUI,EAAcA,iBAG5BC,UAAW,IACNC,EAAiBA,kBACpBP,QAAS,CACPC,SAAUI,EAAcA"}

package/amd/DragHandle-d89ea5fd.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './mergeProps-bcfa6a92', './useActive-bb5dc069', './useTestId-d0c49456', './DragV-1b50cb69', './UNSAFE_DragHandle/themes/DragHandleStyles.css'], (function(e,s,t,a,r,c,i,n){"use strict";e.DragHandle=function({testId:e}){const{isActive:d,activeProps:l}=r.useActive(),o=c.useTestId(e),g=t.classNames([n.iconStyle,d?n.activeStyle:n.hoverStyle]);return s.jsx("div",{...a.mergeProps(l,o),draggable:!0,class:g,role:"presentation",children:s.jsx(i.SvgDragV,{})})}}));
-//# sourceMappingURL=DragHandle-d89ea5fd.js.map

package/amd/DragHandle-d89ea5fd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DragHandle-d89ea5fd.js","sources":["../../src/UNSAFE_DragHandle/DragHandle.tsx"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { DragHandleIcon } from '../PRIVATE_ThemedIcons/DragHandleIcon';\nimport { iconStyle, hoverStyle, activeStyle } from './themes/DragHandleStyles.css';\n\ntype Props = TestIdProps;\n\n/**\n * A draggable icon that shows grab cursor when users hover the mouse on it,\n * and shows grabbing cursor when users click the icon.\n */\nexport function DragHandle({ testId }: Props) {\n  const { isActive, activeProps } = useActive();\n  const testIdProps = useTestId(testId);\n  const classes = classNames([iconStyle, isActive ? activeStyle : hoverStyle]);\n  return (\n    <div\n      {...mergeProps(activeProps, testIdProps)}\n      draggable={true}\n      class={classes}\n      role=\"presentation\">\n      <DragHandleIcon />\n    </div>\n  );\n}\n"],"names":["testId","isActive","activeProps","useActive","testIdProps","useTestId","classes","classNames","iconStyle","activeStyle","hoverStyle","_jsx","jsx","mergeProps","draggable","class","role","children","DragHandleIcon"],"mappings":"gQAagB,UAAWA,OAAEA,IAC3B,MAAMC,SAAEA,EAAQC,YAAEA,GAAgBC,EAASA,YACrCC,EAAcC,YAAUL,GACxBM,EAAUC,EAAAA,WAAW,CAACC,EAAAA,UAAWP,EAAWQ,EAAWA,YAAGC,EAAUA,aAC1E,OACEC,EACMC,IAAA,MAAA,IAAAC,EAAAA,WAAWX,EAAaE,GAC5BU,WAAW,EACXC,MAAOT,EACPU,KAAK,eACLC,SAAAN,EAAAC,IAACM,WAAc,CAAA,IAGrB"}

package/amd/DrawerPopup-772c8c22.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './refUtils-d354a169', './Layer-9fb9ca67', './LayerHost-1b4d03f0', './Modal-991f1310', './FocusTrap-d351e5c9', './tabbableUtils-428c264e', './positionUtils-6e4daa31', './clientHints-fff66be9', './useOutsideClick-39a81428', './useAnimation-5a74955f', './useUser-abae2493', './useTestId-d0c49456', './useSwipe-d22a98f1', './useComponentTheme-5aa41a8f', './colors-879e20e6', './mergeInterpolations-9ede4cf7', './UNSAFE_DrawerPopup/themes/redwood/DrawerPopupTheme'], (function(e,t,n,r,o,s,a,i,u,l,c,d,m,f,p,b,h,g,v,y,w){"use strict";const E="0px",O=250,k=r.forwardRef((({children:e,isOpen:r=!1,autoFocusRef:a,placement:k="start",modality:C="modal",onClose:R,onTransitionEnd:x,"aria-label":A,"aria-labelledby":T,"aria-describedby":F,testId:P,...D},S)=>{const[I,M]=n.useState(r?"initial":"unmounted"),[j,U]=n.useState("hidden"),[H,L]=n.useState(!r),[N,W]=n.useState("overlay"),X=n.useRef("unmounted"),Y=n.useRef(null),z=n.useRef(null),$=n.useMemo((()=>o.mergeRefs(Y,S)),[Y,S]),K="bottom"===k,B=n.useRef(!1),_={opening:()=>K?{from:{translateY:Q()},to:{translateY:E},options:{duration:O}}:{from:{translateX:J()},to:{translateX:E},options:{duration:O}},closing:()=>K?{from:{translateY:E},to:{translateY:Q()},options:{duration:O}}:{from:{translateX:E},to:{translateX:J()},options:{duration:O}}},q=b.useTestId(P),{direction:G}=p.useUser(),J=()=>{return`${"right"===c.normalizePosition(k,G)?"":"-"}${e=Y.current,Math.round(e.getBoundingClientRect().width)}px`;var e},Q=()=>{return`${e=Y.current,Math.round(e.offsetHeight)}px`;var e},V=n.useCallback((()=>{Y.current?.style?.removeProperty("transform")}),[]),{nodeRef:Z}=f.useAnimation(I,{animationStates:_,isAnimatedOnMount:!0,onAnimationEnd:()=>{"opening"===I?(V(),(()=>{const e=l.getAutofocusFocusables(Y.current);e.length>0?l.focusOn(e[0]):l.focusWithin(Y.current)})(),x?.(!0)):r||(B.current=Y.current?.contains(l.getActiveElement())||!1,Z(null),U("hidden"),M("unmounted"),x?.(!1))}});n.useEffect((()=>("unmounted"!==I||r||I===X.current?"unmounted"===I&&r?M("initial"):"initial"===I&&r?(Z(Y.current),L(!1),M("opening")):"opening"===I&&r?U("visible"):r||"unmounted"===I||(L(!0),M("closing")):B.current&&(l.focusOnElementOrNearestAncestor(z.current),B.current=!1),()=>{X.current=I})),[r,I,Z]),n.useEffect((()=>()=>{Y.current?.contains(l.getActiveElement())&&setTimeout((()=>{l.focusOnElementOrNearestAncestor(z.current)}),0)}),[]),n.useEffect((()=>{if("opening"===I&&(z.current=l.getActiveElement(),"modeless"===C&&z.current?.addEventListener("keydown",ee)),"closing"===I&&"modeless"===C)return()=>{z.current?.removeEventListener("keydown",ee)}}),[C,I]);const ee=e=>{z.current===l.getActiveElement()&&"F6"===e.code&&(e.preventDefault(),e.stopPropagation(),l.focusWithin(Y.current))},te=n.useCallback((e=>{const t=z.current;switch(e.code){case"Escape":R?.({reason:"escapeKey"});break;case"F6":if("modeless"===C){e.preventDefault(),e.stopPropagation(),t&&l.focusOn(t);break}}}),[R,C]),ne=n.useCallback((()=>{R?.({reason:"outsideClick"})}),[R]),re=[Y];z.current&&z.current!==document.body&&re.push(z),m.useOutsideClick({isDisabled:H,ref:re,handler:ne});const oe=d.getClientHints(),se=n.useCallback((()=>"ios"===oe.platform?document.documentElement.clientWidth:window.innerWidth),[oe.platform]),ae=n.useCallback((()=>{const e=se();"overlay"===N&&e<600&&W("fullOverlay"),"fullOverlay"===N&&e>600&&W("overlay")}),[se,N]);n.useEffect((()=>{if(Y.current&&"opening"===I){const e=new ResizeObserver((()=>{ae()}));return e.observe(document.body),()=>{e.unobserve(document.body)}}}),[I,ae]);const ie=n.useCallback((()=>{R?.({reason:"swipe"})}),[R]),ue=n.useCallback((e=>{const t=e.direction;"ltr"===G&&("start"===k&&"left"===t||"end"===k&&"right"===t)&&ie(),"rtl"===G&&("start"===k&&"right"===t||"end"===k&&"left"===t)&&ie(),"bottom"===k&&"down"===t&&ie()}),[G,k,ie]),{swipeProps:le}=h.useSwipe(ue,{threshold:50,maximumTime:750,tolerance:40}),{classes:ce}=g.useComponentTheme(w.DrawerPopupRedwoodTheme,{placement:K?k:"rtl"===G?"start"===k?"right":"left":"start"===k?"left":"right",visibility:j,displayModeHorizontal:["start","end"].indexOf(k)>-1?N:void 0}),de=[...Object.values(v.colorInterpolations)],me=y.mergeInterpolations(de),{...fe}=me(D),pe=()=>t.jsx(u.FocusTrap,{autoFocusRef:a,restoreFocusRef:!1,children:t.jsx("div",{ref:$,className:ce,style:fe,tabIndex:-1,role:"dialog",onKeyDown:te,"aria-label":A,"aria-labelledby":T,"aria-describedby":F,...le,...q,children:e})}),be="unmounted"!==I;return be?"modal"===C?t.jsx(i.Modal,{isOpen:be,children:pe()}):t.jsx(s.Layer,{children:pe()}):null}));e.DrawerPopup=k}));
-//# sourceMappingURL=DrawerPopup-772c8c22.js.map