@oracle/oraclejet-preact 20.0.3 → 20.1.0

package/amd/BarChart-e3c190b5.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './utils-8bf50f08', './useUser-08901aba', './BarGroup-6f67e7ca', './dataStyleUtils-1a157bd8', 'preact/compat', './Chart-00a1b01f'], (function(e,t,r,n,o,i,s,a){"use strict";function d(e,t,r,n,o,i){const s=Array.isArray(n)&&n.length>1,a=t?t.map((e=>{const t=o(e)??"default",r=n.indexOf(t);return r>=0?r:0})):new Array(r).fill(0),d=n.map((()=>[]));for(let e=0;e<r;e++){const t=a[e]??0;d[t]&&d[t].push(e)}const l=(t,r)=>{const n=e(t,r);return n?.value},g=(e,t)=>{const r=l(e,t),n=null==(o=r)||0===o?0:o>0?1:-1;var o;const i=a[e],s=d[i]||[];let g=0;for(let r=0;r<s.length;r++){const o=s[r],i=l(o,t);if(n>0?(i??0)>0&&(g+=i):(i??0)<0&&(g+=i),o===e)break}return g};return{hasMultipleStacks:s,moveWithinStack:(e,t)=>{const n=e.groupIndex,o=(s=n,Array.from({length:r},((e,t)=>({s:t,pos:g(t,s)}))).sort(((e,t)=>e.pos===t.pos?e.s-t.s:e.pos-t.pos)).map((e=>e.s)));var s;const a=o.indexOf(e.seriesIndex);if(-1===a)return;const d="next"===t?1:-1;for(let e=a+d;e>=0&&e<o.length;e+=d){const t=o[e];if(i(t,n))return{seriesIndex:t,groupIndex:n}}}}}function l(e,t,r,n){const o=i.getNextItemInGroup(e,r,n);if(o)return o;if(e.groupIndex<t){let o={seriesIndex:0,groupIndex:e.groupIndex+1};if(n(o.seriesIndex,o.groupIndex))return o;if(o=l(o,t,r,n),o)return o}}function g(e,t,r,n){const o=i.getPrevItemInGroup(e,n);if(o)return o;if(e.groupIndex>t){let o={groupIndex:e.groupIndex-1,seriesIndex:r-1};if(n(o.seriesIndex,o.groupIndex))return o;if(o=g(o,t,r,n),o)return o}return e}function u(e){return t.jsx(c,{datatip:()=>({content:""}),zoomAndScroll:"off",plotArea:{yMajorTick:{isRendered:!1},xMajorTick:{}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},overview:"off"})}const c=s.forwardRef((({width:e,height:s,selectedIds:c=[],hiddenIds:p=[],highlightedIds:f,hideAndShowBehavior:I="none",orientation:x="vertical",yAxis:h,xAxis:A,y2Axis:m,series:S,groups:w,stacking:v="off",getDataItem:y,selectionMode:k="none",drilling:b="off",dataItemGaps:D=.5,...R},G)=>{const{direction:L}=n.useUser(),P="rtl"===L,j=new Set(p),B="horizontal"===x,C=A?.timeAxisType,M=new Set(c),T=new Set(f),U="off"!=v,N="string"==typeof v?void 0:v.stackLabelStyle,O="string"!=typeof v?v.getStackGroup:()=>"default",E="object"==typeof v&&v.getStackLabel?v.getStackLabel:void 0,W="number"==typeof m?.split;return t.jsx(a.Chart,{ref:G,width:e,height:s,yAxis:h,xAxis:A,y2Axis:m,selectedIds:M,hiddenIds:p,hideAndShowBehavior:I,orientation:x,series:S,groups:w,isStacked:U,getDataItem:y,stackLabelStyle:N,selectionMode:k,getStackGroup:O,drilling:b,renderGridLinesInFront:!1,findNearest:(e,t,n,i,s,a)=>{const d=o.getSeriesOffsetAndWidth(i,s,S,y,a,D,U,P,B);return r.findNearestDataPoint(S,w,e,t,y,U,d,o.getBarCenterCoordinate,"log"===h?.scale,D,j,C,n)},getDataItemPos:(e,t,r,n,i,s)=>o.getBarPosition(S,w,y,e,t,r,j,D,n,i,s,"log"===h?.scale,U,P,B,W,O,C),getNavUtil:(e,t)=>{const r=U?Array.from(new Set(S.map((e=>O(e)||"default")))):[];return function(e,t,r,n,o,s,a,u,c,p){const f=(t,r)=>{const n=e(t,r);return Boolean(n)};return(I,x)=>{if(!s&&(("ArrowDown"===x||"ArrowUp"===x)&&!u||("ArrowLeft"===x||"ArrowRight"===x)&&u))return I;let h;const A={groupIndex:I.groupIndex,seriesIndex:I.seriesIndex};if(A.groupIndex<n)return A.groupIndex=n,A;if(A.groupIndex>o)return A.groupIndex=o,A;if(s){const{moveWithinStack:s}=d(e,t,r,c,p,f);"ArrowLeft"===x&&!u||"ArrowUp"===x&&u?h=a&&!u?i.getNextItemInSeries(A,o,f):i.getPrevItemInSeries(A,n,f):"ArrowRight"===x&&!u||"ArrowDown"===x&&u?h=a&&!u?i.getPrevItemInSeries(A,n,f):i.getNextItemInSeries(A,o,f):"ArrowDown"===x&&!u||"ArrowLeft"===x&&u?h=s(A,a&&u?"next":"prev"):("ArrowUp"===x&&!u||"ArrowRight"===x&&u)&&(h=s(A,a&&u?"prev":"next"))}else u?"ArrowDown"===x?h=l(A,o,r,f):"ArrowUp"===x&&(h=g(A,n,r,f)):"ArrowRight"===x?h=a?g(A,n,r,f):l(A,o,r,f):"ArrowLeft"===x&&(h=a?l(A,o,r,f):g(A,n,r,f));return h||A}}(y,S,S.length,e,t,U,P,B,r,O)},getGapRatio:(e,t)=>r.getBarGapRatio(U,e,t),getMarkerInfo:(e,t)=>({color:i.getItemColor(e,t,S,y),type:"circle"}),isRtl:P,getStartAndEndAxesOffset:e=>r.getStartAndEndAxesOffset(!1,!1,B,e,!0),defaultOverviewContentRenderer:()=>t.jsx(u,{series:S,groups:w,getDataItem:y}),...R,children:({groupsInfo:e,xStartIndex:r,xEndIndex:n,xScale:i,yScale:s,y2Scale:a,gapRatio:d,activeId:l,focusedItemInfo:g,hoveredItemInfo:u,axisStepWidth:c,averageGroupZ:p,isPointInsideMarquee:I,getTextDimensions:m,defaultFontSize:w,resolvedColors:v,getItemAriaLabel:R,plotAreaClipPathId:G})=>t.jsx("g",{clipPath:`url(#${G})`,children:e.slice(r,n+1).map((({item:e},n)=>t.jsx(o.BarGroup,{yScale:s,splitDualY:W,y2Scale:a,xScale:i,groupIndex:n+r,selectedIds:M,hiddenIds:j,highlightedIds:f?T:f,isDrillEnabled:"on"===b,series:S,barGapRatio:d,dataItemGaps:D,isPointInsideMarquee:I,isStacked:U,axisStepWidth:c,averageGroupZ:p,group:e,timeAxisType:A?.timeAxisType,colors:v,activeId:l,isLog:"log"===h?.scale,orientation:x,getDataItem:y,isSelectionEnabled:"none"!=k,isRtl:P,focusedItemInfo:g,hoveredItemInfo:u,getTextDimensions:m,defaultFontSize:w,getStackGroup:O,getStackLabel:E,getItemAriaLabel:R})))})})}));e.BarChart=c}));
+//# sourceMappingURL=BarChart-e3c190b5.js.map

package/amd/BarChart-e3c190b5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart-e3c190b5.js","sources":["../../src/UNSAFE_BarChart/utils/stackedGroupNavUtils.ts","../../src/UNSAFE_BarChart/utils/barNavUtils.ts","../../src/UNSAFE_BarChart/OverviewBarChart.tsx","../../src/UNSAFE_BarChart/BarChart.tsx"],"sourcesContent":["/**\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\n/**\n * Stacked BarChart in-group navigation utilities.\n * Ordering within a group is determined by each segment's stacked extreme coordinate:\n * - Positive segments: use the cumulative positive sum up to and including the segment (top edge).\n * - Negative segments: use the cumulative negative sum up to and including the segment (bottom edge).\n *\n * In-group navigation ignores stack-group boundaries and considers all series across stacks.\n * Cross-stack/group helpers are preserved for fallback navigation outside the current group.\n */\n\nimport { ChartSeriesData, Info } from '#utils/UNSAFE_visTypes/chart';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\n\ntype Direction = 'prev' | 'next';\n\nexport function createStackedGroupNavigator<K, D extends BarItemData<K>>(\n  getDataItem: (seriesIndex: number, groupIndex: number) => D | undefined,\n  series: ChartSeriesData<K, D>[],\n  numSeries: number,\n  stackGroups: string[],\n  getStackGroup: (series: ChartSeriesData<K, D>) => string | undefined,\n  isItemNavigable: (seriesIndex: number, groupIndex: number) => boolean\n) {\n  const hasMultipleStacks = Array.isArray(stackGroups) && stackGroups.length > 1;\n\n  const seriesToStackIndex: number[] = series\n    ? series.map((s) => {\n        const stackName = getStackGroup(s) ?? 'default';\n        const idx = stackGroups.indexOf(stackName);\n        return idx >= 0 ? idx : 0;\n      })\n    : new Array(numSeries).fill(0);\n\n  const stackToSeries: number[][] = stackGroups.map(() => []);\n  for (let i = 0; i < numSeries; i++) {\n    const stIdx = seriesToStackIndex[i] ?? 0;\n    if (stackToSeries[stIdx]) {\n      stackToSeries[stIdx].push(i);\n    }\n  }\n\n  const itemValue = (seriesIndex: number, groupIndex: number): number | undefined => {\n    const it = getDataItem(seriesIndex, groupIndex);\n    return it?.value;\n  };\n\n  const valueSign = (value: number | undefined): -1 | 0 | 1 => {\n    if (value == null || value === 0) return 0;\n    return value > 0 ? 1 : -1;\n  };\n\n  /**\n   * Compute the stacked extreme coordinate for the given series at the given group:\n   * - Positive values: cumulative positive sum up to and including this series within its stack (top edge).\n   * - Negative values: cumulative negative sum up to and including this series within its stack (bottom edge).\n   * - Zero/undefined: 0 (baseline).\n   */\n  const stackedEdge = (seriesIndex: number, groupIndex: number): number => {\n    const v = itemValue(seriesIndex, groupIndex);\n    const sgn = valueSign(v);\n\n    const stIdx = seriesToStackIndex[seriesIndex];\n    const seriesInStack = stackToSeries[stIdx] || [];\n\n    let sum = 0;\n    for (let i = 0; i < seriesInStack.length; i++) {\n      const s = seriesInStack[i]!;\n      const val = itemValue(s, groupIndex);\n\n      if (sgn > 0) {\n        // Accumulate only positive contributions\n        if ((val ?? 0) > 0) sum += val as number;\n      } else {\n        // Accumulate only negative contributions\n        if ((val ?? 0) < 0) sum += val as number;\n      }\n\n      if (s === seriesIndex) break;\n    }\n    return sum;\n  };\n\n  /**\n   * Returns all series indices ordered bottom->top by their stacked extreme coordinate\n   * for a given group. Ties are broken by series index to provide a stable order.\n   */\n  const orderedSeriesByStackedEdge = (groupIndex: number): number[] =>\n    Array.from({ length: numSeries }, (_, s) => ({ s, pos: stackedEdge(s, groupIndex) }))\n      .sort((a, b) => (a.pos === b.pos ? a.s - b.s : a.pos - b.pos))\n      .map((e) => e.s);\n\n  /**\n   * In-group navigation across all stacks:\n   * - \"next\": move toward the top (larger stackedEdge)\n   * - \"prev\": move toward the bottom (smaller stackedEdge)\n   */\n  const moveWithinStack = (info: Info, direction: Direction): Info | undefined => {\n    const group = info.groupIndex!;\n    const ordered = orderedSeriesByStackedEdge(group);\n\n    const currIdx = ordered.indexOf(info.seriesIndex!);\n    if (currIdx === -1) return;\n\n    const step = direction === 'next' ? 1 : -1;\n    for (let k = currIdx + step; k >= 0 && k < ordered.length; k += step) {\n      const nextSeries = ordered[k]!;\n      if (isItemNavigable(nextSeries, group)) {\n        return { seriesIndex: nextSeries, groupIndex: group };\n      }\n    }\n    return;\n  };\n\n  return {\n    hasMultipleStacks,\n    moveWithinStack\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 */\n\nimport { ChartSeriesData, Info, ItemInfo } from '#utils/UNSAFE_visTypes/chart';\nimport {\n  getNextItemInGroup,\n  getNextItemInSeries,\n  getPrevItemInGroup,\n  getPrevItemInSeries\n} from '#utils/PRIVATE_chartUtils/navUtils';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { createStackedGroupNavigator } from './stackedGroupNavUtils';\n\ntype isItemNavigableType = (seriesIndex: number, groupIndex: number) => boolean;\n\n/**\n * Get next item in unstacked bar chart.\n * @param info\n * @param viewportEndIndex\n * @param numSeries\n * @param isNavigable\n * @returns\n */\nexport function getNextItem(\n  info: ItemInfo,\n  viewportEndIndex: number,\n  numSeries: number,\n  isNavigable: isItemNavigableType\n): ItemInfo | undefined {\n  const nextItemInGroup = getNextItemInGroup(info, numSeries, isNavigable);\n  if (nextItemInGroup) return nextItemInGroup;\n\n  if (info.groupIndex < viewportEndIndex) {\n    let nextItem: ItemInfo | undefined = { seriesIndex: 0, groupIndex: info.groupIndex + 1 };\n    if (isNavigable(nextItem.seriesIndex, nextItem.groupIndex)) return nextItem;\n    nextItem = getNextItem(nextItem, viewportEndIndex, numSeries, isNavigable);\n    if (nextItem) return nextItem;\n  }\n  return;\n}\n\n/**\n * Get prev item in unstacked bar chart.\n * @param info\n * @param viewportStartIndex\n * @param numSeries\n * @param isNavigable\n * @returns\n */\nexport function getPreviousItem(\n  info: ItemInfo,\n  viewportStartIndex: number,\n  numSeries: number,\n  isNavigable: (seriesIndex: number, groupIndex: number) => boolean\n) {\n  const prevItemInGroup = getPrevItemInGroup(info, isNavigable);\n  if (prevItemInGroup) return prevItemInGroup;\n\n  if (info.groupIndex > viewportStartIndex) {\n    let prevItem = { groupIndex: info.groupIndex - 1, seriesIndex: numSeries - 1 };\n    if (isNavigable(prevItem.seriesIndex, prevItem.groupIndex)) return prevItem;\n    prevItem = getPreviousItem(prevItem, viewportStartIndex, numSeries, isNavigable);\n    if (prevItem) return prevItem;\n  }\n  return info;\n}\n\nexport function getBarChartNavUtil<K, D extends BarItemData<K>>(\n  getDataItem: (seriesIndex: number, groupIndex: number) => D | undefined,\n  series: ChartSeriesData<K, D>[],\n  numSeries: number,\n  viewportStartIndex: number,\n  viewportEndIndex: number,\n  isStacked: boolean,\n  isRtl: boolean,\n  isHoriz: boolean,\n  stackGroups: string[],\n  getStackGroup: (series: ChartSeriesData<K, D>) => string | undefined\n) {\n  const isItemNavigable = (seriesIndex: number, groupIndex: number) => {\n    const barItem = getDataItem(seriesIndex, groupIndex);\n    return Boolean(barItem);\n  };\n\n  const getNextChartItem = (\n    itemInfo: Info,\n    arrow: 'ArrowLeft' | 'ArrowRight' | 'ArrowDown' | 'ArrowUp'\n  ): Info => {\n    if (\n      !isStacked &&\n      (((arrow === 'ArrowDown' || arrow === 'ArrowUp') && !isHoriz) ||\n        ((arrow === 'ArrowLeft' || arrow === 'ArrowRight') && isHoriz))\n    ) {\n      return itemInfo;\n    }\n\n    let newInfo: Info | undefined;\n    // TODO: this is just to keep typescript happy.\n    // figure out consistent typing while doing type cleanup.\n    const info = {\n      groupIndex: itemInfo.groupIndex!,\n      seriesIndex: itemInfo.seriesIndex!\n    };\n\n    if (info.groupIndex! < viewportStartIndex) {\n      info.groupIndex = viewportStartIndex;\n      return info;\n    } else if (info.groupIndex! > viewportEndIndex) {\n      info.groupIndex = viewportEndIndex;\n      return info;\n    }\n\n    if (isStacked) {\n      // Stacked-group navigation helpers moved to stackedGroupNavUtils\n      const { moveWithinStack } = createStackedGroupNavigator(\n        getDataItem,\n        series,\n        numSeries,\n        stackGroups,\n        getStackGroup,\n        isItemNavigable\n      );\n\n      if ((arrow === 'ArrowLeft' && !isHoriz) || (arrow === 'ArrowUp' && isHoriz)) {\n        newInfo =\n          isRtl && !isHoriz\n            ? getNextItemInSeries(info, viewportEndIndex, isItemNavigable)\n            : getPrevItemInSeries(info, viewportStartIndex, isItemNavigable);\n      } else if ((arrow === 'ArrowRight' && !isHoriz) || (arrow === 'ArrowDown' && isHoriz)) {\n        newInfo =\n          isRtl && !isHoriz\n            ? getPrevItemInSeries(info, viewportStartIndex, isItemNavigable)\n            : getNextItemInSeries(info, viewportEndIndex, isItemNavigable);\n      } else if ((arrow === 'ArrowDown' && !isHoriz) || (arrow === 'ArrowLeft' && isHoriz)) {\n        const dir: 'prev' | 'next' = isRtl && isHoriz ? 'next' : 'prev';\n        newInfo = moveWithinStack(info, dir);\n      } else if ((arrow === 'ArrowUp' && !isHoriz) || (arrow === 'ArrowRight' && isHoriz)) {\n        const dir: 'prev' | 'next' = isRtl && isHoriz ? 'prev' : 'next';\n        newInfo = moveWithinStack(info, dir);\n      }\n    } else {\n      if (!isHoriz) {\n        if (arrow === 'ArrowRight') {\n          newInfo = isRtl\n            ? getPreviousItem(info, viewportStartIndex, numSeries, isItemNavigable)\n            : getNextItem(info, viewportEndIndex, numSeries, isItemNavigable);\n        } else if (arrow === 'ArrowLeft') {\n          newInfo = isRtl\n            ? getNextItem(info, viewportEndIndex, numSeries, isItemNavigable)\n            : getPreviousItem(info, viewportStartIndex, numSeries, isItemNavigable);\n        }\n      } else {\n        if (arrow === 'ArrowDown') {\n          newInfo = getNextItem(info, viewportEndIndex, numSeries, isItemNavigable);\n        } else if (arrow === 'ArrowUp') {\n          newInfo = getPreviousItem(info, viewportStartIndex, numSeries, isItemNavigable);\n        }\n      }\n    }\n    return newInfo || info;\n  };\n\n  return getNextChartItem;\n}\n","import { BarChart } from './BarChart';\nimport { BarChartProps, BarItemData } from './barChart.types';\n\nexport function OverviewBarChart<K extends string | number, D extends BarItemData<K>>(\n  props: BarChartProps<K, D>\n) {\n  return (\n    <BarChart\n      datatip={() => ({ content: '' })}\n      zoomAndScroll=\"off\"\n      plotArea={{\n        yMajorTick: {\n          isRendered: false\n        },\n        xMajorTick: {}\n      }}\n      xAxis={{\n        tickLabel: {\n          autoRotate: false,\n          // @ts-ignore\n          isRendered: props.xAxis?.timeAxisType ? true : false\n        }\n      }}\n      series={props.series}\n      groups={props.groups}\n      getDataItem={props.getDataItem}\n      yAxis={{\n        tickLabel: {\n          isRendered: false\n        }\n      }}\n      overview=\"off\"\n    />\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 */\n\nimport { BarChartProps, BarItemData } from './barChart.types';\nimport { getBarGapRatio } from './utils/barSeriesUtils';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { BarGroup } from './BarGroup';\nimport {\n  findNearestDataPoint,\n  getStartAndEndAxesOffset\n} from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport {\n  getBarCenterCoordinate,\n  getBarPosition,\n  getSeriesOffsetAndWidth\n} from './utils/barLayoutUtils';\nimport { getBarChartNavUtil } from './utils/barNavUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { TimeAxisProps, Scale, SizeHandle } from '#utils/UNSAFE_visTypes/chart';\nimport { getItemColor } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { OverviewBarChart } from './OverviewBarChart';\nimport { GroupLevelItem } from '#PRIVATE_Axis/groupAxis/hierarchicalUtils';\n\nimport { forwardRef, Ref } from 'preact/compat';\nimport { VNode } from 'preact';\n\nexport type ForwardRefBarChart = <K extends string | number, D extends BarItemData<K>>(\n  props: BarChartProps<K, D> & {\n    ref?: Ref<SizeHandle>;\n  }\n) => VNode | null;\n\n/**\n * A Bar chart displays information graphically using rectangular bars with heights or lengths proportional to the values that they represent,\n * making relationships among the data easier to understand.\n */\nexport const BarChart = forwardRef(\n  <K extends string | number, D extends BarItemData<K>>(\n    {\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  xAxis,\n  y2Axis,\n  series,\n  groups,\n  stacking = 'off',\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataItemGaps = 0.5,\n  ...props\n}: BarChartProps<K, D>,\n    ref: Ref<SizeHandle>\n  ) => {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const hiddenSet = new Set(hiddenIds);\n  const isHoriz = orientation === 'horizontal';\n  const timeAxisType = (xAxis as TimeAxisProps)?.timeAxisType;\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n\n  const isStacked = stacking != 'off';\n  const stackLabelStyle = typeof stacking === 'string' ? undefined : stacking.stackLabelStyle;\n  const getStackGroup = typeof stacking != 'string' ? stacking.getStackGroup : () => 'default';\n  const getStackLabel =\n    typeof stacking === 'object' && stacking.getStackLabel ? stacking.getStackLabel : undefined;\n\n  const getGapRatio = (startIndex: number, endIndex: number) => {\n    return getBarGapRatio(isStacked, startIndex, endIndex);\n  };\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    const stackGroups = isStacked\n      ? Array.from(new Set(series.map((s) => getStackGroup(s) || 'default')))\n      : [];\n    return getBarChartNavUtil(\n      getDataItem,\n      series,\n      series.length,\n      startIndex,\n      endIndex,\n      isStacked,\n      isRtl,\n      isHoriz,\n      stackGroups,\n      getStackGroup\n    );\n  };\n  const isSplitDualY = typeof y2Axis?.split === 'number';\n  const getDataItemPos = (\n    xScale: Scale,\n    yScale: Scale,\n    y2Scale: Scale,\n    axisStepWidth: number,\n    averageGroupZ: number,\n    gapRatio: number\n  ) => {\n    return getBarPosition(\n      series,\n      groups,\n      getDataItem,\n      xScale,\n      yScale,\n      y2Scale,\n      hiddenSet,\n      dataItemGaps,\n      axisStepWidth,\n      averageGroupZ,\n      gapRatio,\n      yAxis?.scale === 'log',\n      isStacked,\n      isRtl,\n      isHoriz,\n      isSplitDualY,\n      getStackGroup,\n      timeAxisType\n    );\n  };\n\n  const findNearest = (\n    xScale: Scale,\n    yScale: Scale,\n    y2Scale: Scale,\n    axisStepWidth: number,\n    averageGroupZ: number,\n    gapRatio: number\n  ) => {\n    const getSeriesDataInfo = getSeriesOffsetAndWidth(\n      axisStepWidth,\n      averageGroupZ,\n      series,\n      getDataItem,\n      gapRatio,\n      dataItemGaps,\n      isStacked,\n      isRtl,\n      isHoriz\n    );\n    return findNearestDataPoint(\n      series,\n      groups,\n      xScale,\n      yScale,\n      getDataItem,\n      isStacked,\n      getSeriesDataInfo,\n      getBarCenterCoordinate,\n      yAxis?.scale === 'log',\n      dataItemGaps,\n      hiddenSet,\n      timeAxisType,\n      y2Scale\n    );\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    return {\n      color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n      type: 'circle' as const\n    };\n  };\n\n  const getOffset = (groupCount: number) => {\n    return getStartAndEndAxesOffset(false, false, isHoriz, groupCount, true);\n  };\n\n  return (\n    <Chart\n      ref={ref}\n      width={width}\n      height={height}\n      yAxis={yAxis}\n      xAxis={xAxis}\n      y2Axis={y2Axis}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      series={series}\n      groups={groups}\n      isStacked={isStacked}\n      getDataItem={getDataItem}\n      stackLabelStyle={stackLabelStyle}\n      selectionMode={selectionMode}\n      getStackGroup={getStackGroup}\n      drilling={drilling}\n      renderGridLinesInFront={false}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      getMarkerInfo={getMarkerColorAndType}\n      isRtl={isRtl}\n      getStartAndEndAxesOffset={getOffset}\n      defaultOverviewContentRenderer={() => {\n        return <OverviewBarChart series={series} groups={groups} getDataItem={getDataItem} />;\n      }}\n      {...props}>\n      {({\n        groupsInfo,\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        y2Scale,\n        gapRatio,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        axisStepWidth,\n        averageGroupZ,\n        isPointInsideMarquee,\n        getTextDimensions,\n        defaultFontSize,\n        resolvedColors,\n        getItemAriaLabel,\n        plotAreaClipPathId\n      }) => {\n        return (\n          <g clipPath={`url(#${plotAreaClipPathId})`}>\n            {groupsInfo\n              .slice(xStartIndex, xEndIndex + 1)\n              .map(({ item: group }: GroupLevelItem, index: number) => (\n                <BarGroup\n                  yScale={yScale}\n                  splitDualY={isSplitDualY}\n                  y2Scale={y2Scale}\n                  xScale={xScale}\n                  groupIndex={index + xStartIndex}\n                  selectedIds={selectedSet}\n                  hiddenIds={hiddenSet}\n                  highlightedIds={highlightedIds ? highlightedSet : highlightedIds}\n                  isDrillEnabled={drilling === 'on'}\n                  series={series}\n                  barGapRatio={gapRatio}\n                  dataItemGaps={dataItemGaps}\n                  isPointInsideMarquee={isPointInsideMarquee}\n                  isStacked={isStacked}\n                  axisStepWidth={axisStepWidth}\n                  averageGroupZ={averageGroupZ!}\n                  group={group}\n                  timeAxisType={(xAxis as TimeAxisProps)?.timeAxisType}\n                  colors={resolvedColors}\n                  activeId={activeId}\n                  isLog={yAxis?.scale === 'log'}\n                  orientation={orientation}\n                  getDataItem={getDataItem}\n                  isSelectionEnabled={selectionMode != 'none'}\n                  isRtl={isRtl}\n                  focusedItemInfo={focusedItemInfo}\n                  hoveredItemInfo={hoveredItemInfo}\n                  getTextDimensions={getTextDimensions}\n                  defaultFontSize={defaultFontSize}\n                  getStackGroup={getStackGroup}\n                  getStackLabel={getStackLabel}\n                  getItemAriaLabel={getItemAriaLabel}\n                />\n              ))}\n          </g>\n        );\n      }}\n    </Chart>\n  );\n}) as ForwardRefBarChart;\n"],"names":["createStackedGroupNavigator","getDataItem","series","numSeries","stackGroups","getStackGroup","isItemNavigable","hasMultipleStacks","Array","isArray","length","seriesToStackIndex","map","s","stackName","idx","indexOf","fill","stackToSeries","i","stIdx","push","itemValue","seriesIndex","groupIndex","it","value","stackedEdge","v","sgn","seriesInStack","sum","val","moveWithinStack","info","direction","group","ordered","from","_","pos","sort","a","b","e","currIdx","step","k","nextSeries","getNextItem","viewportEndIndex","isNavigable","nextItemInGroup","getNextItemInGroup","nextItem","getPreviousItem","viewportStartIndex","prevItemInGroup","getPrevItemInGroup","prevItem","OverviewBarChart","props","_jsx","BarChart","datatip","content","zoomAndScroll","plotArea","yMajorTick","isRendered","xMajorTick","xAxis","tickLabel","autoRotate","timeAxisType","groups","yAxis","overview","forwardRef","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","y2Axis","stacking","selectionMode","drilling","dataItemGaps","ref","useUser","isRtl","hiddenSet","Set","isHoriz","selectedSet","highlightedSet","isStacked","stackLabelStyle","undefined","getStackLabel","isSplitDualY","split","jsx","Chart","renderGridLinesInFront","findNearest","xScale","yScale","y2Scale","axisStepWidth","averageGroupZ","gapRatio","getSeriesDataInfo","getSeriesOffsetAndWidth","findNearestDataPoint","getBarCenterCoordinate","scale","getDataItemPos","getBarPosition","getNavUtil","startIndex","endIndex","barItem","Boolean","itemInfo","arrow","newInfo","getNextItemInSeries","getPrevItemInSeries","getBarChartNavUtil","getGapRatio","getBarGapRatio","getMarkerInfo","color","getItemColor","type","getStartAndEndAxesOffset","groupCount","defaultOverviewContentRenderer","children","groupsInfo","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","getTextDimensions","defaultFontSize","resolvedColors","getItemAriaLabel","plotAreaClipPathId","clipPath","slice","item","index","BarGroup","splitDualY","isDrillEnabled","barGapRatio","colors","isLog","isSelectionEnabled"],"mappings":"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"}

package/amd/BaseCardView-16fda4c3.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './mergeProps-bcfa6a92', './collectionUtils-77dc5fa1', './ReorderableContext-6d10a1b7', './useNavigation-4d87e7e6', './LayerHost-0b288129', './useSelection-aecb6b23', './clientHints-6d361eaa', './classNames-08d99695', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css', './HiddenAccessible-037ef42d', './LoadMoreCollection-895f1ed5', './PRIVATE_BaseCardView/themes/BaseCardViewStyles.css', './refUtils-77e97004', './logger-0f873e29', './tabbableUtils-f95361a6', './useId-c9578d26', './useAnimation-d90c433f', './useResizeObserver-25032462', './TabbableModeContext-a9c97640', './FocusTrap-038b32c3', './useUser-08901aba', './keys-4755c121', './StyledCheckbox-368fed68', 'css!./SelectorStyles.styles.css', './CollectionInteractionContext-0b4ed98b', './useReorderableItem-7b4b2c3d', './useReorderableContext-a5453bd7', './Grid-caac1c86', './Flex-4b81b412', './PRIVATE_BaseCardView/themes/BaseCardViewContract.css', './Skeleton-3e52c94a', 'module', './useAddBusyState-8ed5cc58'], (function(e,t,r,n,o,s,i,a,l,c,d,u,y,m,h,g,f,x,b,p,C,S,R,v,A,I,w,K,j,B,k,E,T,D,L,P,O,V,F){"use strict";const M="[data-oj-card-item]",z={all:!1,keys:new Set},N={xs:12,sm:16,md:24,lg:48,xl:64};function _({children:e,itemKey:r,itemIndex:n,isCurrentKey:s,dragKey:i,setDragKey:a,onReorder:l,rootRef:c,gutterSize:d,columns:u}){const m=o.useRef(null),h=1===u,g=n%u==0,f=n%u==u-1,b=x.multiVariantStyles({itemOverlayFront:d}),p=x.multiVariantStyles({itemOverlayFrontVertical:d}),C={itemOverlayFront:h?p:b,itemOverlayRear:h?x.styles.itemOverlayRearVertical:x.styles.itemOverlayRear,itemDragger:x.styles.itemDragger},S=o.useCallback((()=>m?.current?.closest(M)),[]),R=o.useCallback((e=>{e.dataTransfer?.setData("text/cardview-items-key",JSON.stringify(r))}),[r]),{rootProps:v,isDragged:A,overlayZoneBeforeProps:I,overlayZoneAfterProps:j}=E.useReorderableItem({isDisabled:!l,dragKey:i,setDragKey:a,onReorder:l,rootRef:c,ref:m,getItem:S,setTransferData:R,itemStyles:C,itemSelector:M,isVertical:h}),{currentItemKey:B}=T.useReorderableContext();o.useEffect((()=>{s&&(B.current=r)}),[s,r,B]);const{direction:k}=w.useUser(),D="rtl"===k,L=y.classNames([I?.class,!h&&!D&&g&&x.styles.itemOverlayFrontEdge,!h&&D&&f&&x.styles.itemOverlayFrontEdge]),P=y.classNames([j?.class,!h&&!D&&f&&x.styles.itemOverlayRearEdge,!h&&D&&g&&x.styles.itemOverlayRearEdge]);return t.jsxs("div",{...v,children:[e,!A&&K.isKeyDefined(i)&&t.jsxs(t.Fragment,{children:[t.jsx("div",{...I,class:L}),t.jsx("div",{...j,class:P})]})]})}const H=e=>({animationStates:{slideUp:{from:{translateY:"50px"},to:{translateY:"0px"},options:{duration:300,delay:50*e,easing:[0,0,.2,1]}},slideDown:{from:{translateY:"-50px"},to:{translateY:"0"},options:{duration:300,delay:50*e,easing:[0,0,.2,1]}}},isAnimatedOnMount:!0}),U=(e,t,r)=>({animationStates:{opacity:{from:{opacity:0},to:{opacity:1},options:{duration:150,delay:50*e,easing:"linear"}}},isAnimatedOnMount:!0,onAnimationEnd:()=>{r?.(),t.current&&clearTimeout(t.current)}}),Y=n.memo((function({children:e,itemKey:r,itemData:n,itemIndex:s,isTabbable:a,isCurrentKey:l,isFocused:c,isFocusRingVisible:d,selectedKeys:u,selectionMode:m,onSelectionChange:h,focusBehavior:g,setIsFocusBehaviorValid:f,initialAnimation:w,isGridLayout:j,updateCardSize:B,reorderItemProps:k,onAnimationBusyStart:E,onAnimationBusyEnd:T}){const D=o.useRef(null),L=o.useRef(),P=c&&d,O=x.multiVariantStyles({itemFocused:"card"===g&&P?"isItemFocused":"isNotItemFocused",itemInitialOpacity:w?"isTransparent":"isNotTransparent",itemInGridLayout:j?"isInGridLayout":"isNotInGridLayout"}),V=y.classNames([x.styles.itemStyle,O]),F=o.useCallback((e=>{B?.(e.contentRect.width,e.contentRect.height)}),[B]),M=o.useRef(null);v.useResizeObserver(B?D:M,F),o.useLayoutEffect((()=>{if("content"===g&&P){const e=D.current?.firstElementChild?.firstElementChild,t=C.allTabbableElements(e,!0,!0);0===t.length||t.length>1?(p.warn(`${t.length} focusable elements are detected in the card. 'content' focusBehavior is intended only for use when the card has single focusable element. Please specify one focusable element in the card or switch the focusBehavior to 'card'.`),f?.(!1)):t[0].focus()}}),[g,P,f]);const{nodeRef:z,controller:N}=R.useAnimation(w||"none",H(s)),{nodeRef:Y,controller:G}=R.useAnimation(w?"opacity":"none",U(s,L,T));w&&E?.(),o.useEffect((()=>{void 0!==w&&(L.current=setTimeout((()=>{N.cancel(),G.cancel(),D.current&&(D.current.style.opacity="1"),T?.()}),1e3))}),[G,N,w,T]);const $=o.useMemo((()=>void 0===w?b.mergeRefs(D):b.mergeRefs(D,z,Y)),[D,z,Y,w]),W=i.getItemContext({data:{data:n,metadata:{key:r}},index:s},u,"multiple"===m,h),Z=k?t.jsx(_,{...k,itemKey:r,itemIndex:s,isCurrentKey:l,children:e(W)}):e(W);return t.jsx("div",{id:S.useId(),ref:$,class:V,role:"gridcell","data-oj-card-item":"","data-oj-key":r,onKeyDown:e=>{"card"!==g||!a||"ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.stopPropagation()},"aria-selected":"none"===m?void 0:K.containsKey(u,r),..."number"==typeof r&&{"data-oj-key-type":"number"},children:t.jsx(A.TabbableModeContext.Provider,{value:{isTabbable:a},children:t.jsx(I.FocusTrap,{isDisabled:!a,restoreFocusRef:!1,children:Z})})})}),((e,t)=>{return!(!e||!t)&&(e.children===t.children&&e.itemKey===t.itemKey&&e.itemData===t.itemData&&e.itemIndex===t.itemIndex&&e.isTabbable===t.isTabbable&&e.isCurrentKey===t.isCurrentKey&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.initialAnimation===t.initialAnimation&&e.focusBehavior===t.focusBehavior&&K.isSameKey(e.selectedKeys,t.selectedKeys)&&e.selectionMode===t.selectionMode&&e.onSelectionChange===t.onSelectionChange&&e.setIsFocusBehaviorValid===t.setIsFocusBehaviorValid&&e.isGridLayout===t.isGridLayout&&e.updateCardSize===t.updateCardSize&&e.onAnimationBusyStart===t.onAnimationBusyStart&&e.onAnimationBusyEnd===t.onAnimationBusyEnd&&(r=e.reorderItemProps,n=t.reorderItemProps,r?.dragKey===n?.dragKey&&r?.setDragKey===n?.setDragKey&&r?.columns===n?.columns&&r?.gutterSize===n?.gutterSize&&r?.rootRef===n?.rootRef));var r,n}));function G({children:e,layout:r,gutterSize:n,columns:o}){const s=P.cardViewVars.gutterSize[n];return"grid"===r?o<1?null:t.jsx(D.Grid,{gridTemplateColumns:`repeat(${o}, 1fr)`,gap:s,children:e}):t.jsx(L.Flex,{wrap:"wrap",gap:s,children:e})}function $({children:e}){const[n,s]=o.useState(!1);return o.useEffect((()=>{setTimeout((()=>{s(!0)}),50)}),[]),n?t.jsx(r.Fragment,{children:e}):t.jsx("div",{class:f.LOADMORE_STYLE_CLASS})}const W=(e,r=25,n,o,s=!0)=>{const i=n||("flex"===e?"80x":"100%"),a=o||"85x";return[...Array(r)].map(((e,r)=>t.jsx(O.Skeleton,{width:i,height:a,borderRadius:"6px"},s&&`${r}${(new Date).getTime()}`)))},Z=e=>t.jsx($,{children:W(e.layout)}),J=e=>{const r=[t.jsx("div",{class:f.LOADMORE_STYLE_CLASS,children:W(e.layout,1)}),...W(e.layout,24)];return t.jsx($,{children:r})},X=()=>t.jsx("div",{class:f.LOADMORE_STYLE_CLASS}),q=e=>{if(e.colCount<1||null==e.cardWidth||null==e.cardHeight)return t.jsx(X,{});{const r=[],n=e.colCount-e.totalCount%e.colCount,o=n===e.colCount,s=`calc(${e.cardWidth}px)`,i=e.cardHeight?`calc(${e.cardHeight}px)`:"85x",a="flex"===e.layout?s:"100%",l="flex"===e.layout||o?i:"100%",c=t.jsx("div",{class:f.LOADMORE_STYLE_CLASS,children:W(e.layout,1,a,l)});return r.push(c),r.push(W(e.layout,n-1,a,l)),o||r.push(W(e.layout,e.colCount,a,i)),t.jsx($,{children:r})}},Q=e=>t.jsx($,{children:te({loadingStatus:"initial"},25,e.skeletonRenderer)}),ee=e=>{const r=[];if(e.isRenderAsInitial){const n={loadingStatus:"initial"};r.push(t.jsx("div",{class:f.LOADMORE_STYLE_CLASS,children:e.skeletonRenderer(n)})),r.push(te(n,24,e.skeletonRenderer))}else{if(0===e.colCount)return null;const n=`calc(${e.cardWidth}px)`,o=`calc(${e.cardHeight}px)`,s=e.colCount-e.totalCount%e.colCount,i=s===e.colCount,a={loadingStatus:"loadMore",height:"flex"===e.layout||i?o:"100%",width:"flex"===e.layout?n:"100%"};r.push(t.jsx("div",{class:f.LOADMORE_STYLE_CLASS,children:e.skeletonRenderer(a)})),r.push(Array(te(a,s-1,e.skeletonRenderer))),i||r.push(te(a,e.colCount,e.skeletonRenderer))}return t.jsx($,{children:r})},te=(e,t,r)=>Array(t).fill(r(e)),re=n.forwardRef((({children:e,data:n,onLoadMore:c=()=>{},hasMore:m=!1,getRowKey:h,currentItemOverride:b,onPersistCurrentItem:p,selectionMode:C="none",selectedKeys:S=z,onSelectionChange:R,onReorder:v,viewportConfig:A,focusBehavior:I="card","aria-label":w,"aria-labelledby":K,"aria-describedby":j,initialAnimation:B="slideUp",gutterSize:k="sm",columns:T,layout:D,cardSize:L,updateCardSize:P,skeletonRenderer:O},V)=>{const _=o.useRef(null);o.useImperativeHandle(V,(()=>_.current),[_]);const H=o.useRef(),U=N[k],$={layout:D,columns:T,gutterSize:k},{onBusyStart:W,onBusyEnd:X}=F.useAddBusyState("handling initial animation"),te=o.useRef(!0);o.useEffect((()=>{null!=L.height&&null!=L.width&&(te.current=!1)}),[L]);const re="none"===C?void 0:"multiple"===C,oe=n?n.length:-1,[se,ie]=o.useState(!0),ae=se?I:"card",le=o.useRef(!1),ce=null!=v,de=o.useRef(!1),ue={ArrowUp:e=>i.getPrevNextKeyByCount(n,h,e,-T),ArrowDown:e=>i.getPrevNextKeyByCount(n,h,e,T),ArrowLeft:e=>i.getPrevNextKeyByCount(n,h,e,-1),ArrowRight:e=>i.getPrevNextKeyByCount(n,h,e,1)},{navigationProps:ye,currentKey:me,isCurrentItemOverridden:he,showFocusRing:ge,isCurrentTabbableKey:fe}=l.useNavigation(n,_,ne,M,ue,b,p,A,void 0,"multiple"!==C,"card"===ae,"card"===ae,!1),xe=o.useCallback((e=>{R&&(!1===e.value.all&&e.value.keys.size>0&&(H.current=Array.from(e.value.keys.values()).pop()),R(e))}),[H,R]),be=o.useCallback((e=>{if(n&&R){const t=i.handleSelectionRange(e,n,h);Array.isArray(t)&&("shiftSpace"===e.eventType?H.current=e.value.start:H.current=e.value.end,R({value:{all:!1,keys:new Set(t)},target:null}))}}),[n,R,h]),{selectionProps:pe}=d.useSelection((e=>e===_.current?void 0===me?null:me:i.keyExtractor(e,M)),S,C,!1,"toggle",xe,H.current,me,((e,t)=>i.getPrevNextKeyByCount(n,h,e,t?-T:T)),((e,t)=>i.getPrevNextKeyByCount(n,h,e,t?-1:1)),(e=>{if(_.current){const t=i.findElementByKey(_.current,e,M);t&&t.scrollIntoView({block:"nearest"})}}),be),{reorderProps:Ce,reorderItemProps:Se,reorderContext:Re,reorderInstructionsId:ve,reorderInstructions:Ae}=(({onReorder:e,gutterSize:t,columns:r,rootRef:n,scrollCurrItemIntoView:s})=>{const a=null!=e,[l,c]=o.useState(void 0),{reorderProps:d,reorderContext:u,reorderInstructionsId:y,reorderInstructions:m}=E.useReorderable({onReorder:e,rootRef:n,itemSelector:M,isDisabled:!a,columns:r});return a?{reorderProps:{...d,onDragOver:e=>{i.dragToScroll(e,void 0!==l,n.current),s.current=!1}},reorderItemProps:{dragKey:l,setDragKey:c,onReorder:e,rootRef:n,gutterSize:t,columns:r},reorderContext:u,reorderInstructionsId:y,reorderInstructions:m}:{reorderProps:d,reorderContext:u,reorderInstructionsId:y,reorderInstructions:m}})({onReorder:v,gutterSize:k,columns:T,rootRef:_,scrollCurrItemIntoView:le}),Ie=ce&&t.jsx(t.Fragment,{children:t.jsx("span",{id:ve,children:t.jsx(g.HiddenAccessible,{children:Ae})})});o.useEffect((()=>{if(ce&&null!=me&&_.current){const e=i.findElementByKey(_.current,me,M);e&&le.current&&!he&&(e.scrollIntoView({block:"nearest"}),le.current=!1)}}),[me,n,ce,he]);const we=o.useCallback((()=>{de.current||(de.current=!0,c())}),[de,c]);o.useEffect((()=>{de.current=!1}),[n,m]);const Ke=n?!n.length&&m?O?t.jsx(ee,{layout:D,colCount:T,totalCount:n.length,cardWidth:L.width,cardHeight:L.height,isRenderAsInitial:!0,skeletonRenderer:O}):t.jsx(J,{layout:D}):O?t.jsx(ee,{layout:D,colCount:T,totalCount:n.length,cardWidth:L.width,cardHeight:L.height,isRenderAsInitial:!1,skeletonRenderer:O}):t.jsx(q,{layout:D,colCount:T,totalCount:n.length,cardWidth:L.width,cardHeight:L.height}):null;A=i.getViewportConfig(_,A);const je=t.jsx("div",{role:"row",children:t.jsx(G,{...$,children:t.jsx(f.LoadMoreCollection,{data:n,hasMore:m,onLoadMore:we,loadMoreIndicator:Ke,loadMoreThreshold:U+4,viewportConfig:A,children:r=>{const o=h(r.data),s=fe(o),i=me===o&&!s,a=i&&ge,l=!!n&&r.index===n.length-1;return t.jsx(Y,{itemKey:o,isCurrentKey:me===o,itemData:r.data,itemIndex:r.index,isTabbable:s,isFocused:i,isFocusRingVisible:a,isGridLayout:"grid"===D,selectedKeys:S,selectionMode:C,onSelectionChange:R,focusBehavior:ae,...0===r.index&&te.current&&{onAnimationBusyStart:W},...l&&te.current&&{onAnimationBusyEnd:X},..."content"===I&&{setIsFocusBehaviorValid:ie},...te.current&&{initialAnimation:B},...0===r.index&&!L.width&&{updateCardSize:P},...ce&&{reorderItemProps:Se},children:e},o)}})})}),Be=t.jsx(G,{...$,children:O?t.jsx(Q,{skeletonRenderer:O}):t.jsx(Z,{layout:D})}),ke=!("ios"===u.getClientHints().platform||"android"===u.getClientHints().platform),Ee=[x.styles.baseStyle];ke||Ee.push(x.styles.userSelect);const Te=y.classNames(Ee);return t.jsxs("div",{...s.mergeProps(ye,pe,Ce,{onKeyDown:e=>{"content"===ae&&"Tab"===e.key&&_.current?.focus({preventScroll:!0});ce&&(e.metaKey||e.ctrlKey)&&e.shiftKey&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)&&(le.current=!0)}}),ref:_,role:"grid",class:Te,tabIndex:0,"aria-label":w,"aria-labelledby":K,"aria-describedby":ce?ve+" "+j:j,"aria-multiselectable":re,"aria-rowcount":1,"aria-colcount":oe,children:[t.jsx(a.ReorderableContext.Provider,{value:Re,children:n?n.length||m?je:t.jsx(r.Fragment,{}):Be}),Ie]})})),ne=e=>e.id,oe=re;e.BaseCardView=oe,e.getColCount=(e,t,r)=>{if(!t||!r)return 0;const n=Math.floor((r+e)/(e+t));return Math.max(1,n)},e.gutterSizeToPX=N}));
+//# sourceMappingURL=BaseCardView-16fda4c3.js.map

package/amd/BaseCardView-16fda4c3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseCardView-16fda4c3.js","sources":["../../src/PRIVATE_BaseCardView/BaseCardViewUtils.ts","../../src/PRIVATE_BaseCardView/BaseCardViewReorderableItem.tsx","../../src/PRIVATE_BaseCardView/BaseCardViewItem.tsx","../../src/PRIVATE_BaseCardView/BaseCardViewLayout.tsx","../../src/PRIVATE_BaseCardView/BaseCardViewSkeletonContainer.tsx","../../src/PRIVATE_BaseCardView/BaseCardViewSkeleton.tsx","../../src/PRIVATE_BaseCardView/BaseCardView.tsx","../../src/PRIVATE_BaseCardView/useCardViewReorder.ts"],"sourcesContent":["import { Size } from '../utils/UNSAFE_size';\n\n/**\n * Item selector for CardView components\n */\nexport const CARDVIEW_ITEM_SELECTOR = '[data-oj-card-item]';\n\nexport const emptyKeys = { all: false, keys: new Set() };\nexport type GutterSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n/**\n * A mapping of gutterSize to concrete size in pixels\n */\nexport const gutterSizeToPX: Record<string, number> = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 48,\n  xl: 64\n};\n\nexport const getGapSize = (gutterSize?: GutterSize) => {\n  const px = gutterSizeToPX[gutterSize || 'sm'];\n  const gap = `${px / 4}x` as Size;\n  return gap;\n};\n\nexport const getColCount = (gapWidth: number, cardWidth?: number, rootWidth?: number) => {\n  if (!cardWidth || !rootWidth) return 0;\n\n  // if we have n cards, we have n-1 gaps\n  const colCount = Math.floor((rootWidth + gapWidth) / (gapWidth + cardWidth));\n  return Math.max(1, colCount);\n};\n","import { useRef, useCallback, useEffect } from 'preact/hooks';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { multiVariantStyles, styles } from './themes/BaseCardViewStyles.css';\nimport { CARDVIEW_ITEM_SELECTOR, GutterSize } from './BaseCardViewUtils';\nimport { useReorderableContext } from '#hooks/PRIVATE_useReorderable/useReorderableContext';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\n\ntype BaseItemProps<K> = {\n  itemKey: K;\n  itemIndex: number;\n  isCurrentKey: boolean;\n};\n\nexport type BaseCardViewReorderableItemProps<K> = ReorderableItemProps<K> & {\n  gutterSize: GutterSize;\n  columns: number;\n};\n\n/**\n * The internal component used to render a reorderable item in CardView.\n */\nexport function BaseCardViewReorderableItem<K extends string | number>({\n  children,\n  itemKey,\n  itemIndex,\n  isCurrentKey,\n  dragKey,\n  setDragKey,\n  onReorder,\n  rootRef,\n  gutterSize,\n  columns\n}: BaseCardViewReorderableItemProps<K> & BaseItemProps<K>) {\n  const itemRef = useRef<HTMLDivElement | null>(null);\n  const isOneColumn = columns === 1;\n  const isFirstColumn = itemIndex % columns === 0;\n  const isLastColumn = itemIndex % columns === columns - 1;\n  const variantClasses = multiVariantStyles({\n    itemOverlayFront: gutterSize\n  });\n  const variantClassesVertical = multiVariantStyles({\n    itemOverlayFrontVertical: gutterSize\n  });\n  const itemStyles = {\n    itemOverlayFront: isOneColumn ? variantClassesVertical : variantClasses,\n    itemOverlayRear: isOneColumn ? styles.itemOverlayRearVertical : styles.itemOverlayRear,\n    itemDragger: styles.itemDragger\n  };\n  const getItem = useCallback(\n    () => itemRef?.current?.closest(CARDVIEW_ITEM_SELECTOR) as HTMLElement,\n    []\n  );\n  const setTransferData = useCallback(\n    (event: DragEvent) => {\n      event.dataTransfer?.setData('text/cardview-items-key', JSON.stringify(itemKey));\n    },\n    [itemKey]\n  );\n  const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n    useReorderableItem({\n      isDisabled: onReorder ? false : true,\n      dragKey,\n      setDragKey,\n      onReorder,\n      rootRef,\n      ref: itemRef,\n      getItem,\n      setTransferData,\n      itemStyles,\n      itemSelector: CARDVIEW_ITEM_SELECTOR,\n      isVertical: isOneColumn\n    });\n\n  // TODO: remove this as part of JET-70023\n  const { currentItemKey } = useReorderableContext();\n  useEffect(() => {\n    if (isCurrentKey) {\n      currentItemKey.current = itemKey;\n    }\n  }, [isCurrentKey, itemKey, currentItemKey]);\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const overlayZoneBeforeClass = classNames([\n    overlayZoneBeforeProps?.class,\n    !isOneColumn && !isRtl && isFirstColumn && styles.itemOverlayFrontEdge,\n    !isOneColumn && isRtl && isLastColumn && styles.itemOverlayFrontEdge\n  ]);\n\n  const overlayZoneAfterClass = classNames([\n    overlayZoneAfterProps?.class,\n    !isOneColumn && !isRtl && isLastColumn && styles.itemOverlayRearEdge,\n    !isOneColumn && isRtl && isFirstColumn && styles.itemOverlayRearEdge\n  ]);\n\n  return (\n    <div {...rootProps}>\n      {children}\n      {!isDragged && isKeyDefined(dragKey) && (\n        <>\n          <div {...overlayZoneBeforeProps} class={overlayZoneBeforeClass}></div>\n          <div {...overlayZoneAfterProps} class={overlayZoneAfterClass}></div>\n        </>\n      )}\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 */\nimport { ComponentChildren } from 'preact';\nimport { memo } from 'preact/compat';\nimport {\n  useRef,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useEffect,\n  StateUpdater,\n  Dispatch,\n  MutableRef\n} from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { warn } from '../utils/UNSAFE_logger';\nimport { allTabbableElements } from '../utils/PRIVATE_tabbableUtils';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\nimport { useResizeObserver } from '../hooks/UNSAFE_useResizeObserver';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { SelectionMode, ListItemRendererContext, SelectionDetail } from '../UNSAFE_Collection';\nimport { multiVariantStyles, styles } from './themes/BaseCardViewStyles.css';\nimport {\n  BaseCardViewReorderableItem,\n  BaseCardViewReorderableItemProps\n} from './BaseCardViewReorderableItem';\nimport { containsKey, isSameKey, Keys } from '../utils/UNSAFE_keys';\nimport { getItemContext } from '../utils/PRIVATE_collectionUtils';\n\n/**\n * Props for the BaseCardViewItem Component\n */\nexport type Props<K, D> = {\n  children: (context: ListItemRendererContext<K, D>) => ComponentChildren;\n  itemKey: K;\n  itemData: D;\n  itemIndex: number;\n  isTabbable: boolean;\n  isCurrentKey: boolean;\n  isFocused: boolean;\n  isFocusRingVisible: boolean;\n  selectedKeys: Keys<K>;\n  selectionMode: SelectionMode;\n  onSelectionChange?: (detail: SelectionDetail<K>) => void;\n  focusBehavior: 'card' | 'content';\n  setIsFocusBehaviorValid?: Dispatch<StateUpdater<boolean>>;\n  initialAnimation?: 'slideUp' | 'slideDown';\n  isGridLayout?: boolean;\n  updateCardSize?: (width: number, height: number) => void;\n  onAnimationBusyStart?: () => void;\n  onAnimationBusyEnd?: () => void;\n} & {\n  reorderItemProps?: Omit<BaseCardViewReorderableItemProps<K>, 'children'>;\n};\n\n/**\n * The internal component used to render a single item in CardView.\n */\nfunction BaseCardViewItem<K extends string | number, D>({\n  children,\n  itemKey,\n  itemData,\n  itemIndex,\n  isTabbable,\n  isCurrentKey,\n  isFocused,\n  isFocusRingVisible,\n  selectedKeys,\n  selectionMode,\n  onSelectionChange,\n  focusBehavior,\n  setIsFocusBehaviorValid,\n  initialAnimation,\n  isGridLayout,\n  updateCardSize,\n  reorderItemProps,\n  onAnimationBusyStart,\n  onAnimationBusyEnd\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout>>();\n\n  const isItemFocused = isFocused && isFocusRingVisible;\n  const variantClasses = multiVariantStyles({\n    itemFocused: focusBehavior === 'card' && isItemFocused ? 'isItemFocused' : 'isNotItemFocused',\n    itemInitialOpacity: initialAnimation ? 'isTransparent' : 'isNotTransparent',\n    itemInGridLayout: isGridLayout ? 'isInGridLayout' : 'isNotInGridLayout'\n  });\n  const classes = classNames([styles.itemStyle, variantClasses]);\n\n  /*********************************** Tabbable Mode ***********************************/\n\n  // don't bubble Arrow Up/Down/Left/Right events to parent when in isTabbable mode\n  // this bubbling causes the outer CollectionFocus ring to change index while in the isTabbable mode.\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (\n      focusBehavior === 'card' &&\n      isTabbable &&\n      (event.key === 'ArrowDown' ||\n        event.key === 'ArrowUp' ||\n        event.key === 'ArrowLeft' ||\n        event.key === 'ArrowRight')\n    ) {\n      event.stopPropagation();\n    }\n  };\n\n  /************************************ Card Size ************************************/\n\n  const handleResize = useCallback(\n    (entry: ResizeObserverEntry) => {\n      updateCardSize?.(entry.contentRect.width, entry.contentRect.height);\n    },\n    [updateCardSize]\n  );\n\n  const nullRef = useRef<HTMLDivElement>(null);\n  useResizeObserver(updateCardSize ? rootRef : nullRef, handleResize);\n\n  /********************************* Focus Behavior *********************************/\n\n  useLayoutEffect(() => {\n    if (focusBehavior === 'content' && isItemFocused) {\n      // rootRef is cardview item, its first child is the focus trap div, so its first grand child\n      // is the actual content\n      const content = rootRef.current?.firstElementChild?.firstElementChild as HTMLElement;\n      const focusable = allTabbableElements(content, true, true);\n      if (focusable.length === 0 || focusable.length > 1) {\n        warn(\n          `${focusable.length} focusable elements are detected in the card. 'content' focusBehavior is intended only for use when the card has single focusable element. Please specify one focusable element in the card or switch the focusBehavior to 'card'.`\n        );\n        setIsFocusBehaviorValid?.(false);\n      } else {\n        focusable[0].focus();\n      }\n    }\n  }, [focusBehavior, isItemFocused, setIsFocusBehaviorValid]);\n\n  /******************************** Initial Animation ********************************/\n\n  // animation for slide up/down\n  const { nodeRef: nodeRefSlide, controller: controllerSlide } = useAnimation<\n    'slideUp' | 'slideDown' | 'none',\n    HTMLDivElement\n  >(initialAnimation || 'none', animationConfigSlide(itemIndex));\n\n  // animation for opacity change\n  const { nodeRef: nodeRefOpacity, controller: controllerOpacity } = useAnimation<\n    'opacity' | 'none',\n    HTMLDivElement\n  >(\n    (initialAnimation && 'opacity') || 'none',\n    animationConfigOpacity(itemIndex, timeoutRef, onAnimationBusyEnd)\n  );\n\n  if (initialAnimation) {\n    onAnimationBusyStart?.();\n  }\n\n  // max cap for animation is 1s\n  useEffect(() => {\n    if (initialAnimation !== undefined) {\n      timeoutRef.current = setTimeout(() => {\n        controllerSlide.cancel();\n        controllerOpacity.cancel();\n        if (rootRef.current) {\n          rootRef.current.style.opacity = '1';\n        }\n        onAnimationBusyEnd?.();\n      }, 1000);\n    }\n  }, [controllerOpacity, controllerSlide, initialAnimation, onAnimationBusyEnd]);\n\n  // TODO: issue track in JET-57681, we currently have two useAnimation() because the opacity and\n  // slide up/down have different durations, and the current API couldn't handle this case, we will\n  // update this once the API is updated\n\n  /********************************** Child Component **********************************/\n  const itemRefs = useMemo(() => {\n    // NOTE: spot an issue when we click the cards during animation is processing, the cards would not finish\n    // the current animations and stay as what it is, e.g. leave itself as half transparent.\n    // need to remove nodeRefSlide and nodeRefOpacity to avoid this issue.\n    if (initialAnimation === undefined) {\n      return mergeRefs(rootRef);\n    }\n    return mergeRefs(rootRef, nodeRefSlide, nodeRefOpacity);\n  }, [rootRef, nodeRefSlide, nodeRefOpacity, initialAnimation]);\n\n  const rendererContext = getItemContext<K, D>(\n    { data: { data: itemData, metadata: { key: itemKey } }, index: itemIndex },\n    selectedKeys,\n    selectionMode === 'multiple',\n    onSelectionChange\n  );\n\n  const childrenComponent = reorderItemProps ? (\n    <BaseCardViewReorderableItem\n      {...reorderItemProps}\n      itemKey={itemKey}\n      itemIndex={itemIndex}\n      isCurrentKey={isCurrentKey}>\n      {children(rendererContext)}\n    </BaseCardViewReorderableItem>\n  ) : (\n    children(rendererContext)\n  );\n\n  return (\n    <div\n      id={useId()}\n      ref={itemRefs}\n      class={classes}\n      role=\"gridcell\"\n      data-oj-card-item=\"\"\n      data-oj-key={itemKey}\n      onKeyDown={handleKeyDown}\n      aria-selected={selectionMode === 'none' ? undefined : containsKey(selectedKeys, itemKey)}\n      {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}>\n      <TabbableModeContext.Provider value={{ isTabbable }}>\n        <FocusTrap isDisabled={!isTabbable} restoreFocusRef={false}>\n          {childrenComponent}\n        </FocusTrap>\n      </TabbableModeContext.Provider>\n    </div>\n  );\n}\n\nconst animationConfigSlide = (\n  index: number\n): UseAnimationConfig<'slideUp' | 'slideDown' | 'none', HTMLDivElement> => {\n  return {\n    animationStates: {\n      slideUp: {\n        from: {\n          translateY: '50px'\n        },\n        to: {\n          translateY: '0px'\n        },\n        options: {\n          duration: 300,\n          delay: index * 50,\n          easing: [0, 0, 0.2, 1]\n        }\n      },\n      slideDown: {\n        from: {\n          translateY: '-50px'\n        },\n        to: {\n          translateY: '0'\n        },\n        options: {\n          duration: 300,\n          delay: index * 50,\n          easing: [0, 0, 0.2, 1]\n        }\n      }\n    },\n    isAnimatedOnMount: true\n  };\n};\n\nconst animationConfigOpacity = (\n  index: number,\n  timeoutRef: MutableRef<ReturnType<typeof setTimeout> | undefined>,\n  onAnimationBusyEnd?: () => void\n): UseAnimationConfig<'opacity' | 'none', HTMLDivElement> => {\n  return {\n    animationStates: {\n      opacity: {\n        from: {\n          opacity: 0\n        },\n        to: {\n          opacity: 1\n        },\n        options: {\n          duration: 150,\n          delay: index * 50,\n          easing: 'linear'\n        }\n      }\n    },\n    isAnimatedOnMount: true,\n    onAnimationEnd: () => {\n      onAnimationBusyEnd?.();\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    }\n  };\n};\n\n/**\n * Compare the equality between two reorderItemProps, especially useful for memoized items\n */\nconst _compareReorderItemProps = (\n  props1: Props<string | number, unknown>['reorderItemProps'],\n  props2: Props<string | number, unknown>['reorderItemProps']\n) => {\n  return (\n    props1?.['dragKey'] === props2?.['dragKey'] &&\n    props1?.['setDragKey'] === props2?.['setDragKey'] &&\n    props1?.['columns'] === props2?.['columns'] &&\n    props1?.['gutterSize'] === props2?.['gutterSize'] &&\n    props1?.['rootRef'] === props2?.['rootRef']\n  );\n};\n\nexport const MemoizeBaseCardViewItem = memo(\n  BaseCardViewItem,\n  (prev: Props<string | number, unknown>, next: Props<string | number, unknown>) => {\n    if (prev && next) {\n      return (\n        prev.children === next.children &&\n        prev.itemKey === next.itemKey &&\n        prev.itemData === next.itemData &&\n        prev.itemIndex === next.itemIndex &&\n        prev.isTabbable === next.isTabbable &&\n        prev.isCurrentKey === next.isCurrentKey &&\n        prev.isFocused === next.isFocused &&\n        prev.isFocusRingVisible === next.isFocusRingVisible &&\n        prev.initialAnimation === next.initialAnimation &&\n        prev.focusBehavior === next.focusBehavior &&\n        isSameKey(prev.selectedKeys, next.selectedKeys) &&\n        prev.selectionMode === next.selectionMode &&\n        prev.onSelectionChange === next.onSelectionChange &&\n        prev.setIsFocusBehaviorValid === next.setIsFocusBehaviorValid &&\n        prev.isGridLayout === next.isGridLayout &&\n        prev.updateCardSize === next.updateCardSize &&\n        prev.onAnimationBusyStart === next.onAnimationBusyStart &&\n        prev.onAnimationBusyEnd === next.onAnimationBusyEnd &&\n        _compareReorderItemProps(prev.reorderItemProps, next.reorderItemProps)\n      );\n    }\n    return false;\n  }\n);\n","import { ComponentChildren } from 'preact';\nimport { Grid } from '../UNSAFE_Grid';\nimport { Flex } from '../UNSAFE_Flex';\nimport { GutterSize } from './BaseCardViewUtils';\nimport { cardViewVars } from './themes/BaseCardViewContract.css';\n\ntype Props = {\n  children: ComponentChildren;\n  layout: 'grid' | 'flex';\n  gutterSize: GutterSize;\n  columns: number;\n};\n\nexport function BaseCardViewLayout({ children, layout, gutterSize, columns }: Props) {\n  const gap = cardViewVars.gutterSize[gutterSize];\n  if (layout === 'grid') {\n    return columns < 1 ? null : (\n      <Grid gridTemplateColumns={`repeat(${columns}, 1fr)`} gap={gap}>\n        {children}\n      </Grid>\n    );\n  } else {\n    return (\n      <Flex wrap=\"wrap\" gap={gap}>\n        {children}\n      </Flex>\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 { ComponentChildren, Fragment } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\n\ntype Props = {\n  /**\n   * Allows to pass skeletons\n   **/\n  children: ComponentChildren;\n};\n\n/**\n * Allows to specify the time delay for rendering the component\n **/\nconst timerValue = 50;\n\n/**\n * BaseCardViewSkeletonContainer renders skeletons after 50ms threshold defined in the Redwood spec\n **/\nexport function BaseCardViewSkeletonContainer({ children }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setIsVisible(true);\n    }, timerValue);\n  }, []);\n\n  return isVisible ? <Fragment>{children}</Fragment> : <div class={LOADMORE_STYLE_CLASS}></div>;\n}\n","import { Size } from '../utils/UNSAFE_size';\nimport { Skeleton } from '../UNSAFE_Skeleton';\nimport { LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\nimport { BaseCardViewSkeletonContainer } from './BaseCardViewSkeletonContainer';\nimport { SkeletonRendererContext } from '../UNSAFE_CardFlexView';\nimport { ComponentChildren } from 'preact';\n\nconst DEFAULT_SKELETON_NUMBER = 25;\nconst DEFAULT_SKELETON_WIDTH = '80x';\nconst DEFAULT_SKELETON_HEIGHT = '85x';\n\ntype SkeletonProps = {\n  layout: 'flex' | 'grid';\n  colCount: number;\n  totalCount: number;\n  cardWidth?: number;\n  cardHeight?: number;\n};\n\n/**\n * A function that returns an array of skeletons based on count\n * @param count the number of skeletons\n */\nconst getSkeletonsByCount = (\n  layout: 'flex' | 'grid',\n  count = DEFAULT_SKELETON_NUMBER,\n  width?: Size,\n  height?: Size,\n  isUnique = true\n) => {\n  const sw = width || (layout === 'flex' ? DEFAULT_SKELETON_WIDTH : '100%');\n  const sh = height || DEFAULT_SKELETON_HEIGHT;\n\n  return [...Array(count)].map((_v, i) => (\n    // create unique keys if needed, otherwise the animations won't start at the same time, because the old copy of skeletons\n    // could be reused, even the key is specified by useId(), combine count with time to make the key unique.\n    <Skeleton\n      key={isUnique && `${i}${new Date().getTime()}`}\n      width={sw}\n      height={sh}\n      borderRadius=\"6px\"\n    />\n  ));\n};\n\n/**\n * When there is no data (i.e. data is an empty array or null, and hasMore is false), we will show 25 card skeletons with default size\n */\nexport const InitialLoadSkeletons = (props: { layout: SkeletonProps['layout'] }) => (\n  <BaseCardViewSkeletonContainer>{getSkeletonsByCount(props.layout)}</BaseCardViewSkeletonContainer>\n);\n\n/**\n * When we are fetching the initial data (i.e. data is an empty array, and hasMore is true), we will show 25 card skeletons with default size,\n * because we don't know the card dimension at this time. Since there is more data to load, we will specify LOADMORE_STYLE_CLASS on skeletons\n */\nexport const DefaultLoadMoreSkeletons = (props: { layout: SkeletonProps['layout'] }) => {\n  const firstSkeleton = (\n    <div class={LOADMORE_STYLE_CLASS}>{getSkeletonsByCount(props.layout, 1)}</div>\n  );\n  const otherSkeletons = getSkeletonsByCount(props.layout, DEFAULT_SKELETON_NUMBER - 1);\n  const skeletons = [firstSkeleton, ...otherSkeletons];\n  return <BaseCardViewSkeletonContainer>{skeletons}</BaseCardViewSkeletonContainer>;\n};\n\n/**\n * During the render that we measure and update card dimension, we will hide skeletons temporarily\n * to avoid showing incorrect skeletons\n */\nconst InvisibleSkeletons = () => {\n  return <div class={LOADMORE_STYLE_CLASS}></div>;\n};\n\nexport const LoadMoreSkeletons = (props: SkeletonProps) => {\n  if (props.colCount < 1 || props.cardWidth == null || props.cardHeight == null) {\n    // if column count / card width / card height are invalid, we will show the invisible skeletons\n    return <InvisibleSkeletons />;\n  } else {\n    // after initial renders, show skeletons with correct dimension and count\n    const skeletons = [];\n\n    const firstRowColCount = props.colCount - (props.totalCount % props.colCount);\n    const isOnlyOneRow = firstRowColCount === props.colCount;\n\n    const cardWidth = `calc(${props.cardWidth}px)` as Size;\n    const cardHeight = props.cardHeight\n      ? (`calc(${props.cardHeight}px)` as Size)\n      : DEFAULT_SKELETON_HEIGHT;\n\n    const width: Size = props.layout === 'flex' ? cardWidth : '100%';\n    const height: Size = props.layout === 'flex' || isOnlyOneRow ? cardHeight : '100%';\n\n    // first row\n    const firstSkeleton = (\n      <div class={LOADMORE_STYLE_CLASS}>{getSkeletonsByCount(props.layout, 1, width, height)}</div>\n    );\n    skeletons.push(firstSkeleton);\n    skeletons.push(getSkeletonsByCount(props.layout, firstRowColCount - 1, width, height));\n\n    // second row\n    if (!isOnlyOneRow) {\n      skeletons.push(getSkeletonsByCount(props.layout, props.colCount, width, cardHeight));\n    }\n\n    return <BaseCardViewSkeletonContainer>{skeletons}</BaseCardViewSkeletonContainer>;\n  }\n};\n\nexport const CustomInitialSkeletions = (props: {\n  skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren;\n}) => {\n  const context: SkeletonRendererContext = { loadingStatus: 'initial' };\n  return (\n    <BaseCardViewSkeletonContainer>\n      {renderMultipleSkeletons(context, 25, props.skeletonRenderer)}\n    </BaseCardViewSkeletonContainer>\n  );\n};\n\nexport const CustomLoadMoreSkeletons = (\n  props: {\n    isRenderAsInitial: boolean;\n    skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren;\n  } & SkeletonProps\n) => {\n  const skeletons = [];\n  if (props.isRenderAsInitial) {\n    const context: SkeletonRendererContext = { loadingStatus: 'initial' };\n    skeletons.push(<div class={LOADMORE_STYLE_CLASS}>{props.skeletonRenderer(context)}</div>);\n    skeletons.push(renderMultipleSkeletons(context, 24, props.skeletonRenderer));\n  } else {\n    if (props.colCount === 0) {\n      return null;\n    }\n    const cardWidth = `calc(${props.cardWidth}px)` as Size;\n    const cardHeight = `calc(${props.cardHeight}px)` as Size;\n    const firstRowColCount = props.colCount - (props.totalCount % props.colCount);\n    const isOnlyOneRow = firstRowColCount === props.colCount;\n    const context: SkeletonRendererContext = {\n      loadingStatus: 'loadMore',\n      height: props.layout === 'flex' || isOnlyOneRow ? cardHeight : '100%',\n      width: props.layout === 'flex' ? cardWidth : '100%'\n    };\n    skeletons.push(<div class={LOADMORE_STYLE_CLASS}>{props.skeletonRenderer(context)}</div>);\n    skeletons.push(\n      Array(renderMultipleSkeletons(context, firstRowColCount - 1, props.skeletonRenderer))\n    );\n    if (!isOnlyOneRow) {\n      skeletons.push(renderMultipleSkeletons(context, props.colCount, props.skeletonRenderer));\n    }\n  }\n  return <BaseCardViewSkeletonContainer>{skeletons}</BaseCardViewSkeletonContainer>;\n};\n\nconst renderMultipleSkeletons = (\n  context: SkeletonRendererContext,\n  count: number,\n  skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren\n) => {\n  return Array(count).fill(skeletonRenderer(context));\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 { Fragment } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useRef, useCallback, useEffect, useState, useImperativeHandle } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { Keys } from '../utils/UNSAFE_keys';\nimport {\n  getPrevNextKeyByCount,\n  getViewportConfig,\n  findElementByKey,\n  keyExtractor,\n  handleSelectionRange\n} from '../utils/PRIVATE_collectionUtils';\n\nimport { useNavigation } from '../hooks/PRIVATE_useListCommon';\nimport { useSelection, SelectionRangeDetail } from '../hooks/PRIVATE_useSelection';\nimport { ReorderableContext } from '../hooks/PRIVATE_useReorderable';\nimport { ItemContext, SelectionDetail } from '../UNSAFE_Collection';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LoadMoreCollection } from '../PRIVATE_LoadMoreCollection';\nimport { styles } from './themes/BaseCardViewStyles.css';\nimport { Props } from '../UNSAFE_CardFlexView';\nimport { MemoizeBaseCardViewItem } from './BaseCardViewItem';\nimport { BaseCardViewLayout } from './BaseCardViewLayout';\nimport {\n  DefaultLoadMoreSkeletons,\n  LoadMoreSkeletons,\n  InitialLoadSkeletons,\n  CustomInitialSkeletions,\n  CustomLoadMoreSkeletons\n} from './BaseCardViewSkeleton';\nimport { gutterSizeToPX, emptyKeys, CARDVIEW_ITEM_SELECTOR } from './BaseCardViewUtils';\nimport { useCardViewReorder } from './useCardViewReorder';\n// TODO: add this import due to issue JET-67485, need to update once Stable is introduced\nimport './themes/redwood/BaseCardViewBaseTheme.css';\nimport { useAddBusyState } from '#hooks/PRIVATE_useAddBusyState';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\n/**\n * Props specific for the GradGridBaseImpl Component\n */\ntype BaseCardViewImplProps<K, D> = Props<K, D> & {\n  /**\n   * Provide the number of columns to render;\n   */\n  columns: number;\n  /**\n   * The layout of the BaseCardView. When we use CardGridView as parent, we will use grid layout;\n   * when we use CardFlexView as parent, we will use flex layout.\n   */\n  layout: 'grid' | 'flex';\n  /**\n   * Card dimension, including width and height\n   */\n  cardSize: { width?: number; height?: number };\n  /**\n   * A callback function to update card dimension, including width and height\n   */\n  updateCardSize: (width: number, height: number) => void;\n};\n\nconst BaseCardViewImpl = forwardRef(\n  <K extends string | number, D>(\n    {\n      children,\n      data,\n      onLoadMore = () => {},\n      hasMore = false,\n      getRowKey,\n      currentItemOverride,\n      onPersistCurrentItem,\n      selectionMode = 'none',\n      selectedKeys = emptyKeys as Keys<K>,\n      onSelectionChange,\n      onReorder,\n      viewportConfig,\n      focusBehavior = 'card',\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      initialAnimation = 'slideUp',\n      gutterSize = 'sm',\n      columns,\n      layout,\n      cardSize,\n      updateCardSize,\n      skeletonRenderer\n    }: BaseCardViewImplProps<K, D>,\n    ref?: ForwardedRef<HTMLDivElement>\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref!, () => rootRef.current!, [rootRef]);\n\n    // tracking the anchor key which is used for shift+click selection\n    const anchorKey = useRef<K | undefined>();\n\n    const gutterSizePX = gutterSizeToPX[gutterSize];\n    const layoutProps = { layout, columns, gutterSize };\n\n    //setup busy start and busy end callbacks for the initial animation\n    const { onBusyStart: onAnimationBusyStart, onBusyEnd: onAnimationBusyEnd } = useAddBusyState(\n      'handling initial animation'\n    );\n    const isInitialAnimation = useRef(true);\n    useEffect(() => {\n      if (cardSize.height != undefined && cardSize.width != undefined) {\n        isInitialAnimation.current = false;\n      }\n    }, [cardSize]);\n\n    const ariaMultiSelectable = selectionMode === 'none' ? undefined : selectionMode === 'multiple';\n    const ariaRowcount = 1;\n    const ariaColcount = data ? data.length : -1;\n\n    const [isFocusBehaviorValid, setIsFocusBehaviorValid] = useState(true);\n    const validFocusBehavior = isFocusBehaviorValid ? focusBehavior : 'card';\n\n    // ensure current item is scrolled into view when current item is updated\n    // during reordering, enable that during keyboard reordering, disable that during mouse reordering\n    const scrollCurrItemIntoView = useRef(false);\n    const isReorderEnabled = onReorder != undefined;\n\n    const isFetching = useRef(false);\n\n    /*****************************************************************************************/\n    /*********************** Current Key, Focus Ring and Tabbable Mode ***********************/\n    /*****************************************************************************************/\n\n    const arrowKeyAndHandlers = {\n      ArrowUp: (key?: K) => getPrevNextKeyByCount(data, getRowKey, key, -columns),\n      ArrowDown: (key?: K) => getPrevNextKeyByCount(data, getRowKey, key, columns),\n      ArrowLeft: (key?: K) => getPrevNextKeyByCount(data, getRowKey, key, -1),\n      ArrowRight: (key?: K) => getPrevNextKeyByCount(data, getRowKey, key, 1)\n    };\n\n    const {\n      navigationProps,\n      currentKey,\n      isCurrentItemOverridden,\n      showFocusRing,\n      isCurrentTabbableKey\n    } = useNavigation(\n      data,\n      rootRef,\n      idExtractor,\n      CARDVIEW_ITEM_SELECTOR,\n      arrowKeyAndHandlers,\n      currentItemOverride,\n      onPersistCurrentItem,\n      viewportConfig,\n      undefined,\n      selectionMode !== 'multiple',\n      validFocusBehavior === 'card',\n      validFocusBehavior === 'card',\n      false\n    );\n\n    /*****************************************************************************************/\n    /*************************************** Selection ***************************************/\n    /*****************************************************************************************/\n\n    const handleSelectionChange = useCallback(\n      (detail: SelectionDetail<K>) => {\n        if (onSelectionChange) {\n          if (detail.value.all === false && detail.value.keys.size > 0) {\n            // during regular selection, the last key selected by a user gesture is the anchor key\n            anchorKey.current = Array.from(detail.value.keys.values()).pop();\n          }\n          onSelectionChange(detail);\n        }\n      },\n      [anchorKey, onSelectionChange]\n    );\n\n    const handleSelectionRangeChange = useCallback(\n      (detail: SelectionRangeDetail<K>) => {\n        if (data && onSelectionChange) {\n          const value = handleSelectionRange(detail, data, getRowKey);\n          // for non-virtualized CardView, value should always be an array\n          if (Array.isArray(value)) {\n            if (detail.eventType === 'shiftSpace') {\n              // during range selection by shift+space, the first key selected by a user gesture is the anchor key\n              anchorKey.current = detail.value.start;\n            } else {\n              // during range selection by shift+click/arrow keys, the last key selected by a user gesture is the anchor key\n              anchorKey.current = detail.value.end;\n            }\n            onSelectionChange({ value: { all: false, keys: new Set(value) }, target: null });\n          }\n        }\n      },\n      [data, onSelectionChange, getRowKey]\n    );\n\n    const { selectionProps } = useSelection(\n      (element: HTMLElement) => {\n        if (element === rootRef.current) {\n          return currentKey === undefined ? null : currentKey;\n        }\n        return keyExtractor(element, CARDVIEW_ITEM_SELECTOR) as K;\n      },\n      selectedKeys,\n      selectionMode,\n      false,\n      'toggle',\n      handleSelectionChange,\n      anchorKey.current,\n      currentKey,\n      (currentKey: K | undefined, isPrev: boolean) =>\n        getPrevNextKeyByCount(data, getRowKey, currentKey, isPrev ? -columns : columns),\n      (currentKey: K | undefined, isPrev: boolean) =>\n        getPrevNextKeyByCount(data, getRowKey, currentKey, isPrev ? -1 : 1),\n      (key: K) => {\n        if (rootRef.current) {\n          const elem = findElementByKey(rootRef.current, key, CARDVIEW_ITEM_SELECTOR);\n          if (elem) {\n            elem.scrollIntoView({ block: 'nearest' });\n          }\n        }\n      },\n      handleSelectionRangeChange\n    );\n\n    /*****************************************************************************************/\n    /**************************************** Reorder ****************************************/\n    /*****************************************************************************************/\n\n    const {\n      reorderProps,\n      reorderItemProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } = useCardViewReorder({\n      onReorder,\n      gutterSize,\n      columns,\n      rootRef,\n      scrollCurrItemIntoView\n    });\n\n    const reorderAcc = isReorderEnabled && (\n      <>\n        <span id={reorderInstructionsId}>\n          <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n        </span>\n      </>\n    );\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      // for content focusBehavior, when users tab out, we need to focus back to card grid, to ensure\n      // the tabbing order works properly, otherwise the focus might get stuck at the current item\n      if (validFocusBehavior === 'content' && event.key === 'Tab') {\n        rootRef.current?.focus({ preventScroll: true });\n      }\n      // during keyboard reordering, the current item should be scrolled into view\n      const keyHandlers = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];\n      if (\n        isReorderEnabled &&\n        (event.metaKey || event.ctrlKey) &&\n        event.shiftKey &&\n        keyHandlers.includes(event.key)\n      ) {\n        scrollCurrItemIntoView.current = true;\n      }\n    };\n\n    useEffect(() => {\n      if (isReorderEnabled && currentKey != null && rootRef.current) {\n        const elem = findElementByKey(rootRef.current, currentKey, CARDVIEW_ITEM_SELECTOR);\n        // make sure current item is visible during reordering\n        // scroll the current item into view only when the current item is updated internally\n        if (elem && scrollCurrItemIntoView.current && !isCurrentItemOverridden) {\n          elem.scrollIntoView({ block: 'nearest' });\n          scrollCurrItemIntoView.current = false;\n        }\n      }\n      // since the currentKey will not change during keyboard reordering,\n      // listen to data to ensure cardview scroll into view\n    }, [currentKey, data, isReorderEnabled, isCurrentItemOverridden]);\n\n    /*****************************************************************************************/\n    /************************************* Load More *****************************************/\n    /*****************************************************************************************/\n\n    const handleLoadMore = useCallback(() => {\n      // check isFetching to avoid multiple load more at the same time (details in JET-61117)\n      if (!isFetching.current) {\n        isFetching.current = true;\n        onLoadMore();\n      }\n    }, [isFetching, onLoadMore]);\n\n    useEffect(() => {\n      isFetching.current = false;\n      // listen to data and hasMore because when one of them gets updated, the fetching is done\n    }, [data, hasMore]);\n\n    /*****************************************************************************************/\n    /************************************ Child Component ************************************/\n    /*****************************************************************************************/\n\n    const childrenComponent = (context: ItemContext<D>) => {\n      const itemKey = getRowKey(context.data);\n      const isTabbable = isCurrentTabbableKey(itemKey);\n      const isFocused = currentKey === itemKey && !isTabbable;\n      const isFocusRingVisible = isFocused && showFocusRing;\n      const isLastCard = data ? context.index === data.length - 1 : false;\n      return (\n        <MemoizeBaseCardViewItem<K, D>\n          key={itemKey}\n          itemKey={itemKey}\n          isCurrentKey={currentKey === itemKey}\n          itemData={context.data}\n          itemIndex={context.index}\n          isTabbable={isTabbable}\n          isFocused={isFocused}\n          isFocusRingVisible={isFocusRingVisible}\n          isGridLayout={layout === 'grid'}\n          selectedKeys={selectedKeys}\n          selectionMode={selectionMode}\n          onSelectionChange={onSelectionChange}\n          focusBehavior={validFocusBehavior}\n          {...(context.index === 0 && isInitialAnimation.current && { onAnimationBusyStart })}\n          {...(isLastCard && isInitialAnimation.current && { onAnimationBusyEnd })}\n          {...(focusBehavior === 'content' && { setIsFocusBehaviorValid })}\n          {...(isInitialAnimation.current && { initialAnimation })}\n          {...(context.index === 0 && !cardSize.width && { updateCardSize })}\n          {...(isReorderEnabled && { reorderItemProps })}>\n          {children}\n        </MemoizeBaseCardViewItem>\n      );\n    };\n\n    // todo: issue track in JET-57952, need a way to show the skeletons in keyboard navigation\n    const skeletons = data ? (\n      !data.length && hasMore ? (\n        skeletonRenderer ? (\n          <CustomLoadMoreSkeletons\n            layout={layout}\n            colCount={columns}\n            totalCount={data.length}\n            cardWidth={cardSize.width}\n            cardHeight={cardSize.height}\n            isRenderAsInitial={true}\n            skeletonRenderer={skeletonRenderer}\n          />\n        ) : (\n          <DefaultLoadMoreSkeletons layout={layout} />\n        )\n      ) : skeletonRenderer ? (\n        <CustomLoadMoreSkeletons\n          layout={layout}\n          colCount={columns}\n          totalCount={data.length}\n          cardWidth={cardSize.width}\n          cardHeight={cardSize.height}\n          isRenderAsInitial={false}\n          skeletonRenderer={skeletonRenderer}\n        />\n      ) : (\n        <LoadMoreSkeletons\n          layout={layout}\n          colCount={columns}\n          totalCount={data.length}\n          cardWidth={cardSize.width}\n          cardHeight={cardSize.height}\n        />\n      )\n    ) : null;\n\n    viewportConfig = getViewportConfig(rootRef, viewportConfig);\n    const collectionComponent = (\n      <div role=\"row\">\n        <BaseCardViewLayout {...layoutProps}>\n          <LoadMoreCollection\n            data={data}\n            hasMore={hasMore}\n            onLoadMore={handleLoadMore}\n            loadMoreIndicator={skeletons}\n            loadMoreThreshold={gutterSizePX + 4} // gap size + padding\n            viewportConfig={viewportConfig}>\n            {childrenComponent}\n          </LoadMoreCollection>\n        </BaseCardViewLayout>\n      </div>\n    );\n\n    const initialLoadSkeletons = (\n      <BaseCardViewLayout {...layoutProps}>\n        {skeletonRenderer ? (\n          <CustomInitialSkeletions skeletonRenderer={skeletonRenderer} />\n        ) : (\n          <InitialLoadSkeletons layout={layout} />\n        )}\n      </BaseCardViewLayout>\n    );\n    const allowBrowserContextMenu = !(\n      getClientHints().platform === 'ios' || getClientHints().platform === 'android'\n    );\n\n    const classArray = [styles.baseStyle];\n    if (!allowBrowserContextMenu) {\n      classArray.push(styles.userSelect);\n    }\n    const classes = classNames(classArray);\n\n    return (\n      <div\n        {...mergeProps(navigationProps, selectionProps, reorderProps, {\n          onKeyDown: handleKeyDown\n        })}\n        ref={rootRef}\n        role=\"grid\"\n        class={classes}\n        tabIndex={0}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={\n          isReorderEnabled ? reorderInstructionsId + ' ' + ariaDescribedBy : ariaDescribedBy\n        }\n        aria-multiselectable={ariaMultiSelectable}\n        aria-rowcount={ariaRowcount}\n        aria-colcount={ariaColcount}>\n        <ReorderableContext.Provider value={reorderContext}>\n          {!data ? (\n            initialLoadSkeletons\n          ) : data.length || hasMore ? (\n            collectionComponent\n          ) : (\n            <Fragment />\n          )}\n        </ReorderableContext.Provider>\n        {reorderAcc}\n      </div>\n    );\n  }\n);\n\nconst idExtractor = (elem: Element) => elem.id;\n\n/**\n * Props specific for the BaseCardView\n */\ntype BaseCardViewProps<K, D> = BaseCardViewImplProps<K, D> & {\n  ref?: ForwardedRef<HTMLDivElement>;\n};\n\n/**\n * Cast BaseCardViewImpl to generic type, because BaseCardViewImpl would infer the generic type to specific type,\n * i.e infer <K extends string | number, D> to <string | number, unknown>, which will cause type issues in the parent component\n */\nexport const BaseCardView = BaseCardViewImpl as <K extends string | number, D>(\n  props: BaseCardViewProps<K, D>\n) => JSX.Element;\n","import type { RefObject } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { dragToScroll } from '../utils/PRIVATE_collectionUtils';\nimport { useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { Props } from '../UNSAFE_CardFlexView';\nimport { CARDVIEW_ITEM_SELECTOR, GutterSize } from './BaseCardViewUtils';\n\ntype useCardViewReorderProps<K, D> = Pick<Props<K, D>, 'onReorder'> & {\n  gutterSize: GutterSize;\n  columns: number;\n  rootRef: RefObject<HTMLDivElement>;\n  scrollCurrItemIntoView: RefObject<boolean>;\n};\n\nexport const useCardViewReorder = <K extends string | number, D>({\n  onReorder,\n  gutterSize,\n  columns,\n  rootRef,\n  scrollCurrItemIntoView\n}: useCardViewReorderProps<K, D>) => {\n  const isReorderEnabled = onReorder != undefined;\n\n  const [dragKey, setDragKey] = useState<K | undefined>(undefined);\n  const { reorderProps, reorderContext, reorderInstructionsId, reorderInstructions } =\n    useReorderable({\n      onReorder,\n      rootRef,\n      itemSelector: CARDVIEW_ITEM_SELECTOR,\n      isDisabled: !isReorderEnabled,\n      columns\n    });\n\n  if (!isReorderEnabled) {\n    return {\n      reorderProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } as const;\n  }\n\n  const handleDragOver = (event: DragEvent) => {\n    dragToScroll(event, dragKey !== undefined, rootRef.current);\n    // during mouse reordering, the drag item might not be the same as current item,\n    // so we should disallow current item scroll into view\n    scrollCurrItemIntoView.current = false;\n  };\n\n  const reorderEventProps = { ...reorderProps, onDragOver: handleDragOver };\n\n  const reorderItemProps = {\n    dragKey,\n    setDragKey,\n    onReorder,\n    rootRef,\n    gutterSize,\n    columns\n  };\n\n  return {\n    reorderProps: reorderEventProps,\n    reorderItemProps,\n    reorderContext,\n    reorderInstructionsId,\n    reorderInstructions\n  } as const;\n};\n"],"names":["CARDVIEW_ITEM_SELECTOR","emptyKeys","all","keys","Set","gutterSizeToPX","xs","sm","md","lg","xl","BaseCardViewReorderableItem","children","itemKey","itemIndex","isCurrentKey","dragKey","setDragKey","onReorder","rootRef","gutterSize","columns","itemRef","useRef","isOneColumn","isFirstColumn","isLastColumn","variantClasses","multiVariantStyles","itemOverlayFront","variantClassesVertical","itemOverlayFrontVertical","itemStyles","itemOverlayRear","styles","itemOverlayRearVertical","itemDragger","getItem","useCallback","current","closest","setTransferData","event","dataTransfer","setData","JSON","stringify","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","itemSelector","isVertical","currentItemKey","useReorderableContext","useEffect","direction","useUser","isRtl","overlayZoneBeforeClass","classNames","class","itemOverlayFrontEdge","overlayZoneAfterClass","itemOverlayRearEdge","_jsxs","isKeyDefined","_Fragment","_jsx","jsx","animationConfigSlide","index","animationStates","slideUp","from","translateY","to","options","duration","delay","easing","slideDown","isAnimatedOnMount","animationConfigOpacity","timeoutRef","onAnimationBusyEnd","opacity","onAnimationEnd","clearTimeout","MemoizeBaseCardViewItem","memo","itemData","isTabbable","isFocused","isFocusRingVisible","selectedKeys","selectionMode","onSelectionChange","focusBehavior","setIsFocusBehaviorValid","initialAnimation","isGridLayout","updateCardSize","reorderItemProps","onAnimationBusyStart","isItemFocused","itemFocused","itemInitialOpacity","itemInGridLayout","classes","itemStyle","handleResize","entry","contentRect","width","height","nullRef","useResizeObserver","useLayoutEffect","content","firstElementChild","focusable","allTabbableElements","length","warn","focus","nodeRef","nodeRefSlide","controller","controllerSlide","useAnimation","nodeRefOpacity","controllerOpacity","undefined","setTimeout","cancel","style","itemRefs","useMemo","mergeRefs","rendererContext","getItemContext","data","metadata","key","childrenComponent","id","useId","role","onKeyDown","stopPropagation","containsKey","TabbableModeContext","Provider","value","FocusTrap","restoreFocusRef","prev","next","isSameKey","props1","props2","BaseCardViewLayout","layout","gap","cardViewVars","Grid","gridTemplateColumns","Flex","wrap","BaseCardViewSkeletonContainer","isVisible","setIsVisible","useState","Fragment","LOADMORE_STYLE_CLASS","getSkeletonsByCount","count","isUnique","sw","sh","Array","map","_v","i","Skeleton","borderRadius","Date","getTime","InitialLoadSkeletons","props","DefaultLoadMoreSkeletons","skeletons","DEFAULT_SKELETON_NUMBER","InvisibleSkeletons","LoadMoreSkeletons","colCount","cardWidth","cardHeight","firstRowColCount","totalCount","isOnlyOneRow","firstSkeleton","push","CustomInitialSkeletions","renderMultipleSkeletons","loadingStatus","skeletonRenderer","CustomLoadMoreSkeletons","isRenderAsInitial","context","fill","BaseCardViewImpl","forwardRef","onLoadMore","hasMore","getRowKey","currentItemOverride","onPersistCurrentItem","viewportConfig","ariaLabel","ariaLabelledBy","ariaDescribedBy","cardSize","useImperativeHandle","anchorKey","gutterSizePX","layoutProps","onBusyStart","onBusyEnd","useAddBusyState","isInitialAnimation","ariaMultiSelectable","ariaColcount","isFocusBehaviorValid","validFocusBehavior","scrollCurrItemIntoView","isReorderEnabled","isFetching","arrowKeyAndHandlers","ArrowUp","getPrevNextKeyByCount","ArrowDown","ArrowLeft","ArrowRight","navigationProps","currentKey","isCurrentItemOverridden","showFocusRing","isCurrentTabbableKey","useNavigation","idExtractor","handleSelectionChange","detail","size","values","pop","handleSelectionRangeChange","handleSelectionRange","isArray","eventType","start","end","target","selectionProps","useSelection","element","keyExtractor","isPrev","elem","findElementByKey","scrollIntoView","block","reorderProps","reorderContext","reorderInstructionsId","reorderInstructions","useReorderable","onDragOver","dragToScroll","useCardViewReorder","reorderAcc","HiddenAccessible","handleLoadMore","getViewportConfig","collectionComponent","LoadMoreCollection","loadMoreIndicator","loadMoreThreshold","isLastCard","initialLoadSkeletons","allowBrowserContextMenu","getClientHints","platform","classArray","baseStyle","userSelect","mergeProps","preventScroll","metaKey","ctrlKey","shiftKey","includes","tabIndex","ReorderableContext","BaseCardView","gapWidth","rootWidth","Math","floor","max"],"mappings":"mrCAKO,MAAMA,EAAyB,sBAEzBC,EAAY,CAAEC,KAAK,EAAOC,KAAM,IAAIC,KAMpCC,EAAyC,CACpDC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,ICMA,SAAUC,GAAuDC,SACrEA,EAAQC,QACRA,EAAOC,UACPA,EAASC,aACTA,EAAYC,QACZA,EAAOC,WACPA,EAAUC,UACVA,EAASC,QACTA,EAAOC,WACPA,EAAUC,QACVA,IAEA,MAAMC,EAAUC,SAA8B,MACxCC,EAA0B,IAAZH,EACdI,EAAgBX,EAAYO,GAAY,EACxCK,EAAeZ,EAAYO,GAAYA,EAAU,EACjDM,EAAiBC,EAAAA,mBAAmB,CACxCC,iBAAkBT,IAEdU,EAAyBF,EAAAA,mBAAmB,CAChDG,yBAA0BX,IAEtBY,EAAa,CACjBH,iBAAkBL,EAAcM,EAAyBH,EACzDM,gBAAiBT,EAAcU,EAAAA,OAAOC,wBAA0BD,EAAMA,OAACD,gBACvEG,YAAaF,EAAMA,OAACE,aAEhBC,EAAUC,EAAWA,aACzB,IAAMhB,GAASiB,SAASC,QAAQxC,IAChC,IAEIyC,EAAkBH,eACrBI,IACCA,EAAMC,cAAcC,QAAQ,0BAA2BC,KAAKC,UAAUjC,GAAS,GAEjF,CAACA,KAEGkC,UAAEA,EAASC,UAAEA,EAASC,uBAAEA,EAAsBC,sBAAEA,GACpDC,EAAAA,mBAAmB,CACjBC,YAAYlC,EACZF,UACAC,aACAC,YACAC,UACAkC,IAAK/B,EACLe,UACAI,kBACAT,aACAsB,aAActD,EACduD,WAAY/B,KAIVgC,eAAEA,GAAmBC,EAAAA,wBAC3BC,EAAAA,WAAU,KACJ3C,IACFyC,EAAejB,QAAU1B,EAC1B,GACA,CAACE,EAAcF,EAAS2C,IAE3B,MAAMG,UAAEA,GAAcC,EAAAA,UAChBC,EAAsB,QAAdF,EAERG,EAAyBC,EAAAA,WAAW,CACxCd,GAAwBe,OACvBxC,IAAgBqC,GAASpC,GAAiBS,EAAMA,OAAC+B,sBACjDzC,GAAeqC,GAASnC,GAAgBQ,EAAMA,OAAC+B,uBAG5CC,EAAwBH,EAAAA,WAAW,CACvCb,GAAuBc,OACtBxC,IAAgBqC,GAASnC,GAAgBQ,EAAMA,OAACiC,qBAChD3C,GAAeqC,GAASpC,GAAiBS,EAAMA,OAACiC,sBAGnD,OACEC,EAAAA,KAAA,MAAA,IAASrB,EAASnC,SAAA,CACfA,GACCoC,GAAaqB,EAAYA,aAACrD,IAC1BoD,EAAAA,KACEE,EAAAA,SAAA,CAAA1D,SAAA,CAAA2D,EAAAC,IAAA,MAAA,IAASvB,EAAwBe,MAAOF,IACxCS,gBAASrB,EAAuBc,MAAOE,SAKjD,CC6HA,MAAMO,EACJC,IAEO,CACLC,gBAAiB,CACfC,QAAS,CACPC,KAAM,CACJC,WAAY,QAEdC,GAAI,CACFD,WAAY,OAEdE,QAAS,CACPC,SAAU,IACVC,MAAe,GAARR,EACPS,OAAQ,CAAC,EAAG,EAAG,GAAK,KAGxBC,UAAW,CACTP,KAAM,CACJC,WAAY,SAEdC,GAAI,CACFD,WAAY,KAEdE,QAAS,CACPC,SAAU,IACVC,MAAe,GAARR,EACPS,OAAQ,CAAC,EAAG,EAAG,GAAK,MAI1BE,mBAAmB,IAIjBC,EAAyB,CAC7BZ,EACAa,EACAC,KAEO,CACLb,gBAAiB,CACfc,QAAS,CACPZ,KAAM,CACJY,QAAS,GAEXV,GAAI,CACFU,QAAS,GAEXT,QAAS,CACPC,SAAU,IACVC,MAAe,GAARR,EACPS,OAAQ,YAIdE,mBAAmB,EACnBK,eAAgB,KACdF,MACID,EAAWhD,SACboD,aAAaJ,EAAWhD,QACzB,IAqBMqD,EAA0BC,EAAAA,MA5PvC,UAAwDjF,SACtDA,EAAQC,QACRA,EAAOiF,SACPA,EAAQhF,UACRA,EAASiF,WACTA,EAAUhF,aACVA,EAAYiF,UACZA,EAASC,mBACTA,EAAkBC,aAClBA,EAAYC,cACZA,EAAaC,kBACbA,EAAiBC,cACjBA,EAAaC,wBACbA,EAAuBC,iBACvBA,EAAgBC,aAChBA,EAAYC,eACZA,EAAcC,iBACdA,EAAgBC,qBAChBA,EAAoBnB,mBACpBA,IAEA,MAAMrE,EAAUI,SAAuB,MACjCgE,EAAahE,EAAAA,SAEbqF,EAAgBZ,GAAaC,EAC7BtE,EAAiBC,EAAAA,mBAAmB,CACxCiF,YAA+B,SAAlBR,GAA4BO,EAAgB,gBAAkB,mBAC3EE,mBAAoBP,EAAmB,gBAAkB,mBACzDQ,iBAAkBP,EAAe,iBAAmB,sBAEhDQ,EAAUjD,EAAAA,WAAW,CAAC7B,EAAMA,OAAC+E,UAAWtF,IAqBxCuF,EAAe5E,eAClB6E,IACCV,IAAiBU,EAAMC,YAAYC,MAAOF,EAAMC,YAAYE,OAAO,GAErE,CAACb,IAGGc,EAAUhG,SAAuB,MACvCiG,EAAAA,kBAAkBf,EAAiBtF,EAAUoG,EAASL,GAItDO,EAAAA,iBAAgB,KACd,GAAsB,YAAlBpB,GAA+BO,EAAe,CAGhD,MAAMc,EAAUvG,EAAQoB,SAASoF,mBAAmBA,kBAC9CC,EAAYC,EAAmBA,oBAACH,GAAS,GAAM,GAC5B,IAArBE,EAAUE,QAAgBF,EAAUE,OAAS,GAC/CC,EAAAA,KACE,GAAGH,EAAUE,4OAEfxB,KAA0B,IAE1BsB,EAAU,GAAGI,OAEhB,IACA,CAAC3B,EAAeO,EAAeN,IAKlC,MAAQ2B,QAASC,EAAcC,WAAYC,GAAoBC,eAG7D9B,GAAoB,OAAQ9B,EAAqB3D,KAG3CmH,QAASK,EAAgBH,WAAYI,GAAsBF,EAAAA,aAIhE9B,EAAoB,UAAc,OACnCjB,EAAuBxE,EAAWyE,EAAYC,IAG5Ce,GACFI,MAIFjD,EAAAA,WAAU,UACiB8E,IAArBjC,IACFhB,EAAWhD,QAAUkG,YAAW,KAC9BL,EAAgBM,SAChBH,EAAkBG,SACdvH,EAAQoB,UACVpB,EAAQoB,QAAQoG,MAAMlD,QAAU,KAElCD,KAAsB,GACrB,KACJ,GACA,CAAC+C,EAAmBH,EAAiB7B,EAAkBf,IAO1D,MAAMoD,EAAWC,EAAAA,SAAQ,SAIEL,IAArBjC,EACKuC,EAAAA,UAAU3H,GAEZ2H,YAAU3H,EAAS+G,EAAcI,IACvC,CAACnH,EAAS+G,EAAcI,EAAgB/B,IAErCwC,EAAkBC,EAAAA,eACtB,CAAEC,KAAM,CAAEA,KAAMnD,EAAUoD,SAAU,CAAEC,IAAKtI,IAAa6D,MAAO5D,GAC/DoF,EACkB,aAAlBC,EACAC,GAGIgD,EAAoB1C,EACxBnC,MAAC5D,EAA2B,IACtB+F,EACJ7F,QAASA,EACTC,UAAWA,EACXC,aAAcA,EAAYH,SACzBA,EAASmI,KAGZnI,EAASmI,GAGX,OACExE,MACE,MAAA,CAAA8E,GAAIC,EAAAA,QACJjG,IAAKuF,EACL5E,MAAOgD,EACPuC,KAAK,WACa,oBAAA,GACL,cAAA1I,EACb2I,UAzHmB9G,IAED,SAAlB2D,IACAN,GACe,cAAdrD,EAAMyG,KACS,YAAdzG,EAAMyG,KACQ,cAAdzG,EAAMyG,KACQ,eAAdzG,EAAMyG,KAERzG,EAAM+G,iBACP,EAgHgB,gBAAkB,SAAlBtD,OAA2BqC,EAAYkB,EAAAA,YAAYxD,EAAcrF,MACxD,iBAAZA,GAAwB,CAAE,mBAAoB,UAC1DD,SAAA2D,EAAAC,IAACmF,EAAmBA,oBAACC,UAASC,MAAO,CAAE9D,cACrCnF,SAAA2D,EAAAA,IAACuF,EAASA,UAAC,CAAA1G,YAAa2C,EAAYgE,iBAAiB,EAClDnJ,SAAAwI,OAKX,IAuFE,CAACY,EAAuCC,KACtC,SAAID,IAAQC,KAERD,EAAKpJ,WAAaqJ,EAAKrJ,UACvBoJ,EAAKnJ,UAAYoJ,EAAKpJ,SACtBmJ,EAAKlE,WAAamE,EAAKnE,UACvBkE,EAAKlJ,YAAcmJ,EAAKnJ,WACxBkJ,EAAKjE,aAAekE,EAAKlE,YACzBiE,EAAKjJ,eAAiBkJ,EAAKlJ,cAC3BiJ,EAAKhE,YAAciE,EAAKjE,WACxBgE,EAAK/D,qBAAuBgE,EAAKhE,oBACjC+D,EAAKzD,mBAAqB0D,EAAK1D,kBAC/ByD,EAAK3D,gBAAkB4D,EAAK5D,eAC5B6D,EAAAA,UAAUF,EAAK9D,aAAc+D,EAAK/D,eAClC8D,EAAK7D,gBAAkB8D,EAAK9D,eAC5B6D,EAAK5D,oBAAsB6D,EAAK7D,mBAChC4D,EAAK1D,0BAA4B2D,EAAK3D,yBACtC0D,EAAKxD,eAAiByD,EAAKzD,cAC3BwD,EAAKvD,iBAAmBwD,EAAKxD,gBAC7BuD,EAAKrD,uBAAyBsD,EAAKtD,sBACnCqD,EAAKxE,qBAAuByE,EAAKzE,qBAlCvC2E,EAmC+BH,EAAKtD,iBAlCpC0D,EAkCsDH,EAAKvD,iBA/BzDyD,GAAkB,UAAMC,GAAkB,SAC1CD,GAAqB,aAAMC,GAAqB,YAChDD,GAAkB,UAAMC,GAAkB,SAC1CD,GAAqB,aAAMC,GAAqB,YAChDD,GAAkB,UAAMC,GAAkB,UATb,IAC/BD,EACAC,CAqCc,IC3UV,SAAUC,GAAmBzJ,SAAEA,EAAQ0J,OAAEA,EAAMlJ,WAAEA,EAAUC,QAAEA,IACjE,MAAMkJ,EAAMC,EAAAA,aAAapJ,WAAWA,GACpC,MAAe,SAAXkJ,EACKjJ,EAAU,EAAI,KACnBkD,EAACC,IAAAiG,EAAIA,KAAC,CAAAC,oBAAqB,UAAUrJ,UAAiBkJ,IAAKA,EACxD3J,SAAAA,IAKH2D,EAAAC,IAACmG,OAAI,CAACC,KAAK,OAAOL,IAAKA,EAAG3J,SACvBA,GAIT,CCFgB,SAAAiK,GAA8BjK,SAAEA,IAC9C,MAAOkK,EAAWC,GAAgBC,EAAQA,UAAC,GAQ3C,OANAtH,EAAAA,WAAU,KACR+E,YAAW,KACTsC,GAAa,EAAK,GAVL,GAWD,GACb,IAEID,EAAYvG,EAAAC,IAACyG,WAAU,CAAArK,SAAAA,IAAuB2D,EAAAA,IAAA,MAAA,CAAKP,MAAOkH,EAAAA,sBACnE,CC7BA,MAgBMC,EAAsB,CAC1Bb,EACAc,EAlB8B,GAmB9B/D,EACAC,EACA+D,GAAW,KAEX,MAAMC,EAAKjE,IAAqB,SAAXiD,EAtBQ,MAsBqC,QAC5DiB,EAAKjE,GAtBmB,MAwB9B,MAAO,IAAIkE,MAAMJ,IAAQK,KAAI,CAACC,EAAIC,IAGhCpH,MAACqH,EAAAA,SAAQ,CAEPvE,MAAOiE,EACPhE,OAAQiE,EACRM,aAAa,OAHRR,GAAY,GAAGM,KAAI,IAAIG,MAAOC,cAKrC,EAMSC,EAAwBC,GACnC1H,MAACsG,EAA6B,CAAAjK,SAAEuK,EAAoBc,EAAM3B,UAO/C4B,EAA4BD,IACvC,MAIME,EAAY,CAHhB5H,aAAKP,MAAOkH,EAAoBA,qBAAGtK,SAAAuK,EAAoBc,EAAM3B,OAAQ,QAEhDa,EAAoBc,EAAM3B,OAAQ8B,KAEzD,OAAO7H,EAACC,IAAAqG,EAA+B,CAAAjK,SAAAuL,GAA0C,EAO7EE,EAAqB,IAClB9H,EAAKC,IAAA,MAAA,CAAAR,MAAOkH,EAAAA,uBAGRoB,EAAqBL,IAChC,GAAIA,EAAMM,SAAW,GAAwB,MAAnBN,EAAMO,WAAyC,MAApBP,EAAMQ,WAEzD,OAAOlI,EAAAC,IAAC6H,EAAkB,CAAA,GACrB,CAEL,MAAMF,EAAY,GAEZO,EAAmBT,EAAMM,SAAYN,EAAMU,WAAaV,EAAMM,SAC9DK,EAAeF,IAAqBT,EAAMM,SAE1CC,EAAY,QAAQP,EAAMO,eAC1BC,EAAaR,EAAMQ,WACpB,QAAQR,EAAMQ,gBA7ES,MAgFtBpF,EAA+B,SAAjB4E,EAAM3B,OAAoBkC,EAAY,OACpDlF,EAAgC,SAAjB2E,EAAM3B,QAAqBsC,EAAeH,EAAa,OAGtEI,EACJtI,EAAAA,IAAA,MAAA,CAAKP,MAAOkH,EAAoBA,qBAAGtK,SAAAuK,EAAoBc,EAAM3B,OAAQ,EAAGjD,EAAOC,KAUjF,OARA6E,EAAUW,KAAKD,GACfV,EAAUW,KAAK3B,EAAoBc,EAAM3B,OAAQoC,EAAmB,EAAGrF,EAAOC,IAGzEsF,GACHT,EAAUW,KAAK3B,EAAoBc,EAAM3B,OAAQ2B,EAAMM,SAAUlF,EAAOoF,IAGnElI,EAACC,IAAAqG,EAA+B,CAAAjK,SAAAuL,GACxC,GAGUY,EAA2Bd,GAKpC1H,MAACsG,EACE,CAAAjK,SAAAoM,GAHoC,CAAEC,cAAe,WAGpB,GAAIhB,EAAMiB,oBAKrCC,GACXlB,IAKA,MAAME,EAAY,GAClB,GAAIF,EAAMmB,kBAAmB,CAC3B,MAAMC,EAAmC,CAAEJ,cAAe,WAC1Dd,EAAUW,KAAKvI,EAAAA,IAAK,MAAA,CAAAP,MAAOkH,EAAAA,qBAAoBtK,SAAGqL,EAAMiB,iBAAiBG,MACzElB,EAAUW,KAAKE,GAAwBK,EAAS,GAAIpB,EAAMiB,kBAC3D,KAAM,CACL,GAAuB,IAAnBjB,EAAMM,SACR,OAAO,KAET,MAAMC,EAAY,QAAQP,EAAMO,eAC1BC,EAAa,QAAQR,EAAMQ,gBAC3BC,EAAmBT,EAAMM,SAAYN,EAAMU,WAAaV,EAAMM,SAC9DK,EAAeF,IAAqBT,EAAMM,SAC1Cc,EAAmC,CACvCJ,cAAe,WACf3F,OAAyB,SAAjB2E,EAAM3B,QAAqBsC,EAAeH,EAAa,OAC/DpF,MAAwB,SAAjB4E,EAAM3B,OAAoBkC,EAAY,QAE/CL,EAAUW,KAAKvI,EAAAA,IAAK,MAAA,CAAAP,MAAOkH,EAAAA,qBAAoBtK,SAAGqL,EAAMiB,iBAAiBG,MACzElB,EAAUW,KACRtB,MAAMwB,GAAwBK,EAASX,EAAmB,EAAGT,EAAMiB,oBAEhEN,GACHT,EAAUW,KAAKE,GAAwBK,EAASpB,EAAMM,SAAUN,EAAMiB,kBAEzE,CACD,OAAO3I,EAACC,IAAAqG,EAA+B,CAAAjK,SAAAuL,GAA0C,EAG7Ea,GAA0B,CAC9BK,EACAjC,EACA8B,IAEO1B,MAAMJ,GAAOkC,KAAKJ,EAAiBG,IC3FtCE,GAAmBC,EAAUA,YACjC,EAEI5M,WACAqI,OACAwE,aAAa,OACbC,WAAU,EACVC,YACAC,sBACAC,uBACA1H,gBAAgB,OAChBD,eAAejG,EACfmG,oBACAlF,YACA4M,iBACAzH,gBAAgB,OAChB,aAAc0H,EACd,kBAAmBC,EACnB,mBAAoBC,EACpB1H,mBAAmB,UACnBnF,aAAa,KACbC,UACAiJ,SACA4D,WACAzH,iBACAyG,oBAEF7J,KAEA,MAAMlC,EAAUI,SAAuB,MACvC4M,EAAmBA,oBAAC9K,GAAM,IAAMlC,EAAQoB,SAAU,CAACpB,IAGnD,MAAMiN,EAAY7M,EAAAA,SAEZ8M,EAAehO,EAAee,GAC9BkN,EAAc,CAAEhE,SAAQjJ,UAASD,eAG/BmN,YAAa5H,EAAsB6H,UAAWhJ,GAAuBiJ,EAAAA,gBAC3E,8BAEIC,GAAqBnN,UAAO,GAClCmC,EAAAA,WAAU,KACe8E,MAAnB0F,EAAS5G,QAAyCkB,MAAlB0F,EAAS7G,QAC3CqH,GAAmBnM,SAAU,EAC9B,GACA,CAAC2L,IAEJ,MAAMS,GAAwC,SAAlBxI,OAA2BqC,EAA8B,aAAlBrC,EAE7DyI,GAAe3F,EAAOA,EAAKnB,QAAU,GAEpC+G,GAAsBvI,IAA2B0E,EAAQA,UAAC,GAC3D8D,GAAqBD,GAAuBxI,EAAgB,OAI5D0I,GAAyBxN,UAAO,GAChCyN,GAAgCxG,MAAbtH,EAEnB+N,GAAa1N,UAAO,GAMpB2N,GAAsB,CAC1BC,QAAUhG,GAAYiG,EAAqBA,sBAACnG,EAAM0E,EAAWxE,GAAM9H,GACnEgO,UAAYlG,GAAYiG,EAAqBA,sBAACnG,EAAM0E,EAAWxE,EAAK9H,GACpEiO,UAAYnG,GAAYiG,EAAqBA,sBAACnG,EAAM0E,EAAWxE,GAAM,GACrEoG,WAAapG,GAAYiG,EAAqBA,sBAACnG,EAAM0E,EAAWxE,EAAK,KAGjEqG,gBACJA,GAAeC,WACfA,GAAUC,wBACVA,GAAuBC,cACvBA,GAAaC,qBACbA,IACEC,gBACF5G,EACA9H,EACA2O,GACA9P,EACAkP,GACAtB,EACAC,EACAC,OACAtF,EACkB,aAAlBrC,EACuB,SAAvB2I,GACuB,SAAvBA,IACA,GAOIiB,GAAwBzN,eAC3B0N,IACK5J,KACuB,IAArB4J,EAAOnG,MAAM3J,KAAiB8P,EAAOnG,MAAM1J,KAAK8P,KAAO,IAEzD7B,EAAU7L,QAAUiJ,MAAM3G,KAAKmL,EAAOnG,MAAM1J,KAAK+P,UAAUC,OAE7D/J,EAAkB4J,GACnB,GAEH,CAAC5B,EAAWhI,IAGRgK,GAA6B9N,eAChC0N,IACC,GAAI/G,GAAQ7C,EAAmB,CAC7B,MAAMyD,EAAQwG,EAAoBA,qBAACL,EAAQ/G,EAAM0E,GAE7CnC,MAAM8E,QAAQzG,KACS,eAArBmG,EAAOO,UAETnC,EAAU7L,QAAUyN,EAAOnG,MAAM2G,MAGjCpC,EAAU7L,QAAUyN,EAAOnG,MAAM4G,IAEnCrK,EAAkB,CAAEyD,MAAO,CAAE3J,KAAK,EAAOC,KAAM,IAAIC,IAAIyJ,IAAU6G,OAAQ,OAE5E,IAEH,CAACzH,EAAM7C,EAAmBuH,KAGtBgD,eAAEA,IAAmBC,EAAYA,cACpCC,GACKA,IAAY1P,EAAQoB,aACAiG,IAAfiH,GAA2B,KAAOA,GAEpCqB,EAAYA,aAACD,EAAS7Q,IAE/BkG,EACAC,GACA,EACA,SACA4J,GACA3B,EAAU7L,QACVkN,IACA,CAACA,EAA2BsB,IAC1B3B,EAAqBA,sBAACnG,EAAM0E,EAAW8B,EAAYsB,GAAU1P,EAAUA,KACzE,CAACoO,EAA2BsB,IAC1B3B,EAAAA,sBAAsBnG,EAAM0E,EAAW8B,EAAYsB,GAAU,EAAI,KAClE5H,IACC,GAAIhI,EAAQoB,QAAS,CACnB,MAAMyO,EAAOC,EAAAA,iBAAiB9P,EAAQoB,QAAS4G,EAAKnJ,GAChDgR,GACFA,EAAKE,eAAe,CAAEC,MAAO,WAEhC,IAEHf,KAOIgB,aACJA,GAAY1K,iBACZA,GAAgB2K,eAChBA,GAAcC,sBACdA,GAAqBC,oBACrBA,ICjO4B,GAChCrQ,YACAE,aACAC,UACAF,UACA4N,6BAEA,MAAMC,EAAgCxG,MAAbtH,GAElBF,EAASC,GAAc+J,EAAQA,cAAgBxC,IAChD4I,aAAEA,EAAYC,eAAEA,EAAcC,sBAAEA,EAAqBC,oBAAEA,GAC3DC,EAAAA,eAAe,CACbtQ,YACAC,UACAmC,aAActD,EACdoD,YAAa4L,EACb3N,YAGJ,OAAK2N,EA2BE,CACLoC,aAZwB,IAAKA,EAAcK,WAPrB/O,IACtBgP,EAAYA,aAAChP,OAAmB8F,IAAZxH,EAAuBG,EAAQoB,SAGnDwM,EAAuBxM,SAAU,CAAK,GAgBtCmE,iBAXuB,CACvB1F,UACAC,aACAC,YACAC,UACAC,aACAC,WAMAgQ,iBACAC,wBACAC,uBA/BO,CACLH,eACAC,iBACAC,wBACAC,sBA4BM,ED8KJI,CAAmB,CACrBzQ,YACAE,aACAC,UACAF,UACA4N,4BAGI6C,GAAa5C,IACjBzK,MAAAD,EAAAA,SAAA,CAAA1D,SACE2D,EAAAA,YAAM8E,GAAIiI,GACR1Q,SAAA2D,EAAAA,IAACsN,EAAAA,iBAAkB,CAAAjR,SAAA2Q,SAuBzB7N,EAAAA,WAAU,KACR,GAAIsL,IAAkC,MAAdS,IAAsBtO,EAAQoB,QAAS,CAC7D,MAAMyO,EAAOC,EAAAA,iBAAiB9P,EAAQoB,QAASkN,GAAYzP,GAGvDgR,GAAQjC,GAAuBxM,UAAYmN,KAC7CsB,EAAKE,eAAe,CAAEC,MAAO,YAC7BpC,GAAuBxM,SAAU,EAEpC,IAGA,CAACkN,GAAYxG,EAAM+F,GAAkBU,KAMxC,MAAMoC,GAAiBxP,EAAAA,aAAY,KAE5B2M,GAAW1M,UACd0M,GAAW1M,SAAU,EACrBkL,IACD,GACA,CAACwB,GAAYxB,IAEhB/J,EAAAA,WAAU,KACRuL,GAAW1M,SAAU,CAAK,GAEzB,CAAC0G,EAAMyE,IAMV,MAiCMvB,GAAYlD,GACfA,EAAKnB,QAAU4F,EACdR,EACE3I,EAAAC,IAAC2I,GAAuB,CACtB7C,OAAQA,EACRiC,SAAUlL,EACVsL,WAAY1D,EAAKnB,OACjB0E,UAAW0B,EAAS7G,MACpBoF,WAAYyB,EAAS5G,OACrB8F,mBAAmB,EACnBF,iBAAkBA,IAGpB3I,EAAAC,IAAC0H,EAAyB,CAAA5B,OAAQA,IAElC4C,EACF3I,MAAC4I,GAAuB,CACtB7C,OAAQA,EACRiC,SAAUlL,EACVsL,WAAY1D,EAAKnB,OACjB0E,UAAW0B,EAAS7G,MACpBoF,WAAYyB,EAAS5G,OACrB8F,mBAAmB,EACnBF,iBAAkBA,IAGpB3I,EAAAA,IAAC+H,EAAiB,CAChBhC,OAAQA,EACRiC,SAAUlL,EACVsL,WAAY1D,EAAKnB,OACjB0E,UAAW0B,EAAS7G,MACpBoF,WAAYyB,EAAS5G,SAGvB,KAEJwG,EAAiBiE,EAAiBA,kBAAC5Q,EAAS2M,GAC5C,MAAMkE,GACJzN,EAAAA,IAAA,MAAA,CAAKgF,KAAK,eACRhF,EAAAA,IAAC8F,MAAuBiE,EAAW1N,SACjC2D,EAAAA,IAAC0N,EAAAA,mBAAkB,CACjBhJ,KAAMA,EACNyE,QAASA,EACTD,WAAYqE,GACZI,kBAAmB/F,GACnBgG,kBAAmB9D,EAAe,EAClCP,eAAgBA,EAAclN,SA/EXyM,IACzB,MAAMxM,EAAU8M,EAAUN,EAAQpE,MAC5BlD,EAAa6J,GAAqB/O,GAClCmF,EAAYyJ,KAAe5O,IAAYkF,EACvCE,EAAqBD,GAAa2J,GAClCyC,IAAanJ,GAAOoE,EAAQ3I,QAAUuE,EAAKnB,OAAS,EAC1D,OACEvD,EAAAA,IAACqB,EAAuB,CAEtB/E,QAASA,EACTE,aAAc0O,KAAe5O,EAC7BiF,SAAUuH,EAAQpE,KAClBnI,UAAWuM,EAAQ3I,MACnBqB,WAAYA,EACZC,UAAWA,EACXC,mBAAoBA,EACpBO,aAAyB,SAAX8D,EACdpE,aAAcA,EACdC,cAAeA,EACfC,kBAAmBA,EACnBC,cAAeyI,MACQ,IAAlBzB,EAAQ3I,OAAegK,GAAmBnM,SAAW,CAAEoE,2BACvDyL,GAAc1D,GAAmBnM,SAAW,CAAEiD,yBAC5B,YAAlBa,GAA+B,CAAEC,+BACjCoI,GAAmBnM,SAAW,CAAEgE,uBACd,IAAlB8G,EAAQ3I,QAAgBwJ,EAAS7G,OAAS,CAAEZ,qBAC5CuI,IAAoB,CAAEtI,qBAAmB9F,SAC7CA,GAnBIC,EAqBP,QAyDEwR,GACJ9N,MAAC8F,EAAuB,IAAAiE,EACrB1N,SAAAsM,EACC3I,EAAAC,IAACuI,EAAwB,CAAAG,iBAAkBA,IAE3C3I,EAACC,IAAAwH,EAAqB,CAAA1B,OAAQA,MAI9BgI,KAC0B,QAA9BC,EAAcA,iBAAGC,UAAoD,YAA9BD,mBAAiBC,UAGpDC,GAAa,CAACvQ,SAAOwQ,WACtBJ,IACHG,GAAW3F,KAAK5K,SAAOyQ,YAEzB,MAAM3L,GAAUjD,aAAW0O,IAE3B,OACErO,EAAAA,eACMwO,EAAUA,WAACpD,GAAiBmB,GAAgBS,GAAc,CAC5D5H,UAjKiB9G,IAGM,YAAvBoM,IAAkD,QAAdpM,EAAMyG,KAC5ChI,EAAQoB,SAASyF,MAAM,CAAE6K,eAAe,IAKxC7D,KACCtM,EAAMoQ,SAAWpQ,EAAMqQ,UACxBrQ,EAAMsQ,UAJY,CAAC,YAAa,aAAc,UAAW,aAK7CC,SAASvQ,EAAMyG,OAE3B4F,GAAuBxM,SAAU,EAClC,IAoJCc,IAAKlC,EACLoI,KAAK,OACLvF,MAAOgD,GACPkM,SAAU,EAAC,aACCnF,EACK,kBAAAC,EAEf,mBAAAgB,GAAmBsC,GAAwB,IAAMrD,EAAkBA,EAE/C,uBAAAU,mBAtTL,EAuTU,gBACZC,GACfhO,SAAA,CAAA2D,EAAAC,IAAC2O,qBAAmBvJ,SAAS,CAAAC,MAAOwH,GAAczQ,SAC9CqI,EAEEA,EAAKnB,QAAU4F,KAGjBnJ,MAAC0G,EAAAA,aAJD,KAOH2G,KAEH,IAIA9B,GAAekB,GAAkBA,EAAK3H,GAa/B+J,GAAe7F,mCNhbD,CAAC8F,EAAkB7G,EAAoB8G,KAChE,IAAK9G,IAAc8G,EAAW,OAAO,EAGrC,MAAM/G,EAAWgH,KAAKC,OAAOF,EAAYD,IAAaA,EAAW7G,IACjE,OAAO+G,KAAKE,IAAI,EAAGlH,EAAS"}

package/amd/BaseDiagram-b9695479.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './TrackResizeContainer-d8fa612c', './PRIVATE_BaseDiagram/themes/DiagramStyles.css', './useResizeObserver-25032462', 'preact/hooks', './accUtils-7e057eef', './keys-4755c121', './classNames-08d99695', './useTranslationBundle-e4dd341e', './useUser-08901aba', './EmbeddedIconButton-d1472ac1', './Plus-c06d98a3', './Minus-46a72fc9', './layoutUtils-517a546d', './useVisHover-28319fef', './mergeProps-bcfa6a92', './useDatatip-40f28485', './useTextDimensions-f254e8f5', './clientUtils-df9caee0', './useVisDragModeControls-c1d2abc6', './useSelection-a8ec14e8', './useVisTouchResponse-88a7bb09', './stringUtils-4ffd9d59', './useContextMenu-49bd8ffb', './Menu-0c8295f2', './MenuItem-f3de5e35', 'preact', './logger-0f873e29', './LayerHost-0b288129', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css'], (function(e,t,n,o,i,r,s,d,a,l,c,u,h,p,g,f,m,y,x,k,b,w,M,v,P,S,L,I,N,R,z,C,D,X,j,Y,T,B,E,O,Z,A,V){"use strict";function F(e,t,n,o,i,r,s,d,a,l){const c=new Map,u=Array.from(e.values()),h=Array.from(t.values());l&&function(e,t,n,o){e.forEach((e=>{if(e.nodes&&q(e.nodes,n,o),e.label){const t=e.label,i=re(e.labelStyle);n.set(e.id,o(t,i))}})),t.forEach((e=>{if(e.label){const t=e.label,i=re(e.labelStyle);n.set(e.id,o(t,i))}}))}(u,h,c,l);const p=Array.from(t.keys());for(const e of p){const n=t.get(e);if(n&&l&&n.label){const t=n.label,o=re(n.labelStyle);c.set(e,l(t,o))}}return{layoutJSON:{getNodeDimensions:function(e){return o.get(e.id)},getLabelDimensions:function(e){return c.get(e.id)},getContainerId:function(e,t){return ae(e,t,d)},getRelativeNodeBounds:function(e,t){const n=U(e,t,a);return n?{x:n.x/s,y:n.y/s,width:n.width/s,height:n.height/s}:void 0},getPromotedLinks:function(){return n},componentSize:{width:i,height:r}},labelDims:c}}function $(e,t){return{x:e.x/t,y:e.y/t,width:e.width/t,height:e.height/t}}function _(e,t,n,o,i,r){if(i&&i.current){let s,d;if(r){const t=`${e.startNode}_${e.endNode}`;s=i.current.querySelector(`[data-oj-private-promoted-link=${t}]`)}else s=i.current.querySelector(`[data-oj-private-link=${e}]`);t&&(d=i.current.querySelector(`[data-oj-private-node=${t}]`));const a=n.get(e);if(s&&d&&a){const e=$(s.getBoundingClientRect(),o),t=$(d.getBoundingClientRect(),o);return{x:e.x-t.x,y:e.y-t.y,width:a.width,height:a.height}}}return null}function K(e,t,n,o,i,r,s,d){let a,l,c,u=1/0,h=1/0,p=-1/0,g=-1/0;for(let t=0;t<e.length;t++){a=e[t].id;const n=o.get(a);n&&(u>n.x&&(u=n.x,c=a),h>n.y&&(h=n.y,l=a),p<n.x+n.width&&(p=n.x+n.width),g<n.y+n.height&&(g=n.y+n.height))}const f=u,m=h;let y=0,x=0,k=p-u,b=g-h;for(let e=0;e<t.length;e++){a=t[e].id;const n=_(a,l,i,s,d),o=_(a,c,i,s,d);o&&(o.x<y&&(y=o.x),k<o.x+o.width&&(k=o.x+o.width)),n&&(n.y<x&&(x=n.y),b<n.y+n.height&&(b=n.y+n.height))}for(let e=0;e<n.length;e++){a=n[e];const t=_(a,l,r,s,d,!0),o=_(a,c,r,s,d,!0);o&&(o.x<y&&(y=o.x),k<o.x+o.width&&(k=o.x+o.width)),t&&(t.y<x&&(x=t.y),b<t.y+t.height&&(b=t.y+t.height))}return{minX:f,minY:m,contentWidth:p-u,contentHeight:g-h,bounds:{x:y,y:x,width:k-y,height:b-x}}}function U(e,t,n){if(n&&n.current){const o=n.current.querySelector(`[data-oj-private-node=${e}]`);let i;if(i=t?n.current.querySelector(`[data-oj-private-child=${t}]`):n.current.querySelector("[data-oj-private-node-container]"),o&&i){const e=o.getBoundingClientRect(),t=i.getBoundingClientRect();return{x:e.x-t.x,y:e.y-t.y,width:e.width,height:e.height}}}return null}function q(e,t,n){e.forEach((e=>{if(e.nodes&&q(e.nodes,t,n),e.label){const o=e.label,i=re(e.labelStyle);t.set(e.id,n(o,i))}}))}function G(e,t,n){const o=new Map,i=new Map,r=new Map;H(e,t,o,i);const s=e.links;let d;if(s)for(let e=0;e<n.length;e++)d=s[n[e].id],d&&d.label&&r.set(n[e].id,d.label);return{nodePoints:o,nodeLabelPos:i,linkLabelPos:r}}function H(e,t,n,o){const i=e.nodes;let r;if(i)for(let s=0;s<t.length;s++){const d=t[s],a=d.id;d.nodes&&H(e,d.nodes,n,o),r=i[a],r&&(n.set(a,r.position),r.label&&o.set(a,r.label))}}function W(e,t,n,o,i,r,s,a,l,c){for(let u=0;u<e.length;u++){const h=e[u],p=`${c}_${u}`;t.set(h.id,h),n.set(h.id,p),o.set(p,h.id),i.set(h.id,l),a.push(h.id),h.nodes&&(r.push(h),d.containsKey(s,h.id)&&W(h.nodes,t,n,o,i,r,s,a,h.id,p))}}function J(e,t,n){const o=te(t,e,n);if(e.rotationAngle){const n=e.rotationPoint?e.rotationPoint:{x:t.width/2,y:t.height/2},i=e.rotationAngle,r=Q({x:0,y:0},n),s=Q({x:t.width,y:0},n),d=Q({x:0,y:t.height},n),a=Q({x:t.width,y:t.height},n);return function(e){let t=e[0].x,n=e[0].y,o=e[0].x,i=e[0].y;for(let r=1;r<e.length;r++){const s=e[r];s.x<t?t=s.x:s.x>o&&(o=s.x),s.y<n?n=s.y:s.y>i&&(i=s.y)}return{x:t,y:n,width:o-t,height:i-n}}([ee(r,i),ee(d,i),ee(s,i),ee(a,i)].map((e=>({x:e.x+o.x+n.x,y:e.y+o.y+n.y}))))}return{x:o.x,y:o.y,width:t.width,height:t.height}}function Q(e,t){return{x:e.x-t.x,y:e.y-t.y}}function ee(e,t){return{x:e.x*Math.cos(t)-e.y*Math.sin(t),y:e.x*Math.sin(t)+e.y*Math.cos(t)}}function te(e,t,n){const o=t.position,i=t.hAlign?t.hAlign:n?"right":"left",r=t.vAlign;let s,d;return s="center"===i?o.x-e.width/2:"right"===i?o.x-e.width:o.x,d="middle"===r?o.y-e.height/2:"bottom"===r?o.y-e.height:"baseline"===r?o.y+e.y:o.y,{x:s,y:d}}function ne(e,t){return e?.id===t?.id&&e?.type===t?.type}function oe(e,t,n){let o,i,r=e;for(;!i;)if(r.dataset.ojPrivateNode?(o="node",i=r.dataset.ojPrivateNode):r.dataset.ojPrivateLink?(i=r.dataset.ojPrivateLink,o="link"):r.dataset.ojPrivatePromotedLink&&(i=t.get(r.dataset.ojPrivatePromotedLink),o="promotedLink"),!i){if(!r.parentElement||r.parentElement===n?.current)break;r=r.parentElement}return{id:i,type:o}}function ie(e,t,n,o){return s.generateAriaLabel(e,o||"",{isSelected:t?n.isSelected:void 0,isIndirect:n.isIndirect,isExpanded:n.isExpanded,isCollapsed:n.isCollapsed})}function re(e){const t={};return e?(e.fontFamily&&(t.fontFamily=e.fontFamily),e.fontSize&&(t.fontSize=e.fontSize),e.fontStyle&&(t.fontStyle=e.fontStyle),e.fontWeight&&(t.fontWeight=e.fontWeight),t):t}function se(e){return`${e.startNode}_${e.endNode}`}function de(e){return!("id"in e)}function ae(e,t,n){const o=ce(e,n),i=ce(t,n);for(let e=0;e<o.length;e++)if(i.indexOf(o[e])>-1)return o[e]}function le(e,t,n,o){const i=[],r=[];for(let n=0;n<t.length;n++){const s=t[n];ae(s.startNode,s.endNode,o)===e&&(o.get(s.startNode)||o.get(s.endNode)?i.push(s):r.push(s))}const s=[],d=[];for(let t=0;t<n.length;t++){const i=n[t];ae(i.startNode,i.endNode,o)===e&&(o.get(i.startNode)||o.get(i.endNode)?s.push(i):d.push(i))}return{frontLinks:i,frontPromotedLinks:s,backLinks:r,backPromotedLinks:d}}function ce(e,t){const n=[];let o=t.get(e);for(;void 0!==o;)n.push(o),o=t.get(o);return n}function ue(e,t){const n=t.nodes;for(let t=0;t<e.length;t++){const o=e[t];if(!n[o.startNode]||!n[o.endNode])return!1}return!0}function he(e,t){return d.containsKey(t,e)?d.removeKey(t,e,!1):d.addKey(t,e)}function pe(e,t){const n=(e,t)=>{if(t)for(let o=0;o<t.length;o++)if(t[o].id===e||n(e,t[o].nodes))return!0;return!1};for(let o=0;o<t.length;o++){const i=t[o];if(n(e,i.nodes))return i.id}return null}const ge=({text:e,position:n,styles:i,dimensions:r,isRTL:s})=>{const{labelStyle:d,labelBorderStyle:l}=o.labelStyles,c=te(r,n,s),u=function(e){const t=e.rotationAngle,n=e.rotationPoint,o={};t&&(o.transform=`rotate(${t}deg)`);n&&(o["transform-origin"]=`${n.x}px ${n.y}px`);return o}(n);return t.jsx("div",{class:a.classNames([d,i&&i.borderColor&&l]),style:{top:c.y,left:c.x,...i,...u},children:e})};const fe=({id:e,state:n,position:s,activeId:d,nodeRenderer:g,onNodeSizeChanged:f,data:m,accessibleLabel:y,isDimmed:x,supportsSelection:k,content:b,labelPosition:w,labelDimensions:M})=>{const{nodeStyles:v,dimmedItemStyle:P}=o.itemStyles,S=l.useTranslationBundle("@oracle/oraclejet-preact"),L=r.useRef(null),I=r.useRef({box:"border-box"});i.useResizeObserver(L,r.useCallback((t=>{const n=t.borderBoxSize,o=n[0].inlineSize,i=n[0].blockSize;f(o,i,e)}),[e,f]),I.current);const N=s||{x:0,y:0},{direction:R}=c.useUser(),z=m.label&&w&&M,C={state:n,data:m,childContext:b,expander:t.jsx("div",{"data-oj-private-button":e,class:o.buttonStyle,children:t.jsx(u.EmbeddedIconButton,{"aria-hidden":!0,size:"xs",children:b?t.jsx(p.SvgMinus,{}):t.jsx(h.SvgPlus,{})})})};return t.jsxs("div",{ref:L,class:v,"data-oj-private-node":e,role:b?"group":"img","aria-label":ie(S,k,{isSelected:n.isSelected,isExpanded:void 0!==b,isCollapsed:void 0===b&&void 0!==m.nodes},y),style:{top:N.y,left:N.x},id:n.isFocused||n.isHovered?d:void 0,children:[t.jsx("div",{class:a.classNames([x?P:void 0]),children:g(C)}),z?t.jsx("div",{class:o.layerStyles,children:t.jsx(ge,{styles:m.labelStyle,text:m.label,position:w,dimensions:M.get(e),isRTL:"rtl"===R})}):void 0]},e)},me=({id:e,state:n,activeId:s,data:d,linkRenderer:c,accessibleLabel:u,isDimmed:h,supportsSelection:p,layoutOutput:g,onLinkSizeChanged:f})=>{const m=l.useTranslationBundle("@oracle/oraclejet-preact"),{dimmedItemStyle:y,linkStyles:x}=o.itemStyles,k={state:n,data:d,layoutOutput:g,type:"link"},b=r.useRef(null),w=r.useRef({box:"border-box"});return i.useResizeObserver(b,r.useCallback((t=>{const n=t.borderBoxSize,o=n[0].inlineSize,i=n[0].blockSize;f(o,i,e)}),[e,f]),w.current),t.jsx("g",{ref:b,id:n.isFocused?s:void 0,"aria-label":ie(m,p,{isSelected:n.isSelected},u),"data-oj-private-link":e,role:"img",class:a.classNames([x,h&&y]),children:c(k)},e)},ye=(e,t,n,o,i)=>{const r=e>o||e<n?t:e;r!==t&&i&&i({zoomValue:r})};function xe(e,t,n){const o=(e-40)/n.width,i=(t-40)/n.height;return Math.min(o,i)}function ke(e,t,n){let o=Math.max(t,e);return o=Math.min(n,o),o}function be(e,t,n,o,i,r){let s;if("node"===e.type)s=n.get(e.id);else{const o=t.get(e.id),i=n.get(o.startNode),r=n.get(o.endNode),d=Math.min(i.x,r.x),a=Math.min(i.y,r.y);s={x:d,y:a,width:Math.max(i.x+i.width,r.x+i.width)-d,height:Math.max(i.y+i.height,r.y+r.height)-a}}return function(e,t,n,o){const i=(n-40)/e.width,r=(o-40)/e.height,s=Math.min(i,r,t),d=e.width/2+e.x,a=e.height/2+e.y;return{centerX:d,centerY:a,zoom:s}}(s,r,o,i)}function we({labelPosition:e,itemProps:n,labelDimensions:i}){const{direction:r}=c.useUser();return t.jsx("div",{class:o.layerStyles,children:n.map((n=>{if(n.label&&e.get(n.id))return t.jsx(ge,{styles:n.labelStyle,text:n.label,position:e.get(n.id),dimensions:i.get(n.id),isRTL:"rtl"===r})}))})}function Me({links:e,states:n,linkRenderer:i,width:r,height:s,supportsSelection:d,onLinkSizeChanged:a,layoutOutput:l,combinedNodeBounds:c,linkLabelPositions:u,labelDimensions:h,minX:p,minY:g}){const f=xe(r,s,c);return t.jsxs("div",{class:o.linkLayerStyle,style:{top:-g,left:-p},children:[t.jsx("svg",{width:r/f,height:s/f,class:o.layerStyles,overflow:"visible",children:e.map((e=>{const o={isSelected:n.selectedLinkIds.includes(e.id),isFocused:n.focusedId===e.id,isHovered:n.hoveredId===e.id,zoom:n.zoom};return t.jsx(me,{id:e.id,state:o,isDimmed:(0!==n.highlightedNodeIds.length||0!==n.highlightedLinkIds.length||0!==n.highlightedPromotedLinkIds.length)&&!n.highlightedLinkIds.includes(e.id),activeId:n.activeId,accessibleLabel:e.accessibleLabel,data:e,linkRenderer:i,supportsSelection:d,layoutOutput:l,onLinkSizeChanged:a})}))}),h?t.jsx("div",{children:e&&u?t.jsx(we,{labelPosition:u,itemProps:e,labelDimensions:h}):void 0}):void 0]})}const ve=({id:e,state:n,activeId:s,linkRenderer:d,isDimmed:c,supportsSelection:u,layoutOutput:h,onLinkSizeChanged:p})=>{const g=l.useTranslationBundle("@oracle/oraclejet-preact"),{dimmedItemStyle:f,linkStyles:m}=o.itemStyles,y={state:n,data:e.links,layoutOutput:h,startNode:e.startNode,endNode:e.endNode,type:"promotedLink"},x=r.useRef(null),k=r.useRef({box:"border-box"}),b=se(e);i.useResizeObserver(x,r.useCallback((e=>{const t=e.borderBoxSize,n=t[0].inlineSize,o=t[0].blockSize;p(n,o,b)}),[b,p]),k.current);const w=e.links.length,M=w>1?g.diagram_promotedLinks({num_links:w.toString()}):g.diagram_promotedLink();return t.jsx("g",{ref:x,id:n.isFocused?s:void 0,"aria-label":ie(g,u,{isSelected:n.isSelected,isIndirect:!0},M),"data-oj-private-promoted-link":b,role:"img",class:a.classNames([m,c&&f]),children:d(y)},b)};function Pe({links:e,states:n,linkRenderer:i,width:r,height:s,supportsSelection:d,onLinkSizeChanged:a,layoutOutput:l,combinedNodeBounds:c,minX:u,minY:h}){const p=xe(r,s,c);return t.jsx("div",{class:o.linkLayerStyle,style:{top:-h,left:-u},children:t.jsx("svg",{width:r/p,height:s/p,class:o.layerStyles,overflow:"visible",children:e.map((e=>{const o={isSelected:n.selectedPromotedLinkIds.includes(e),isFocused:n.focusedId===e,isHovered:n.hoveredId===e,zoom:n.zoom};return t.jsx(ve,{id:e,state:o,isDimmed:(0!==n.highlightedNodeIds.length||0!==n.highlightedLinkIds.length||0!==n.highlightedPromotedLinkIds.length)&&!n.highlightedPromotedLinkIds.includes(e),activeId:n.activeId,linkRenderer:i,supportsSelection:d,layoutOutput:l,onLinkSizeChanged:a})}))})})}function Se({nodes:e,states:n,nodeRenderer:i,linkRenderer:r,nodeBounds:s,width:a,height:l,onNodeSizeChanged:c,onLinkSizeChanged:u,onPromotedLinkSizeChanged:h,supportsSelection:p,nodeLabelPositions:g,linkLabelPositions:f,labelDimensions:m,minX:y=0,minY:x=0,parentId:k,links:b,promotedLinks:w,layoutOutput:M,zoom:v,nodeIdToParentMap:P,linkDimensions:S,promotedLinkDimensions:L,rootRef:I,combinedNodeBounds:N,nodeBoundsRef:R,normalizeLinks:z=!1}){const{frontLinks:C,frontPromotedLinks:D,backLinks:X,backPromotedLinks:j}=le(k,b,w,P);return t.jsxs("div",{class:o.layerStyles,"data-oj-private-node-container":!0,children:[M&&r&&X.length>0&&ue(X,M)&&t.jsx(Me,{links:X,states:n,linkRenderer:r,width:a/v,height:l,supportsSelection:p,labelDimensions:m,layoutOutput:M,onLinkSizeChanged:u,linkLabelPositions:f,combinedNodeBounds:N,minY:z?x:0,minX:z?y:0}),M&&r&&j.length>0&&ue(j,M)&&t.jsx(Pe,{links:j,states:n,linkRenderer:r,width:a/v,height:l,supportsSelection:p,layoutOutput:M,onLinkSizeChanged:h,combinedNodeBounds:N,minY:z?x:0,minX:z?y:0}),e.map((e=>{const o=s&&s.get(e.id)?{x:s.get(e.id).x-y,y:s.get(e.id).y-x}:void 0,k={isSelected:n.selectedNodeIds.includes(e.id),isFocused:n.focusedId===e.id,isHovered:n.hoveredId===e.id,zoom:n.zoom,isExpanded:n.expanded&&d.containsKey(n.expanded,e.id)},{backLinks:z,backPromotedLinks:C}=le(e.id,b,w,P);if(e.nodes&&d.containsKey(n.expanded,e.id)){if(s&&function(e,t,n,o,i,r){const s=e.nodes;for(let e=0;e<s?.length;e++){const n=s[e].id;if(!t.get(n))return!1}for(let e=0;e<n.length;e++){const t=n[e].id,o=i.get(t);if(!o||0===o.width&&0===o.height)return!1}for(let e=0;e<o.length;e++){const t=o[e],n=r.get(se(t));if(!n||0===n.width&&0===n.height)return!1}return!0}(e,s,z,C,S,L)){const d=Le(e,n,i,c,u,h,p,b,w,P,a,l,v,e.id,s,S,L,N,R,g,f,m,r,M,I);return t.jsx(fe,{id:e.id,position:o,state:k,isDimmed:(0!==n.highlightedNodeIds.length||0!==n.highlightedLinkIds.length||0!==n.highlightedPromotedLinkIds.length)&&!n.highlightedNodeIds.includes(e.id),activeId:n.activeId,nodeRenderer:i,onNodeSizeChanged:c,accessibleLabel:e.accessibleLabel,data:e,supportsSelection:p,content:d,labelDimensions:m,labelPosition:g?.get(e.id)})}{const o=Le(e,n,i,c,u,h,p,b,w,P,a,l,v,e.id,s,S,L,N,R,g,f,m,r,M,I);return t.jsx("div",{children:o.content})}}return t.jsx(fe,{id:e.id,position:o,state:k,isDimmed:(0!==n.highlightedNodeIds.length||0!==n.highlightedLinkIds.length||0!==n.highlightedPromotedLinkIds.length)&&!n.highlightedNodeIds.includes(e.id),activeId:n.activeId,nodeRenderer:i,onNodeSizeChanged:c,accessibleLabel:e.accessibleLabel,data:e,supportsSelection:p,labelDimensions:m,labelPosition:g?.get(e.id)})})),M&&r&&C.length>0&&ue(C,M)&&t.jsx(Me,{links:C,states:n,linkRenderer:r,width:a/v,height:l,supportsSelection:p,labelDimensions:m,layoutOutput:M,onLinkSizeChanged:u,linkLabelPositions:f,combinedNodeBounds:N,minY:z?x:0,minX:z?y:0}),M&&r&&D.length>0&&ue(D,M)&&t.jsx(Pe,{links:D,states:n,linkRenderer:r,width:a/v,height:l,supportsSelection:p,layoutOutput:M,onLinkSizeChanged:h,combinedNodeBounds:N,minY:z?x:0,minX:z?y:0})]})}function Le(e,n,o,i,r,s,d,a,l,c,u,h,p,g,f,m,y,x,k,b,w,M,v,P,S){const L=e.nodes,{backLinks:I,backPromotedLinks:N}=le(g,a,l,c),{minX:R,minY:z,contentWidth:C,contentHeight:D,bounds:X}=K(L,I,N,f,m,y,p,S),j=k.current;j?.set(e.id,X),k.current=j;return{content:t.jsx("div",{"data-oj-private-child":g,style:{position:"relative"},children:t.jsx(Se,{nodes:L,nodeBounds:f,states:n,minX:f?R:void 0,minY:f?z:void 0,nodeRenderer:o,onNodeSizeChanged:i,onLinkSizeChanged:r,onPromotedLinkSizeChanged:s,supportsSelection:d,nodeLabelPositions:b,linkLabelPositions:w,labelDimensions:M,links:a,promotedLinks:l,nodeIdToParentMap:c,linkRenderer:v,layoutOutput:P,width:u,height:h,zoom:p,parentId:g,linkDimensions:m,promotedLinkDimensions:y,rootRef:S,combinedNodeBounds:x,nodeBoundsRef:k})}),width:C||0,height:D?D-z:0,bounds:X}}function Ie({nodes:e,links:n,promotedLinks:o,nodeRenderer:i,linkRenderer:r,states:s,nodeBounds:d,width:a,height:l,onNodeSizeChanged:c,onLinkSizeChanged:u,onPromotedLinkSizeChanged:h,labelDimensions:p,nodeLabelPositions:g,linkLabelPositions:f,supportsSelection:m,layoutOutput:y,zoom:x,nodeIdToParentMap:k,linkDimensions:b,promotedLinkDimensions:w,rootRef:M,combinedNodeBounds:v,nodeBoundsRef:P,normalizeLinks:S}){const{backLinks:L,backPromotedLinks:I}=le(void 0,n,o,k),{minX:N,minY:R}=K(e,L,I,d,b,w,x,M);return t.jsx(t.Fragment,{children:t.jsx(Se,{nodes:e,nodeBounds:d,states:s,nodeRenderer:i,onNodeSizeChanged:c,onLinkSizeChanged:u,onPromotedLinkSizeChanged:h,supportsSelection:m,nodeLabelPositions:g,linkLabelPositions:f,labelDimensions:p,linkDimensions:b,promotedLinkDimensions:w,rootRef:M,links:n,promotedLinks:o,nodeIdToParentMap:k,linkRenderer:r,layoutOutput:y,width:a,height:l,zoom:x,minX:d&&N!==1/0?N:void 0,minY:d&&R!==1/0?R:void 0,combinedNodeBounds:v,nodeBoundsRef:P,normalizeLinks:S})})}const Ne=(e,t,n,o,i,r,s,d)=>{if(!s)return{newPan:{panX:0,panY:0}};const a=((e,t,n,o)=>{const i="y"!==o?t.panX:e.panX,r="x"!==o?t.panY:e.panY;return{panX:i>n.maxX?n.maxX:i<n.minX?n.minX:i,panY:r>n.maxY?n.maxY:r<n.minY?n.minY:r}})(e,t,s,n),l=a.panX!==e.panX||a.panY!==e.panY,c=function(e,t,n,o,i){return{centerX:(o/2-e)/n,centerY:(i/2-t)/n}}(a.panX,a.panY,o,i,r);return l&&d&&d({centerX:c.centerX,centerY:c.centerY}),{newPan:a}};function Re(e,t,n,o,i){return{panX:o/2-e*n,panY:i/2-t*n}}function ze({centerX:e,centerY:n,children:i,zoom:r,width:s,height:d}){const a=Re(e,n,r,s,d);return t.jsx("div",{class:o.panZoomStyles,style:{translate:`${a.panX}px ${a.panY}px`,transform:`scale(${r})`},children:i})}function Ce(e,t){const n=[];return t.forEach((t=>{const o=t.startNode,i=t.endNode;o!=e&&i!=e||n.push(t)})),n}function De(e,t,n,o){let i,r=n[0],s=n[0];for(let e=0;e<n.length;e++)i=n[e],i.id===t.startNode?r=i:i.id===t.endNode&&(s=i);const d=e.id==r.id?s:r,a=Ye(e,o),l=Ye(d,o);let c=Math.atan2(l.y-a.y,l.x-a.x);return c=c<0?c+2*Math.PI:c,c}function Xe(e,t,n){let o,i=t[0],r=t[0];for(let n=0;n<t.length;n++)o=t[n],o.id===e.startNode?i=o:o.id===e.endNode&&(r=o);const s=Ye(i,n),d=Ye(r,n);return Math.sqrt(Math.pow(d.x-s.x,2)+Math.pow(d.y-s.y,2))}function je(e,t){return t.endNode===e.id?1:0}function Ye(e,t){const n=t.get(e.id);return{x:n.x+n.width/2,y:n.y+n.height/2}}function Te(e,t,n){const o=15/180*Math.PI,i=40/180*Math.PI,r=e.x+e.width/2,s=e.y+e.height/2,d=t.x+t.width/2,a=t.y+t.height/2,l=Math.abs(r-d),c=Math.abs(s-a),u=Math.atan2(c,l);let h=Math.sqrt(l*l+c*c);return(u>o&&("right"==n||"left"==n)||u<Math.PI/2-o&&("up"==n||"down"==n))&&(u>i&&("right"==n||"left"==n)||u<Math.PI/2-i&&("up"==n||"down"==n)?h*=6:h*=2),h}function Be(e,t,n,o){if(o){const o=e.x+.5*e.width,i=t.x+.5*t.width,r=e.y+.5*e.height,s=t.y+.5*t.height;switch(n){case"up":return r<s;case"down":return e.y>s;case"right":return o>i;case"left":return o<i}return!0}switch(n){case"up":return e.y<t.y||Ae(e.y,t.y);case"down":return e.y>t.y||Ae(e.y,t.y);case"right":return e.x>t.x||Ae(e.x,t.x);case"left":return e.x<t.x||Ae(e.x,t.x)}return!0}function Ee(e,t,n){switch(n){case"up":return Oe(e,t)&&(t.y<=e.y+e.height||Ae(t.y,e.y+e.height));case"down":return Oe(e,t)&&(e.y<=t.y+t.height||Ae(e.y,t.y+t.height));case"right":return Ze(e,t)&&(e.x<=t.x+t.width||Ae(e.x,t.x+t.width));case"left":return Ze(e,t)&&(t.x<=e.x+e.width||Ae(t.x,e.x+e.width))}return!1}function Oe(e,t){return e.x>=t.x&&e.x<=t.x+t.width||t.x>=e.x&&t.x<=e.x+e.width}function Ze(e,t){return e.y>=t.y&&e.y<=t.y+t.height||t.y>=e.y&&t.y<=e.y+e.height}function Ae(e,t){return Math.abs(e-t)<=1e-7}function Ve(e,t){let n=Math.abs(e-t)<=1e-7;return n||(n=Math.abs(2*Math.PI+Math.min(e,t)-Math.max(e,t))<=1e-7),n}function Fe(e,t,n,o){const i=r.useRef(),s=e;return{getNextNavigableNode:function(e,t,n,o){if(!o)return n;if(!n)return o[0];const i=s.get(n.id);if(!i)return o[0];let r,d,a,l=n,c=Number.MAX_VALUE,u=!1,h=!1;for(let p=0;p<o.length;p++){if(r=o[p],r===n){h=!0;continue}const g=s.get(r.id);if(!g)continue;const f={x:g.x,y:g.y,width:g.width,height:g.height},m={x:i.x,y:i.y,width:i.width,height:i.height};Be(f,m,e,t)&&(d=Ee(f,m,e),u&&!d||(a=Te(f,m,e),(0!=a||h)&&(!u&&d||a<c&&(u&&d||!u))&&(c=a,l=r,u=d)))}return l},getNextNavigableLink:function(e,r,d,a,l){if(!a&&!l)return d;const c=a&&l?[...a,...l]:a||l;if(!d)return c[0];const u=i.current,h=u||d.startNode,p=o.get(h);if(!p)return d;const g=function(e,t,n,o){let i,r,s;const d=[];for(let a=0;a<t.length;a++){const l=t[a];i=De(e,l,n,o),r=Xe(l,n,o),s=je(e,l),"id"in l?d.push({id:l.id,angle:i,distance:r,direction:s,type:"link"}):d.push({id:se(l),angle:i,distance:r,direction:s,type:"promotedLink"})}return d}(p,Ce(p.id,c),r,s);g.sort(((e,t)=>{const{angle:n,distance:o,direction:i}=e,{angle:r,distance:s,direction:d}=t;let a=-1;return!Ve(n,r)&&n>r?a=1:Ve(n,r)&&(o>s||s==o&&i>d?a=1:s==o&&i==d&&(a=0)),a}));const f="down"==e;let m=0;for(let e=0;e<g.length;e++){const t="id"in d?d.id:se(d);if(g[e].id===t){m=f?e==g.length-1?0:e+1:0==e?g.length-1:e-1;break}}return"link"===g[m].type?t.get(g[m].id):n.get(g[m].id)},navigateFromNodeToLink:function(e,t,n,o){if(!o)return;const r=Ce(o.id,[...e,...t]);if(r.length<1)return;let d=r[0];const a=s.get(o.id);let l,c,u,h;const p=a.x+a.width/2;i.current=o.id;for(let e=0;e<r.length;e++)if(l=r[e],c=l.startNode===o.id?l.endNode:l.startNode,u=s.get(c),h=u.x+u.width/2,n.altKey&&"Comma"===n.code&&h<=p||n.altKey&&"Period"===n.code&&h>=p){d=l;break}return de(d)?{id:d,type:"promotedLink"}:{id:d.id,type:"link"}},navigateFromLinkToNode:function(e,t,n){const o=n.key,i=s.get(e),r=s.get(t);if(!i||!r)return;const d=i.x+i.width/2,a=r.x+r.width/2;return{id:a>d&&"ArrowRight"===o||a<d&&"ArrowLeft"===o?t:e,type:"node"}}}}function $e(e,t,n,o,i,s,d,a,l,c,u,h,p,y,x,k,b,w,M){const{getNextNavigableNode:v,getNextNavigableLink:P,navigateFromNodeToLink:S,navigateFromLinkToNode:L}=Fe(s,d,y,a),[I,N]=r.useState({id:t.id,type:"node"}),[R,z]=r.useState(),C=r.useRef(),D=f.useVisHover((e=>{const t=oe(e.target,y);if(t&&!ne(t,R)){let e;z({...t,isCurrent:!0}),C.current=g.getRandomId(),N({...I,isCurrent:!1}),"node"===t.type?e={id:t.id,type:"node",data:a.get(t.id)}:"link"===t.type?e={id:t.id,type:"link",data:d.get(t.id)}:"promotedLink"===t.type&&(e={type:"promotedLink",id:t.id}),x?.(e)}}),void 0,(()=>{z(void 0),C.current=void 0,x?.(void 0)}),e);function X(e){"node"===e.type?k?.({id:e.id,type:"node",data:a.get(e.id)}):"link"===e.type?k?.({id:e.id,type:"link",data:d.get(e.id)}):"promotedLink"===e.type&&k?.({id:e.id,type:"promotedLink"}),C.current=g.getRandomId(),N(e)}function j(e){e&&(ne(e,I)||(e.isCurrent=!0,e.isFocusVisible=!0,R&&z({...R,isCurrent:!1}),X(e)))}return{focusedItemInfo:I,hoveredItemInfo:R,activeId:C.current,onContextMenuDismissed:e=>{"keyboard"===e&&X({...I,isFocusVisible:!0,isCurrent:!0})},eventsProps:m.mergeProps(D,{onKeyUp:e=>{if("Tab"===e.code)X({...I,isCurrent:!0,isFocusVisible:!0})},onKeyDown:e=>{const t=e.key;let r=!1;if("TAB"!==t){if(function(e){const t=e.code;if("node"===I.type&&e.altKey&&("Period"===t||"Comma"===t))return!0;if("node"!==I.type&&("ArrowLeft"===t||"ArrowRight"===t))return!0;return!1}(e)){let t;if("node"===I.type)t=S(o,i,e,a.get(I.id));else if("link"===I.type){const n=d.get(I.id);t=L(n.startNode,n.endNode,e)}else{const n=I.id;t=L(n.startNode,n.endNode,e)}j(t),r=!0}else if(function(e){switch(e){case"ArrowDown":case"ArrowUp":case"ArrowRight":case"ArrowLeft":return!0}return!1}(t)){const e=function(e){let t="down";switch(e){case"ArrowDown":t="down";break;case"ArrowUp":t="up";break;case"ArrowRight":t="right";break;case"ArrowLeft":t="left"}if("node"===I.type){const e=p.get(I.id),o=e&&a.get(e)?a.get(e).nodes:n,i=v(t,!0,a.get(I.id),o);return i?{id:i.id,type:"node"}:I}{const e=function(e,t,n){let o;for(let n=0;n<t.length;n++)if(o=t[n],e.id===o.id)return o;for(let t=0;t<n.length;t++)if(o=n[t],i=e.id,r=o,i.startNode===r.startNode&&i.endNode===r.endNode)return o;var i,r}(I,o,i),r=P(t,n,e,o,i);return r&&de(r)?{id:r,type:"promotedLink"}:r&&!de(r)?{id:r.id,type:"link"}:{id:I.id,type:I.type}}}(t);j(e),r=!0}else switch(t){case"PageUp":b&&b({dPan:{dx:e.shiftKey?-15:0,dy:e.shiftKey?0:-15}}),r=!0;break;case"PageDown":b&&b({dPan:{dx:e.shiftKey?15:0,dy:e.shiftKey?0:15}}),r=!0;break;case"+":case"=":w&&w({dZoom:.15}),r=!0;break;case"-":case"_":w&&w({dZoom:-.15}),r=!0;break;case"0":if(e.ctrlKey&&e.altKey){const{centerX:e,centerY:t,zoom:n}=be(I,d,s,l,c,u);w&&w({nZoom:n}),b&&b({nPan:{cx:e,cy:t}})}else w&&w({}),b&&b({center:!0});r=!0;break;case" ":if(e.ctrlKey&&e.shiftKey&&"node"===I.type){const e=he(I.id,h);M&&M({expanded:e})}break;case"[":if("node"===I.type){const e=function(e,t){const n=t.get(e)?.nodes;if(n&&n.length>0)return n[0]}(I.id,a);if(e){j({id:e.id,type:"node"})}}r=!0;break;case"]":if("node"===I.type){const e=p.get(I.id);if(e){j({id:e,type:"node"})}}r=!0}r&&(e=>{e.preventDefault(),e.stopPropagation()})(e)}},onBlur:()=>{(null!=R||I.isCurrent)&&k?.(void 0);const e={...I,isCurrent:!1,isFocusVisible:!1};N(e)},onPointerUp:e=>{const t=oe(e.target,y);if(null!=t.id){let n;if("node"===t.type&&(n=function(e,t){let n,o=e;for(;!n;)if(n=o.dataset.ojPrivateButton,!n){if(!o.parentElement||o.parentElement.dataset.ojPrivateNode||o.parentElement===t?.current)break;o=o.parentElement}return n}(e.target),n)){const t=he(n,h);return M&&M({expanded:t}),e.preventDefault(),void e.stopPropagation()}N(t),C.current=g.getRandomId()}},onFocus:()=>{C.current=g.getRandomId()}})}}const _e=({captureTargetRef:e,numPointers:t=1,onPointerGestureDown:n,onPointerGestureMove:o,onPointerGestureEnd:i,onExtraneousPointerDown:s,isDisabled:d=!1})=>{const a=r.useRef([]);d&&(a.current=[]);const l=e=>{const n=a.current.findIndex((t=>t.pointerId===e.pointerId));-1!==n&&(a.current[n]=e,a.current.length===t&&i&&i({pointers:a.current}),a.current.splice(n,1))};return d?{}:{onPointerDown:e=>{a.current.push(e),a.current.length===t?n&&n({pointers:a.current}):a.current.length>t&&s&&s({pointers:a.current})},onPointerMove:n=>{if(0===a.current.length)return;const i=a.current.findIndex((e=>e.pointerId===n.pointerId));-1!==i&&(a.current[i]=n,a.current.length===t&&(a.current.forEach((t=>e.current.setPointerCapture(t.pointerId))),o&&o({pointers:a.current})))},onPointerUp:l,onPointerCancel:l,onPointerLeave:l}},Ke=({panProps:e,captureTargetRef:t,panBounds:n,width:o,height:i,zoom:s,onDragPanStart:d,onDragPanEnd:a})=>{const l=r.useRef({panX:0,panY:0}),c=r.useRef({panX:0,panY:0}),u=(({captureTargetRef:e,draggableRegion:t,onDragStart:n,onDragMove:o,onDragEnd:i,isDisabled:s=!1})=>{const d={isDragging:!1,x0:-1,y0:-1,regionOffsetX:-1,regionOffsetY:-1},a=r.useRef(d),l=(e,t)=>{const{isDragging:n,x0:o,y0:i,regionOffsetX:r,regionOffsetY:s}=a.current;if(!n)return;const d=e.pageX,l=e.pageY;t&&t({x:d,y:l,dx:d-o,dy:l-i,regionOffsetX:r,regionOffsetY:s,originalEvent:e})},c=_e({captureTargetRef:e,numPointers:1,onExtraneousPointerDown:()=>{a.current=d},onPointerGestureDown:({pointers:[e]})=>{const o=e.pageX,i=e.pageY;if(0!==e.button||!((e,t,n)=>{if(!n)return!0;const{xMin:o,xMax:i,yMin:r,yMax:s}=n;return e>=o&&e<=i&&t>=r&&t<=s})(o,i,t))return;const{regionOffsetX:r,regionOffsetY:s}=((e,t,n)=>n?{regionOffsetX:e-n.xMin,regionOffsetY:t-n.yMin}:{regionOffsetX:e,regionOffsetY:t})(o,i,t);a.current={isDragging:!0,x0:o,y0:i,regionOffsetX:r,regionOffsetY:s},n&&n({x:o,y:i,regionOffsetX:r,regionOffsetY:s,originalEvent:e})},onPointerGestureMove:({pointers:[e]})=>{l(e,o)},onPointerGestureEnd:({pointers:[e]})=>{l(e,i),a.current=d}});return s?{}:c})({captureTargetRef:t,onDragStart:()=>{const t=Re(e.centerX,e.centerY,s,o,i);c.current={panX:t.panX,panY:t.panY},d&&d()},onDragMove:({dx:t,dy:r})=>{const d={panX:c.current.panX+t,panY:c.current.panY+r},{newPan:a}=Ne(l.current,d,e.panDirection,s,o,i,n,e.onPan);l.current=a},onDragEnd:({originalEvent:e})=>{c.current.panX===l.current.panX&&c.current.panY===l.current.panY||e.preventDefault(),a&&a()},isDisabled:"off"===e.panning});return u},Ue=(e,t)=>Math.sqrt((t.x-e.x)**2+(t.y-t.y)**2),qe=({captureTargetRef:e,zooming:t,minZoom:n,maxZoom:o,zoomValue:i,onZoom:s})=>{const d=(({captureTargetRef:e,onPinchZoomStart:t,onPinchZoomChange:n,onPinchZoomEnd:o,isDisabled:i=!1})=>{const s=r.useRef({x:-1,y:-1}),d=r.useRef(-1),a=()=>{s.current={x:-1,y:-1},d.current=-1};i&&a();const l=_e({captureTargetRef:e,numPointers:2,onPointerGestureDown:({pointers:[e,n]})=>{const o={x:e.offsetX,y:e.offsetY},i={x:n.offsetX,y:n.offsetY};s.current=((e,t)=>({x:(e.x+t.x)/2,y:(e.y+t.y)/2}))(o,i),d.current=Ue(o,i),t&&t({origin:s.current,delta:0})},onPointerGestureMove:({pointers:[e,t]})=>{const o={x:e.offsetX,y:e.offsetY},i={x:t.offsetX,y:t.offsetY},r=Ue(o,i),a=r-d.current;d.current=r,n&&n({origin:s.current,delta:a})},onPointerGestureEnd:()=>{a(),o&&o()}});return i?{}:l})({captureTargetRef:e,onPinchZoomChange:({delta:e})=>{ye(i*(1+.05*e),i,n,o,s)},isDisabled:"off"===t});return d},Ge=({props:e,captureTargetRef:t,width:n,height:o,contentBounds:i,isRtl:s})=>{const[d,a]=r.useState(),l=function(e,t,n,o){const i=xe(t,n,o),r=e.maxZoom||1,s=e.minZoom||Math.min(r,i),d=e.zoomValue?e.zoomValue:i;return{zooming:e.zooming?e.zooming:"off",minZoom:s,maxZoom:r,zoomValue:ke(d,s,r),onZoom:e.onZoom}}(e,n,o,i),c=r.useRef(),u=r.useRef(),h=r.useRef(),p=r.useRef({zoom:e.zoomValue||0,centerX:e.centerX,centerY:e.centerY}),g=k.isTouch(),f={width:n,height:o,x:0,y:0},y=g?e.panning&&"off"!==e.panning:void 0,x={isZoomScroll:!0,plotAreaSpace:f,componentWidth:n,isRtl:s,showPanButton:y??!1,showZoomButton:!1,showSelectButton:!1,isDisabled:!g},{toggleButtonContent:w,userDragMode:M}=b.useVisDragModeControls(x),v=function(e,t,n,o){return{panning:o?"pan"===n&&e.panning?e.panning:"off":e.panning?e.panning:"off",panDirection:e.panDirection?e.panDirection:"any",centerX:void 0!==e.centerX?e.centerX:t.width/2,centerY:void 0!==e.centerY?e.centerY:t.height/2,onPan:e.onPan}}(e,i,M,g);i.width===1/0||l.zoomValue===u.current&&v.panning===h.current||(c.current=((e,t,n,o,i,r,s)=>{const{x:d,y:a,width:l,height:c}=n;let u,h,p,g;if("centerContent"===s)u=e/2-(l+d)*o,p=t/2-(c+a)*o,h=e/2-d*o,g=t/2-a*o;else{const n=o/i,r=(e-l*i)/2-d*i,s=(t-c*i)/2-a*i;u=e-e*n+r*n,p=t-t*n+s*n,h=r*n,g=s*n}const f=r.zoom,m=r.centerX,y=r.centerY;let x,k;if(m){const t=m*f-e/2;-t*f<u?(x=u-t*f,u-=x,h+=x):-t*f>h&&(x=-t*f-h,u-=x,h+=x)}if(y){const e=y*f-t/2;-e*f<p?(k=p-e*f,p-=k,g+=k):-e*f>g&&(k=-e*f-g,p-=k,g+=k)}return{minX:u,maxX:h,minY:p,maxY:g}})(n,o,i,l.zoomValue,l.minZoom,p.current,v.panning),u.current=l.zoomValue,h.current=v.panning);const P=Ke({panProps:v,captureTargetRef:t,panBounds:c.current,zoom:l.zoomValue,width:n,height:o,onDragPanStart:()=>a("grabbing"),onDragPanEnd:()=>a("auto")}),S=r.useRef({panX:0,panY:0}),L=(({zooming:e,minZoom:t,maxZoom:n,zoomValue:o,onZoom:i})=>(({onWheel:e,preventDefault:t=!0,isDisabled:n=!1})=>n?{}:{onWheel:n=>{const{deltaX:o,deltaY:i}=(e=>{const{deltaX:t,deltaY:n,deltaMode:o}=e;switch(o){case e.DOM_DELTA_PIXEL:return{deltaX:-t,deltaY:-n};case e.DOM_DELTA_LINE:return{deltaX:15*-t,deltaY:15*-n};case e.DOM_DELTA_PAGE:return{deltaX:40*-t,deltaY:40*-n};default:return{deltaX:-t,deltaY:-n}}})(n);t&&n.preventDefault(),e({x:n.offsetX,y:n.offsetY,deltaX:o,deltaY:i,ctrlKey:n.ctrlKey||n.metaKey})}})({onWheel:({deltaY:e})=>{ye(o*(1+.05*e),o,t,n,i)},isDisabled:"off"===e}))(l),I=qe({captureTargetRef:t,zooming:l.zooming,minZoom:l.minZoom,maxZoom:l.maxZoom,zoomValue:l.zoomValue,onZoom:l.onZoom});return{panZoomProps:m.mergeProps(P,L,I),panProps:v,zoomProps:l,toggleButtonContent:w,cursor:d,centerX:v.centerX,centerY:v.centerY,zoomValue:l.zoomValue,kbPanCallback:"off"!==v.panning?e=>{let t,r;e.center?(t=i.x+i.width/2,r=i.y+i.height/2):e.dPan?(t=v.centerX+e.dPan.dx,r=v.centerY+e.dPan.dy):(t=e.nPan.cx,r=e.nPan.cy);const s=Re(t,r,l.zoomValue,n,o),{newPan:d}=Ne(S.current,s,v.panDirection,l.zoomValue,n,o,c.current,v.onPan);S.current=d}:void 0,kbZoomCallback:"off"!==l.zooming?e=>{const t=e.dZoom?l.zoomValue+e.dZoom:xe(n,o,i);ye(e.nZoom?e.nZoom:t,l.zoomValue,l.minZoom,l.maxZoom,l.onZoom)}:void 0}};const He={all:!1,keys:new Set};function We({nodes:e=[],links:n=[],width:i,height:s,selectedIds:a={},selectionMode:l="none",layout:u,nodeRenderer:h,linkRenderer:p,onSelectionChange:f,onItemHover:k,onItemFocus:b,highlightedIds:S={},datatip:L,expanded:I=He,onExpandedChange:N,contextMenuConfig:R,normalizeLinks:z,...C}){const D=r.useRef(null),X=r.useRef(null),[j,Y]=r.useState(new Map),[T,B]=r.useState(new Map),E=r.useRef(new Map),O=r.useRef(new Map),[Z,A]=r.useState(),{direction:V}=c.useUser(),$="rtl"===V,_=e,K=function(e,t){const n=new Map,o=new Map,i=new Map,r=new Map,s=[],a=[];for(let l=0;l<e.length;l++){const c=e[l],u=String(l);n.set(c.id,c),o.set(c.id,u),i.set(u,c.id),a.push(c.id),c.nodes&&(s.push(c),d.containsKey(t,c.id)&&W(c.nodes,n,o,i,r,s,t,a,c.id,String(l)))}return{itemIdToDataMap:n,itemIdToIndexMap:o,itemIndexToIdMap:i,itemIdToParentMap:r,allContainerNodes:s,allVisibleNodes:a}}(_,I),q=K.itemIdToParentMap,H=K.itemIdToDataMap,Q=function(e,t){const n=[];for(let o=0;o<e.length;o++){const i=e[o];t.get(i.startNode)&&t.get(i.endNode)&&n.push(i)}return n}(n,H),ee=function(e){const t=new Map,n=new Map,o=new Map,i=new Map;for(let i=0;i<e.length;i++){const r=e[i];t.set(r.id,r),n.set(r.id,i),o.set(i,r.id)}return{itemIdToDataMap:t,itemIdToIndexMap:n,itemIndexToIdMap:o,itemIdToParentMap:i}}(Q),te=ee.itemIdToDataMap,ne=r.useRef(!1),ie=function(e){const t=new Map;return e.forEach(((e,n)=>{t.set(n,{width:e.width,height:e.height})})),t}(j),{textMeasureContent:re,getTextDimensions:de}=x.useTextDimensions(),ae=r.useRef(new Map),le=r.useRef(!1),ce=r.useRef(!1),ue=r.useRef(new Map),he=r.useRef(new Map),[ge,fe]=r.useState(),me=r.useRef(new Map),ye=function(e,t,n,o){const i=[];n.forEach((e=>{d.containsKey(t,e.id)||i.push(e)}));const r=[],s=new Map,a=new Map;for(let t=0;t<e.length;t++){const n=e[t],d=n.id,l=o.includes(n.startNode)?n.startNode:pe(n.startNode,i),c=o.includes(n.endNode)?n.endNode:pe(n.endNode,i);if(l&&c&&(l!==n.startNode||c!==n.endNode)&&l!==c){const e=`${l}_${c}`;let t=a.get(e);if(t)t.push(n);else{const o={id:e,startNode:l,endNode:c};r.push(o),t=[n]}a.set(e,t),s.set(d,e)}}const l=[];for(let e=0;e<r.length;e++){const t=r[e];l.push({startNode:t.startNode,endNode:t.endNode,links:a.get(t.id)})}return l}(n,I,K.allContainerNodes,K.allVisibleNodes),xe=function(e){const t=new Map;for(let n=0;n<e.length;n++){const o=e[n];t.set(`${o.startNode}_${o.endNode}`,o)}return t}(ye),ke=function(e,t){if(0===e.size)return{x:0,width:1/0,y:0,height:1/0};let n,o=1/0,i=1/0,r=-1/0,s=-1/0;return e.forEach((e=>{n=e,o=n.x<o?n.x:o,i=n.y<i?n.y:i,r=n.x+n.width>r?n.x+n.width:r,s=n.y+n.height>s?n.y+n.height:s})),t&&(o=t.x<o?t.x:o,i=t.y<i?t.y:i,r=t.x+t.width>r?t.x+t.width:r,s=t.y+t.height>s?t.y+t.height:s),{x:o,width:r-o,y:i,height:s-i}}(j,Z),{panZoomProps:be,panProps:we,zoomProps:Me,toggleButtonContent:ve,cursor:Pe,centerX:Se,centerY:Le,zoomValue:Ne,kbPanCallback:Ce,kbZoomCallback:De}=Ge({props:C,captureTargetRef:X,width:i,height:s,contentBounds:ke,isRtl:$}),{touchResponse:Xe,touchResponseStyle:je}=M.useVisTouchResponse({type:"auto",supportsTouchDragGestures:"on"===Me.zooming||"off"!==we.panning,rootRef:X}),{onContextMenuDismissed:Ye,focusedItemInfo:Te,hoveredItemInfo:Be,activeId:Ee,eventsProps:Oe}=$e(Xe,_[0],_,Q,ye,T,te,H,i,s,C.maxZoom||1,I,q,xe,k,b,Ce,De,N),{selectionProps:Ze,selectionContent:Ae}=function({selectedIds:e,selectionMode:t,nodeMap:n,linkMap:o,focusedItemInfo:i,onSelectionChange:r,rootRef:s,promotedLinkMap:d}){const a=n.itemIdToDataMap,l=new Map,c=new Map,u=o.itemIdToDataMap,h=e=>{const t=`N_${e}`;return l.set(t,e),t},p=e=>l.get(e),g=e=>{const t=`L_${e}`;return c.set(t,e),t},f=e=>c.get(e),m=e=>`P_${JSON.stringify(e)}`,y=e=>JSON.parse(e.slice(2)),x=[...e.nodes?e.nodes.map(h):[],...e.links?e.links.map(g):[],...e.promotedLinks?e.promotedLinks.map(m):[]],{selectionContent:k,selectionProps:b}=w.useSelection({selection:x,idExtracter:e=>{const t="keyup"===e.type?i:oe(e.target,d,s);return void 0!==t.id?"node"===t.type?h(t.id):"link"===t.type?g(t.id):m(t.id):void 0},selectionMode:t,getDataById:e=>{let t;if("N"===e[0]){const o=p(e);t=n.itemIdToDataMap.get(o)}else if("L"===e[0]){const n=f(e);t=o.itemIdToDataMap.get(n)}else"P"===e[0]&&(t=y(e));return t},onChange:e=>{const t=e.ids.filter((e=>"N"===e[0])).map((e=>p(e))),n=e.ids.filter((e=>"L"===e[0])).map((e=>f(e))),o=e.ids.filter((e=>"P"===e[0])).map((e=>y(e))),i=t.filter((e=>"off"!==a.get(e)?.selectable)),s=n.filter((e=>"off"!==u.get(e)?.selectable)),d=i.map((e=>a.get(e))),l=s.map((e=>u.get(e)));return r&&r({nodes:{ids:i,data:d},links:{ids:s,data:l},promotedLinks:{ids:o}})},isKeyboardSelection:e=>"["===e.key||"]"===e.key});return{selectionContent:k,selectionProps:b}}({selectedIds:a,selectionMode:l,nodeMap:K,linkMap:ee,focusedItemInfo:Te,onSelectionChange:f,rootRef:X,promotedLinkMap:xe});Te&&T.size>0&&(D.current=function(e,t,n,o,i){if("node"===e.type){const n=U(e.id,void 0,i),o=t.get(e.id)||t.values().next().value;return{x:n?n.x:o.x,y:n?n.y:o.y,width:o.width,height:o.height}}{const i="promotedLink"===e.type?e.id:n[o.get(e.id)||0],r=t.get(i.startNode)||t.values().next().value,s=t.get(i.endNode)||t.values().next().value,d={x:r.x+r.width/2,y:r.y+r.height/2},a={x:s.x+s.width/2,y:s.y+s.height/2};return{x:Math.min(d.x,a.x),y:Math.min(d.y,a.y),width:Math.abs(d.x-a.x),height:Math.abs(d.y-a.y)}}}(Te,T,Q,ee.itemIdToIndexMap,X));const{datatipContent:Ve,datatipProps:{"aria-describedby":Fe,..._e}}=(({touchResponse:e,datatip:t,focusedItemBoundsRef:n,focusedItemInfo:o,panState:i,zoom:r,width:s,nodesMap:d,linksMap:a,hoveredItem:l})=>{const{direction:u}=c.useUser(),h="rtl"===u,p=function(e,t,n,o,i){let r;const s=o?.isCurrent;if(s&&null!=o.id&&(r=o),n&&n.isCurrent&&(r=n),r&&i){let n;switch(r.type){case"node":n={data:e.get(r.id),type:"node"};break;case"link":n={data:t.get(r.id),type:"link"};break;default:n={id:r.id,type:"promotedLink"}}return i(n)}if(r){const n=("node"===r.type?e.get(r.id):t.get(r.id))?.accessibleLabel;return{content:n}}}(d,a,o,l,t),f=n.current?{x:n.current.x+i.panX,y:n.current.y+i.panY,width:n.current.width*r,height:n.current.height*r}:void 0,m=o.isCurrent?g.calculateOffset(h,s,f):g.calculateOffset(h,s),{datatipContent:x,datatipProps:k}=y.useDatatip({content:p?.content,borderColor:p?.borderColor,placement:"top-start",offset:m,anchor:o?.isCurrent?"element":"pointer",touchResponse:e});return{datatipContent:x,datatipProps:k}})({touchResponse:Xe,datatip:L,focusedItemInfo:Te,focusedItemBoundsRef:D,panState:Re(Se,Le,Ne,i,s),zoom:Ne,width:i,nodesMap:H,linksMap:te,hoveredItem:Be}),[Ke,Ue]=r.useState("hidden"),qe={width:i,height:s,cursor:Pe,visibility:Ke,...je},We=r.useRef(!1);r.useLayoutEffect((()=>{X.current&&(We.current=!0)}),[I]),r.useLayoutEffect((()=>{"visible"===Ke&&1==We.current&&(X.current?.focus(),We.current=!1)}),[Ke]);const Je=r.useRef();Je.current={selectedNodeIds:a.nodes??[],selectedLinkIds:a.links??[],selectedPromotedLinkIds:a.promotedLinks??[],focusedId:Te.isCurrent&&Te.isFocusVisible?Te.id:void 0,hoveredId:Be?.isCurrent?Be.id:void 0,activeId:Ee,highlightedNodeIds:S.nodes??[],highlightedLinkIds:S.links??[],highlightedPromotedLinkIds:S.promotedLinks??[],zoom:Ne,expanded:I||{all:!1,keys:new Set}};const{contextMenuContent:Qe,contextMenuProps:et}=(({focusedItemInfo:e,rootRef:t,contextMenuConfig:n,onContextMenuDismissed:o,nodesMap:i,linksMap:r,promotedLinkMap:s})=>{const{contextMenuProps:d,contextMenuContent:a}=P.useContextMenu({onContextMenuHandler:({gesture:n,target:o})=>{let d,a="background";const l=o;"keyboard"===n?(d=e.id,a=e.type):l.closest("[data-oj-private-node]")?.dataset.ojPrivateNode?(d=l.closest("[data-oj-private-node]")?.dataset.ojPrivateNode,a="node"):l.closest("[data-oj-private-link]")?.dataset.ojPrivateLink?(d=l.closest("[data-oj-private-link]")?.dataset.ojPrivateLink,a="link"):l.closest("[data-oj-private-promoted-link]")?.dataset.ojPrivatePromotedLink&&(d=l.closest("[data-oj-private-promoted-link]")?.dataset.ojPrivatePromotedLink,d=s.get(d),a="promotedLink");const{context:c}=function(e,t,n,o){let i;return i="node"===n?{data:e.get(o),type:n}:"link"===n?{data:t.get(o),type:n}:"promotedLink"===n?{id:o,type:n}:{type:"background"},{context:i}}(i,r,a,d);if("keyboard"===n){let n;return n="node"===e.type?t.current?.querySelector(`[data-oj-private-node="${d}"]`):"link"===e.type?t.current?.querySelector(`[data-oj-private-link="${d}"]`):t.current?.querySelector(`[data-oj-private-promoted-link="${se(d)}"]`),{type:"element",context:c,elem:n||null}}return{type:"pointer",context:c}},contextMenuOptions:{isDisabled:!n},rootRef:t,contextMenuConfig:n,onContextMenuDismissed:o});return{contextMenuContent:a,contextMenuProps:d}})({focusedItemInfo:Te,rootRef:X,contextMenuConfig:e.length>0?R:void 0,onContextMenuDismissed:Ye,nodesMap:H,linksMap:te,promotedLinkMap:xe}),tt=m.mergeProps(be,Oe,Ze,_e,et);return t.jsxs("div",{ref:X,class:o.outerStyles,...tt,style:qe,tabIndex:0,role:"application","aria-label":C["aria-label"],"aria-labelledby":C["aria-labelledby"],"aria-describedby":v.l([C["aria-describedby"],Fe]),"aria-activedescendant":Ee,children:[de?t.jsx(ze,{centerX:Se,centerY:Le,zoom:Ne,width:i,height:s,children:t.jsx(Ie,{nodes:_,links:Q,zoom:Ne,nodeRenderer:h,linkRenderer:p,width:i,height:s,nodeBounds:j,linkDimensions:E.current,promotedLinkDimensions:O.current,states:Je.current,onNodeSizeChanged:(e,t,o)=>{ie.set(o,{width:e,height:t}),ne.current||(ne.current=!0,window.requestAnimationFrame((()=>{const{labelDims:e,layoutJSON:t}=F(H,te,ye,ie,i,s,Ne,q,X,de);ae.current=e;const o=u(t),{nodePoints:r,nodeLabelPos:d,linkLabelPos:a}=G(o,_,Q);ue.current=d,he.current=a;const{nodeBounds:l,nodeAbsBounds:c}=function(e,t,n){const o=new Map,i=new Map;return e.forEach(((e,r)=>{const s=t.get(r),d=U(r,void 0,n);s&&o.set(r,{x:s.x,y:s.y,width:e.width,height:e.height}),d&&i.set(r,{x:d.x,y:d.y,width:e.width,height:e.height})})),{nodeBounds:o,nodeAbsBounds:i}}(ie,r,X),h=function(e,t=new Map,n=new Map,o,i){if(0===t.size)return;let r,s,d=1/0,a=1/0,l=-1/0,c=-1/0;return t.forEach(((t,n)=>{r=J(t,e.get(n),o),s=U(n,null,i),s&&(d=r.x+s.x<d?r.x+s.x:d,a=r.y+s.y<a?r.y+s.y:a,l=r.x+r.width+s.x>l?r.x+r.width+s.x:l,c=r.y+r.height+s.y>c?r.y+r.height+s.y:c)})),n.forEach(((t,n)=>{r=J(t,e.get(n),o),r&&(d=r.x<d?r.x:d,a=r.y<a?r.y:a,l=r.x+r.width>l?r.x+r.width:l,c=r.y+r.height>c?r.y+r.height:c)})),{x:d,width:l-d,y:a,height:c-a}}(e,d,a,"rtl"===V,X);!function(e,t){if(e.size!==t.size)return!1;let n=!0;return e.forEach(((e,o)=>{const i=t.get(o);i?(Math.abs(e.x-i.x)>.5||Math.abs(e.y-i.y)>.5||Math.abs(e.width-i.width)>.5||Math.abs(e.height-i.height)>.5)&&(n=!1):n=!1})),n}(l,j)||le.current||ce.current?(ce.current=function(e,t,n){const o=[];n.forEach((e=>{o.includes(e.startNode)||o.push(e.startNode),o.includes(e.endNode)||o.push(e.endNode)}));let i=!1;return e.forEach(((e,n)=>{const r=t.get(n);let s=!0;r?(Math.abs(e.x-r.x)>.5||Math.abs(e.y-r.y)>.5||Math.abs(e.width-r.width)>.5||Math.abs(e.height-r.height)>.5)&&(s=!1):s=!1,!s&&o.includes(n)&&(i=!0)})),i}(l,j,n),Y(l),B(c),A(h),fe(o),le.current=!1,Ue("hidden")):"hidden"==Ke&&Ue("visible"),ne.current=!1})))},onLinkSizeChanged:(e,t,n)=>{if(0!==e||0!==t){const o=E.current.get(n);(!o||o&&(Math.abs(e-o.width)>.5||Math.abs(t-o.height)>.5))&&(E.current.set(n,{width:e,height:t}),le.current=!0)}},onPromotedLinkSizeChanged:(e,t,n)=>{if(0!==e||0!==t){const o=O.current.get(n);(!o||o&&(Math.abs(e-o.width)>.5||Math.abs(t-o.height)>.5))&&(O.current.set(n,{width:e,height:t}),le.current=!0)}},nodeLabelPositions:ue.current,linkLabelPositions:he.current,labelDimensions:ae.current,supportsSelection:"none"!==l||!!(a?.nodes&&a.nodes.length>0)||!!(a?.links&&a.links.length>0),layoutOutput:ge,nodeIdToParentMap:q,rootRef:X,combinedNodeBounds:ke,nodeBoundsRef:me,promotedLinks:ye,normalizeLinks:z})}):void 0,re,Ve,Qe,Ae,ve]})}e.BaseDiagram=function({width:e,height:i,...r}){return r.nodes&&r.nodes.length>0?t.jsx(n.TrackResizeContainer,{width:e,height:i,class:o.dimensionStyle,children:(e,n)=>t.jsx(We,{width:e,height:n,...r})}):null}}));
+//# sourceMappingURL=BaseDiagram-b9695479.js.map