@oracle/oraclejet-preact 19.0.5 → 19.0.6

package/amd/ComboChart-e61b5581.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboChart-e61b5581.js","sources":["../../src/UNSAFE_ComboChart/ComboChart.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\nimport { ComboChartProps, LineAreaItem } from './ComboChart.types';\nimport {\n  findNearestDataPoint,\n  getStartAndEndAxesOffset\n} from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { AreaSeries } from '#PRIVATE_LineAreaComponents/AreaSeries';\nimport { getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { colorSchemeVars } from '@oracle/oraclejet-internal-theme-contract/themeContract.css';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { BarGroup } from '#UNSAFE_BarChart/BarGroup';\nimport { getBarPosition } from '#UNSAFE_BarChart/utils/barLayoutUtils';\nimport { getLineAreaChartItemPosition } from '#PRIVATE_LineAreaComponents/utils/chartUtils';\nimport { getBarGapRatio } from '#UNSAFE_BarChart/utils/barSeriesUtils';\n\nconst LINE_WITH_AREA_OPACITY = 0.2;\n\n/**\n * The ComboChart displays information graphically using bars, lines and filled areas, making relationships among the data easier to understand.\n */\nexport function ComboChart<K extends string | number, D extends LineAreaItem<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  isStacked = false,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataItemGaps = 0.5,\n  dataLabelEffect = 'outline',\n  ...props\n}: ComboChartProps<K, D>) {\n  const { direction, forcedColors } = useUser();\n  const isHighContrast = forcedColors === 'active';\n  const filteredBarSeries = series.filter((currentSeries) => currentSeries.type === 'bar');\n  const isRtl = direction === 'rtl';\n  const isLog = yAxis?.scale === 'log';\n  const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n  const hiddenSet = new Set(hiddenIds);\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n  const isHoriz = orientation === 'horizontal';\n  const colors = getColorRamp();\n  // TODO: JET-71332 ; should only be (number | undefined)[][]\n  // remove the type inference from scatter chart item.\n  let renderedSeries = getSeriesData<K, D>(\n    series.length,\n    groups.length,\n    getDataItem,\n    hiddenSet,\n    isLog\n  );\n\n  const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined => {\n    if (!isStacked) return getDataItem(seriesIndex, groupIndex);\n    return {\n      ...getDataItem(seriesIndex, groupIndex),\n      value: renderedSeries[seriesIndex][groupIndex]\n    } as D;\n  };\n\n  const getGapRatio = () => {\n    return 1;\n  };\n\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    // TODO: JET-71332\n    //@ts-ignore\n    return getLineAreaChartNavUtil<D>(\n      getDataItem,\n      series.length,\n      startIndex,\n      endIndex,\n      isStacked,\n      isRtl,\n      isHoriz\n    );\n  };\n  const isSplitDualY = typeof props.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    const _getBarPosition = hasBar\n      ? getBarPosition(\n          filteredBarSeries,\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          timeAxisType\n        )\n      : undefined;\n\n    return (seriesIndex: number, groupIndex: number) => {\n      const seriesItem = series[seriesIndex];\n      if (seriesItem.type === 'bar') {\n        return _getBarPosition ? _getBarPosition(seriesIndex, groupIndex) : undefined;\n      } else {\n        return getLineAreaChartItemPosition(\n          seriesIndex,\n          groupIndex,\n          renderedSeries,\n          getDataItem,\n          groups,\n          isHoriz,\n          xScale,\n          yScale,\n          timeAxisType\n        );\n      }\n    };\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    const color = getItemColor(seriesIndex, groupIndex, series, getDataItem);\n    const markerType = getMarkerType(seriesIndex, groupIndex, getDataItem);\n    return { color, markerType };\n  };\n\n  const findNearest = (xScale: Scale, yScale: Scale, y2Scale: Scale) => {\n    const getSeriesDataInfo = () => {\n      return {\n        offset: 0,\n        dataWidth: 0\n      };\n    };\n\n    const getYCoord = (value: number, yScale: Scale) => {\n      return yScale.transform(value);\n    };\n\n    return findNearestDataPoint<K, D>(\n      series,\n      groups,\n      xScale,\n      yScale,\n      renderedGetDataItem,\n      isStacked,\n      getSeriesDataInfo,\n      getYCoord,\n      isLog,\n      0,\n      hiddenSet,\n      timeAxisType,\n      y2Scale\n    );\n  };\n  const markers = getMarkers();\n\n  const allLineSegmentCoords: Point[][] = [];\n\n  const { hasBar, hasCenteredSeries, hasUncenteredSeries, hasArea } = (\n    series as { lineType: string; type: string }[]\n  ).reduce(\n    (acc, s) => {\n      return {\n        hasArea: acc.hasArea || s.type === 'area' || s.type === 'lineWithArea',\n        hasBar: acc.hasBar || s.type === 'bar',\n        hasCenteredSeries:\n          acc.hasCenteredSeries ||\n          s.lineType === 'centeredSegmented' ||\n          s.lineType === 'centeredStepped',\n        hasUncenteredSeries:\n          acc.hasUncenteredSeries || s.lineType === 'segmented' || s.lineType === 'stepped'\n      };\n    },\n    { hasBar: false, hasCenteredSeries: false, hasUncenteredSeries: false, hasArea: false }\n  );\n\n  const getOffset = (groupCount: number) => {\n    return getStartAndEndAxesOffset(\n      hasCenteredSeries,\n      hasUncenteredSeries,\n      isHoriz,\n      groupCount,\n      hasBar\n    );\n  };\n\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      series={series}\n      defaultOverviewContentRenderer={() => {\n        return <OverviewComboChart groups={groups} series={series} getDataItem={getDataItem} />;\n      }}\n      groups={groups}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      isStacked={isStacked}\n      getDataItem={getDataItem}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getMarkerInfo={getMarkerColorAndType}\n      renderGridLinesInFront={hasArea}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      getStartAndEndAxesOffset={getOffset}\n      isRtl={isRtl}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        groupsInfo,\n        yScale,\n        y2Scale,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        isPointInsideMarquee,\n        getTextDimensions,\n        defaultFontSize,\n        axisStepWidth,\n        averageGroupZ,\n        getItemAriaLabel,\n        plotAreaClipPathId\n      }) => {\n        let barSeriesIndex = -1;\n        const leafGroups = groupsInfo.map(({ item }) => item);\n        renderedSeries = getSeriesData<K, D>(\n          series.length,\n          leafGroups.length,\n          getDataItem,\n          hiddenSet,\n          isLog\n        );\n\n        return (\n          <>\n            {renderedSeries.map((valueSeries, index) => {\n              const currentSeries = series[index];\n              const isAssociatedToY2 = currentSeries.associatedYAxis === 'y2';\n              const areaOpacity =\n                currentSeries.type === 'lineWithArea' ? LINE_WITH_AREA_OPACITY : 1;\n              const isAreaRendered =\n                currentSeries.type === 'area' || currentSeries.type === 'lineWithArea';\n              const isContrastLineNeeded = currentSeries.type === 'area';\n\n              if (valueSeries.length === 0) {\n                return;\n              }\n\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                isAssociatedToY2 ? y2Scale : yScale,\n                xScale,\n                valueSeries,\n                xStartIndex,\n                xEndIndex,\n                isLog,\n                leafGroups,\n                index,\n                renderedGetDataItem,\n                timeAxisType\n              );\n              allLineSegmentCoords[index] = lineSegmentCoords[0];\n              const isBottomSegmentCurved =\n                currentSeries.type !== 'bar'\n                  ? currentSeries.lineType === 'curved' &&\n                    isStacked &&\n                    renderedSeries.length > 1 &&\n                    index > 0\n                  : isStacked && renderedSeries.length > 1 && index > 0;\n\n              const isHighlighted =\n                highlightedIds === undefined ||\n                highlightedSet.size === 0 ||\n                highlightedSet.has(currentSeries.id);\n\n              const prevCoords =\n                isStacked && index != 0\n                  ? allLineSegmentCoords.reduce((prevValue, newValue, j) => {\n                      // find the index i such that i < index, and series i  has at least\n                      // one or more data item unhidden. Only such series will can be\n                      // used as bottomCoord for current series. Otherwise we have to use\n                      // baseline coord\n                      if (j >= index) {\n                        return prevValue;\n                      }\n                      if (newValue.length > 0) {\n                        return j;\n                      }\n                      return prevValue;\n                    }, 0)\n                  : undefined;\n              if (currentSeries.type === 'bar') barSeriesIndex = barSeriesIndex + 1;\n              return (\n                <>\n                  {currentSeries.type === 'bar' &&\n                    leafGroups.slice(xStartIndex, xEndIndex + 1).map((_, index) => {\n                      const barGroup = (\n                        <BarGroup\n                          plotAreaClipPathId={plotAreaClipPathId}\n                          yScale={yScale}\n                          y2Scale={y2Scale}\n                          xScale={xScale}\n                          splitDualY={isSplitDualY}\n                          groupIndex={index + xStartIndex}\n                          selectedIds={selectedSet}\n                          hiddenIds={hiddenSet}\n                          highlightedIds={highlightedIds ? highlightedSet : highlightedIds}\n                          isDrillEnabled={drilling === 'on'}\n                          series={filteredBarSeries}\n                          barGapRatio={getBarGapRatio(isStacked, xStartIndex, xEndIndex)}\n                          dataItemGaps={dataItemGaps}\n                          isPointInsideMarquee={isPointInsideMarquee}\n                          isStacked={isStacked}\n                          axisStepWidth={axisStepWidth}\n                          averageGroupZ={averageGroupZ!}\n                          group={leafGroups[index]}\n                          timeAxisType={(props.xAxis as TimeAxisProps)?.timeAxisType}\n                          colors={colors}\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                          seriesIndex={barSeriesIndex}\n                          getItemAriaLabel={getItemAriaLabel}\n                        />\n                      );\n\n                      return barGroup;\n                    })}\n                  {isAreaRendered && (\n                    <AreaSeries\n                      yScale={isAssociatedToY2 ? y2Scale : yScale}\n                      plotAreaClipPathId={plotAreaClipPathId}\n                      lineType={currentSeries.lineType}\n                      color={currentSeries.areaColor || colors[index % colors.length]}\n                      isHorizontal={isHoriz}\n                      areaColorOpacity={areaOpacity}\n                      isBottomSegmentCurved={isBottomSegmentCurved}\n                      bottomCoords={\n                        prevCoords !== undefined &&\n                        allLineSegmentCoords[prevCoords].some((value) => value != null)\n                          ? allLineSegmentCoords[prevCoords]\n                          : undefined\n                      }\n                      lineSegments={lineSegmentCoords}\n                      isLog={isLog}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                      groupWidth={axisStepWidth}\n                      isRtl={isRtl}\n                      timeAxisType={timeAxisType}\n                    />\n                  )}\n                  {currentSeries.type === 'line' && (\n                    <LineSeries\n                      plotAreaClipPathId={plotAreaClipPathId}\n                      lineType={currentSeries.lineType}\n                      lineColor={\n                        isContrastLineNeeded\n                          ? colorSchemeVars.dvt.contrastLine\n                          : currentSeries.lineColor\n                      }\n                      lineWidth={isContrastLineNeeded ? 1.25 : currentSeries.lineWidth}\n                      lineStyle={currentSeries.lineStyle || 'solid'}\n                      color={currentSeries.lineColor || colors[index % colors.length]}\n                      lineSegmentCoords={lineSegmentCoords}\n                      isHorizontal={isHoriz}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                      groupWidth={axisStepWidth}\n                      isRtl={isRtl}\n                      timeAxisType={timeAxisType}\n                    />\n                  )}\n                  {\n                    /*for non stacked charts, markers should render in the order of series.\n                     some markers might get hidden behind area but this preserves the legacy behavior. */\n                    !isStacked && (currentSeries.type === 'line' || isAreaRendered) && (\n                      <MarkersWithLabel\n                        yScale={isAssociatedToY2 ? y2Scale : yScale}\n                        xScale={xScale}\n                        groups={leafGroups}\n                        series={currentSeries}\n                        timeAxisType={timeAxisType}\n                        color={\n                          colors[\n                            index % colors.length\n                          ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n                        }\n                        seriesIndex={index}\n                        startIndex={xStartIndex}\n                        endIndex={xEndIndex}\n                        markerType={markers[index % markers.length]}\n                        orientation={orientation}\n                        isLog={isLog}\n                        activeId={activeId}\n                        getDataItem={getDataItem}\n                        isPointInsideMarquee={isPointInsideMarquee}\n                        selectedIds={selectedSet}\n                        focusedItemIndex={\n                          focusedItemInfo.seriesIndex === index &&\n                          focusedItemInfo.isFocusVisible &&\n                          !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n                            ? focusedItemInfo.groupIndex\n                            : undefined\n                        }\n                        hoveredItemIndex={\n                          hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                            ? hoveredItemInfo.groupIndex\n                            : undefined\n                        }\n                        isSelectionEnabled={\n                          selectionMode === 'single' || selectionMode === 'multiple'\n                        }\n                        isDrillEnabled={drilling === 'on'}\n                        defaultFontSize={defaultFontSize}\n                        dataLabelEffect={dataLabelEffect}\n                        isHighContrast={isHighContrast}\n                        getItemAriaLabel={getItemAriaLabel}\n                      />\n                    )\n                  }\n                </>\n              );\n            })}\n          </>\n          //TODO - handle isStack part\n        );\n      }}\n    </Chart>\n  );\n}\n\nfunction OverviewComboChart<K extends string | number, D extends LineAreaItem<K>>(\n  props: ComboChartProps<K, D>\n) {\n  return (\n    <ComboChart\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"],"names":["ComboChart","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","series","groups","isStacked","getDataItem","selectionMode","drilling","dataItemGaps","dataLabelEffect","props","direction","forcedColors","useUser","isHighContrast","filteredBarSeries","filter","currentSeries","type","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getSeriesData","length","renderedGetDataItem","seriesIndex","groupIndex","value","isSplitDualY","y2Axis","split","markers","getMarkers","allLineSegmentCoords","hasBar","hasCenteredSeries","hasUncenteredSeries","hasArea","reduce","acc","s","lineType","_jsx","jsx","Chart","defaultOverviewContentRenderer","OverviewComboChart","findNearest","xScale","yScale","y2Scale","findNearestDataPoint","offset","dataWidth","transform","getDataItemPos","axisStepWidth","averageGroupZ","gapRatio","_getBarPosition","getBarPosition","undefined","getLineAreaChartItemPosition","getMarkerInfo","color","getItemColor","markerType","getMarkerType","renderGridLinesInFront","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","getStartAndEndAxesOffset","groupCount","children","xStartIndex","xEndIndex","groupsInfo","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","getTextDimensions","defaultFontSize","getItemAriaLabel","plotAreaClipPathId","barSeriesIndex","leafGroups","map","item","_Fragment","Fragment","valueSeries","index","isAssociatedToY2","associatedYAxis","areaOpacity","isAreaRendered","isContrastLineNeeded","lineSegmentCoords","getLineAreaSegments","isBottomSegmentCurved","isHighlighted","size","has","id","prevCoords","prevValue","newValue","j","_jsxs","slice","_","BarGroup","splitDualY","isDrillEnabled","barGapRatio","getBarGapRatio","group","isSelectionEnabled","AreaSeries","areaColor","isHorizontal","areaColorOpacity","bottomCoords","some","lineSegments","groupWidth","LineSeries","lineColor","colorSchemeVars","dvt","contrastLine","lineWidth","lineStyle","MarkersWithLabel","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","datatip","content","zoomAndScroll","plotArea","yMajorTick","isRendered","xMajorTick","tickLabel","autoRotate","overview"],"mappings":"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"}

package/amd/CompactHelpSource-103a8263.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useTranslationBundle-27bf6340', './classNames-08d99695', './Help-99314e05', './Popup-062b66ff', './useFocusWithin-5a504fca', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './useComponentTheme-5aa41a8f', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,o,n,t,u,a,c,r,l,i,p,d){"use strict";function b(){const e=o.useRef(null),{focusProps:s,isFocused:n}=l.useFocusWithin();return{isFocused:n,popupProps:{onTransitionEnd:o.useCallback((o=>{o?(s.onFocusIn&&e.current?.addEventListener("focusin",s.onFocusIn,!1),s.onFocusOut&&e.current?.addEventListener("focusout",s.onFocusOut,!1)):(s.onFocusIn&&e.current?.removeEventListener("focusin",s.onFocusIn,!1),s.onFocusOut&&e.current?.removeEventListener("focusout",s.onFocusOut,!1))}),[s.onFocusIn,s.onFocusOut,e]),ref:e}}}e.CompactHelpSource=function({children:e,id:n,labelEdge:l,source:f}){const[h,F]=o.useState(!1),m=u.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),{isTabbable:x,tabbableModeProps:T}=t.useTabbableMode(),E=o.useRef(null),v=e??m,{baseTheme:L}=p.useComponentTheme(d.LabelRedwoodTheme),I=a.classNames([L,i.helpIconBase,"start"===l&&i.helpIconLabelEdgeStart]),{isFocused:S,popupProps:j}=b(),A=!0===h||!0===S;return s.jsxs(s.Fragment,{children:[s.jsx("a",{target:"_blank",...f&&{href:f},"aria-label":v,class:I,id:n,ref:E,role:"link",onMouseEnter:()=>F(!0),onMouseLeave:()=>F(!1),onFocus:()=>F(!0),onBlur:()=>F(!1),...x?{tabIndex:0}:T,children:s.jsx(c.SvgHelp,{})}),s.jsx(r.Popup,{...j,placement:"end-top-corner",isOpen:A,anchorRef:E,flipOptions:{mainAxis:!0,crossAxis:!1},role:"tooltip",maxWidth:"296px",children:s.jsx("div",{class:i.helpContentStyles,children:v})})]})},e.usePopupFocusWithin=b}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useTranslationBundle-8e42d505', './classNames-08d99695', './Help-99314e05', './Popup-695781d6', './useFocusWithin-5a504fca', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './useComponentTheme-5aa41a8f', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,o,n,t,u,a,c,r,l,i,d,p){"use strict";function b(){const e=o.useRef(null),{focusProps:s,isFocused:n}=l.useFocusWithin();return{isFocused:n,popupProps:{onTransitionEnd:o.useCallback((o=>{o?(s.onFocusIn&&e.current?.addEventListener("focusin",s.onFocusIn,!1),s.onFocusOut&&e.current?.addEventListener("focusout",s.onFocusOut,!1)):(s.onFocusIn&&e.current?.removeEventListener("focusin",s.onFocusIn,!1),s.onFocusOut&&e.current?.removeEventListener("focusout",s.onFocusOut,!1))}),[s.onFocusIn,s.onFocusOut,e]),ref:e}}}e.CompactHelpSource=function({children:e,id:n,labelEdge:l,source:h}){const[F,f]=o.useState(!1),m=u.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),{isTabbable:x,tabbableModeProps:T}=t.useTabbableMode(),E=o.useRef(null),v=e??m,{baseTheme:L}=d.useComponentTheme(p.LabelRedwoodTheme),I=a.classNames([L,i.helpIconBase,"start"===l&&i.helpIconLabelEdgeStart]),{isFocused:S,popupProps:j}=b(),A=!0===F||!0===S;return s.jsxs(s.Fragment,{children:[s.jsx("a",{target:"_blank",...h&&{href:h},"aria-label":v,class:I,id:n,ref:E,role:"link",onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),onFocus:()=>f(!0),onBlur:()=>f(!1),...x?{tabIndex:0}:T,children:s.jsx(c.SvgHelp,{})}),s.jsx(r.Popup,{...j,placement:"end-top-corner",isOpen:A,anchorRef:E,flipOptions:{mainAxis:!0,crossAxis:!1},role:"tooltip",maxWidth:"296px",children:s.jsx("div",{class:i.helpContentStyles,children:v})})]})},e.usePopupFocusWithin=b}));
 //# sourceMappingURL=CompactHelpSource-103a8263.js.map

package/amd/CompactLabelAssistance-deb90940.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './useTooltip-75a63697', 'preact/hooks', './logger-0f873e29', './LayerHost-daf96749', 'preact/compat', './classNames-08d99695', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', './useTranslationBundle-8e42d505', './CompactHelpSource-103a8263', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css'], (function(e,s,t,o,a,r,l,n,c,i,p,d,u,h,m){"use strict";e.CompactLabelAssistance=({helpIconId:e,helpSourceLink:o,helpSourceText:a,isRequiredShown:r,labelEdge:l})=>{const c=u.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required(),{tooltipContent:i,tooltipProps:p}=t.useTooltip({text:c,offset:{mainAxis:8}}),d=n.classNames([m.requiredIconBase,"start"===l&&m.requiredIconLabelEdgeStart]),S=r&&s.jsxs("span",{children:[s.jsx("span",{class:d,...p}),i]}),T=(o||a)&&s.jsx(h.CompactHelpSource,{id:e,labelEdge:l,source:o,children:a});return s.jsxs(s.Fragment,{children:["start"!==l&&S,T,"start"===l&&S]})}}));
+//# sourceMappingURL=CompactLabelAssistance-deb90940.js.map

package/amd/CompactLabelAssistance-deb90940.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactLabelAssistance-deb90940.js","sources":["../../src/UNSAFE_UserAssistance/CompactLabelAssistance.tsx"],"sourcesContent":["import { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CompactHelpSource } from './CompactHelpSource';\nimport { requiredIconBase, requiredIconLabelEdgeStart } from './themes/UserAssistanceStyles.css';\n\ntype Props = {\n  helpIconId?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  isRequiredShown?: boolean;\n  labelEdge?: 'inside' | 'start' | 'top';\n};\n\nconst CompactLabelAssistance = ({\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  isRequiredShown,\n  labelEdge\n}: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: requiredStr,\n    offset: { mainAxis: 8 }\n  });\n\n  const requiredStyles = classNames([\n    requiredIconBase,\n    labelEdge === 'start' && requiredIconLabelEdgeStart\n  ]);\n  const requiredIndicator = isRequiredShown && (\n    <span>\n      <span class={requiredStyles} {...tooltipProps} />\n      {tooltipContent}\n    </span>\n  );\n\n  const helpIndicator = (helpSourceLink || helpSourceText) && (\n    <CompactHelpSource id={helpIconId} labelEdge={labelEdge} source={helpSourceLink}>\n      {helpSourceText}\n    </CompactHelpSource>\n  );\n\n  return (\n    <>\n      {labelEdge !== 'start' && requiredIndicator}\n      {helpIndicator}\n      {labelEdge === 'start' && requiredIndicator}\n    </>\n  );\n};\n\nexport { CompactLabelAssistance };\n"],"names":["helpIconId","helpSourceLink","helpSourceText","isRequiredShown","labelEdge","requiredStr","useTranslationBundle","userAssistance_required","tooltipContent","tooltipProps","useTooltip","text","offset","mainAxis","requiredStyles","classNames","requiredIconBase","requiredIconLabelEdgeStart","requiredIndicator","_jsxs","_jsx","class","helpIndicator","jsx","CompactHelpSource","id","source","children","jsxs","_Fragment","Fragment"],"mappings":"8jBAe+B,EAC7BA,aACAC,iBACAC,iBACAC,kBACAC,gBAEA,MACMC,EADeC,uBAAiC,4BACrBC,2BAE3BC,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMN,EACNO,OAAQ,CAAEC,SAAU,KAGhBC,EAAiBC,EAAAA,WAAW,CAChCC,EAAgBA,iBACF,UAAdZ,GAAyBa,EAA0BA,6BAE/CC,EAAoBf,GACxBgB,yBACEC,MAAM,OAAA,CAAAC,MAAOP,KAAoBL,IAChCD,KAICc,GAAiBrB,GAAkBC,IACvCkB,EAACG,IAAAC,EAAiBA,kBAAC,CAAAC,GAAIzB,EAAYI,UAAWA,EAAWsB,OAAQzB,EAC9D0B,SAAAzB,IAIL,OACEiB,EACGS,KAAAC,EAAAC,SAAA,CAAAH,SAAA,CAAc,UAAdvB,GAAyBc,EACzBI,EACc,UAAdlB,GAAyBc,IAE5B"}

package/amd/CompactUserAssistance-5ef03b0a.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useComponentTheme-5aa41a8f', 'preact/hooks', './Flex-4bc3a394', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-7d4aa6d3', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './ComponentMessageContainer-7d775a43', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './Popup-062b66ff', './Separator-181f7541', './CompactHelpSource-103a8263', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css'], (function(e,s,t,o,n,a,i,r,l,c,p,d,m,h,u,g,y,C,S,F,x,A,U,f,M,T,b,B,w,E,N,_,j,v){"use strict";e.CompactUserAssistance=function({anchorRef:e,assistiveText:o,fieldLabel:n,id:a,messages:i=[]}){const{isInputFocused:r,isReadonly:l}=E.useFormFieldContext(),{isFocused:c,popupProps:p}=j.usePopupFocusWithin(),d=!0===r||!0===c,{baseTheme:m}=t.useComponentTheme(b.UserAssistanceRedwoodTheme);return!0!==l&&(i.length>0||o)?s.jsx(N.Popup,{...p,placement:"end-top-corner",isOpen:d,anchorRef:e,flipOptions:{mainAxis:!0,crossAxis:!1},tail:"simple",role:"tooltip",maxWidth:"296px",children:s.jsxs("div",{id:a,class:m,children:[i.length>0&&s.jsx(B.ComponentMessageContainer,{fieldLabel:n,messages:i}),i.length>0&&o&&s.jsx("span",{class:v.dividerStyle,children:s.jsx(_.Separator,{})}),o&&s.jsx("span",{class:v.assistiveStyles,children:o})]})}):null}}));
+define(['exports', 'preact/jsx-runtime', './useComponentTheme-5aa41a8f', 'preact/hooks', './Flex-07d2aa5b', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-daf96749', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './ComponentMessageContainer-7d775a43', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './Popup-695781d6', './Separator-181f7541', './CompactHelpSource-103a8263', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css'], (function(e,s,t,o,n,a,i,r,l,c,p,d,m,h,u,g,y,C,S,F,x,A,U,M,T,f,b,B,w,E,N,_,j,v){"use strict";e.CompactUserAssistance=function({anchorRef:e,assistiveText:o,fieldLabel:n,id:a,messages:i=[]}){const{isInputFocused:r,isReadonly:l}=E.useFormFieldContext(),{isFocused:c,popupProps:p}=j.usePopupFocusWithin(),d=!0===r||!0===c,{baseTheme:m}=t.useComponentTheme(b.UserAssistanceRedwoodTheme);return!0!==l&&(i.length>0||o)?s.jsx(N.Popup,{...p,placement:"end-top-corner",isOpen:d,anchorRef:e,flipOptions:{mainAxis:!0,crossAxis:!1},tail:"simple",role:"tooltip",maxWidth:"296px",children:s.jsxs("div",{id:a,class:m,children:[i.length>0&&s.jsx(B.ComponentMessageContainer,{fieldLabel:n,messages:i}),i.length>0&&o&&s.jsx("span",{class:v.dividerStyle,children:s.jsx(_.Separator,{})}),o&&s.jsx("span",{class:v.assistiveStyles,children:o})]})}):null}}));
 //# sourceMappingURL=CompactUserAssistance-5ef03b0a.js.map

package/amd/ComponentMessageContainer-7d775a43.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-4bc3a394', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', './logger-0f873e29', 'preact', './useTestId-a2e433c2', './LayerHost-7d4aa6d3', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './MessagesManager-1a6283c1', './useComponentTheme-5aa41a8f', './classNames-08d99695', './clientHints-6d361eaa', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css'], (function(e,s,t,a,n,o,i,r,d,l,c,m,g,p,y,h,u,M,T,f,C,v,S,A,x,I,U,b,N,w){"use strict";function B({detail:e,fieldLabel:t,severity:a="error",testId:n}){const{classes:o}=v.useComponentTheme(b.ComponentMessageRedwoodTheme,{severity:a??"none"}),{baseTheme:i}=v.useComponentTheme(N.UserAssistanceRedwoodTheme),r=S.classNames([o,i]),d=l.useTestId(n);return s.jsxs("div",{class:r,..."ios"===A.getClientHints().platform&&"safari"===A.getClientHints().browser?{"aria-live":"assertive"}:{role:"alert"},"aria-atomic":"true",...d,children:[t&&s.jsx(U.HiddenAccessible,{children:t}),C.isSeverityIconNeeded(a)&&s.jsx(C.MessageStartIcon,{severity:a,testId:n?`${n}-icon`:void 0,variant:"inline"}),s.jsx(C.MessageSummary,{testId:n?`${n}-summary`:void 0,text:e,variant:"inline"})]})}function F(e){return e.map(((e,s)=>({key:s,data:{closeAffordance:"off",severity:e.severity||"error",detail:e.detail}})))}e.ComponentMessage=B,e.ComponentMessageContainer=function({fieldLabel:e,messages:t=[],testId:a}){const n=l.useTestId(a);return s.jsx("div",{class:w.componentMessageContainerBase,...n,children:s.jsx(C.MessagesManager,{data:F(t),children:({item:t})=>s.jsx(B,{detail:t.data.detail,fieldLabel:e,severity:t.data.severity,testId:a?`${a}-message-${t.key}`:void 0},t.key)})})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-07d2aa5b', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', './logger-0f873e29', 'preact', './useTestId-9afc201a', './LayerHost-daf96749', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './MessagesManager-1a6283c1', './useComponentTheme-5aa41a8f', './classNames-08d99695', './clientHints-6d361eaa', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css'], (function(e,s,t,a,n,o,i,r,d,l,c,m,g,p,y,h,u,M,f,T,C,v,S,A,b,x,I,U,N,w){"use strict";function B({detail:e,fieldLabel:t,severity:a="error",testId:n}){const{classes:o}=v.useComponentTheme(U.ComponentMessageRedwoodTheme,{severity:a??"none"}),{baseTheme:i}=v.useComponentTheme(N.UserAssistanceRedwoodTheme),r=S.classNames([o,i]),d=l.useTestId(n);return s.jsxs("div",{class:r,..."ios"===A.getClientHints().platform&&"safari"===A.getClientHints().browser?{"aria-live":"assertive"}:{role:"alert"},"aria-atomic":"true",...d,children:[t&&s.jsx(I.HiddenAccessible,{children:t}),C.isSeverityIconNeeded(a)&&s.jsx(C.MessageStartIcon,{severity:a,testId:n?`${n}-icon`:void 0,variant:"inline"}),s.jsx(C.MessageSummary,{testId:n?`${n}-summary`:void 0,text:e,variant:"inline"})]})}function F(e){return e.map(((e,s)=>({key:s,data:{closeAffordance:"off",severity:e.severity||"error",detail:e.detail}})))}e.ComponentMessage=B,e.ComponentMessageContainer=function({fieldLabel:e,messages:t=[],testId:a}){const n=l.useTestId(a);return s.jsx("div",{class:w.componentMessageContainerBase,...n,children:s.jsx(C.MessagesManager,{data:F(t),children:({item:t})=>s.jsx(B,{detail:t.data.detail,fieldLabel:e,severity:t.data.severity,testId:a?`${a}-message-${t.key}`:void 0},t.key)})})}}));
 //# sourceMappingURL=ComponentMessageContainer-7d775a43.js.map

package/amd/ConveyorBelt-b9ab13cc.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './BaseButton-2c9850cb', './ButtonLabelLayout-9cc087dc', './ChevronLeft-b190b987', './ChevronRight-3c1f1b2c', './ChevronUp-fd41f17e', './ChevronDown-1d01f028', './classNames-08d99695', './UNSAFE_ConveyorBelt/themes/ConveyorBeltStyles.css', './useUser-988f7da2', './clientHints-6d361eaa', './ConveyorBeltContext-d8653090', './useTestId-a2e433c2', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltTheme'], (function(e,t,r,n,o,s,i,c,l,u,f,h,a,d,m,v,g,b){"use strict";function C(){return"phone"===a.getClientHints().deviceRenderMode}function p(e){return"fixed"===getComputedStyle(e).position?null:e.offsetParent}function x(e,t){let r=p(e),n=e.offsetLeft;for(;r&&r!==t&&r!==document.body;)n+=r.offsetLeft,r=p(r);return n}function W(e,t){let r=p(e),n=e.offsetTop;for(;r!==t;)null!=r&&(n+=r.offsetTop,r=p(r));return n}const y=v.forwardRef((({children:e,scrollPosition:a,onScrollPositionChanged:p,arrowVisibility:y="auto",orientation:T="horizontal",testId:B},R=null)=>{const[H,j]=r.useState(!1),[w,E]=r.useState(!1),I=r.useRef(null),L=r.useRef(null),S=r.useRef(null),z=r.useRef(null),N=r.useRef(null),k=r.useRef(null),A=r.useRef(null),V=r.useRef(null),U=r.useRef(null),[$,F]=r.useState(C()&&"auto"===y||"hidden"===y),{direction:P}=h.useUser(),{itemElementsRef:D,addItem:M}=((e,t,n,o,s)=>{const i=r.useRef(),c=r.useRef([]),[l]=r.useState([]),u=r.useCallback((e=>{null!==c.current&&(c.current.push(e),l.push(e))}),[l]);r.useEffect((()=>{if(l&&l.length>0&&e){const r="horizontal"===t?"ltr"===s?`0px ${o?-o.offsetWidth:0}px 0px ${n?-n.offsetWidth:0}px`:`0px ${n?-n.offsetWidth:0}px 0px ${o?-o.offsetWidth:0}px`:`${o?-o.offsetHeight:0}px 0px ${n?-n.offsetHeight:0}px 0px`;i.current=new IntersectionObserver(f,{root:e,rootMargin:r,threshold:1});for(const e of l)null!=e&&i.current.observe(e.element)}return()=>{for(const e of l)i.current&&null!=e&&i.current.unobserve(e.element)}}),[l,l.length,e,o,n,s,t]);const f=e=>{const t=c.current.map(((t,r)=>{const n=e.find((e=>e.target===t.element));return n?{element:n.target,isVisible:n.isIntersecting,isCurrent:t.isCurrent,index:r}:t}));c.current=t};return r.useMemo((()=>({itemElementsRef:c,addItem:u})),[c,u])})(I.current,T,z.current,S.current,P);v.useImperativeHandle(R,(()=>({scrollElementIntoView:e=>{Z(e)},scrollPrevious:()=>{re()},scrollNext:()=>{ne()}})));const q=m.useTestId(B),O="leftArrow"+B,_="rightArrow"+B,{variantClasses:G}=g.useComponentTheme(b.ConveyorBeltRedwoodTheme,{orientation:T}),{variantClasses:J}=g.useComponentTheme(b.ConveyorBeltRedwoodTheme,{content:T}),{variantClasses:K}=g.useComponentTheme(b.ConveyorBeltRedwoodTheme,{pagination:H&&w?"both":H?"next":w?"previous":"none",direction:P,orientation:T,overflow:T,arrowVisibility:!0===$?"hidden":"visible"}),{classes:Q}=g.useComponentTheme(b.ConveyorBeltRedwoodTheme,{nextButton:T,direction:P}),{classes:X}=g.useComponentTheme(b.ConveyorBeltRedwoodTheme,{previousButton:T,direction:P});r.useEffect((()=>{(()=>{const e=L.current?Array.from(L.current.querySelectorAll("[data-oj-conveyorbelt-item]")):[];if(e){let t=-1;D.current=[];for(const r of e)t++,r&&M({element:r,isVisible:!1,index:t,isCurrent:!1})}})()}));const Y=r.useCallback((()=>{p&&p(I.current?.scrollLeft)}),[p]);r.useEffect((()=>{F(C()&&"auto"===y||"hidden"===y)}),[y]),r.useEffect((()=>{I.current&&I.current.scrollTo({left:a})}),[a]),r.useEffect((()=>{const e=I.current,t=k.current,r=A.current;return e&&t&&r&&($||(V.current=new IntersectionObserver((e=>{e.forEach((e=>{"left"===e.target.getAttribute("data-intersection-id")?E(!e.isIntersecting):j(!e.isIntersecting)}))}),{root:e}),V.current.observe(t),V.current.observe(r)),e.addEventListener("scrollend",Y)),()=>{e&&(e.removeEventListener("scrollend",Y),V.current?.unobserve(t),V.current?.unobserve(r))}}),[$,Y]);const Z=r.useCallback((e=>{const t=z.current?z.current.offsetWidth:0,r=S.current?S.current.offsetHeight:0,n=z.current?z.current.offsetWidth:0,o=S.current?S.current.offsetWidth:0,s=((e,s,i)=>{if(!s||!i)return!1;let c,l,u,f;if(i===document.documentElement)c=0,l=document.documentElement.clientWidth,u=0,f=document.documentElement.clientHeight;else{const e=i.getBoundingClientRect();c=w?e.left+t:e.left,l=H?e.right-n:e.right,u=w?e.top+r:e.top,f=H?e.bottom-o:e.bottom}const h=s.getBoundingClientRect();return"horizontal"===e?h.left<=l&&h.right<=l&&h.left>=c&&h.right>=c:h.top<=f&&h.bottom<=f&&h.top>=u&&h.bottom>=u})(T,e,I.current);if(s)return;const i=((e,t,r)=>{if(!t||!r)return!1;const n=t.getBoundingClientRect(),o=r.getBoundingClientRect();let s=o.width,i=o.height;return"horizontal"===e?(s=w&&z.current?s-z.current.offsetWidth:s,s=H&&S.current?s-S.current.offsetWidth:s):(i=w&&z.current?i-z.current.offsetHeight:i,i=H&&S.current?i-S.current.offsetHeight:i),"horizontal"===e?n.width>s:n.height>i})(T,e,I.current);if(!I.current||!L.current)return;const c=((e,t,r,s)=>{if(!r||!s)return!1;let i,c,l;if(s===document.documentElement)c=0,i=document.documentElement.clientWidth,l=document.documentElement.clientHeight;else{const e=s.getBoundingClientRect();i=H?e.right-n:e.right,c=H?e.left-n:e.left,l=H?e.bottom-o:e.bottom}const u=r.getBoundingClientRect();return"horizontal"===t?e?u.right>i:u.left<c:u.bottom>l})("ltr"===P,T,e,I.current);"vertical"!==T?"ltr"===P?c&&!i?I.current.scrollTo({left:x(e,L.current)+e.offsetWidth-I.current.offsetWidth+(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):I.current.scrollTo({left:x(e,L.current)-(z.current?.offsetWidth?z.current?.offsetWidth+1:0),behavior:"smooth"}):c&&!i?I.current.scrollTo({left:x(e,L.current)-L.current.offsetWidth+I.current.offsetWidth-(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):I.current.scrollTo({left:x(e,L.current)+e.offsetWidth-L.current.offsetWidth+(z.current?.offsetWidth?z.current?.offsetWidth+1:0),behavior:"smooth"}):c&&!i?I.current.scrollTo({top:W(e,L.current)+e.offsetHeight-I.current.offsetHeight+(S.current?.offsetHeight?S.current?.offsetHeight+1:0),behavior:"smooth"}):I.current.scrollTo({top:W(e,L.current)-(z.current?.offsetHeight?z.current?.offsetHeight+1:0),behavior:"smooth"})}),[H,w,P,T]),ee=r.useCallback((()=>{const e=D.current.find((e=>0==e.isVisible&&e.index>=1&&1==D.current[e.index-1].isVisible));return e?.element}),[D]),te=r.useCallback((()=>{const e=D.current.find((e=>0==e.isVisible&&e.index<D.current.length-1&&1==D.current[e.index+1].isVisible));return e?.element}),[D]),re=r.useCallback((()=>{const e=I.current,t="horizontal"===T?I.current?.clientWidth:I.current?.clientHeight;if(e&&t){const r=te();if("vertical"===T)return void(r?e.scrollTo({top:W(r,L.current)+r.offsetHeight-e.offsetHeight+(z.current?.offsetHeight?z.current?.offsetHeight+1:0),behavior:"smooth"}):e.scrollTo({top:e.scrollTop-t,behavior:"smooth"}));"ltr"===P?r?e.scrollTo({left:x(r,L.current)+r.offsetWidth-e.offsetWidth+(z.current?.offsetWidth?z.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft-t,behavior:"smooth"}):r?e.scrollTo({left:x(r,L.current)-(L.current?L.current.offsetWidth:0)+e.offsetWidth-(z.current?.offsetWidth?z.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft+t,behavior:"smooth"})}}),[P,T,te]),ne=r.useCallback((()=>{const e=I.current,t="horizontal"===T?I.current?.clientWidth:I.current?.clientHeight;if(e&&t){const r=ee();if("vertical"===T)return void(r?e.scrollTo({top:W(r,L.current)-(S.current?.offsetHeight?S.current?.offsetHeight+1:0),behavior:"smooth"}):e.scrollTo({top:e.scrollTop+t,behavior:"smooth"}));"ltr"===P?r?e.scrollTo({left:(x(r,L.current)??0)-(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft+t,behavior:"smooth"}):r?e.scrollTo({left:-((L.current?L.current.offsetWidth:0)-(x(r,L.current)??0))+(r?.offsetWidth??0)+(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft-t,behavior:"smooth"})}}),[P,T,ee]),oe=r.useCallback((e=>{if(U.current!==e){const t=D.current.find((t=>t.element===e)),r=D.current.find((e=>!0===e.isCurrent));if(t===r||!t)return;r&&(r.isCurrent=!1),t.isCurrent=!0,U.current=e,e&&Z(e)}}),[D,Z]),se=r.useCallback((e=>{if(!N.current?.isEqualNode(e.target))if(D.current.length>0){const t=D.current.find((t=>t.element.contains(e.target)));t&&Z(t.element)}else Z(e.target)}),[Z,D]),ie=u.classNames([f.styles.buttonContainer,X]),ce=u.classNames([f.styles.buttonContainer,Q]);return t.jsx(d.ConveyorBeltContext.Provider,{value:{setCurrentItem:oe},children:t.jsxs("div",{onFocus:se,ref:N,className:u.classNames([f.styles.conveyorStyle,G]),...q,children:[w&&!$&&t.jsx("div",{ref:z,class:ie,children:t.jsx(n.BaseButton,{elementDetails:{type:"span",isFocusable:!1},styling:["min"],size:"sm",variant:"ghost",onAction:()=>re(),"aria-hidden":!0,testId:O,children:t.jsx(o.ButtonLabelLayout,{size:"sm",display:"icons",startIcon:"horizontal"===T?"ltr"===P?t.jsx(s.SvgChevronLeft,{}):t.jsx(i.SvgChevronRight,{}):t.jsx(c.SvgChevronUp,{})})})}),t.jsx("div",{className:u.classNames([f.styles.overflowContainer,K]),ref:I,tabIndex:-1,children:t.jsxs("div",{className:u.classNames([f.styles.contentContainer,G,J]),ref:L,children:[t.jsx("div",{"data-intersection-id":"left",ref:k,style:{minWidth:1,minHeight:1}}),e,t.jsx("div",{"data-intersection-id":"right",ref:A,style:{minWidth:1,minHeight:1}})]})}),H&&!$&&t.jsx("div",{ref:S,class:ce,children:t.jsx(n.BaseButton,{elementDetails:{type:"span",isFocusable:!1},styling:["min"],size:"sm",variant:"ghost",onAction:()=>ne(),"aria-hidden":!0,testId:_,children:t.jsx(o.ButtonLabelLayout,{size:"sm",display:"icons",startIcon:"horizontal"===T?"ltr"===P?t.jsx(i.SvgChevronRight,{}):t.jsx(s.SvgChevronLeft,{}):t.jsx(l.SvgChevronDown,{})})})})]})})}));e.ConveyorBelt=y}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './BaseButton-d69319ea', './ButtonLabelLayout-9cc087dc', './ChevronLeft-b190b987', './ChevronRight-3c1f1b2c', './ChevronUp-fd41f17e', './ChevronDown-1d01f028', './classNames-08d99695', './UNSAFE_ConveyorBelt/themes/ConveyorBeltStyles.css', './useUser-12ec03f1', './clientHints-6d361eaa', './ConveyorBeltContext-d8653090', './useTestId-9afc201a', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltTheme'], (function(e,t,r,n,o,s,i,c,l,u,f,h,a,d,m,v,g,b){"use strict";function C(){return"phone"===a.getClientHints().deviceRenderMode}function p(e){return"fixed"===getComputedStyle(e).position?null:e.offsetParent}function x(e,t){let r=p(e),n=e.offsetLeft;for(;r&&r!==t&&r!==document.body;)n+=r.offsetLeft,r=p(r);return n}function W(e,t){let r=p(e),n=e.offsetTop;for(;r!==t;)null!=r&&(n+=r.offsetTop,r=p(r));return n}const y=v.forwardRef((({children:e,scrollPosition:a,onScrollPositionChanged:p,arrowVisibility:y="auto",orientation:T="horizontal",testId:B},R=null)=>{const[H,j]=r.useState(!1),[w,E]=r.useState(!1),I=r.useRef(null),L=r.useRef(null),S=r.useRef(null),z=r.useRef(null),N=r.useRef(null),k=r.useRef(null),A=r.useRef(null),V=r.useRef(null),U=r.useRef(null),[$,F]=r.useState(C()&&"auto"===y||"hidden"===y),{direction:P}=h.useUser(),{itemElementsRef:D,addItem:M}=((e,t,n,o,s)=>{const i=r.useRef(),c=r.useRef([]),[l]=r.useState([]),u=r.useCallback((e=>{null!==c.current&&(c.current.push(e),l.push(e))}),[l]);r.useEffect((()=>{if(l&&l.length>0&&e){const r="horizontal"===t?"ltr"===s?`0px ${o?-o.offsetWidth:0}px 0px ${n?-n.offsetWidth:0}px`:`0px ${n?-n.offsetWidth:0}px 0px ${o?-o.offsetWidth:0}px`:`${o?-o.offsetHeight:0}px 0px ${n?-n.offsetHeight:0}px 0px`;i.current=new IntersectionObserver(f,{root:e,rootMargin:r,threshold:1});for(const e of l)null!=e&&i.current.observe(e.element)}return()=>{for(const e of l)i.current&&null!=e&&i.current.unobserve(e.element)}}),[l,l.length,e,o,n,s,t]);const f=e=>{const t=c.current.map(((t,r)=>{const n=e.find((e=>e.target===t.element));return n?{element:n.target,isVisible:n.isIntersecting,isCurrent:t.isCurrent,index:r}:t}));c.current=t};return r.useMemo((()=>({itemElementsRef:c,addItem:u})),[c,u])})(I.current,T,z.current,S.current,P);v.useImperativeHandle(R,(()=>({scrollElementIntoView:e=>{Z(e)},scrollPrevious:()=>{re()},scrollNext:()=>{ne()}})));const q=m.useTestId(B),O="leftArrow"+B,_="rightArrow"+B,{variantClasses:G}=g.useComponentTheme(b.ConveyorBeltRedwoodTheme,{orientation:T}),{variantClasses:J}=g.useComponentTheme(b.ConveyorBeltRedwoodTheme,{content:T}),{variantClasses:K}=g.useComponentTheme(b.ConveyorBeltRedwoodTheme,{pagination:H&&w?"both":H?"next":w?"previous":"none",direction:P,orientation:T,overflow:T,arrowVisibility:!0===$?"hidden":"visible"}),{classes:Q}=g.useComponentTheme(b.ConveyorBeltRedwoodTheme,{nextButton:T,direction:P}),{classes:X}=g.useComponentTheme(b.ConveyorBeltRedwoodTheme,{previousButton:T,direction:P});r.useEffect((()=>{(()=>{const e=L.current?Array.from(L.current.querySelectorAll("[data-oj-conveyorbelt-item]")):[];if(e){let t=-1;D.current=[];for(const r of e)t++,r&&M({element:r,isVisible:!1,index:t,isCurrent:!1})}})()}));const Y=r.useCallback((()=>{p&&p(I.current?.scrollLeft)}),[p]);r.useEffect((()=>{F(C()&&"auto"===y||"hidden"===y)}),[y]),r.useEffect((()=>{I.current&&I.current.scrollTo({left:a})}),[a]),r.useEffect((()=>{const e=I.current,t=k.current,r=A.current;return e&&t&&r&&($||(V.current=new IntersectionObserver((e=>{e.forEach((e=>{"left"===e.target.getAttribute("data-intersection-id")?E(!e.isIntersecting):j(!e.isIntersecting)}))}),{root:e}),V.current.observe(t),V.current.observe(r)),e.addEventListener("scrollend",Y)),()=>{e&&(e.removeEventListener("scrollend",Y),V.current?.unobserve(t),V.current?.unobserve(r))}}),[$,Y]);const Z=r.useCallback((e=>{const t=z.current?z.current.offsetWidth:0,r=S.current?S.current.offsetHeight:0,n=z.current?z.current.offsetWidth:0,o=S.current?S.current.offsetWidth:0,s=((e,s,i)=>{if(!s||!i)return!1;let c,l,u,f;if(i===document.documentElement)c=0,l=document.documentElement.clientWidth,u=0,f=document.documentElement.clientHeight;else{const e=i.getBoundingClientRect();c=w?e.left+t:e.left,l=H?e.right-n:e.right,u=w?e.top+r:e.top,f=H?e.bottom-o:e.bottom}const h=s.getBoundingClientRect();return"horizontal"===e?h.left<=l&&h.right<=l&&h.left>=c&&h.right>=c:h.top<=f&&h.bottom<=f&&h.top>=u&&h.bottom>=u})(T,e,I.current);if(s)return;const i=((e,t,r)=>{if(!t||!r)return!1;const n=t.getBoundingClientRect(),o=r.getBoundingClientRect();let s=o.width,i=o.height;return"horizontal"===e?(s=w&&z.current?s-z.current.offsetWidth:s,s=H&&S.current?s-S.current.offsetWidth:s):(i=w&&z.current?i-z.current.offsetHeight:i,i=H&&S.current?i-S.current.offsetHeight:i),"horizontal"===e?n.width>s:n.height>i})(T,e,I.current);if(!I.current||!L.current)return;const c=((e,t,r,s)=>{if(!r||!s)return!1;let i,c,l;if(s===document.documentElement)c=0,i=document.documentElement.clientWidth,l=document.documentElement.clientHeight;else{const e=s.getBoundingClientRect();i=H?e.right-n:e.right,c=H?e.left-n:e.left,l=H?e.bottom-o:e.bottom}const u=r.getBoundingClientRect();return"horizontal"===t?e?u.right>i:u.left<c:u.bottom>l})("ltr"===P,T,e,I.current);"vertical"!==T?"ltr"===P?c&&!i?I.current.scrollTo({left:x(e,L.current)+e.offsetWidth-I.current.offsetWidth+(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):I.current.scrollTo({left:x(e,L.current)-(z.current?.offsetWidth?z.current?.offsetWidth+1:0),behavior:"smooth"}):c&&!i?I.current.scrollTo({left:x(e,L.current)-L.current.offsetWidth+I.current.offsetWidth-(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):I.current.scrollTo({left:x(e,L.current)+e.offsetWidth-L.current.offsetWidth+(z.current?.offsetWidth?z.current?.offsetWidth+1:0),behavior:"smooth"}):c&&!i?I.current.scrollTo({top:W(e,L.current)+e.offsetHeight-I.current.offsetHeight+(S.current?.offsetHeight?S.current?.offsetHeight+1:0),behavior:"smooth"}):I.current.scrollTo({top:W(e,L.current)-(z.current?.offsetHeight?z.current?.offsetHeight+1:0),behavior:"smooth"})}),[H,w,P,T]),ee=r.useCallback((()=>{const e=D.current.find((e=>0==e.isVisible&&e.index>=1&&1==D.current[e.index-1].isVisible));return e?.element}),[D]),te=r.useCallback((()=>{const e=D.current.find((e=>0==e.isVisible&&e.index<D.current.length-1&&1==D.current[e.index+1].isVisible));return e?.element}),[D]),re=r.useCallback((()=>{const e=I.current,t="horizontal"===T?I.current?.clientWidth:I.current?.clientHeight;if(e&&t){const r=te();if("vertical"===T)return void(r?e.scrollTo({top:W(r,L.current)+r.offsetHeight-e.offsetHeight+(z.current?.offsetHeight?z.current?.offsetHeight+1:0),behavior:"smooth"}):e.scrollTo({top:e.scrollTop-t,behavior:"smooth"}));"ltr"===P?r?e.scrollTo({left:x(r,L.current)+r.offsetWidth-e.offsetWidth+(z.current?.offsetWidth?z.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft-t,behavior:"smooth"}):r?e.scrollTo({left:x(r,L.current)-(L.current?L.current.offsetWidth:0)+e.offsetWidth-(z.current?.offsetWidth?z.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft+t,behavior:"smooth"})}}),[P,T,te]),ne=r.useCallback((()=>{const e=I.current,t="horizontal"===T?I.current?.clientWidth:I.current?.clientHeight;if(e&&t){const r=ee();if("vertical"===T)return void(r?e.scrollTo({top:W(r,L.current)-(S.current?.offsetHeight?S.current?.offsetHeight+1:0),behavior:"smooth"}):e.scrollTo({top:e.scrollTop+t,behavior:"smooth"}));"ltr"===P?r?e.scrollTo({left:(x(r,L.current)??0)-(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft+t,behavior:"smooth"}):r?e.scrollTo({left:-((L.current?L.current.offsetWidth:0)-(x(r,L.current)??0))+(r?.offsetWidth??0)+(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft-t,behavior:"smooth"})}}),[P,T,ee]),oe=r.useCallback((e=>{if(U.current!==e){const t=D.current.find((t=>t.element===e)),r=D.current.find((e=>!0===e.isCurrent));if(t===r||!t)return;r&&(r.isCurrent=!1),t.isCurrent=!0,U.current=e,e&&Z(e)}}),[D,Z]),se=r.useCallback((e=>{if(!N.current?.isEqualNode(e.target))if(D.current.length>0){const t=D.current.find((t=>t.element.contains(e.target)));t&&Z(t.element)}else Z(e.target)}),[Z,D]),ie=u.classNames([f.styles.buttonContainer,X]),ce=u.classNames([f.styles.buttonContainer,Q]);return t.jsx(d.ConveyorBeltContext.Provider,{value:{setCurrentItem:oe},children:t.jsxs("div",{onFocus:se,ref:N,className:u.classNames([f.styles.conveyorStyle,G]),...q,children:[w&&!$&&t.jsx("div",{ref:z,class:ie,children:t.jsx(n.BaseButton,{elementDetails:{type:"span",isFocusable:!1},styling:["min"],size:"sm",variant:"ghost",onAction:()=>re(),"aria-hidden":!0,testId:O,children:t.jsx(o.ButtonLabelLayout,{size:"sm",display:"icons",startIcon:"horizontal"===T?"ltr"===P?t.jsx(s.SvgChevronLeft,{}):t.jsx(i.SvgChevronRight,{}):t.jsx(c.SvgChevronUp,{})})})}),t.jsx("div",{className:u.classNames([f.styles.overflowContainer,K]),ref:I,tabIndex:-1,children:t.jsxs("div",{className:u.classNames([f.styles.contentContainer,G,J]),ref:L,children:[t.jsx("div",{"data-intersection-id":"left",ref:k,style:{minWidth:1,minHeight:1}}),e,t.jsx("div",{"data-intersection-id":"right",ref:A,style:{minWidth:1,minHeight:1}})]})}),H&&!$&&t.jsx("div",{ref:S,class:ce,children:t.jsx(n.BaseButton,{elementDetails:{type:"span",isFocusable:!1},styling:["min"],size:"sm",variant:"ghost",onAction:()=>ne(),"aria-hidden":!0,testId:_,children:t.jsx(o.ButtonLabelLayout,{size:"sm",display:"icons",startIcon:"horizontal"===T?"ltr"===P?t.jsx(i.SvgChevronRight,{}):t.jsx(s.SvgChevronLeft,{}):t.jsx(l.SvgChevronDown,{})})})})]})})}));e.ConveyorBelt=y}));
 //# sourceMappingURL=ConveyorBelt-b9ab13cc.js.map

package/amd/DatePicker-0c7ef704.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-07d2aa5b', './useTestId-9afc201a', './useFocusWithin-5a504fca', './useTranslationBundle-8e42d505', './calendarDateUtils-dd5b75ee', 'preact/compat', './useHiddenTestMethod-90b5bff5', './useBreakpointValues-3a067093', './Button-d6bbc57f', './UNSAFE_DatePicker/themes/DatePickerContract.css', './useComponentTheme-5aa41a8f', './UNSAFE_DatePicker/themes/redwood/DatePickerTheme', './DatePickerHeader-25b87f04', './MonthView-c77fc0e7', './YearsGridView-e1482970'], (function(e,a,o,t,i,n,s,r,d,c,u,l,h,y,w,v,V,p){"use strict";const m=["monthView","monthsGridView","yearsGridView","viewBlur"],b=["dayFocused","daySelected","goToToday","previousDay","nextDay","previousWeek","nextWeek","previousMonth","previousMonthAndFocus","nextMonth","nextMonthAndFocus","previousYear","nextYear","firstDayOfMonth","lastDayOfMonth"],g=["previousMonthInGridView","nextMonthInGridView","previousMonthRowInGridView","nextMonthRowInGridView","monthFocused","monthSelected"],D=["previousYearInGridView","nextYearInGridView","previousYearRowInGridView","nextYearRowInGridView","previousDecade","previousDecadeAndFocus","nextDecade","nextDecadeAndFocus","yearFocused","yearSelected"],f=(e,a)=>{if("reset"===a.type)return a.payload;switch(a.type){case"monthView":return{...e,currentView:"monthView",isViewFocused:!1,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!1};case"monthsGridView":return{...e,currentView:"monthsGridView",focusableMonth:e.focusableDate.month,isViewFocused:!1,isNextNavigationButtonHidden:!0,isPreviousNavigationButtonHidden:!0,isTodayNavigationButtonHidden:!0};case"yearsGridView":return{...e,currentView:"yearsGridView",focusableYear:e.focusableDate.year,isViewFocused:!1,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!0};case"viewBlur":return e.isViewFocused?{...e,isViewFocused:!1}:e;case"dayFocused":case"daySelected":case"goToToday":return{...e,isViewFocused:!0,focusableDate:a.payload};case"previousDay":{const o=r.addToCalendarDate(a.payload,{days:-1});return{...e,isViewFocused:!0,focusableDate:o}}case"nextDay":{const o=r.addToCalendarDate(a.payload,{days:1});return{...e,isViewFocused:!0,focusableDate:o}}case"previousWeek":{const o=r.addToCalendarDate(a.payload,{days:-7});return{...e,isViewFocused:!0,focusableDate:o}}case"nextWeek":{const o=r.addToCalendarDate(a.payload,{days:7});return{...e,isViewFocused:!0,focusableDate:o}}case"previousMonth":case"previousMonthAndFocus":{const o=r.addToCalendarDate(a.payload,{months:-1});return{...e,isViewFocused:"previousMonthAndFocus"===a.type,focusableDate:o}}case"nextMonth":case"nextMonthAndFocus":{const o=r.addToCalendarDate(a.payload,{months:1});return{...e,isViewFocused:"nextMonthAndFocus"===a.type,focusableDate:o}}case"previousYear":{const o=r.addToCalendarDate(a.payload,{years:-1});return{...e,isViewFocused:!0,focusableDate:o}}case"nextYear":{const o=r.addToCalendarDate(a.payload,{years:1});return{...e,isViewFocused:!0,focusableDate:o}}case"firstDayOfMonth":{const o=a.payload,t={year:o.year,month:o.month,day:1};return{...e,isViewFocused:!0,focusableDate:t}}case"lastDayOfMonth":{const o=a.payload,t=r.getDaysInMonth(o.month,o.year),i={year:o.year,month:o.month,day:t};return{...e,isViewFocused:!0,focusableDate:i}}case"previousMonthInGridView":{const o=r.addToMonth(a.payload.month,-1);return{...e,focusableMonth:o,isViewFocused:!0}}case"previousMonthRowInGridView":{const o=r.addToMonth(a.payload.month,-4);return{...e,focusableMonth:o,isViewFocused:!0}}case"nextMonthInGridView":{const o=r.addToMonth(a.payload.month,1);return{...e,focusableMonth:o,isViewFocused:!0}}case"nextMonthRowInGridView":{const o=r.addToMonth(a.payload.month,4);return{...e,focusableMonth:o,isViewFocused:!0}}case"monthFocused":return{...e,focusableMonth:a.payload.month,isViewFocused:!0};case"monthSelected":{const o=a.payload.month-e.focusableDate.month,t=r.addToCalendarDate(e.focusableDate,{months:o});return{...e,currentView:"monthView",focusableDate:t,isViewFocused:!0,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!1}}case"previousYearInGridView":{const o=r.addToYear(a.payload.year,-1);return{...e,focusableYear:o,isViewFocused:!0}}case"previousYearRowInGridView":{const o=r.addToYear(a.payload.year,-4);return{...e,focusableYear:o,isViewFocused:!0}}case"previousDecade":case"previousDecadeAndFocus":{const o=r.addToYear(a.payload.year,-10);return{...e,focusableYear:o,isViewFocused:"previousDecadeAndFocus"===a.type}}case"nextYearInGridView":{const o=r.addToYear(a.payload.year,1);return{...e,focusableYear:o,isViewFocused:!0}}case"nextYearRowInGridView":{const o=r.addToYear(a.payload.year,4);return{...e,focusableYear:o,isViewFocused:!0}}case"nextDecade":case"nextDecadeAndFocus":{const o=r.addToYear(a.payload.year,10);return{...e,focusableYear:o,isViewFocused:"nextDecadeAndFocus"===a.type}}case"yearFocused":return{...e,focusableYear:a.payload.year,isViewFocused:!0};case"yearSelected":{const o=a.payload.year-e.focusableDate.year,t=r.addToCalendarDate(e.focusableDate,{years:o});return{...e,currentView:"monthView",focusableDate:t,isViewFocused:!0,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!1}}default:return e}},x={monthView:"none",monthsGridView:"month",yearsGridView:"year"},T=({isReadonly:e,max:a,min:o,rootRef:t,todayTimeZone:i,value:u,onCommit:l})=>{if(o&&a&&r.isCalendarDateBefore(a,o))throw new Error("DatePicker: min must be equal or less than max.");const h=r.getCalendarDateToday(i),y=d.useMemo((()=>r.constrainCalendarDate(u??h,o,a)),[u,h,o,a]),{state:w,actions:v}=(({initialFocusableDate:e})=>{const a={currentView:"monthView",focusableDate:e,focusableMonth:e.month,focusableYear:e.year,isViewFocused:!1,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!1},[o,t]=d.useReducer(f,a),i=d.useRef(e);return 0!==r.compareDates(i.current,e)&&(i.current=e,0!==r.compareDates(e,o.focusableDate)&&t({type:"reset",payload:a})),{state:o,actions:d.useMemo((()=>{const e={};return m.forEach((a=>{e[a]=()=>t({type:a})})),b.forEach((a=>{e[a]=e=>t({type:a,payload:e})})),g.forEach((a=>{e[a]=e=>t({type:a,payload:e})})),D.forEach((a=>{e[a]=e=>t({type:a,payload:e})})),e}),[t])}})({initialFocusableDate:y}),V=s.useTranslationBundle("@oracle/oraclejet-preact"),p={next:V.datePicker_next(),previous:V.datePicker_prev(),goToToday:V.datePicker_goToToday(),today:V.datePicker_today()},T=d.useCallback((a=>e?Promise.reject("Component is readonly"):(l({value:a,previousValue:u}),Promise.resolve())),[e,l,u]);c.useHiddenTestMethod({elementRef:t,method:T,name:"_changeValue"});const F={handleMonthToggle:d.useCallback((()=>{"monthsGridView"!==w.currentView?v.monthsGridView(void 0):v.monthView(void 0)}),[v,w.currentView]),handleYearToggle:d.useCallback((()=>{"yearsGridView"!==w.currentView?v.yearsGridView(void 0):v.monthView(void 0)}),[v,w.currentView]),handleTodayNavigation:d.useCallback((()=>{v.goToToday(h)}),[v,h]),handlePreviousNavigation:d.useCallback((()=>"monthView"===w.currentView?v.previousMonth(w.focusableDate):"yearsGridView"===w.currentView?v.previousDecade({year:w.focusableYear}):void 0),[v,w.currentView,w.focusableDate,w.focusableYear]),handleNextNavigation:d.useCallback((()=>"monthView"===w.currentView?v.nextMonth(w.focusableDate):"yearsGridView"===w.currentView?v.nextDecade({year:w.focusableYear}):void 0),[v,w.currentView,w.focusableDate,w.focusableYear]),handleMonthViewAction:d.useCallback((a=>{void 0===a.date||e||(v.daySelected(a.date),l?.({previousValue:u,value:a.date}))}),[v,e,l,u]),handleMonthViewNavigation:d.useCallback((e=>{switch(e.direction){case"previousMonth":return v.previousMonthAndFocus(e.date);case"nextMonth":return v.nextMonthAndFocus(e.date);case"today":return v.goToToday(h);default:return v[e.direction](e.date)}}),[v,h]),handleMonthsGridViewAction:d.useCallback((e=>{v.monthSelected(e)}),[v]),handleMonthsGridViewNavigation:d.useCallback((e=>{switch(e.direction){case"down":return v.nextMonthRowInGridView({month:e.month});case"next":return v.nextMonthInGridView({month:e.month});case"previous":return v.previousMonthInGridView({month:e.month});case"up":return v.previousMonthRowInGridView({month:e.month})}}),[v]),handleYearsGridViewAction:d.useCallback((e=>{v.yearSelected(e)}),[v]),handleYearsGridViewNavigation:d.useCallback((e=>{switch(e.direction){case"down":return v.nextYearRowInGridView({year:e.year});case"next":return v.nextYearInGridView({year:e.year});case"nextDecade":return v.nextDecadeAndFocus({year:e.year});case"previous":return v.previousYearInGridView({year:e.year});case"previousDecade":return v.previousDecadeAndFocus({year:e.year});case"up":return v.previousYearRowInGridView({year:e.year})}}),[v])},{focusProps:M}=n.useFocusWithin({onBlurWithin:d.useCallback((()=>v.viewBlur(void 0)),[v])});return{accessibleLabels:p,actions:v,handlers:F,state:w,todaysDate:h,toggleSelection:x[w.currentView],viewContainerProps:{...M}}},F=({onTodayNavigationAction:e,testId:o,todayNavigationAriaLabel:i,todayNavigationLabel:n})=>a.jsx(t.Flex,{direction:"column",children:a.jsx(l.Button,{testId:o,label:n,"aria-label":i,size:"sm",onAction:e})});e.DatePicker=({dayFormatter:e,daysOutsideMonth:n,height:s,isReadonly:r=!1,monthAndYearPicker:d="on",max:c,maxWidth:l,min:m,value:b,testId:g,todayTimeZone:D,todayButton:f="visible",weekDisplay:x="none",width:M,onCommit:N})=>{const G=o.useRef(null),{accessibleLabels:Y,handlers:k,state:P,todaysDate:B,toggleSelection:A,viewContainerProps:C}=T({isReadonly:r,max:c,min:m,rootRef:G,todayTimeZone:D,value:b,onCommit:N}),{month:I,year:H}=P.focusableDate,R="on"===d&&!r,j=u.useBreakpointValues({sm:!0,md:!1},{sm:"0px",md:"360px"}),S=!P.isTodayNavigationButtonHidden&&j&&"visible"===f,{classes:_}=y.useComponentTheme(w.DatePickerRedwoodTheme),W=i.useTestId(g);return a.jsx("div",{class:_,ref:G,...W,children:a.jsxs(t.Flex,{direction:"column",gap:"monthView"===P.currentView?h.datePickerPropVars.calendarGridRowGap:h.datePickerPropVars.monthYearGridRowGap,height:"auto"===s?void 0:S?h.datePickerPropVars.todayFooterButtonHeight:h.datePickerPropVars.height,maxWidth:void 0!==l?l:h.datePickerPropVars.maxWidth,width:void 0!==M?M:h.datePickerPropVars.width,children:[a.jsx(v.DatePickerHeader,{testId:g?g+"_header":void 0,month:I,year:H,isPreviousNavigationButtonHidden:P.isPreviousNavigationButtonHidden,isTodayNavigationButtonHidden:"hidden"===f||P.isTodayNavigationButtonHidden||j,isNextNavigationButtonHidden:P.isNextNavigationButtonHidden,monthYearHeader:R?"independentButtons":"text",toggleSelection:R?A:void 0,previousNavigationAccessibleLabel:Y.previous,todayNavigationAccessibleLabel:Y.goToToday,nextNavigationAccessibleLabel:Y.next,onTodayNavigationAction:k.handleTodayNavigation,onPreviousNavigationAction:k.handlePreviousNavigation,onNextNavigationAction:k.handleNextNavigation,onMonthToggle:R?k.handleMonthToggle:void 0,onYearToggle:R?k.handleYearToggle:void 0}),a.jsxs("div",{...C,children:["monthView"===P.currentView&&a.jsx(V.MonthView,{dayFormatter:e,daysOutsideMonth:n,isReadonly:r,max:c,min:m,selectedDate:b,focusableDate:P.focusableDate,isFocused:P.isViewFocused,testId:g?g+"_monthView":void 0,todaysDate:B,onNavigation:k.handleMonthViewNavigation,onAction:k.handleMonthViewAction,weekDisplay:x}),"monthsGridView"===P.currentView&&a.jsx(p.MonthsGridView,{currentMonth:B.month,focusableMonth:P.focusableMonth,isFocused:P.isViewFocused,selectedMonth:I,testId:g?g+"_monthsGridView":void 0,onAction:k.handleMonthsGridViewAction,onNavigation:k.handleMonthsGridViewNavigation}),"yearsGridView"===P.currentView&&a.jsx(p.YearsGridView,{currentYear:B.year,focusableYear:P.focusableYear,isFocused:P.isViewFocused,selectedYear:H,testId:g?g+"_yearsGridView":void 0,onAction:k.handleYearsGridViewAction,onNavigation:k.handleYearsGridViewNavigation})]}),S&&a.jsx("div",{children:a.jsx(F,{testId:g?g+"_footerTodayButton":void 0,todayNavigationLabel:Y.today,todayNavigationAriaLabel:Y.goToToday,onTodayNavigationAction:k.handleTodayNavigation})})]})})}}));
+//# sourceMappingURL=DatePicker-0c7ef704.js.map

package/amd/DatePicker-0c7ef704.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker-0c7ef704.js","sources":["../../src/UNSAFE_DatePicker/useDatePickerState.ts","../../src/UNSAFE_DatePicker/useDatePicker.ts","../../src/UNSAFE_DatePicker/TodayButton.tsx","../../src/UNSAFE_DatePicker/DatePicker.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport {\n  addToCalendarDate,\n  addToMonth,\n  addToYear,\n  compareDates,\n  getDaysInMonth\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { useMemo, useReducer, useRef } from 'preact/compat';\n\n// This is the type of the state that is returned from the useDatePickerState reducer.\n// This is a single state that will handle the different views of the DatePicker, the\n// MonthView, the MonthGridView, and the YearGridView. Initially we have implemented\n// the state for the MonthView.\ntype DatePickerState = {\n  /**\n   * Specifies the current view the DatePicker is showing.\n   */\n  currentView: 'monthView' | 'monthsGridView' | 'yearsGridView';\n\n  /**\n   * The focusableDate is the one day in the MonthView that has tabIndex: 0 on it.\n   * If nothing is selected, the DatePicker initially renders\n   * with Today as the focusableDate. The focusableDate doesn't have focus until the user tabs in\n   * to the Month View.\n   * When the user navigates the days with the arrow keys,\n   * the focusableDate changes along with the focusedDate, and they will be the same date.\n   * This is a 'roving' index.\n   * The focusableDate is never undefined.\n   * <p>\n   * If the user keyboards to the next month (Fn+Down Arrow on a Mac),\n   * then the focusableDate and the focusedDate of the next month\n   * is the same day number, or as close as possible to stay in the same month. For example,\n   * if the focusedDate and focusableDate is April 2, 2024, the focusedDate and focusableDate for the next month is May 2, 2024.\n   * If the focusedDate and focusableDate is February 28, 2024, the focusedDate and focusableDate for the next month is March 28, 2024.\n   * If the focusedDate and focusableDate is January 31, 2024, the focusedDate and focusableDate for the next month is February 29, 2024 (2024 is a leap year).\n   * </p>\n   * <p>\n   * If the user clicks the Next Month button in the DatePicker's header, then\n   * there is no date that has focus, so the focusedDate is undefined.\n   * The focusableDate will be set.\n   * For example,\n   * if the focusableDate is April 2, 2024, the focusableDate for the next month is May 2, 2024.\n   * If the focusableDate is February 28, 2024, the focusableDate for the next month is March 28, 2024.\n   * If the focusableDate is January 31, 2024, the focusableDate for the next month is February 29, 2024 (2024 is a leap year).\n   *\n   * </p>\n   */\n  focusableDate: CalendarDateRequired;\n\n  /**\n   * The focusableMonth is the one month in the MonthsGridView that has tabIndex: 0 on it.\n   * If nothing is selected, the DatePicker initially renders with Today's month as the\n   * focusableMonth. The focusableMonth doesn't have focus until the user tabs in\n   * to the Months Grid View.\n   *\n   * When the user navigates the month with the arrow keys, the focusableMonth changes\n   * along with the focusedMonth, and they will be the same date. This is a 'roving' index.\n   *\n   * The focusableMonth is never undefined.\n   */\n  focusableMonth: CalendarDateRequired['month'];\n\n  /**\n   * The focusableYear is the one month in the YearsGridView that has tabIndex: 0 on it.\n   * If nothing is selected, the DatePicker initially renders with Today's month as the\n   * focusableYear. The focusableYear doesn't have focus until the user tabs in\n   * to the Months Grid View.\n   *\n   * When the user navigates the month with the arrow keys, the focusableYear changes\n   * along with the focusedYear, and they will be the same date. This is a 'roving' index.\n   *\n   * The focusableYear is never undefined.\n   */\n  focusableYear: CalendarDateRequired['year'];\n\n  /**\n   * A boolean to indicate if the focus is in the view.\n   */\n  isViewFocused: boolean;\n\n  /**\n   * Specifies whether to hide the previous navigation button is hidden from the header.\n   */\n  isPreviousNavigationButtonHidden: boolean;\n\n  /**\n   * Specifies whether to hide the today navigation button is hidden from the header.\n   */\n  isTodayNavigationButtonHidden: boolean;\n\n  /**\n   * Specifies whether to hide the next navigation button is hidden from the header.\n   */\n  isNextNavigationButtonHidden: boolean;\n};\n\nconst datePickerResetActionTypes = ['reset'] as const;\n\nconst datePickerViewActionTypes = [\n  'monthView',\n  'monthsGridView',\n  'yearsGridView',\n  'viewBlur'\n] as const;\n\nconst monthViewActionTypes = [\n  'dayFocused',\n  'daySelected',\n  'goToToday',\n  'previousDay',\n  'nextDay',\n  'previousWeek',\n  'nextWeek',\n  'previousMonth',\n  'previousMonthAndFocus',\n  'nextMonth',\n  'nextMonthAndFocus',\n  'previousYear',\n  'nextYear',\n  'firstDayOfMonth',\n  'lastDayOfMonth'\n] as const;\n\nconst monthsGridViewActionTypes = [\n  'previousMonthInGridView',\n  'nextMonthInGridView',\n  'previousMonthRowInGridView',\n  'nextMonthRowInGridView',\n  'monthFocused',\n  'monthSelected'\n] as const;\n\nconst yearsGridViewActionTypes = [\n  'previousYearInGridView',\n  'nextYearInGridView',\n  'previousYearRowInGridView',\n  'nextYearRowInGridView',\n  'previousDecade',\n  'previousDecadeAndFocus',\n  'nextDecade',\n  'nextDecadeAndFocus',\n  'yearFocused',\n  'yearSelected'\n] as const;\n\ntype DatePickerViewActionTypes = (typeof datePickerViewActionTypes)[number];\ntype DatePickerResetActionTypes = (typeof datePickerResetActionTypes)[number];\ntype MonthViewActionTypes = (typeof monthViewActionTypes)[number];\ntype MonthsGridViewActionTypes = (typeof monthsGridViewActionTypes)[number];\ntype YearsGridViewActionTypes = (typeof yearsGridViewActionTypes)[number];\n\n// This is the type of the actions that the hook returns.\ntype DatePickerStateAction = ReturnType<typeof useDatePickerState>['actions'];\n\n// Type for the action of the datePickerReducer.\ntype DatePickerViewAction = {\n  [Type in DatePickerViewActionTypes]: { type: Type; payload?: undefined };\n}[DatePickerViewActionTypes];\n\ntype DatePickerResetAction = {\n  [Type in DatePickerResetActionTypes]: { type: Type; payload: DatePickerState };\n}[DatePickerResetActionTypes];\n\ntype MonthViewAction = {\n  [Type in MonthViewActionTypes]: { type: Type; payload: CalendarDateRequired };\n}[MonthViewActionTypes];\n\ntype MonthsGridViewAction = {\n  [Type in MonthsGridViewActionTypes]: { type: Type; payload: Pick<CalendarDateRequired, 'month'> };\n}[MonthsGridViewActionTypes];\n\ntype YearsGridViewAction = {\n  [Type in YearsGridViewActionTypes]: { type: Type; payload: Pick<CalendarDateRequired, 'year'> };\n}[YearsGridViewActionTypes];\n\ntype DatePickerReducerAction =\n  | DatePickerResetAction\n  | DatePickerViewAction\n  | MonthViewAction\n  | MonthsGridViewAction\n  | YearsGridViewAction;\n\n// A reducer is a plain old function you write that takes the current state,\n// and the action to be processed, and returns the state as it should be, based on that action occurring.\n// The reducer, not the sender,  determines how a given report (action) affects the state.\nconst datePickerReducer = (\n  state: DatePickerState,\n  action: DatePickerReducerAction\n): DatePickerState => {\n  // On mount, the reducer is initialized with initial state derived from the DatePicker's value.\n  // If that value is changed programmatically afterwards, the only way to push that update\n  // into the reducer is to define a \"reset\" action.\n  if (action.type === 'reset') {\n    return action.payload!;\n  }\n\n  switch (action.type) {\n    case 'monthView': {\n      return {\n        ...state,\n        currentView: 'monthView',\n        isViewFocused: false,\n        isNextNavigationButtonHidden: false,\n        isPreviousNavigationButtonHidden: false,\n        isTodayNavigationButtonHidden: false\n      };\n    }\n    case 'monthsGridView': {\n      return {\n        ...state,\n        currentView: 'monthsGridView',\n        focusableMonth: state.focusableDate.month,\n        isViewFocused: false,\n        isNextNavigationButtonHidden: true,\n        isPreviousNavigationButtonHidden: true,\n        isTodayNavigationButtonHidden: true\n      };\n    }\n    case 'yearsGridView': {\n      return {\n        ...state,\n        currentView: 'yearsGridView',\n        focusableYear: state.focusableDate.year,\n        isViewFocused: false,\n        isNextNavigationButtonHidden: false,\n        isPreviousNavigationButtonHidden: false,\n        isTodayNavigationButtonHidden: true\n      };\n    }\n    case 'viewBlur': {\n      return state.isViewFocused ? { ...state, isViewFocused: false } : state;\n    }\n    case 'dayFocused':\n    case 'daySelected': {\n      return { ...state, isViewFocused: true, focusableDate: action.payload };\n    }\n    case 'goToToday': {\n      // User clicked on the 'Today' icon, which means they want to navigate to show the month of Today\n      // payload is Today's date. We also set the focus to Today.\n      return { ...state, isViewFocused: true, focusableDate: action.payload };\n    }\n    case 'previousDay': {\n      const previousDay = addToCalendarDate(action.payload, { days: -1 });\n      return { ...state, isViewFocused: true, focusableDate: previousDay };\n    }\n    case 'nextDay': {\n      const nextDay = addToCalendarDate(action.payload, { days: 1 });\n      return { ...state, isViewFocused: true, focusableDate: nextDay };\n    }\n    case 'previousWeek': {\n      const previousDay = addToCalendarDate(action.payload, { days: -7 });\n      return { ...state, isViewFocused: true, focusableDate: previousDay };\n    }\n    case 'nextWeek': {\n      const nextDay = addToCalendarDate(action.payload, { days: 7 });\n      return { ...state, isViewFocused: true, focusableDate: nextDay };\n    }\n    case 'previousMonth':\n    case 'previousMonthAndFocus': {\n      // PageUp moves focus to the previous month.\n      // We also get here if the DatePicker while in month view header's Previous navigation button is pressed.\n      const prevMonth = addToCalendarDate(action.payload, { months: -1 });\n      return {\n        ...state,\n        isViewFocused: action.type === 'previousMonthAndFocus',\n        focusableDate: prevMonth\n      };\n    }\n    case 'nextMonth':\n    case 'nextMonthAndFocus': {\n      // Shift PageDown moves focus to the next month. TODO: Confirm this works on a Windows machine.\n      // Shift Fn Arrow Down works on my Mac.\n      // We also get here if the DatePicker while in month view header's Next navigation button is pressed.\n      const nextMonth = addToCalendarDate(action.payload, { months: 1 });\n      return {\n        ...state,\n        isViewFocused: action.type === 'nextMonthAndFocus',\n        focusableDate: nextMonth\n      };\n    }\n    case 'previousYear': {\n      // Shift Page Up moves focus to the previous year. TODO: Confirm this works on a Windows machine.\n      const previousYear = addToCalendarDate(action.payload, { years: -1 });\n      return { ...state, isViewFocused: true, focusableDate: previousYear };\n    }\n    case 'nextYear': {\n      const nextYear = addToCalendarDate(action.payload, { years: 1 });\n      return { ...state, isViewFocused: true, focusableDate: nextYear };\n    }\n    case 'firstDayOfMonth': {\n      // Home moves focus to the first day of the month (Fn+LeftArrow on a mouse.)\n      const currentDate = action.payload;\n      const firstDayOfMonthDate = {\n        year: currentDate.year,\n        month: currentDate.month,\n        day: 1\n      } as CalendarDateRequired;\n      return { ...state, isViewFocused: true, focusableDate: firstDayOfMonthDate };\n    }\n    case 'lastDayOfMonth': {\n      // End moves focus to the last day of the month\n      const currentDate = action.payload;\n      const lastDay = getDaysInMonth(currentDate.month, currentDate.year);\n      const lastDayOfMonthDate = {\n        year: currentDate.year,\n        month: currentDate.month,\n        day: lastDay\n      } as CalendarDateRequired;\n      return { ...state, isViewFocused: true, focusableDate: lastDayOfMonthDate };\n    }\n\n    case 'previousMonthInGridView': {\n      const previousMonth = addToMonth(action.payload.month, -1);\n      return { ...state, focusableMonth: previousMonth, isViewFocused: true };\n    }\n    case 'previousMonthRowInGridView': {\n      const previousMonth = addToMonth(action.payload.month, -4);\n      return { ...state, focusableMonth: previousMonth, isViewFocused: true };\n    }\n    case 'nextMonthInGridView': {\n      const nextMonth = addToMonth(action.payload.month, 1);\n      return { ...state, focusableMonth: nextMonth, isViewFocused: true };\n    }\n    case 'nextMonthRowInGridView': {\n      const nextMonth = addToMonth(action.payload.month, 4);\n      return { ...state, focusableMonth: nextMonth, isViewFocused: true };\n    }\n    case 'monthFocused': {\n      return { ...state, focusableMonth: action.payload.month, isViewFocused: true };\n    }\n    case 'monthSelected': {\n      const monthSteps = action.payload.month - state.focusableDate.month;\n      const goToDate = addToCalendarDate(state.focusableDate, { months: monthSteps });\n      return {\n        ...state,\n        currentView: 'monthView',\n        focusableDate: goToDate,\n        isViewFocused: true,\n        isNextNavigationButtonHidden: false,\n        isPreviousNavigationButtonHidden: false,\n        isTodayNavigationButtonHidden: false\n      };\n    }\n\n    case 'previousYearInGridView': {\n      const previousYear = addToYear(action.payload.year, -1);\n      return { ...state, focusableYear: previousYear, isViewFocused: true };\n    }\n    case 'previousYearRowInGridView': {\n      const previousYear = addToYear(action.payload.year, -4);\n      return { ...state, focusableYear: previousYear, isViewFocused: true };\n    }\n    case 'previousDecade':\n    case 'previousDecadeAndFocus': {\n      const previousYear = addToYear(action.payload.year, -10);\n      return {\n        ...state,\n        focusableYear: previousYear,\n        isViewFocused: action.type === 'previousDecadeAndFocus'\n      };\n    }\n    case 'nextYearInGridView': {\n      const nextYear = addToYear(action.payload.year, 1);\n      return { ...state, focusableYear: nextYear, isViewFocused: true };\n    }\n    case 'nextYearRowInGridView': {\n      const nextYear = addToYear(action.payload.year, 4);\n      return { ...state, focusableYear: nextYear, isViewFocused: true };\n    }\n    case 'nextDecade':\n    case 'nextDecadeAndFocus': {\n      const nextYear = addToYear(action.payload.year, 10);\n      return {\n        ...state,\n        focusableYear: nextYear,\n        isViewFocused: action.type === 'nextDecadeAndFocus'\n      };\n    }\n    case 'yearFocused': {\n      return { ...state, focusableYear: action.payload.year, isViewFocused: true };\n    }\n    case 'yearSelected': {\n      const yearSteps = action.payload.year - state.focusableDate.year;\n      const goToDate = addToCalendarDate(state.focusableDate, { years: yearSteps });\n      return {\n        ...state,\n        currentView: 'monthView',\n        focusableDate: goToDate,\n        isViewFocused: true,\n        isNextNavigationButtonHidden: false,\n        isPreviousNavigationButtonHidden: false,\n        isTodayNavigationButtonHidden: false\n      };\n    }\n    default:\n      return state;\n  }\n};\n\ntype Props = {\n  /**\n   * This becomes the state's focusableDate.\n   */\n  initialFocusableDate: CalendarDateRequired;\n};\n\n/**\n * useDatePickerState takes an object with the initialFocusableDate and\n * determines the initial state; i.e., focusableDate and focusedDate. It returns the state\n * and actions a user can take on the DatePicker that will update the state. The actions are functions\n * that call dispatch with the type and payload.\n * @param param0\n * @returns\n */\nconst useDatePickerState = ({ initialFocusableDate }: Props) => {\n  // Create the initial state to pass to our reducer.\n  const initialState: DatePickerState = {\n    currentView: 'monthView',\n    focusableDate: initialFocusableDate,\n    focusableMonth: initialFocusableDate.month,\n    focusableYear: initialFocusableDate.year,\n    isViewFocused: false,\n    isNextNavigationButtonHidden: false,\n    isPreviousNavigationButtonHidden: false,\n    isTodayNavigationButtonHidden: false\n  };\n\n  const [state, dispatch] = useReducer(datePickerReducer, initialState);\n\n  // initialFocusableDate is the controlled value passed from the parent.\n  const lastValueFromParentRef = useRef<CalendarDateRequired>(initialFocusableDate);\n\n  // If a new value is being pushed from the parent, and that value differs from\n  // the current focusableDate of the reducer, then this is a programmatic update\n  // and we need to call 'reset' to update the reducer state. Otherwise, the only\n  // time the reducer state is updated from the value is on mount.\n  if (compareDates(lastValueFromParentRef.current, initialFocusableDate) !== 0) {\n    lastValueFromParentRef.current = initialFocusableDate;\n    if (compareDates(initialFocusableDate, state.focusableDate) !== 0) {\n      dispatch({ type: 'reset', payload: initialState });\n    }\n  }\n\n  // Using an action creator like this is nice because now each time we want to add an action,\n  // we don't have to remember the action constant to use or how the payload should be structured. (from the redux doc)\n\n  // memoize the actions object since we pass this around to our components.\n  const actions = useMemo(() => {\n    const actionsObject: {\n      [Type in\n        | DatePickerViewActionTypes\n        | MonthViewActionTypes\n        | MonthsGridViewActionTypes\n        | YearsGridViewActionTypes]: (\n        payload: Extract<DatePickerReducerAction, { type: Type }>['payload']\n      ) => void;\n    } = {} as any;\n\n    datePickerViewActionTypes.forEach((type) => {\n      actionsObject[type] = () => dispatch({ type });\n    });\n\n    monthViewActionTypes.forEach((type) => {\n      actionsObject[type] = (\n        payload: Extract<DatePickerReducerAction, { type: MonthViewActionTypes }>['payload']\n      ) => dispatch({ type, payload });\n    });\n\n    monthsGridViewActionTypes.forEach((type) => {\n      actionsObject[type] = (\n        payload: Extract<DatePickerReducerAction, { type: MonthsGridViewActionTypes }>['payload']\n      ) => dispatch({ type, payload });\n    });\n\n    yearsGridViewActionTypes.forEach((type) => {\n      actionsObject[type] = (\n        payload: Extract<DatePickerReducerAction, { type: YearsGridViewActionTypes }>['payload']\n      ) => dispatch({ type, payload });\n    });\n\n    return actionsObject;\n  }, [dispatch]);\n\n  return { state, actions };\n};\n\nexport { useDatePickerState };\nexport type {\n  DatePickerState,\n  DatePickerStateAction,\n  DatePickerViewActionTypes,\n  MonthViewActionTypes,\n  MonthsGridViewActionTypes,\n  YearsGridViewActionTypes\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { MonthView } from '#PRIVATE_MonthView';\nimport type { MonthsGridView, YearsGridView } from '#PRIVATE_MonthYearGridView';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport {\n  constrainCalendarDate,\n  getCalendarDateToday,\n  isCalendarDateBefore,\n  type CalendarDateRequired\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { ComponentProps, RefObject, useCallback, useMemo } from 'preact/compat';\nimport { useDatePickerState } from './useDatePickerState';\nimport { useHiddenTestMethod } from '#hooks/UNSAFE_useHiddenTestMethod';\n\n/**\n * A map that specifies the selection of the header toggle button based on the\n * view we are in.\n */\nconst headerToggleSelection = {\n  monthView: 'none',\n  monthsGridView: 'month',\n  yearsGridView: 'year'\n} as const;\n\ntype MonthViewProps = ComponentProps<typeof MonthView>;\ntype MonthsGridViewProps = ComponentProps<typeof MonthsGridView>;\ntype YearsGridViewProps = ComponentProps<typeof YearsGridView>;\n\ntype UseDatePickerProps = {\n  isReadonly?: boolean;\n  max?: CalendarDateRequired;\n  min?: CalendarDateRequired;\n  rootRef: RefObject<HTMLDivElement>;\n  todayTimeZone?: Intl.DateTimeFormatOptions['timeZone'];\n  value?: CalendarDateRequired;\n  onCommit: (detail: ValueUpdateDetail<CalendarDateRequired>) => void;\n};\n\n/**\n * A custom hook that adds functionality to the DatePicker component.\n */\nexport const useDatePicker = ({\n  isReadonly,\n  max,\n  min,\n  rootRef,\n  todayTimeZone,\n  value,\n  onCommit\n}: UseDatePickerProps) => {\n  // Check for errors first\n  if (min && max && isCalendarDateBefore(max, min)) {\n    throw new Error('DatePicker: min must be equal or less than max.');\n  }\n\n  const todaysDate = getCalendarDateToday(todayTimeZone);\n\n  // We need to make sure that this initialFocusableDate is within the min/max range.\n  // When there is no min or max set, we draw the month of the value if value is set, otherwise we draw today's month.\n  // If the initialFocusableDate is not within the min/max range, then we constrain the calendar date by changing the month to draw\n  // so that the initialFocusableDate is the min date if the initialFocusableDate is < min or the max month if the initialFocusableDate is > max.\n  const initialFocusableDate = useMemo(\n    () => constrainCalendarDate(value ?? todaysDate, min, max),\n    [value, todaysDate, min, max]\n  );\n\n  const { state, actions } = useDatePickerState({ initialFocusableDate });\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const accessibleLabels = {\n    next: translations.datePicker_next(),\n    previous: translations.datePicker_prev(),\n    goToToday: translations.datePicker_goToToday(),\n    today: translations.datePicker_today()\n  };\n\n  // JET-73420, JET-62113: Create a changeValue method that can be called by a test adapter to\n  // simulate a user changing the value. This method calls the onCommit callback, just like what\n  // would happen if a user (or test) made a change through the UI.\n  const changeValue = useCallback(\n    (newValue: CalendarDateRequired) => {\n      // We always want this method available on the DOM element so that a test can call it,\n      // but we only want it to change the value when the component is enabled because that's\n      // the only time the user could change the value through the UI. Note that newValue\n      // cannot be undefined (meaning you cannot clear the value) because there is no way to\n      // do that through the UI.\n      if (!isReadonly) {\n        onCommit({ value: newValue, previousValue: value });\n        return Promise.resolve();\n      }\n      return Promise.reject('Component is readonly');\n    },\n    [isReadonly, onCommit, value]\n  );\n\n  // Expose _changeValue as a hidden method on the root DOM.\n  useHiddenTestMethod({\n    elementRef: rootRef,\n    method: changeValue,\n    name: '_changeValue'\n  });\n\n  const handlers = {\n    /**\n     * Handler for DatePickerHeader.onMonthToggle.\n     * This is used for toggling between the MonthView and\n     * MonthsGridView.\n     */\n    handleMonthToggle: useCallback(() => {\n      if (state.currentView !== 'monthsGridView') {\n        actions.monthsGridView(undefined);\n      } else {\n        actions.monthView(undefined);\n      }\n    }, [actions, state.currentView]),\n\n    /**\n     * Handler for DatePickerHeader.onYearToggle.\n     * This is used for toggling between the MonthView and\n     * YearsGridView.\n     */\n    handleYearToggle: useCallback(() => {\n      if (state.currentView !== 'yearsGridView') {\n        actions.yearsGridView(undefined);\n      } else {\n        actions.monthView(undefined);\n      }\n    }, [actions, state.currentView]),\n\n    /**\n     * Handler for DatePickerHeader.onTodayNavigation.\n     * This is used for navigating to today in the MonthView.\n     */\n    handleTodayNavigation: useCallback(() => {\n      actions.goToToday(todaysDate);\n    }, [actions, todaysDate]),\n\n    /**\n     * Handler for DatePickerHeader.onPreviousNavigation.\n     * This is used for navigating to the previous month in MonthView\n     * and previous decade in YearsGridView.\n     */\n    handlePreviousNavigation: useCallback(() => {\n      if (state.currentView === 'monthView') {\n        return actions.previousMonth(state.focusableDate);\n      }\n\n      if (state.currentView === 'yearsGridView') {\n        return actions.previousDecade({ year: state.focusableYear });\n      }\n    }, [actions, state.currentView, state.focusableDate, state.focusableYear]),\n\n    /**\n     * Handler for DatePickerHeader.onNextNavigation.\n     * This is used for navigating to the next month in MonthView\n     * and next decade in YearsGridView.\n     */\n    handleNextNavigation: useCallback(() => {\n      if (state.currentView === 'monthView') {\n        return actions.nextMonth(state.focusableDate);\n      }\n\n      if (state.currentView === 'yearsGridView') {\n        return actions.nextDecade({ year: state.focusableYear });\n      }\n    }, [actions, state.currentView, state.focusableDate, state.focusableYear]),\n\n    /**\n     * Handler for MonthView.onAction.\n     * This is used for selecting a date in MonthView.\n     */\n    handleMonthViewAction: useCallback<MonthViewProps['onAction']>(\n      (payload) => {\n        if (payload.date === undefined || isReadonly) return;\n        actions.daySelected(payload.date);\n        // We purposely send onCommit even if the value is the same.\n        // The InputDatePicker closes the datepicker when the user commits,\n        // even if it is the already selected date.\n        onCommit?.({ previousValue: value, value: payload.date });\n      },\n      [actions, isReadonly, onCommit, value]\n    ),\n\n    /**\n     * Handler for MonthView.onNavigation.\n     * This is used for navigating in the MonthView like moving around the\n     * dates in the month and going to the prev/next month/year.\n     */\n    handleMonthViewNavigation: useCallback<MonthViewProps['onNavigation']>(\n      (detail) => {\n        switch (detail.direction) {\n          case 'previousMonth':\n            return actions.previousMonthAndFocus(detail.date);\n          case 'nextMonth':\n            return actions.nextMonthAndFocus(detail.date);\n          case 'today':\n            return actions.goToToday(todaysDate);\n          default:\n            return actions[detail.direction](detail.date);\n        }\n      },\n      [actions, todaysDate]\n    ),\n\n    /**\n     * Handler for MonthsGridView.onAction.\n     * This is used for selecting a month in MonthsGridView and navigating to\n     * the selected month in MonthView.\n     */\n    handleMonthsGridViewAction: useCallback<MonthsGridViewProps['onAction']>(\n      (detail) => {\n        actions.monthSelected(detail);\n      },\n      [actions]\n    ),\n\n    /**\n     * Handler for MonthsGridView.onNavigation.\n     * This is used for navigating through the MonthsGridView.\n     */\n    handleMonthsGridViewNavigation: useCallback<MonthsGridViewProps['onNavigation']>(\n      (detail) => {\n        switch (detail.direction) {\n          case 'down':\n            return actions.nextMonthRowInGridView({ month: detail.month });\n          case 'next':\n            return actions.nextMonthInGridView({ month: detail.month });\n          case 'previous':\n            return actions.previousMonthInGridView({ month: detail.month });\n          case 'up':\n            return actions.previousMonthRowInGridView({ month: detail.month });\n        }\n      },\n      [actions]\n    ),\n\n    /**\n     * Handler for YearsGridView.onAction.\n     * This is used for selecting a year in YearsGridView and navigating to\n     * the selected year in MonthView.\n     */\n    handleYearsGridViewAction: useCallback<YearsGridViewProps['onAction']>(\n      (detail) => {\n        actions.yearSelected(detail);\n      },\n      [actions]\n    ),\n\n    /**\n     * Handler for YearsGridView.onNavigation.\n     * This is used for navigating through the YearsGridView.\n     */\n    handleYearsGridViewNavigation: useCallback<YearsGridViewProps['onNavigation']>(\n      (detail) => {\n        switch (detail.direction) {\n          case 'down':\n            return actions.nextYearRowInGridView({ year: detail.year });\n          case 'next':\n            return actions.nextYearInGridView({ year: detail.year });\n          case 'nextDecade':\n            return actions.nextDecadeAndFocus({ year: detail.year });\n          case 'previous':\n            return actions.previousYearInGridView({ year: detail.year });\n          case 'previousDecade':\n            return actions.previousDecadeAndFocus({ year: detail.year });\n          case 'up':\n            return actions.previousYearRowInGridView({ year: detail.year });\n        }\n      },\n      [actions]\n    )\n  };\n\n  const { focusProps } = useFocusWithin({\n    // If we blur out of the MonthView, make sure the isViewFocused state is false.\n    // This is used for the case where you are on the Today month,\n    // and you press on Go to Today, focus moves to the day cell that is today,\n    // then tab back twice to Go to Today button and press it again and focus should move again to the day cell that is today.\n    // JET-66580 today button stays highlighted and arrow keys do not work\n    // We do not set isViewFocused onFocusWithin. Doing so causes a different issue. JET-73067 Input Date Picker/DatePicker - REFLOW - can not set value on the first click\n    onBlurWithin: useCallback(() => actions.viewBlur(undefined), [actions])\n  });\n\n  return {\n    accessibleLabels,\n    actions,\n    handlers,\n    state,\n    todaysDate,\n    toggleSelection: headerToggleSelection[state.currentView],\n    viewContainerProps: { ...focusProps }\n  };\n};\n","import { Flex } from '#UNSAFE_Flex';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { Button } from '#UNSAFE_Button';\nimport { ComponentProps } from 'preact/compat';\n\ntype ButtonOnAction = NonNullable<ComponentProps<typeof Button>['onAction']>;\n\ntype Props = TestIdProps & {\n  /**\n   * Accessible label for the today navigation button that is in the footer of the DatePicker\n   * in small screens.\n   *\n   * Use this property to provide a screen reader aria-label for the\n   * footer today navigation button.\n   */\n  todayNavigationAriaLabel: string;\n\n  /**\n   * Label for the today navigation button that is in the footer of the DatePicker in small screens.\n   * Use this property to provide a label for the footer today navigation button.\n   */\n  todayNavigationLabel: string;\n\n  /**\n   * A callback function to be called when the today button is clicked. Only\n   * applicable when `isTodayNavigationButtonHidden` is set to `false`.\n   */\n  onTodayNavigationAction?: ButtonOnAction;\n};\n\n/**\n * A Today button. The DatePicker puts this in its footer on small screens.\n * When a user presses the button, the DatePicker navigates to Today and sets focus on Today.\n */\nexport const TodayButton = ({\n  onTodayNavigationAction,\n  testId,\n  todayNavigationAriaLabel,\n  todayNavigationLabel\n}: Props) => {\n  return (\n    <Flex direction=\"column\">\n      <Button\n        testId={testId}\n        label={todayNavigationLabel}\n        aria-label={todayNavigationAriaLabel}\n        size=\"sm\"\n        onAction={onTodayNavigationAction}\n      />\n    </Flex>\n  );\n};\n","import { useRef } from 'preact/hooks';\nimport { DatePickerHeader } from '#PRIVATE_DatePickerHeader';\nimport { MonthView } from '#PRIVATE_MonthView';\nimport { MonthsGridView, YearsGridView } from '#PRIVATE_MonthYearGridView';\nimport { Flex } from '#UNSAFE_Flex';\nimport { useTestId, type TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { type CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { useDatePicker } from './useDatePicker';\nimport { useBreakpointValues } from '#hooks/UNSAFE_useBreakpointValues';\nimport { TodayButton } from './TodayButton';\nimport { datePickerPropVars } from './themes/DatePickerContract.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { DatePickerRedwoodTheme } from './themes/redwood/DatePickerTheme';\nimport { Size } from '#utils/UNSAFE_size';\n\nexport type DayFormatOptions = {\n  state: 'enabled' | 'disabled' | 'restricted';\n};\n\ntype Props = TestIdProps & {\n  /**\n   * A function that receives a date and returns an object specifying how to format the provided date.\n   * This function is called for each date that is rendered and this can be used to control how individual\n   * dates are rendered - disabled, restricted, or enabled.\n   * @param date The date to format\n   * @returns The format options\n   */\n  dayFormatter?: (date: CalendarDateRequired) => DayFormatOptions;\n\n  /**\n   * The daysOutsideMonth property affects the day cells that are outside of the current month.\n   * If set to 'hidden', then the days outside of the current month will be hidden.\n   * If set to 'selectable', then the days outside of the current month will be visible and selectable.\n   * This defaults to 'hidden'.\n   */\n  daysOutsideMonth?: 'hidden' | 'selectable';\n\n  /**\n   * When property is set to \"auto\", the date picker will automatically adjust to the height of the rows of weeks.\n   * This is mainly to be used in conjunction with InputDatePicker.\n   * <p>If not specified, defaults to the theme specified height.<br/>\n   */\n  height?: 'auto';\n\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * The monthAndYearPicker property can be used to specify whether or not the DatePicker should show the\n   * Months Grid View and Years Grid View.\n   */\n  monthAndYearPicker?: 'on' | 'off';\n\n  /**\n   * The maximum selectable date. The max must be equal or greater than the min if they are both specified or an error is thrown.\n   */\n  max?: CalendarDateRequired;\n\n  /**\n   * Specifies the component style maxWidth.\n   * <p>If not specified, defaults to the theme specified maxWidth.<br/>\n   * This attribute accepts values of type:<br/>\n   * 0 | `${number}${CssUnits}` | `${number}x` | `--${string}` | `var($string})` | `${number}%`</p>\n   * <p>When this component is used in composition and the component should take up 100% of the parent container's\n   * width, set maxWidth to '100%'.<br/>\n   * Because there is a theme default value for maxWidth, when setting the width property to achieve a fixed width,\n   * set the maxWidth property to the same value.</p>\n   */\n  maxWidth?: Size;\n\n  /**\n   * The minimum selectable date. The min must be equal or less than the max if they are both specified or an error is thrown.\n   */\n  min?: CalendarDateRequired;\n\n  /**\n   * The todayTimeZone property is used to compute what the highlighted today cell is for the DatePicker.\n   * This defaults to the user's system timezone.\n   * <p>\n   * The only reason an application would set the todayTimeZone property is if they want the\n   * highlighted today cell to be in a different timezone than the user's system's timezone,\n   * like if the user has a preferred timezone that is not where they are physically working.\n   * </p>\n   */\n  todayTimeZone?: Intl.DateTimeFormatOptions['timeZone'];\n\n  /**\n   * Specifies how to render the 'Go to today' button.\n   * <ul>\n   * <li>'visible' - set this property to 'visible' to show the 'Go to today' button.</li>\n   * <li>'hidden' - set this property to 'hidden' to hide the 'Go to today' button.</li>\n   * </ul>\n   */\n  todayButton?: 'visible' | 'hidden';\n\n  /**\n   * The value of the DatePicker. The value property is the date that looks selected in the DatePicker.\n   * If the value is undefined, no day will look selected.\n   * <p>\n   * The DatePicker initially opens to the selected date if there is one and it is within the min/max range.\n   * If there is no value, the DatePicker initially opens to today's month.\n   * </p>\n   */\n  value?: CalendarDateRequired;\n\n  /**\n   * Specifies the component style width.\n   * <p>If not specified, defaults to '100%'.</p>\n   * <p>This attribute accepts values of type:</p>\n   * <p>0 | `${number}${CssUnits}` | `${number}x` | `--${string}`  | `var($string})` | `${number}%`</p>\n   * <br/>\n   * <p>Because there is a theme default value for maxWidth, when setting the width property to achieve a fixed width,\n   * set the maxWidth property to the same value.</p>\n   */\n  width?: Size;\n\n  /**\n   * Callback invoked when the user selects a date in the DatePicker. This callback is called even when the previous\n   * value and the value are the same, that is, when the user selects an already selected date.\n   * The app needs to handle this to write back the controlled 'value' property, or else no date will be shown\n   * to be selected.\n   * If the app is using a DatePicker to control another component, like as a way to navigate an Event Calendar,\n   * then they would listen to the onCommit to get the value of the selected date.\n   */\n  onCommit: (detail: ValueUpdateDetail<CalendarDateRequired>) => void;\n\n  /**\n   * Whether week of the year will be shown in the DatePicker. The default calculation follows the\n   * rule for ISO 8601 as follows: The first week of the year is defined as the week that contains\n   * the first Thursday. Therefore, if January 1st falls on a Friday, it is considered part of the last week\n   * of the previous year. Conversely, if December 31st falls on a Wednesday, it is part of week 1 of the following year.\n   */\n  weekDisplay?: 'none' | 'number';\n};\n\n/**\n * A DatePicker is a calendar interface that allows users to select a single date.\n */\nexport const DatePicker = ({\n  dayFormatter,\n  daysOutsideMonth,\n  height,\n  isReadonly = false,\n  monthAndYearPicker = 'on',\n  max,\n  maxWidth,\n  min,\n  value,\n  testId,\n  todayTimeZone,\n  todayButton = 'visible',\n  weekDisplay = 'none',\n  width,\n  onCommit\n}: Props) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { accessibleLabels, handlers, state, todaysDate, toggleSelection, viewContainerProps } =\n    useDatePicker({\n      isReadonly,\n      max,\n      min,\n      rootRef,\n      todayTimeZone,\n      value,\n      onCommit\n    });\n  const { month, year } = state.focusableDate;\n  const isMonthYearPickerEnabled = monthAndYearPicker === 'on' && !isReadonly;\n  // When the screen is < 360px, we hide the DatePickerHeader's today button and show a Today button\n  // on the bottom of the DatePicker instead.\n  // NOTE: I cannot use xs, sm here since useBreakpointValues's types do not allow it.\n  const shouldShowTodayFooterButton = useBreakpointValues(\n    {\n      sm: true,\n      md: false\n    },\n    { sm: '0px', md: '360px' }\n  );\n\n  const showTodayFooterButton =\n    !state.isTodayNavigationButtonHidden &&\n    shouldShowTodayFooterButton &&\n    todayButton === 'visible';\n\n  // we need to render the baseTheme on the root dom element so that the CSS vars in datePickerPropVars will be defined.\n  const { classes } = useComponentTheme(DatePickerRedwoodTheme);\n\n  const testIdProps = useTestId(testId);\n\n  return (\n    <div class={classes} ref={rootRef} {...testIdProps}>\n      <Flex\n        direction=\"column\"\n        gap={\n          state.currentView === 'monthView'\n            ? datePickerPropVars.calendarGridRowGap\n            : datePickerPropVars.monthYearGridRowGap\n        }\n        height={\n          height === 'auto'\n            ? undefined\n            : showTodayFooterButton\n            ? datePickerPropVars.todayFooterButtonHeight\n            : datePickerPropVars.height\n        }\n        maxWidth={maxWidth !== undefined ? maxWidth : datePickerPropVars.maxWidth}\n        width={width !== undefined ? width : datePickerPropVars.width}>\n        <DatePickerHeader\n          testId={testId ? testId + '_header' : undefined}\n          month={month}\n          year={year}\n          isPreviousNavigationButtonHidden={state.isPreviousNavigationButtonHidden}\n          isTodayNavigationButtonHidden={\n            todayButton === 'hidden' ||\n            state.isTodayNavigationButtonHidden ||\n            shouldShowTodayFooterButton\n          }\n          isNextNavigationButtonHidden={state.isNextNavigationButtonHidden}\n          monthYearHeader={isMonthYearPickerEnabled ? 'independentButtons' : 'text'}\n          toggleSelection={isMonthYearPickerEnabled ? toggleSelection : undefined}\n          previousNavigationAccessibleLabel={accessibleLabels.previous}\n          todayNavigationAccessibleLabel={accessibleLabels.goToToday}\n          nextNavigationAccessibleLabel={accessibleLabels.next}\n          onTodayNavigationAction={handlers.handleTodayNavigation}\n          onPreviousNavigationAction={handlers.handlePreviousNavigation}\n          onNextNavigationAction={handlers.handleNextNavigation}\n          onMonthToggle={isMonthYearPickerEnabled ? handlers.handleMonthToggle : undefined}\n          onYearToggle={isMonthYearPickerEnabled ? handlers.handleYearToggle : undefined}\n        />\n        <div {...viewContainerProps}>\n          {state.currentView === 'monthView' && (\n            <MonthView\n              dayFormatter={dayFormatter}\n              daysOutsideMonth={daysOutsideMonth}\n              isReadonly={isReadonly}\n              max={max}\n              min={min}\n              selectedDate={value}\n              focusableDate={state.focusableDate}\n              isFocused={state.isViewFocused}\n              testId={testId ? testId + '_monthView' : undefined}\n              todaysDate={todaysDate}\n              onNavigation={handlers.handleMonthViewNavigation}\n              onAction={handlers.handleMonthViewAction}\n              weekDisplay={weekDisplay}\n            />\n          )}\n          {state.currentView === 'monthsGridView' && (\n            <MonthsGridView\n              currentMonth={todaysDate.month}\n              focusableMonth={state.focusableMonth}\n              isFocused={state.isViewFocused}\n              selectedMonth={month}\n              testId={testId ? testId + '_monthsGridView' : undefined}\n              onAction={handlers.handleMonthsGridViewAction}\n              onNavigation={handlers.handleMonthsGridViewNavigation}\n            />\n          )}\n          {state.currentView === 'yearsGridView' && (\n            <YearsGridView\n              currentYear={todaysDate.year}\n              focusableYear={state.focusableYear}\n              isFocused={state.isViewFocused}\n              selectedYear={year}\n              testId={testId ? testId + '_yearsGridView' : undefined}\n              onAction={handlers.handleYearsGridViewAction}\n              onNavigation={handlers.handleYearsGridViewNavigation}\n            />\n          )}\n        </div>\n        {showTodayFooterButton && (\n          <div>\n            <TodayButton\n              testId={testId ? testId + '_footerTodayButton' : undefined}\n              todayNavigationLabel={accessibleLabels.today}\n              todayNavigationAriaLabel={accessibleLabels.goToToday}\n              onTodayNavigationAction={handlers.handleTodayNavigation}\n            />\n          </div>\n        )}\n      </Flex>\n    </div>\n  );\n};\n"],"names":["datePickerViewActionTypes","monthViewActionTypes","monthsGridViewActionTypes","yearsGridViewActionTypes","datePickerReducer","state","action","type","payload","currentView","isViewFocused","isNextNavigationButtonHidden","isPreviousNavigationButtonHidden","isTodayNavigationButtonHidden","focusableMonth","focusableDate","month","focusableYear","year","previousDay","addToCalendarDate","days","nextDay","prevMonth","months","nextMonth","previousYear","years","nextYear","currentDate","firstDayOfMonthDate","day","lastDay","getDaysInMonth","lastDayOfMonthDate","previousMonth","addToMonth","monthSteps","goToDate","addToYear","yearSteps","headerToggleSelection","monthView","monthsGridView","yearsGridView","useDatePicker","isReadonly","max","min","rootRef","todayTimeZone","value","onCommit","isCalendarDateBefore","Error","todaysDate","getCalendarDateToday","initialFocusableDate","useMemo","constrainCalendarDate","actions","initialState","dispatch","useReducer","lastValueFromParentRef","useRef","compareDates","current","actionsObject","forEach","useDatePickerState","translations","useTranslationBundle","accessibleLabels","next","datePicker_next","previous","datePicker_prev","goToToday","datePicker_goToToday","today","datePicker_today","changeValue","useCallback","newValue","Promise","reject","previousValue","resolve","useHiddenTestMethod","elementRef","method","name","handlers","handleMonthToggle","undefined","handleYearToggle","handleTodayNavigation","handlePreviousNavigation","previousDecade","handleNextNavigation","nextDecade","handleMonthViewAction","date","daySelected","handleMonthViewNavigation","detail","direction","previousMonthAndFocus","nextMonthAndFocus","handleMonthsGridViewAction","monthSelected","handleMonthsGridViewNavigation","nextMonthRowInGridView","nextMonthInGridView","previousMonthInGridView","previousMonthRowInGridView","handleYearsGridViewAction","yearSelected","handleYearsGridViewNavigation","nextYearRowInGridView","nextYearInGridView","nextDecadeAndFocus","previousYearInGridView","previousDecadeAndFocus","previousYearRowInGridView","focusProps","useFocusWithin","onBlurWithin","viewBlur","toggleSelection","viewContainerProps","TodayButton","onTodayNavigationAction","testId","todayNavigationAriaLabel","todayNavigationLabel","_jsx","jsx","Flex","children","Button","label","size","onAction","dayFormatter","daysOutsideMonth","height","monthAndYearPicker","maxWidth","todayButton","weekDisplay","width","isMonthYearPickerEnabled","shouldShowTodayFooterButton","useBreakpointValues","sm","md","showTodayFooterButton","classes","useComponentTheme","DatePickerRedwoodTheme","testIdProps","useTestId","class","ref","_jsxs","gap","datePickerPropVars","calendarGridRowGap","monthYearGridRowGap","todayFooterButtonHeight","DatePickerHeader","monthYearHeader","previousNavigationAccessibleLabel","todayNavigationAccessibleLabel","nextNavigationAccessibleLabel","onPreviousNavigationAction","onNextNavigationAction","onMonthToggle","onYearToggle","jsxs","MonthView","selectedDate","isFocused","onNavigation","MonthsGridView","currentMonth","selectedMonth","YearsGridView","currentYear","selectedYear"],"mappings":"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"}

package/amd/DatePickerHeader-25b87f04.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './Flex-4bc3a394', './IconButton-232d63fc', './CaretDown-59d569a3', './Icon-865b3c78', './ChevronLeft-b190b987', './ChevronRight-3c1f1b2c', './Text-9e32c423', './ToggleButton-9201e07b', './View-5520bcf5', './useUser-988f7da2', './getFormatParse-7ea0c25b', './logger-0f873e29', './calendarDateUtils-dd5b75ee', './maskUtils-8e7a7701', 'preact/compat', './PRIVATE_DatePickerHeader/themes/DatePickerHeaderStyles.css'], (function(e,t,n,o,i,a,s,r,l,c,d,g,x,h,b,v,j,u){"use strict";const m=e=>t.jsx(a.Icon,{viewBox:"0 0 24 24",...e,children:t.jsx("g",{fill:"none",children:t.jsx("path",{d:"M6 15s6.043-6 6-6c-.043 0 6 6 6 6H6z",fill:"currentcolor"})})}),f=e=>t.jsx(a.Icon,{viewBox:"0 0 24 24",...e,children:t.jsxs("g",{fill:"none",children:[t.jsx("path",{d:"M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z",fill:"currentcolor"}),t.jsx("path",{d:"M18 12a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-1.5 0a4.5 4.5 0 1 0-9 0 4.5 4.5 0 0 0 9 0z",fill:"currentcolor"})]})});e.DatePickerHeader=({isPreviousNavigationButtonHidden:e=!1,isTodayNavigationButtonHidden:a=!1,isNextNavigationButtonHidden:x=!1,month:h,monthToggleAccessibleLabel:B,monthYearHeader:S="independentButtons",nextNavigationAccessibleLabel:T,previousNavigationAccessibleLabel:I,testId:N,todayNavigationAccessibleLabel:y,toggleSelection:A="none",year:p,yearToggleAccessibleLabel:z,onMonthToggle:C,onNextNavigationAction:w,onPreviousNavigationAction:L,onTodayNavigationAction:F,onYearToggle:H})=>{const{locale:M,direction:D}=g.useUser(),P=j.useMemo((()=>b.getLongFormattedYearMonth(M,p,h)),[M,h,p]),{monthStr:Y,yearStr:k}=j.useMemo((()=>({monthStr:v.getMonthName(M,h,p,"short"),yearStr:b.getNumericFormattedYear(M,p,h)})),[M,h,p]);return t.jsxs(n.Flex,{align:"center",justify:"between",testId:N,children:[t.jsxs(n.Flex,{children:["independentButtons"===S&&t.jsx(t.Fragment,{children:t.jsxs("div",{class:u.styles.monthYearButtonContainer,children:[t.jsx(c.ToggleButton,{"aria-label":B,label:Y,endIcon:"month"===A?t.jsx(m,{}):t.jsx(i.SvgCaretDown,{}),isSelected:"month"===A,onToggle:C,size:"sm",variant:"borderless"}),t.jsx(c.ToggleButton,{"aria-label":z,label:k,endIcon:"year"===A?t.jsx(m,{}):t.jsx(i.SvgCaretDown,{}),isSelected:"year"===A,onToggle:H,size:"sm",variant:"borderless"})]})}),"text"===S&&t.jsx(d.View,{paddingInlineStart:"3x",children:t.jsx(l.Text,{size:"md",weight:"semiBold",children:P})})]}),t.jsxs(n.Flex,{children:[!e&&t.jsx(o.IconButton,{"aria-label":I,size:"sm",variant:"borderless",onAction:L,children:"ltr"===D?t.jsx(s.SvgChevronLeft,{}):t.jsx(r.SvgChevronRight,{})}),!a&&t.jsx(o.IconButton,{"aria-label":y,size:"sm",variant:"borderless",onAction:F,children:t.jsx(f,{})}),!x&&t.jsx(o.IconButton,{"aria-label":T,size:"sm",variant:"borderless",onAction:w,children:"ltr"===D?t.jsx(r.SvgChevronRight,{}):t.jsx(s.SvgChevronLeft,{})})]})]})}}));
+define(['exports', 'preact/jsx-runtime', './Flex-07d2aa5b', './IconButton-232d63fc', './CaretDown-59d569a3', './Icon-865b3c78', './ChevronLeft-b190b987', './ChevronRight-3c1f1b2c', './Text-9e32c423', './ToggleButton-9201e07b', './View-ab4d3a33', './useUser-12ec03f1', './getFormatParse-7ea0c25b', './logger-0f873e29', './calendarDateUtils-dd5b75ee', './maskUtils-8e7a7701', 'preact/compat', './PRIVATE_DatePickerHeader/themes/DatePickerHeaderStyles.css'], (function(e,t,n,o,a,i,s,r,l,c,d,g,x,h,b,v,j,u){"use strict";const m=e=>t.jsx(i.Icon,{viewBox:"0 0 24 24",...e,children:t.jsx("g",{fill:"none",children:t.jsx("path",{d:"M6 15s6.043-6 6-6c-.043 0 6 6 6 6H6z",fill:"currentcolor"})})}),B=e=>t.jsx(i.Icon,{viewBox:"0 0 24 24",...e,children:t.jsxs("g",{fill:"none",children:[t.jsx("path",{d:"M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z",fill:"currentcolor"}),t.jsx("path",{d:"M18 12a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-1.5 0a4.5 4.5 0 1 0-9 0 4.5 4.5 0 0 0 9 0z",fill:"currentcolor"})]})});e.DatePickerHeader=({isPreviousNavigationButtonHidden:e=!1,isTodayNavigationButtonHidden:i=!1,isNextNavigationButtonHidden:x=!1,month:h,monthToggleAccessibleLabel:f,monthYearHeader:S="independentButtons",nextNavigationAccessibleLabel:T,previousNavigationAccessibleLabel:I,testId:N,todayNavigationAccessibleLabel:y,toggleSelection:A="none",year:p,yearToggleAccessibleLabel:z,onMonthToggle:C,onNextNavigationAction:w,onPreviousNavigationAction:L,onTodayNavigationAction:F,onYearToggle:H})=>{const{locale:M,direction:D}=g.useUser(),P=j.useMemo((()=>b.getLongFormattedYearMonth(M,p,h)),[M,h,p]),{monthStr:Y,yearStr:k}=j.useMemo((()=>({monthStr:v.getMonthName(M,h,p,"short"),yearStr:b.getNumericFormattedYear(M,p,h)})),[M,h,p]);return t.jsxs(n.Flex,{align:"center",justify:"between",testId:N,children:[t.jsxs(n.Flex,{children:["independentButtons"===S&&t.jsx(t.Fragment,{children:t.jsxs("div",{class:u.styles.monthYearButtonContainer,children:[t.jsx(c.ToggleButton,{"aria-label":f,label:Y,endIcon:"month"===A?t.jsx(m,{}):t.jsx(a.SvgCaretDown,{}),isSelected:"month"===A,onToggle:C,size:"sm",variant:"borderless"}),t.jsx(c.ToggleButton,{"aria-label":z,label:k,endIcon:"year"===A?t.jsx(m,{}):t.jsx(a.SvgCaretDown,{}),isSelected:"year"===A,onToggle:H,size:"sm",variant:"borderless"})]})}),"text"===S&&t.jsx(d.View,{paddingInlineStart:"3x",children:t.jsx(l.Text,{size:"md",weight:"semiBold",children:P})})]}),t.jsxs(n.Flex,{children:[!e&&t.jsx(o.IconButton,{"aria-label":I,size:"sm",variant:"borderless",onAction:L,children:"ltr"===D?t.jsx(s.SvgChevronLeft,{}):t.jsx(r.SvgChevronRight,{})}),!i&&t.jsx(o.IconButton,{"aria-label":y,size:"sm",variant:"borderless",onAction:F,children:t.jsx(B,{})}),!x&&t.jsx(o.IconButton,{"aria-label":T,size:"sm",variant:"borderless",onAction:w,children:"ltr"===D?t.jsx(r.SvgChevronRight,{}):t.jsx(s.SvgChevronLeft,{})})]})]})}}));
 //# sourceMappingURL=DatePickerHeader-25b87f04.js.map

package/amd/Diagram-461719eb.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './TrackResizeContainer-a4999df9', './UNSAFE_Diagram/themes/DiagramStyles.css', './useResizeObserver-25032462', 'preact/hooks', './accUtils-acd70e81', './classNames-08d99695', './useTranslationBundle-27bf6340', './useUser-988f7da2', './layoutUtils-641af87a', './useVisHover-28319fef', './mergeProps-bcfa6a92', './useDatatip-36aa820b', './useTextDimensions-f254e8f5', './clientUtils-df9caee0', './useVisDragModeControls-4fcf2261', './useSelection-bb7d04ee', './useVisTouchResponse-88a7bb09', './stringUtils-4ffd9d59', './useContextMenu-4bd1c23a', './Menu-45a26116', './MenuItem-ff1cd14d', 'preact', './logger-0f873e29', './LayerHost-7d4aa6d3', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', '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,a,d,c,u,l,h,f,g,p,m,y,x,b,w,M,v,I,P,S,N,k,D,R,C,z,X,Y,T,L,Z,j,A){"use strict";function V(e){const t=new Map,n=new Map,o=new Map;for(let i=0;i<e.length;i++)t.set(e[i].id,e[i]),n.set(e[i].id,i),o.set(i,e[i].id);return{itemIdToDataMap:t,itemIdToIndexMap:n,itemIndexToIdMap:o}}function B(e,t){const n=[];if(e)for(let t=0;t<e.length;t++)n.push(e[t]);if(t)for(let e=0;e<t.length;e++)n.push(t[e]);return n}function E(e,t,n){const o=F(t,e,n);if(e.rotationAngle){const n=e.rotationPoint?e.rotationPoint:{x:t.width/2,y:t.height/2},i=e.rotationAngle,r=O({x:0,y:0},n),s=O({x:t.width,y:0},n),a=O({x:0,y:t.height},n),d=O({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}}([U(r,i),U(a,i),U(s,i),U(d,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 O(e,t){return{x:e.x-t.x,y:e.y-t.y}}function U(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 F(e,t,n){const o=t.position,i=t.hAlign?t.hAlign:n?"right":"left",r=t.vAlign;let s,a;return s="center"===i?o.x-e.width/2:"right"===i?o.x-e.width:o.x,a="middle"===r?o.y-e.height/2:"bottom"===r?o.y-e.height:"baseline"===r?o.y+e.y:o.y,{x:s,y:a}}function _(e,t,n,o,i){return{panX:o/2-e*n,panY:i/2-t*n}}function K(e,t){return e?.id===t?.id&&e?.isNode===t?.isNode}function G(e,t){let n,o=!1,i=e;for(;!n;)if(n=i.dataset.ojPrivateNode,n?o=!0:n=i.dataset.ojPrivateLink,!n){if(!i.parentElement||i.parentElement===t?.current)break;i=i.parentElement}return{id:n,isNode:o}}function $(e,t,n,o){return s.generateAriaLabel(e,o||"",{isSelected:t?n:void 0})}function W(e,t,n){const o=(e-40)/n.width,i=(t-40)/n.height;return Math.min(o,i)}function q(e,t,n){let o=Math.max(t,e);return o=Math.min(n,o),o}function H(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 J(e,t,n,o,i,r,s){let a;if(e.isNode){a=n[o.get(e.id)]}else{const i=t.get(e.id),r=n[o.get(i.startNode)],s=n[o.get(i.endNode)],d=Math.min(r.x,s.x),c=Math.min(r.y,s.y);a={x:d,y:c,width:Math.max(r.x+r.width,s.x+r.height)-d,height:Math.max(r.y+r.height,s.y+s.height)-c}}return function(e,t,n,o){const i=(n-40)/e.width,r=(o-40)/e.height,s=Math.min(i,r,t),a=e.width/2+e.x,d=e.height/2+e.y;return{centerX:a,centerY:d,zoom:s}}(a,s,i,r)}const Q=({id:e,state:n,previousState:s,position:c,activeId:u,nodeRenderer:l,onNodeSizeChanged:h,nodeIndex:f,data:g,accessibleLabel:p,isDimmed:m,supportsSelection:y})=>{const{nodeStyles:x,dimmedItemStyle:b}=o.itemStyles,w={state:n,previousState:s,data:g},M=d.useTranslationBundle("@oracle/oraclejet-preact"),v=r.useRef(null),I=r.useRef({box:"border-box"});return i.useResizeObserver(v,r.useCallback((e=>{const t=e.borderBoxSize,n=t[0].inlineSize,o=t[0].blockSize;h(n,o,f)}),[f,h]),I.current),t.jsx("div",{ref:v,class:a.classNames([x,m?b:void 0]),"data-oj-private-node":e,role:"img","aria-label":$(M,y,n.selected,p),style:{top:c.y,left:c.x},id:n.focused||n.hovered?u:void 0,children:l(w)},e)};function ee({nodes:e,states:n,previousStates:i,nodeRenderer:r,nodeBounds:s,onNodeSizeChanged:a,supportsSelection:d}){return t.jsx("div",{class:o.layerStyles,children:e.map(((e,o)=>{const c=s&&s[o]?{x:s[o].x,y:s[o].y}:{x:0,y:0},u={selected:n.selectedNodeIds.includes(e.id),focused:n.focusedId===e.id,hovered:n.hoveredId===e.id,zoom:n.zoom},l={selected:i.selectedNodeIds.includes(e.id),focused:i.focusedId===e.id,hovered:i.hoveredId===e.id,zoom:i.zoom};return t.jsx(Q,{id:e.id,position:c,state:u,previousState:l,isDimmed:0!==n.highlightedIds.length&&!n.highlightedIds.includes(e.id),activeId:n.activeId,nodeRenderer:r,onNodeSizeChanged:a,nodeIndex:o,accessibleLabel:e.accessibleLabel,data:e,supportsSelection:d})}))})}const te=({id:e,state:n,previousState:i,activeId:r,data:s,linkRenderer:c,accessibleLabel:u,isDimmed:l,supportsSelection:h,layoutOutput:f})=>{const g=d.useTranslationBundle("@oracle/oraclejet-preact"),{dimmedItemStyle:p,linkStyles:m}=o.itemStyles,y={state:n,previousState:i,data:s,layoutOutput:f};return t.jsx("g",{id:n.focused?r:void 0,"aria-label":$(g,h,n.selected,u),"data-oj-private-link":e,role:"img",class:a.classNames([m,l&&p]),children:c(y)},e)};function ne({links:e,states:n,previousStates:i,linkRenderer:r,width:s,height:a,supportsSelection:d,layoutOutput:c,combinedNodeBounds:u}){const l=W(s,a,u);return t.jsx("svg",{class:o.layerStyles,width:s/l,height:a/l,children:e.map((e=>{const o={selected:n.selectedLinkIds.includes(e.id),focused:n.focusedId===e.id,hovered:n.hoveredId===e.id,zoom:n.zoom},s={selected:i.selectedLinkIds.includes(e.id),focused:i.focusedId===e.id,hovered:i.hoveredId===e.id,zoom:i.zoom};return t.jsx(te,{id:e.id,label:e.label,state:o,previousState:s,isDimmed:0!==n.highlightedIds.length&&!n.highlightedIds.includes(e.id),activeId:n.activeId,accessibleLabel:e.accessibleLabel,data:e,linkRenderer:r,supportsSelection:d,layoutOutput:c})}))})}const oe=({text:e,position:n,styles:i,dimensions:r,isRTL:s})=>{const{labelStyle:d,labelBorderStyle:c}=o.labelStyles,u=F(r,n,s),l=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&&c]),style:{top:u.y,left:u.x,...i,...l},children:e})};function ie({labelPosition:e,itemProps:n,labelDimensions:i}){const{direction:r}=c.useUser();return t.jsx("div",{class:o.layerStyles,children:n.map(((n,o)=>{if(n.label&&e[o])return t.jsx(oe,{styles:n.labelStyle,text:n.label,position:e[o],dimensions:i.get(n.id),isRTL:"rtl"===r})}))})}function re({nodes:e,links:n,nodeRenderer:o,linkRenderer:i,states:r,previousStates:s,nodeBounds:a,onNodeSizeChanged:d,width:c,height:u,nodeLabelPositions:l,linkLabelPositions:h,labelDimensions:f,supportsSelection:g,layoutOutput:p,combinedNodeBounds:m}){return t.jsxs(t.Fragment,{children:[n.length>0&&p&&i&&c!==1/0&&m&&t.jsx(ne,{links:n,states:r,previousStates:s,linkRenderer:i,width:c,height:u,supportsSelection:g,layoutOutput:p,combinedNodeBounds:m}),t.jsx(ee,{nodes:e,nodeBounds:a,states:r,previousStates:s,nodeRenderer:o,onNodeSizeChanged:d,supportsSelection:g}),f?t.jsxs("div",{children:[l?t.jsx(ie,{labelPosition:l,itemProps:e,labelDimensions:f}):void 0,n&&h?t.jsx(ie,{labelPosition:h,itemProps:n,labelDimensions:f}):void 0]}):void 0]})}function se({centerX:e,centerY:n,children:i,zoom:r,width:s,height:a}){const d=_(e,n,r,s,a);return t.jsx("div",{class:o.panZoomStyles,style:{translate:`${d.panX}px ${d.panY}px`,transform:`scale(${r})`},children:i})}function ae(e,t){let n;for(let o=0;o<t.length;o++)if(n=t[o],e.id===n.id)return n}function de(e,t){const n=[];return t.forEach((t=>{const o=t.startNode,i=t.endNode;o!=e&&i!=e||n.push(t)})),n}function ce(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 a=e.id==r.id?s:r,d=he(e,o),c=he(a,o);let u=Math.atan2(c.y-d.y,c.x-d.x);return u=u<0?u+2*Math.PI:u,u}function ue(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=he(i,n),a=he(r,n);return Math.sqrt(Math.pow(a.x-s.x,2)+Math.pow(a.y-s.y,2))}function le(e,t){return t.endNode===e.id?1:0}function he(e,t){const n=t.get(e.id);return{x:n.x+n.width/2,y:n.y+n.height/2}}function fe(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,a=t.x+t.width/2,d=t.y+t.height/2,c=Math.abs(r-a),u=Math.abs(s-d),l=Math.atan2(u,c);let h=Math.sqrt(c*c+u*u);return(l>o&&("right"==n||"left"==n)||l<Math.PI/2-o&&("up"==n||"down"==n))&&(l>i&&("right"==n||"left"==n)||l<Math.PI/2-i&&("up"==n||"down"==n)?h*=6:h*=2),h}function ge(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||xe(e.y,t.y);case"down":return e.y>t.y||xe(e.y,t.y);case"right":return e.x>t.x||xe(e.x,t.x);case"left":return e.x<t.x||xe(e.x,t.x)}return!0}function pe(e,t,n){switch(n){case"up":return me(e,t)&&(t.y<=e.y+e.height||xe(t.y,e.y+e.height));case"down":return me(e,t)&&(e.y<=t.y+t.height||xe(e.y,t.y+t.height));case"right":return ye(e,t)&&(e.x<=t.x+t.width||xe(e.x,t.x+t.width));case"left":return ye(e,t)&&(t.x<=e.x+e.width||xe(t.x,e.x+e.width))}return!1}function me(e,t){return e.x>=t.x&&e.x<=t.x+t.width||t.x>=e.x&&t.x<=e.x+e.width}function ye(e,t){return e.y>=t.y&&e.y<=t.y+t.height||t.y>=e.y&&t.y<=e.y+e.height}function xe(e,t){return Math.abs(e-t)<=1e-7}function be(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 we(e,t,n,o){const i=r.useRef(),s=function(e,t){const n=new Map;for(let o=0;o<e.length;o++)n.set(e[o].id,t[o]);return n}(e,n);return{isNode:n=>{let o,i;for(let r=0;r<e.length;r++){if(o=e[r],i=t[r],n.id===o.id)return!0;if(n.id===i.id)return!0}return!1},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,a,d,c=n,u=Number.MAX_VALUE,l=!1,h=!1;for(let f=0;f<o.length;f++){if(r=o[f],r===n){h=!0;continue}const g=s.get(r.id);if(!g)continue;const p={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};ge(p,m,e,t)&&(a=pe(p,m,e),l&&!a||(d=fe(p,m,e),(0!=d||h)&&(!l&&a||d<u&&(l&&a||!l))&&(u=d,c=r,l=a)))}return c},getNextNavigableLink:function(e,t,n,o){if(!o)return n;if(!n)return o[0];const r=i.current,a=ae({id:r||n.startNode,isNode:!0},t);if(!a)return n;const d=function(e,t,n,o){let i,r,s;const a=[];for(let d=0;d<t.length;d++){const c=t[d];i=ce(e,c,n,o),r=ue(c,n,o),s=le(e,c),a.push({id:c.id,angle:i,distance:r,direction:s})}return a}(a,o=de(a.id,o),t,s);d.sort(((e,t)=>{const{angle:n,distance:o,direction:i}=e,{angle:r,distance:s,direction:a}=t;let d=-1;return!be(n,r)&&n>r?d=1:be(n,r)&&(o>s||s==o&&i>a?d=1:s==o&&i==a&&(d=0)),d}));const c="down"==e;let u=0;for(let e=0;e<d.length;e++){if(d[e].id===n.id){u=c?e==d.length-1?0:e+1:0==e?d.length-1:e-1;break}}return d[u]},navigateFromNodeToLink:function(e,t,n){if(!n)return;const o=de(n.id,e);if(o.length<1)return;let r=o[0];const a=s.get(n.id);let d,c,u,l;const h=a.x+a.width/2;i.current=n.id;for(let e=0;e<o.length;e++)if(d=o[e],c=d.startNode===n.id?d.endNode:d.startNode,u=s.get(c),l=u.x+u.width/2,t.altKey&&"Comma"===t.code&&l<=h||t.altKey&&"Period"===t.code&&l>=h){r=d;break}return{id:r.id,isNode:!1}},navigateFromLinkToNode:function(e,t){const n=t.key,i=o.get(e),r=s.get(i.startNode),a=s.get(i.endNode);if(!r||!a)return;const d=r.x+r.width/2,c=a.x+a.width/2;return{id:c>d&&"ArrowRight"===n||c<d&&"ArrowLeft"===n?i.endNode:i.startNode,isNode:!0}}}}function Me(e,t,n,o,i,s,a,d,c,f,g,p,m,y,x){const{getNextNavigableNode:b,getNextNavigableLink:w,navigateFromNodeToLink:M,navigateFromLinkToNode:v}=we(n,o,i,s),[I,P]=r.useState({id:t.id,isNode:!0}),[S,N]=r.useState(),k=r.useRef(),D=l.useVisHover((e=>{const t=G(e.target);t&&!K(t,S)&&(N({...t,isCurrent:!0}),k.current=u.getRandomId(),P({...I,isCurrent:!1}),t.isNode?p?.({id:t.id,type:"node",data:a.get(t.id)}):p?.({id:t.id,type:"link",data:s.get(t.id)}))}),void 0,(()=>{N(void 0),k.current=void 0,p?.({id:void 0,data:void 0})}),e);function R(e){e.isNode?m?.({id:e.id,type:"node",data:a.get(e.id)}):m?.({id:e.id,type:"link",data:s.get(e.id)}),k.current=u.getRandomId(),P(e)}function C(e){e&&(K(e,I)||(e.isCurrent=!0,e.isFocusVisible=!0,S&&N({...S,isCurrent:!1}),R(e)))}return{focusedItemInfo:I,hoveredItemInfo:S,activeId:k.current,onContextMenuDismissed:e=>{"keyboard"===e&&R({...I,isFocusVisible:!0,isCurrent:!0})},eventsProps:h.mergeProps(D,{onKeyUp:e=>{if("Tab"===e.code)R({...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(I.isNode&&e.altKey&&("Period"===t||"Comma"===t))return!0;if(!I.isNode&&("ArrowLeft"===t||"ArrowRight"===t))return!0;return!1}(e)){C(I.isNode?M(o,e,ae(I,n)):v(I.id,e)),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(I.isNode){const e=b(t,!0,ae(I,n),n);return e?{id:e.id,isNode:!0}:I}{const e=function(e,t){let n;for(let o=0;o<t.length;o++)if(n=t[o],e.id===n.id)return n}(I,o),i=w(t,n,e,o);return i?{id:i.id}:{id:I.id}}}(t);C(e),r=!0}else switch(t){case"PageUp":y&&y({dPan:{dx:e.shiftKey?-15:0,dy:e.shiftKey?0:-15}}),r=!0;break;case"PageDown":y&&y({dPan:{dx:e.shiftKey?15:0,dy:e.shiftKey?0:15}}),r=!0,r=!0;break;case"+":case"=":x&&x({dZoom:.15}),r=!0;break;case"-":case"_":x&&x({dZoom:-.15}),r=!0;break;case"0":if(e.ctrlKey&&e.altKey){const{centerX:e,centerY:t,zoom:n}=J(I,s,i,d,c,f,g);x&&x({nZoom:n}),y&&y({nPan:{cx:e,cy:t}})}else x&&x({}),y&&y({center:!0});r=!0}r&&(e=>{e.preventDefault(),e.stopPropagation()})(e)}},onBlur:()=>{(null!=S||I.isCurrent)&&m?.({id:void 0,data:void 0});const e={...I,isCurrent:!1,isFocusVisible:!1};P(e)},onPointerUp:e=>{const t=G(e.target);null!=t.id&&(P(t),k.current=u.getRandomId())}})}}const ve=({captureTargetRef:e,numPointers:t=1,onPointerGestureDown:n,onPointerGestureMove:o,onPointerGestureEnd:i,onExtraneousPointerDown:s,isDisabled:a=!1})=>{const d=r.useRef([]);a&&(d.current=[]);const c=e=>{const n=d.current.findIndex((t=>t.pointerId===e.pointerId));-1!==n&&(d.current[n]=e,d.current.length===t&&i&&i({pointers:d.current}),d.current.splice(n,1))};return a?{}:{onPointerDown:e=>{d.current.push(e),d.current.length===t?n&&n({pointers:d.current}):d.current.length>t&&s&&s({pointers:d.current})},onPointerMove:n=>{if(0===d.current.length)return;const i=d.current.findIndex((e=>e.pointerId===n.pointerId));-1!==i&&(d.current[i]=n,d.current.length===t&&(d.current.forEach((t=>e.current.setPointerCapture(t.pointerId))),o&&o({pointers:d.current})))},onPointerUp:c,onPointerCancel:c,onPointerLeave:c}},Ie=(e,t,n,o,i,r,s,a)=>{if(!s)return{newPan:{panX:0,panY:0}};const d=((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),c=d.panX!==e.panX||d.panY!==e.panY,u=function(e,t,n,o,i){return{centerX:(o/2-e)/n,centerY:(i/2-t)/n}}(d.panX,d.panY,o,i,r);return c&&a&&a({centerX:u.centerX,centerY:u.centerY}),{newPan:d}},Pe=({panProps:e,captureTargetRef:t,panBounds:n,width:o,height:i,zoom:s,onDragPanStart:a,onDragPanEnd:d})=>{const c=r.useRef({panX:0,panY:0}),u=r.useRef({panX:0,panY:0}),l=(({captureTargetRef:e,draggableRegion:t,onDragStart:n,onDragMove:o,onDragEnd:i,isDisabled:s=!1})=>{const a={isDragging:!1,x0:-1,y0:-1,regionOffsetX:-1,regionOffsetY:-1},d=r.useRef(a),c=(e,t)=>{const{isDragging:n,x0:o,y0:i,regionOffsetX:r,regionOffsetY:s}=d.current;if(!n)return;const a=e.pageX,c=e.pageY;t&&t({x:a,y:c,dx:a-o,dy:c-i,regionOffsetX:r,regionOffsetY:s,originalEvent:e})},u=ve({captureTargetRef:e,numPointers:1,onExtraneousPointerDown:()=>{d.current=a},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);d.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]})=>{c(e,o)},onPointerGestureEnd:({pointers:[e]})=>{c(e,i),d.current=a}});return s?{}:u})({captureTargetRef:t,onDragStart:()=>{const t=_(e.centerX,e.centerY,s,o,i);u.current={panX:t.panX,panY:t.panY},a&&a()},onDragMove:({dx:t,dy:r})=>{const a={panX:u.current.panX+t,panY:u.current.panY+r},{newPan:d}=Ie(c.current,a,e.panDirection,s,o,i,n,e.onPan);c.current=d},onDragEnd:({originalEvent:e})=>{u.current.panX===c.current.panX&&u.current.panY===c.current.panY||e.preventDefault(),d&&d()},isDisabled:"off"===e.panning});return l},Se=(e,t,n,o,i)=>{const r=e>o||e<n?t:e;r!==t&&i&&i({zoomValue:r})},Ne=(e,t)=>Math.sqrt((t.x-e.x)**2+(t.y-t.y)**2),ke=({captureTargetRef:e,zooming:t,minZoom:n,maxZoom:o,zoomValue:i,onZoom:s})=>{const a=(({captureTargetRef:e,onPinchZoomStart:t,onPinchZoomChange:n,onPinchZoomEnd:o,isDisabled:i=!1})=>{const s=r.useRef({x:-1,y:-1}),a=r.useRef(-1),d=()=>{s.current={x:-1,y:-1},a.current=-1};i&&d();const c=ve({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),a.current=Ne(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=Ne(o,i),d=r-a.current;a.current=r,n&&n({origin:s.current,delta:d})},onPointerGestureEnd:()=>{d(),o&&o()}});return i?{}:c})({captureTargetRef:e,onPinchZoomChange:({delta:e})=>{Se(i*(1+.05*e),i,n,o,s)},isDisabled:"off"===t});return a},De=({props:e,captureTargetRef:t,width:n,height:o,contentBounds:i,isRtl:s})=>{const[a,d]=r.useState(),c=function(e,t,n,o){const i=W(t,n,o),r=e.maxZoom||1,s=e.minZoom||Math.min(r,i),a=e.zoomValue?e.zoomValue:i;return{zooming:e.zooming?e.zooming:"off",minZoom:s,maxZoom:r,zoomValue:q(a,s,r),onZoom:e.onZoom}}(e,n,o,i),u=r.useRef(),l=r.useRef(),f=r.useRef(),g=r.useRef({zoom:e.zoomValue||0,centerX:e.centerX,centerY:e.centerY}),y=p.isTouch(),x={width:n,height:o,x:0,y:0},b=y?e.panning&&"off"!==e.panning:void 0,w={isZoomScroll:!0,plotAreaSpace:x,componentWidth:n,isRtl:s,showPanButton:b??!1,showZoomButton:!1,showSelectButton:!1,isDisabled:!y},{toggleButtonContent:M,userDragMode:v}=m.useVisDragModeControls(w),I=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+t.x,centerY:void 0!==e.centerY?e.centerY:t.height/2+t.y,onPan:e.onPan}}(e,i,v,y);i.width===1/0||c.zoomValue===l.current&&I.panning===f.current||(u.current=((e,t,n,o,i,r,s)=>{const{x:a,y:d,width:c,height:u}=n;let l,h,f,g;if("centerContent"===s)l=e/2-(c+a)*o,f=t/2-(u+d)*o,h=e/2-a*o,g=t/2-d*o;else{const n=o/i,r=(e-c*i)/2-a*i,s=(t-u*i)/2-d*i;l=e-c*n+r*n,f=t-u*n+s*n,h=r*n,g=s*n}const p=r.zoom,m=r.centerX,y=r.centerY;let x,b;if(m){const t=m*p-e/2;-t*p<l?(x=l-t*p,l-=x,h+=x):-t*p>h&&(x=-t*p-h,l-=x,h+=x)}if(y){const e=y*p-t/2;-e*p<f?(b=f-e*p,f-=b,g+=b):-e*p>g&&(b=-e*p-g,f-=b,g+=b)}return{minX:l,maxX:h,minY:f,maxY:g}})(n,o,i,c.zoomValue,c.minZoom,g.current,I.panning),l.current=c.zoomValue,f.current=I.panning);const P=Pe({panProps:I,captureTargetRef:t,panBounds:u.current,zoom:c.zoomValue,width:n,height:o,onDragPanStart:()=>d("grabbing"),onDragPanEnd:()=>d("auto")}),S=r.useRef({panX:0,panY:0}),N=(({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})=>{Se(o*(1+.05*e),o,t,n,i)},isDisabled:"off"===e}))(c),k=ke({captureTargetRef:t,zooming:c.zooming,minZoom:c.minZoom,maxZoom:c.maxZoom,zoomValue:c.zoomValue,onZoom:c.onZoom});return{panZoomProps:h.mergeProps(P,N,k),panProps:I,zoomProps:c,toggleButtonContent:M,cursor:a,centerX:I.centerX,centerY:I.centerY,zoomValue:c.zoomValue,kbPanCallback:"off"!==I.panning?e=>{let t,r;e.center?(t=i.x+i.width/2,r=i.y+i.height/2):e.dPan?(t=I.centerX+e.dPan.dx,r=I.centerY+e.dPan.dy):(t=e.nPan.cx,r=e.nPan.cy);const s=_(t,r,c.zoomValue,n,o),{newPan:a}=Ie(S.current,s,I.panDirection,c.zoomValue,n,o,u.current,I.onPan);S.current=a}:void 0,kbZoomCallback:"off"!==c.zooming?e=>{const t=e.dZoom?c.zoomValue+e.dZoom:W(n,o,i);Se(e.nZoom?e.nZoom:t,c.zoomValue,c.minZoom,c.maxZoom,c.onZoom)}:void 0}};function Re({nodes:e=[],links:n=[],width:i,height:s,selectedIds:a={},selectionMode:d="none",layout:l,nodeRenderer:p,linkRenderer:m,onSelectionChange:M,onItemHover:v,onItemFocus:I,highlightedIds:P={},datatip:S,contextMenuConfig:N,...k}){const D=r.useRef(null),R=r.useRef(null),[C,z]=r.useState([]),[X,Y]=r.useState(),{direction:T}=c.useUser(),L="rtl"===T,Z=e,j=V(Z),A=j.itemIdToDataMap,O=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,A),U=V(O),F=U.itemIdToDataMap,K=r.useRef(!1),$=function(e){const t=[];for(let n=0;n<e.length;n++)t.push({width:e[n].width,height:e[n].height});return t}(C),{textMeasureContent:W,getTextDimensions:q}=g.useTextDimensions(),J=r.useRef(new Map),Q=r.useRef([]),ee=r.useRef([]),te=r.useRef(),ne=function(e,t){if(0===e.length)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;for(let t=0;t<e.length;t++)n=e[t],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;return 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}}(C,X),{panZoomProps:oe,panProps:ie,zoomProps:ae,toggleButtonContent:de,cursor:ce,centerX:ue,centerY:le,zoomValue:he,kbPanCallback:fe,kbZoomCallback:ge}=De({props:k,captureTargetRef:R,width:i,height:s,contentBounds:ne,isRtl:L}),{touchResponse:pe,touchResponseStyle:me}=x.useVisTouchResponse({type:"auto",supportsTouchDragGestures:"on"===ae.zooming||"off"!==ie.panning,rootRef:R}),{onContextMenuDismissed:ye,focusedItemInfo:xe,hoveredItemInfo:be,activeId:we,eventsProps:ve}=Me(pe,Z[0],Z,O,C,F,A,j.itemIdToIndexMap,i,s,k.maxZoom||1,v,I,fe,ge),{selectionProps:Ie,selectionContent:Pe}=function({selectedIds:e,selectionMode:t,nodeMap:n,linkMap:o,focusedItemInfo:i,onSelectionChange:r,rootRef:s}){const a=n.itemIdToIndexMap,d=n.itemIndexToIdMap,c=n.itemIdToDataMap,u=o.itemIdToIndexMap,l=o.itemIndexToIdMap,h=o.itemIdToDataMap,f=e=>`N_${a.get(e)}`,g=e=>d.get(Number(e.slice(2))),p=e=>`L_${u.get(e)}`,m=e=>l.get(Number(e.slice(2))),x=[...e.nodes?e.nodes.map(f):[],...e.links?e.links.map(p):[]],{selectionContent:b,selectionProps:w}=y.useSelection({selection:x,idExtracter:e=>{const t="keyup"===e.type?i:G(e.target,s);return void 0!==t.id?t.isNode?f(t.id):p(t.id):void 0},selectionMode:t,getDataById:e=>{let t;if("N"===e[0]){const o=g(e);t=n.itemIdToDataMap.get(o)}else if("L"===e[0]){const n=m(e);t=o.itemIdToDataMap.get(n)}return t},onChange:e=>{const t=e.ids.filter((e=>"N"===e[0])).map((e=>g(e))),n=e.ids.filter((e=>"L"===e[0])).map((e=>m(e))),o=t.filter((e=>"off"!==c.get(e)?.selectable)),i=n.filter((e=>"off"!==h.get(e)?.selectable)),s=o.map((e=>c.get(e))),a=i.map((e=>h.get(e)));return r&&r({nodes:o,links:i,nodeData:s,linkData:a})}});return{selectionContent:b,selectionProps:w}}({selectedIds:a,selectionMode:d,nodeMap:j,linkMap:U,focusedItemInfo:xe,onSelectionChange:M,rootRef:R});xe&&C.length>0&&(D.current=function(e,t,n,o,i){if(e.isNode)return t[o.get(e.id)||0];{const r=n[i.get(e.id)||0],s=t[o.get(r.startNode)||0],a=t[o.get(r.endNode)||0],d={x:s.x+s.width/2,y:s.y+s.height/2},c={x:a.x+a.width/2,y:a.y+a.height/2};return{x:Math.min(d.x,c.x),y:Math.min(d.y,c.y),width:Math.abs(d.x-c.x),height:Math.abs(d.y-c.y)}}}(xe,C,O,j.itemIdToIndexMap,U.itemIdToIndexMap));const{datatipContent:Se,datatipProps:{"aria-describedby":Ne,...ke}}=(({touchResponse:e,datatip:t,focusedItemBoundsRef:n,focusedItemInfo:o,panState:i,zoom:r,width:s,nodesMap:a,linksMap:d,hoveredItem:l})=>{const{direction:h}=c.useUser(),g="rtl"===h,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)return i(r.isNode?{data:e.get(r.id),type:"node"}:{data:t.get(r.id),type:"link"});if(r){const n=(r.isNode?e.get(r.id):t.get(r.id))?.accessibleLabel;return{content:n}}}(a,d,o,l,t),m=n.current?{x:n.current.x*r+i.panX,y:n.current.y*r+i.panY,width:n.current.width*r,height:n.current.height*r}:void 0,y=o.isCurrent?u.calculateOffset(g,s,m):u.calculateOffset(g,s),{datatipContent:x,datatipProps:b}=f.useDatatip({content:p?.content,borderColor:p?.borderColor,placement:"top-start",offset:y,anchor:o?.isCurrent?"element":"pointer",touchResponse:e});return{datatipContent:x,datatipProps:b}})({touchResponse:pe,datatip:S,focusedItemInfo:xe,focusedItemBoundsRef:D,panState:_(ue,le,he,i,s),zoom:he,width:i,nodesMap:A,linksMap:F,hoveredItem:be}),Re={width:i,height:s,cursor:ce,...me},Ce=r.useRef(),ze=Ce.current?Ce.current:{selectedNodeIds:[],selectedLinkIds:[],focusedId:void 0,hoveredId:void 0,activeId:void 0,highlightedIds:[],zoom:0};Ce.current={selectedNodeIds:a.nodes??[],selectedLinkIds:a.links??[],focusedId:xe.isCurrent&&xe.isFocusVisible?xe.id:void 0,hoveredId:be?.isCurrent?be.id:void 0,activeId:we,highlightedIds:B(P.nodes,P.links),zoom:he};const{contextMenuContent:Xe,contextMenuProps:Ye}=(({focusedItemInfo:e,rootRef:t,contextMenuConfig:n,onContextMenuDismissed:o,nodesMap:i,linksMap:r})=>{const{contextMenuProps:s,contextMenuContent:a}=w.useContextMenu({onContextMenuHandler:({gesture:n,target:o})=>{let s,a="background";const d=o;"keyboard"===n?(s=e.id,e.isNode?a="node":void 0===s||e.isNode||(a="link")):d.closest("[data-oj-private-node]")?.dataset.ojPrivateNode?(s=d.closest("[data-oj-private-node]")?.dataset.ojPrivateNode,a="node"):d.closest("[data-oj-private-link]")?.dataset.ojPrivateLink&&(s=d.closest("[data-oj-private-link]")?.dataset.ojPrivateLink,a="link");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}:{type:"background"},{context:i}}(i,r,a,s);if("keyboard"===n){let n;return n=e.isNode?t.current?.querySelector(`[data-oj-private-node="${s}"]`):t.current?.querySelector(`[data-oj-private-link="${s}"]`),{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:s}})({focusedItemInfo:xe,rootRef:R,contextMenuConfig:e.length>0?N:void 0,onContextMenuDismissed:ye,nodesMap:A,linksMap:F}),Te=h.mergeProps(oe,ve,Ie,ke,Ye);return t.jsxs("div",{ref:R,class:o.outerStyles,...Te,style:Re,tabIndex:0,role:"application","aria-label":k["aria-label"],"aria-labelledby":k["aria-labelledby"],"aria-describedby":b.l([k["aria-describedby"],Ne]),"aria-activedescendant":we,children:[q?t.jsx(se,{centerX:ue,centerY:le,zoom:he,width:i,height:s,children:t.jsx(re,{nodes:Z,links:O,nodeRenderer:p,linkRenderer:m,width:i,height:s,nodeBounds:C,states:Ce.current,previousStates:ze,onNodeSizeChanged:(e,t,n)=>{$[n]={width:e,height:t},K.current||(K.current=!0,window.requestAnimationFrame((()=>{const{labelDims:e,layoutJSON:t}=function(e,t,n,o,i,r,s){const a=new Map,d=Array.from(t.keys());for(const e of d){const n=t.get(e);if(n&&s&&n.label){const t=n.label,o=H(n.labelStyle);a.set(e,s(t,o))}}const c=Array.from(n.keys());for(const e of c){const t=n.get(e);if(t&&s&&t.label){const n=t.label,o=H(t.labelStyle);a.set(e,s(n,o))}}return{layoutJSON:{getNodeDimensions:function(t){for(let n=0;n<e.length;n++)if(t.id===e[n].id)return o[n];return o[0]},getLabelDimensions:function(e){return a.get(e.id)},componentSize:{width:i,height:r}},labelDims:a}}(Z,A,F,$,i,s,q);J.current=e;const n=l(t),{nodeIds:o,nodePoints:r,nodeLabelPos:a,linkLabelPos:d}=function(e,t,n){const o=e.nodes,i=e.links,r=[],s=[],a=[],d=[];let c,u,l=!1,h=!1;for(let e=0;e<t.length;e++)c=o[t[e].id],r.push(c.position),d.push(t[e].id),c.label&&(l=!0),s.push(c.label);if(i)for(let e=0;e<n.length;e++)u=i[n[e].id],u.label&&(h=!0),a.push(u.label);return{nodeIds:d,nodePoints:r,nodeLabelPos:l?s:void 0,linkLabelPos:h?a:void 0}}(n,Z,O);Q.current=a,ee.current=d,te.current=n;const{newBounds:c}=function(e,t,n){const o=[],i=new Map;for(let r=0;r<e.length;r++){const s=t[r],a=e[r];i.set(n[r],{x:s.x,y:s.y,width:a.width,height:a.height}),o.push({x:s.x,y:s.y,width:a.width,height:a.height})}return{newBounds:o,newBoundsMap:i}}($,r,o);var u,h;h=C,(u=c).length===h.length&&u.every((({x:e,y:t,width:n,height:o},i)=>h[i].x===e&&h[i].y===t&&h[i].width===n&&h[i].width===o))||z(c);const f=function(e,t,n,o=[],i=[],r){if(0===o.length&&0===i.length)return;let s,a,d=1/0,c=1/0,u=-1/0,l=-1/0;for(let n=0;n<o.length;n++)a=o[n],a&&(s=E(a,e.get(t[n].id),r),d=s.x<d?s.x:d,c=s.y<c?s.y:c,u=s.x+s.width>u?s.x+s.width:u,l=s.y+s.height>l?s.y+s.height:l);for(let t=0;t<i.length;t++)a=i[t],a&&(s=E(a,e.get(n[t].id),r),d=s.x<d?s.x:d,c=s.y<c?s.y:c,u=s.x+s.width>u?s.x+s.width:u,l=s.y+s.height>l?s.y+s.height:l);return{x:d,width:u-d,y:c,height:l-c}}(e,Z,O,a,d,"rtl"===T);Y(f),K.current=!1})))},nodeLabelPositions:Q.current,linkLabelPositions:ee.current,labelDimensions:J.current,supportsSelection:"none"!==d||!!(a?.nodes&&a.nodes.length>0)||!!(a?.links&&a.links.length>0),layoutOutput:te.current,combinedNodeBounds:ne})}):void 0,W,Se,Xe,Pe,de]})}e.Diagram=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(Re,{width:e,height:n,...r})}):null}}));
+define(['exports', 'preact/jsx-runtime', './TrackResizeContainer-a4999df9', './UNSAFE_Diagram/themes/DiagramStyles.css', './useResizeObserver-25032462', 'preact/hooks', './accUtils-acd70e81', './classNames-08d99695', './useTranslationBundle-8e42d505', './useUser-12ec03f1', './layoutUtils-641af87a', './useVisHover-28319fef', './mergeProps-bcfa6a92', './useDatatip-be0adcf0', './useTextDimensions-f254e8f5', './clientUtils-df9caee0', './useVisDragModeControls-4fcf2261', './useSelection-7638353f', './useVisTouchResponse-88a7bb09', './stringUtils-4ffd9d59', './useContextMenu-4bd1c23a', './Menu-45a26116', './MenuItem-ff1cd14d', 'preact', './logger-0f873e29', './LayerHost-daf96749', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', '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,a,d,c,u,l,h,f,g,p,m,y,x,b,w,M,v,I,P,S,N,k,D,R,C,z,X,Y,T,L,Z,j,A){"use strict";function V(e){const t=new Map,n=new Map,o=new Map;for(let i=0;i<e.length;i++)t.set(e[i].id,e[i]),n.set(e[i].id,i),o.set(i,e[i].id);return{itemIdToDataMap:t,itemIdToIndexMap:n,itemIndexToIdMap:o}}function B(e,t){const n=[];if(e)for(let t=0;t<e.length;t++)n.push(e[t]);if(t)for(let e=0;e<t.length;e++)n.push(t[e]);return n}function E(e,t,n){const o=F(t,e,n);if(e.rotationAngle){const n=e.rotationPoint?e.rotationPoint:{x:t.width/2,y:t.height/2},i=e.rotationAngle,r=O({x:0,y:0},n),s=O({x:t.width,y:0},n),a=O({x:0,y:t.height},n),d=O({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}}([U(r,i),U(a,i),U(s,i),U(d,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 O(e,t){return{x:e.x-t.x,y:e.y-t.y}}function U(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 F(e,t,n){const o=t.position,i=t.hAlign?t.hAlign:n?"right":"left",r=t.vAlign;let s,a;return s="center"===i?o.x-e.width/2:"right"===i?o.x-e.width:o.x,a="middle"===r?o.y-e.height/2:"bottom"===r?o.y-e.height:"baseline"===r?o.y+e.y:o.y,{x:s,y:a}}function _(e,t,n,o,i){return{panX:o/2-e*n,panY:i/2-t*n}}function K(e,t){return e?.id===t?.id&&e?.isNode===t?.isNode}function G(e,t){let n,o=!1,i=e;for(;!n;)if(n=i.dataset.ojPrivateNode,n?o=!0:n=i.dataset.ojPrivateLink,!n){if(!i.parentElement||i.parentElement===t?.current)break;i=i.parentElement}return{id:n,isNode:o}}function $(e,t,n,o){return s.generateAriaLabel(e,o||"",{isSelected:t?n:void 0})}function W(e,t,n){const o=(e-40)/n.width,i=(t-40)/n.height;return Math.min(o,i)}function q(e,t,n){let o=Math.max(t,e);return o=Math.min(n,o),o}function H(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 J(e,t,n,o,i,r,s){let a;if(e.isNode){a=n[o.get(e.id)]}else{const i=t.get(e.id),r=n[o.get(i.startNode)],s=n[o.get(i.endNode)],d=Math.min(r.x,s.x),c=Math.min(r.y,s.y);a={x:d,y:c,width:Math.max(r.x+r.width,s.x+r.height)-d,height:Math.max(r.y+r.height,s.y+s.height)-c}}return function(e,t,n,o){const i=(n-40)/e.width,r=(o-40)/e.height,s=Math.min(i,r,t),a=e.width/2+e.x,d=e.height/2+e.y;return{centerX:a,centerY:d,zoom:s}}(a,s,i,r)}const Q=({id:e,state:n,previousState:s,position:c,activeId:u,nodeRenderer:l,onNodeSizeChanged:h,nodeIndex:f,data:g,accessibleLabel:p,isDimmed:m,supportsSelection:y})=>{const{nodeStyles:x,dimmedItemStyle:b}=o.itemStyles,w={state:n,previousState:s,data:g},M=d.useTranslationBundle("@oracle/oraclejet-preact"),v=r.useRef(null),I=r.useRef({box:"border-box"});return i.useResizeObserver(v,r.useCallback((e=>{const t=e.borderBoxSize,n=t[0].inlineSize,o=t[0].blockSize;h(n,o,f)}),[f,h]),I.current),t.jsx("div",{ref:v,class:a.classNames([x,m?b:void 0]),"data-oj-private-node":e,role:"img","aria-label":$(M,y,n.selected,p),style:{top:c.y,left:c.x},id:n.focused||n.hovered?u:void 0,children:l(w)},e)};function ee({nodes:e,states:n,previousStates:i,nodeRenderer:r,nodeBounds:s,onNodeSizeChanged:a,supportsSelection:d}){return t.jsx("div",{class:o.layerStyles,children:e.map(((e,o)=>{const c=s&&s[o]?{x:s[o].x,y:s[o].y}:{x:0,y:0},u={selected:n.selectedNodeIds.includes(e.id),focused:n.focusedId===e.id,hovered:n.hoveredId===e.id,zoom:n.zoom},l={selected:i.selectedNodeIds.includes(e.id),focused:i.focusedId===e.id,hovered:i.hoveredId===e.id,zoom:i.zoom};return t.jsx(Q,{id:e.id,position:c,state:u,previousState:l,isDimmed:0!==n.highlightedIds.length&&!n.highlightedIds.includes(e.id),activeId:n.activeId,nodeRenderer:r,onNodeSizeChanged:a,nodeIndex:o,accessibleLabel:e.accessibleLabel,data:e,supportsSelection:d})}))})}const te=({id:e,state:n,previousState:i,activeId:r,data:s,linkRenderer:c,accessibleLabel:u,isDimmed:l,supportsSelection:h,layoutOutput:f})=>{const g=d.useTranslationBundle("@oracle/oraclejet-preact"),{dimmedItemStyle:p,linkStyles:m}=o.itemStyles,y={state:n,previousState:i,data:s,layoutOutput:f};return t.jsx("g",{id:n.focused?r:void 0,"aria-label":$(g,h,n.selected,u),"data-oj-private-link":e,role:"img",class:a.classNames([m,l&&p]),children:c(y)},e)};function ne({links:e,states:n,previousStates:i,linkRenderer:r,width:s,height:a,supportsSelection:d,layoutOutput:c,combinedNodeBounds:u}){const l=W(s,a,u);return t.jsx("svg",{class:o.layerStyles,width:s/l,height:a/l,children:e.map((e=>{const o={selected:n.selectedLinkIds.includes(e.id),focused:n.focusedId===e.id,hovered:n.hoveredId===e.id,zoom:n.zoom},s={selected:i.selectedLinkIds.includes(e.id),focused:i.focusedId===e.id,hovered:i.hoveredId===e.id,zoom:i.zoom};return t.jsx(te,{id:e.id,label:e.label,state:o,previousState:s,isDimmed:0!==n.highlightedIds.length&&!n.highlightedIds.includes(e.id),activeId:n.activeId,accessibleLabel:e.accessibleLabel,data:e,linkRenderer:r,supportsSelection:d,layoutOutput:c})}))})}const oe=({text:e,position:n,styles:i,dimensions:r,isRTL:s})=>{const{labelStyle:d,labelBorderStyle:c}=o.labelStyles,u=F(r,n,s),l=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&&c]),style:{top:u.y,left:u.x,...i,...l},children:e})};function ie({labelPosition:e,itemProps:n,labelDimensions:i}){const{direction:r}=c.useUser();return t.jsx("div",{class:o.layerStyles,children:n.map(((n,o)=>{if(n.label&&e[o])return t.jsx(oe,{styles:n.labelStyle,text:n.label,position:e[o],dimensions:i.get(n.id),isRTL:"rtl"===r})}))})}function re({nodes:e,links:n,nodeRenderer:o,linkRenderer:i,states:r,previousStates:s,nodeBounds:a,onNodeSizeChanged:d,width:c,height:u,nodeLabelPositions:l,linkLabelPositions:h,labelDimensions:f,supportsSelection:g,layoutOutput:p,combinedNodeBounds:m}){return t.jsxs(t.Fragment,{children:[n.length>0&&p&&i&&c!==1/0&&m&&t.jsx(ne,{links:n,states:r,previousStates:s,linkRenderer:i,width:c,height:u,supportsSelection:g,layoutOutput:p,combinedNodeBounds:m}),t.jsx(ee,{nodes:e,nodeBounds:a,states:r,previousStates:s,nodeRenderer:o,onNodeSizeChanged:d,supportsSelection:g}),f?t.jsxs("div",{children:[l?t.jsx(ie,{labelPosition:l,itemProps:e,labelDimensions:f}):void 0,n&&h?t.jsx(ie,{labelPosition:h,itemProps:n,labelDimensions:f}):void 0]}):void 0]})}function se({centerX:e,centerY:n,children:i,zoom:r,width:s,height:a}){const d=_(e,n,r,s,a);return t.jsx("div",{class:o.panZoomStyles,style:{translate:`${d.panX}px ${d.panY}px`,transform:`scale(${r})`},children:i})}function ae(e,t){let n;for(let o=0;o<t.length;o++)if(n=t[o],e.id===n.id)return n}function de(e,t){const n=[];return t.forEach((t=>{const o=t.startNode,i=t.endNode;o!=e&&i!=e||n.push(t)})),n}function ce(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 a=e.id==r.id?s:r,d=he(e,o),c=he(a,o);let u=Math.atan2(c.y-d.y,c.x-d.x);return u=u<0?u+2*Math.PI:u,u}function ue(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=he(i,n),a=he(r,n);return Math.sqrt(Math.pow(a.x-s.x,2)+Math.pow(a.y-s.y,2))}function le(e,t){return t.endNode===e.id?1:0}function he(e,t){const n=t.get(e.id);return{x:n.x+n.width/2,y:n.y+n.height/2}}function fe(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,a=t.x+t.width/2,d=t.y+t.height/2,c=Math.abs(r-a),u=Math.abs(s-d),l=Math.atan2(u,c);let h=Math.sqrt(c*c+u*u);return(l>o&&("right"==n||"left"==n)||l<Math.PI/2-o&&("up"==n||"down"==n))&&(l>i&&("right"==n||"left"==n)||l<Math.PI/2-i&&("up"==n||"down"==n)?h*=6:h*=2),h}function ge(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||xe(e.y,t.y);case"down":return e.y>t.y||xe(e.y,t.y);case"right":return e.x>t.x||xe(e.x,t.x);case"left":return e.x<t.x||xe(e.x,t.x)}return!0}function pe(e,t,n){switch(n){case"up":return me(e,t)&&(t.y<=e.y+e.height||xe(t.y,e.y+e.height));case"down":return me(e,t)&&(e.y<=t.y+t.height||xe(e.y,t.y+t.height));case"right":return ye(e,t)&&(e.x<=t.x+t.width||xe(e.x,t.x+t.width));case"left":return ye(e,t)&&(t.x<=e.x+e.width||xe(t.x,e.x+e.width))}return!1}function me(e,t){return e.x>=t.x&&e.x<=t.x+t.width||t.x>=e.x&&t.x<=e.x+e.width}function ye(e,t){return e.y>=t.y&&e.y<=t.y+t.height||t.y>=e.y&&t.y<=e.y+e.height}function xe(e,t){return Math.abs(e-t)<=1e-7}function be(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 we(e,t,n,o){const i=r.useRef(),s=function(e,t){const n=new Map;for(let o=0;o<e.length;o++)n.set(e[o].id,t[o]);return n}(e,n);return{isNode:n=>{let o,i;for(let r=0;r<e.length;r++){if(o=e[r],i=t[r],n.id===o.id)return!0;if(n.id===i.id)return!0}return!1},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,a,d,c=n,u=Number.MAX_VALUE,l=!1,h=!1;for(let f=0;f<o.length;f++){if(r=o[f],r===n){h=!0;continue}const g=s.get(r.id);if(!g)continue;const p={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};ge(p,m,e,t)&&(a=pe(p,m,e),l&&!a||(d=fe(p,m,e),(0!=d||h)&&(!l&&a||d<u&&(l&&a||!l))&&(u=d,c=r,l=a)))}return c},getNextNavigableLink:function(e,t,n,o){if(!o)return n;if(!n)return o[0];const r=i.current,a=ae({id:r||n.startNode,isNode:!0},t);if(!a)return n;const d=function(e,t,n,o){let i,r,s;const a=[];for(let d=0;d<t.length;d++){const c=t[d];i=ce(e,c,n,o),r=ue(c,n,o),s=le(e,c),a.push({id:c.id,angle:i,distance:r,direction:s})}return a}(a,o=de(a.id,o),t,s);d.sort(((e,t)=>{const{angle:n,distance:o,direction:i}=e,{angle:r,distance:s,direction:a}=t;let d=-1;return!be(n,r)&&n>r?d=1:be(n,r)&&(o>s||s==o&&i>a?d=1:s==o&&i==a&&(d=0)),d}));const c="down"==e;let u=0;for(let e=0;e<d.length;e++){if(d[e].id===n.id){u=c?e==d.length-1?0:e+1:0==e?d.length-1:e-1;break}}return d[u]},navigateFromNodeToLink:function(e,t,n){if(!n)return;const o=de(n.id,e);if(o.length<1)return;let r=o[0];const a=s.get(n.id);let d,c,u,l;const h=a.x+a.width/2;i.current=n.id;for(let e=0;e<o.length;e++)if(d=o[e],c=d.startNode===n.id?d.endNode:d.startNode,u=s.get(c),l=u.x+u.width/2,t.altKey&&"Comma"===t.code&&l<=h||t.altKey&&"Period"===t.code&&l>=h){r=d;break}return{id:r.id,isNode:!1}},navigateFromLinkToNode:function(e,t){const n=t.key,i=o.get(e),r=s.get(i.startNode),a=s.get(i.endNode);if(!r||!a)return;const d=r.x+r.width/2,c=a.x+a.width/2;return{id:c>d&&"ArrowRight"===n||c<d&&"ArrowLeft"===n?i.endNode:i.startNode,isNode:!0}}}}function Me(e,t,n,o,i,s,a,d,c,f,g,p,m,y,x){const{getNextNavigableNode:b,getNextNavigableLink:w,navigateFromNodeToLink:M,navigateFromLinkToNode:v}=we(n,o,i,s),[I,P]=r.useState({id:t.id,isNode:!0}),[S,N]=r.useState(),k=r.useRef(),D=l.useVisHover((e=>{const t=G(e.target);t&&!K(t,S)&&(N({...t,isCurrent:!0}),k.current=u.getRandomId(),P({...I,isCurrent:!1}),t.isNode?p?.({id:t.id,type:"node",data:a.get(t.id)}):p?.({id:t.id,type:"link",data:s.get(t.id)}))}),void 0,(()=>{N(void 0),k.current=void 0,p?.({id:void 0,data:void 0})}),e);function R(e){e.isNode?m?.({id:e.id,type:"node",data:a.get(e.id)}):m?.({id:e.id,type:"link",data:s.get(e.id)}),k.current=u.getRandomId(),P(e)}function C(e){e&&(K(e,I)||(e.isCurrent=!0,e.isFocusVisible=!0,S&&N({...S,isCurrent:!1}),R(e)))}return{focusedItemInfo:I,hoveredItemInfo:S,activeId:k.current,onContextMenuDismissed:e=>{"keyboard"===e&&R({...I,isFocusVisible:!0,isCurrent:!0})},eventsProps:h.mergeProps(D,{onKeyUp:e=>{if("Tab"===e.code)R({...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(I.isNode&&e.altKey&&("Period"===t||"Comma"===t))return!0;if(!I.isNode&&("ArrowLeft"===t||"ArrowRight"===t))return!0;return!1}(e)){C(I.isNode?M(o,e,ae(I,n)):v(I.id,e)),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(I.isNode){const e=b(t,!0,ae(I,n),n);return e?{id:e.id,isNode:!0}:I}{const e=function(e,t){let n;for(let o=0;o<t.length;o++)if(n=t[o],e.id===n.id)return n}(I,o),i=w(t,n,e,o);return i?{id:i.id}:{id:I.id}}}(t);C(e),r=!0}else switch(t){case"PageUp":y&&y({dPan:{dx:e.shiftKey?-15:0,dy:e.shiftKey?0:-15}}),r=!0;break;case"PageDown":y&&y({dPan:{dx:e.shiftKey?15:0,dy:e.shiftKey?0:15}}),r=!0,r=!0;break;case"+":case"=":x&&x({dZoom:.15}),r=!0;break;case"-":case"_":x&&x({dZoom:-.15}),r=!0;break;case"0":if(e.ctrlKey&&e.altKey){const{centerX:e,centerY:t,zoom:n}=J(I,s,i,d,c,f,g);x&&x({nZoom:n}),y&&y({nPan:{cx:e,cy:t}})}else x&&x({}),y&&y({center:!0});r=!0}r&&(e=>{e.preventDefault(),e.stopPropagation()})(e)}},onBlur:()=>{(null!=S||I.isCurrent)&&m?.({id:void 0,data:void 0});const e={...I,isCurrent:!1,isFocusVisible:!1};P(e)},onPointerUp:e=>{const t=G(e.target);null!=t.id&&(P(t),k.current=u.getRandomId())}})}}const ve=({captureTargetRef:e,numPointers:t=1,onPointerGestureDown:n,onPointerGestureMove:o,onPointerGestureEnd:i,onExtraneousPointerDown:s,isDisabled:a=!1})=>{const d=r.useRef([]);a&&(d.current=[]);const c=e=>{const n=d.current.findIndex((t=>t.pointerId===e.pointerId));-1!==n&&(d.current[n]=e,d.current.length===t&&i&&i({pointers:d.current}),d.current.splice(n,1))};return a?{}:{onPointerDown:e=>{d.current.push(e),d.current.length===t?n&&n({pointers:d.current}):d.current.length>t&&s&&s({pointers:d.current})},onPointerMove:n=>{if(0===d.current.length)return;const i=d.current.findIndex((e=>e.pointerId===n.pointerId));-1!==i&&(d.current[i]=n,d.current.length===t&&(d.current.forEach((t=>e.current.setPointerCapture(t.pointerId))),o&&o({pointers:d.current})))},onPointerUp:c,onPointerCancel:c,onPointerLeave:c}},Ie=(e,t,n,o,i,r,s,a)=>{if(!s)return{newPan:{panX:0,panY:0}};const d=((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),c=d.panX!==e.panX||d.panY!==e.panY,u=function(e,t,n,o,i){return{centerX:(o/2-e)/n,centerY:(i/2-t)/n}}(d.panX,d.panY,o,i,r);return c&&a&&a({centerX:u.centerX,centerY:u.centerY}),{newPan:d}},Pe=({panProps:e,captureTargetRef:t,panBounds:n,width:o,height:i,zoom:s,onDragPanStart:a,onDragPanEnd:d})=>{const c=r.useRef({panX:0,panY:0}),u=r.useRef({panX:0,panY:0}),l=(({captureTargetRef:e,draggableRegion:t,onDragStart:n,onDragMove:o,onDragEnd:i,isDisabled:s=!1})=>{const a={isDragging:!1,x0:-1,y0:-1,regionOffsetX:-1,regionOffsetY:-1},d=r.useRef(a),c=(e,t)=>{const{isDragging:n,x0:o,y0:i,regionOffsetX:r,regionOffsetY:s}=d.current;if(!n)return;const a=e.pageX,c=e.pageY;t&&t({x:a,y:c,dx:a-o,dy:c-i,regionOffsetX:r,regionOffsetY:s,originalEvent:e})},u=ve({captureTargetRef:e,numPointers:1,onExtraneousPointerDown:()=>{d.current=a},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);d.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]})=>{c(e,o)},onPointerGestureEnd:({pointers:[e]})=>{c(e,i),d.current=a}});return s?{}:u})({captureTargetRef:t,onDragStart:()=>{const t=_(e.centerX,e.centerY,s,o,i);u.current={panX:t.panX,panY:t.panY},a&&a()},onDragMove:({dx:t,dy:r})=>{const a={panX:u.current.panX+t,panY:u.current.panY+r},{newPan:d}=Ie(c.current,a,e.panDirection,s,o,i,n,e.onPan);c.current=d},onDragEnd:({originalEvent:e})=>{u.current.panX===c.current.panX&&u.current.panY===c.current.panY||e.preventDefault(),d&&d()},isDisabled:"off"===e.panning});return l},Se=(e,t,n,o,i)=>{const r=e>o||e<n?t:e;r!==t&&i&&i({zoomValue:r})},Ne=(e,t)=>Math.sqrt((t.x-e.x)**2+(t.y-t.y)**2),ke=({captureTargetRef:e,zooming:t,minZoom:n,maxZoom:o,zoomValue:i,onZoom:s})=>{const a=(({captureTargetRef:e,onPinchZoomStart:t,onPinchZoomChange:n,onPinchZoomEnd:o,isDisabled:i=!1})=>{const s=r.useRef({x:-1,y:-1}),a=r.useRef(-1),d=()=>{s.current={x:-1,y:-1},a.current=-1};i&&d();const c=ve({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),a.current=Ne(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=Ne(o,i),d=r-a.current;a.current=r,n&&n({origin:s.current,delta:d})},onPointerGestureEnd:()=>{d(),o&&o()}});return i?{}:c})({captureTargetRef:e,onPinchZoomChange:({delta:e})=>{Se(i*(1+.05*e),i,n,o,s)},isDisabled:"off"===t});return a},De=({props:e,captureTargetRef:t,width:n,height:o,contentBounds:i,isRtl:s})=>{const[a,d]=r.useState(),c=function(e,t,n,o){const i=W(t,n,o),r=e.maxZoom||1,s=e.minZoom||Math.min(r,i),a=e.zoomValue?e.zoomValue:i;return{zooming:e.zooming?e.zooming:"off",minZoom:s,maxZoom:r,zoomValue:q(a,s,r),onZoom:e.onZoom}}(e,n,o,i),u=r.useRef(),l=r.useRef(),f=r.useRef(),g=r.useRef({zoom:e.zoomValue||0,centerX:e.centerX,centerY:e.centerY}),y=p.isTouch(),x={width:n,height:o,x:0,y:0},b=y?e.panning&&"off"!==e.panning:void 0,w={isZoomScroll:!0,plotAreaSpace:x,componentWidth:n,isRtl:s,showPanButton:b??!1,showZoomButton:!1,showSelectButton:!1,isDisabled:!y},{toggleButtonContent:M,userDragMode:v}=m.useVisDragModeControls(w),I=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+t.x,centerY:void 0!==e.centerY?e.centerY:t.height/2+t.y,onPan:e.onPan}}(e,i,v,y);i.width===1/0||c.zoomValue===l.current&&I.panning===f.current||(u.current=((e,t,n,o,i,r,s)=>{const{x:a,y:d,width:c,height:u}=n;let l,h,f,g;if("centerContent"===s)l=e/2-(c+a)*o,f=t/2-(u+d)*o,h=e/2-a*o,g=t/2-d*o;else{const n=o/i,r=(e-c*i)/2-a*i,s=(t-u*i)/2-d*i;l=e-c*n+r*n,f=t-u*n+s*n,h=r*n,g=s*n}const p=r.zoom,m=r.centerX,y=r.centerY;let x,b;if(m){const t=m*p-e/2;-t*p<l?(x=l-t*p,l-=x,h+=x):-t*p>h&&(x=-t*p-h,l-=x,h+=x)}if(y){const e=y*p-t/2;-e*p<f?(b=f-e*p,f-=b,g+=b):-e*p>g&&(b=-e*p-g,f-=b,g+=b)}return{minX:l,maxX:h,minY:f,maxY:g}})(n,o,i,c.zoomValue,c.minZoom,g.current,I.panning),l.current=c.zoomValue,f.current=I.panning);const P=Pe({panProps:I,captureTargetRef:t,panBounds:u.current,zoom:c.zoomValue,width:n,height:o,onDragPanStart:()=>d("grabbing"),onDragPanEnd:()=>d("auto")}),S=r.useRef({panX:0,panY:0}),N=(({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})=>{Se(o*(1+.05*e),o,t,n,i)},isDisabled:"off"===e}))(c),k=ke({captureTargetRef:t,zooming:c.zooming,minZoom:c.minZoom,maxZoom:c.maxZoom,zoomValue:c.zoomValue,onZoom:c.onZoom});return{panZoomProps:h.mergeProps(P,N,k),panProps:I,zoomProps:c,toggleButtonContent:M,cursor:a,centerX:I.centerX,centerY:I.centerY,zoomValue:c.zoomValue,kbPanCallback:"off"!==I.panning?e=>{let t,r;e.center?(t=i.x+i.width/2,r=i.y+i.height/2):e.dPan?(t=I.centerX+e.dPan.dx,r=I.centerY+e.dPan.dy):(t=e.nPan.cx,r=e.nPan.cy);const s=_(t,r,c.zoomValue,n,o),{newPan:a}=Ie(S.current,s,I.panDirection,c.zoomValue,n,o,u.current,I.onPan);S.current=a}:void 0,kbZoomCallback:"off"!==c.zooming?e=>{const t=e.dZoom?c.zoomValue+e.dZoom:W(n,o,i);Se(e.nZoom?e.nZoom:t,c.zoomValue,c.minZoom,c.maxZoom,c.onZoom)}:void 0}};function Re({nodes:e=[],links:n=[],width:i,height:s,selectedIds:a={},selectionMode:d="none",layout:l,nodeRenderer:p,linkRenderer:m,onSelectionChange:M,onItemHover:v,onItemFocus:I,highlightedIds:P={},datatip:S,contextMenuConfig:N,...k}){const D=r.useRef(null),R=r.useRef(null),[C,z]=r.useState([]),[X,Y]=r.useState(),{direction:T}=c.useUser(),L="rtl"===T,Z=e,j=V(Z),A=j.itemIdToDataMap,O=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,A),U=V(O),F=U.itemIdToDataMap,K=r.useRef(!1),$=function(e){const t=[];for(let n=0;n<e.length;n++)t.push({width:e[n].width,height:e[n].height});return t}(C),{textMeasureContent:W,getTextDimensions:q}=g.useTextDimensions(),J=r.useRef(new Map),Q=r.useRef([]),ee=r.useRef([]),te=r.useRef(),ne=function(e,t){if(0===e.length)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;for(let t=0;t<e.length;t++)n=e[t],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;return 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}}(C,X),{panZoomProps:oe,panProps:ie,zoomProps:ae,toggleButtonContent:de,cursor:ce,centerX:ue,centerY:le,zoomValue:he,kbPanCallback:fe,kbZoomCallback:ge}=De({props:k,captureTargetRef:R,width:i,height:s,contentBounds:ne,isRtl:L}),{touchResponse:pe,touchResponseStyle:me}=x.useVisTouchResponse({type:"auto",supportsTouchDragGestures:"on"===ae.zooming||"off"!==ie.panning,rootRef:R}),{onContextMenuDismissed:ye,focusedItemInfo:xe,hoveredItemInfo:be,activeId:we,eventsProps:ve}=Me(pe,Z[0],Z,O,C,F,A,j.itemIdToIndexMap,i,s,k.maxZoom||1,v,I,fe,ge),{selectionProps:Ie,selectionContent:Pe}=function({selectedIds:e,selectionMode:t,nodeMap:n,linkMap:o,focusedItemInfo:i,onSelectionChange:r,rootRef:s}){const a=n.itemIdToIndexMap,d=n.itemIndexToIdMap,c=n.itemIdToDataMap,u=o.itemIdToIndexMap,l=o.itemIndexToIdMap,h=o.itemIdToDataMap,f=e=>`N_${a.get(e)}`,g=e=>d.get(Number(e.slice(2))),p=e=>`L_${u.get(e)}`,m=e=>l.get(Number(e.slice(2))),x=[...e.nodes?e.nodes.map(f):[],...e.links?e.links.map(p):[]],{selectionContent:b,selectionProps:w}=y.useSelection({selection:x,idExtracter:e=>{const t="keyup"===e.type?i:G(e.target,s);return void 0!==t.id?t.isNode?f(t.id):p(t.id):void 0},selectionMode:t,getDataById:e=>{let t;if("N"===e[0]){const o=g(e);t=n.itemIdToDataMap.get(o)}else if("L"===e[0]){const n=m(e);t=o.itemIdToDataMap.get(n)}return t},onChange:e=>{const t=e.ids.filter((e=>"N"===e[0])).map((e=>g(e))),n=e.ids.filter((e=>"L"===e[0])).map((e=>m(e))),o=t.filter((e=>"off"!==c.get(e)?.selectable)),i=n.filter((e=>"off"!==h.get(e)?.selectable)),s=o.map((e=>c.get(e))),a=i.map((e=>h.get(e)));return r&&r({nodes:o,links:i,nodeData:s,linkData:a})}});return{selectionContent:b,selectionProps:w}}({selectedIds:a,selectionMode:d,nodeMap:j,linkMap:U,focusedItemInfo:xe,onSelectionChange:M,rootRef:R});xe&&C.length>0&&(D.current=function(e,t,n,o,i){if(e.isNode)return t[o.get(e.id)||0];{const r=n[i.get(e.id)||0],s=t[o.get(r.startNode)||0],a=t[o.get(r.endNode)||0],d={x:s.x+s.width/2,y:s.y+s.height/2},c={x:a.x+a.width/2,y:a.y+a.height/2};return{x:Math.min(d.x,c.x),y:Math.min(d.y,c.y),width:Math.abs(d.x-c.x),height:Math.abs(d.y-c.y)}}}(xe,C,O,j.itemIdToIndexMap,U.itemIdToIndexMap));const{datatipContent:Se,datatipProps:{"aria-describedby":Ne,...ke}}=(({touchResponse:e,datatip:t,focusedItemBoundsRef:n,focusedItemInfo:o,panState:i,zoom:r,width:s,nodesMap:a,linksMap:d,hoveredItem:l})=>{const{direction:h}=c.useUser(),g="rtl"===h,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)return i(r.isNode?{data:e.get(r.id),type:"node"}:{data:t.get(r.id),type:"link"});if(r){const n=(r.isNode?e.get(r.id):t.get(r.id))?.accessibleLabel;return{content:n}}}(a,d,o,l,t),m=n.current?{x:n.current.x*r+i.panX,y:n.current.y*r+i.panY,width:n.current.width*r,height:n.current.height*r}:void 0,y=o.isCurrent?u.calculateOffset(g,s,m):u.calculateOffset(g,s),{datatipContent:x,datatipProps:b}=f.useDatatip({content:p?.content,borderColor:p?.borderColor,placement:"top-start",offset:y,anchor:o?.isCurrent?"element":"pointer",touchResponse:e});return{datatipContent:x,datatipProps:b}})({touchResponse:pe,datatip:S,focusedItemInfo:xe,focusedItemBoundsRef:D,panState:_(ue,le,he,i,s),zoom:he,width:i,nodesMap:A,linksMap:F,hoveredItem:be}),Re={width:i,height:s,cursor:ce,...me},Ce=r.useRef(),ze=Ce.current?Ce.current:{selectedNodeIds:[],selectedLinkIds:[],focusedId:void 0,hoveredId:void 0,activeId:void 0,highlightedIds:[],zoom:0};Ce.current={selectedNodeIds:a.nodes??[],selectedLinkIds:a.links??[],focusedId:xe.isCurrent&&xe.isFocusVisible?xe.id:void 0,hoveredId:be?.isCurrent?be.id:void 0,activeId:we,highlightedIds:B(P.nodes,P.links),zoom:he};const{contextMenuContent:Xe,contextMenuProps:Ye}=(({focusedItemInfo:e,rootRef:t,contextMenuConfig:n,onContextMenuDismissed:o,nodesMap:i,linksMap:r})=>{const{contextMenuProps:s,contextMenuContent:a}=w.useContextMenu({onContextMenuHandler:({gesture:n,target:o})=>{let s,a="background";const d=o;"keyboard"===n?(s=e.id,e.isNode?a="node":void 0===s||e.isNode||(a="link")):d.closest("[data-oj-private-node]")?.dataset.ojPrivateNode?(s=d.closest("[data-oj-private-node]")?.dataset.ojPrivateNode,a="node"):d.closest("[data-oj-private-link]")?.dataset.ojPrivateLink&&(s=d.closest("[data-oj-private-link]")?.dataset.ojPrivateLink,a="link");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}:{type:"background"},{context:i}}(i,r,a,s);if("keyboard"===n){let n;return n=e.isNode?t.current?.querySelector(`[data-oj-private-node="${s}"]`):t.current?.querySelector(`[data-oj-private-link="${s}"]`),{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:s}})({focusedItemInfo:xe,rootRef:R,contextMenuConfig:e.length>0?N:void 0,onContextMenuDismissed:ye,nodesMap:A,linksMap:F}),Te=h.mergeProps(oe,ve,Ie,ke,Ye);return t.jsxs("div",{ref:R,class:o.outerStyles,...Te,style:Re,tabIndex:0,role:"application","aria-label":k["aria-label"],"aria-labelledby":k["aria-labelledby"],"aria-describedby":b.l([k["aria-describedby"],Ne]),"aria-activedescendant":we,children:[q?t.jsx(se,{centerX:ue,centerY:le,zoom:he,width:i,height:s,children:t.jsx(re,{nodes:Z,links:O,nodeRenderer:p,linkRenderer:m,width:i,height:s,nodeBounds:C,states:Ce.current,previousStates:ze,onNodeSizeChanged:(e,t,n)=>{$[n]={width:e,height:t},K.current||(K.current=!0,window.requestAnimationFrame((()=>{const{labelDims:e,layoutJSON:t}=function(e,t,n,o,i,r,s){const a=new Map,d=Array.from(t.keys());for(const e of d){const n=t.get(e);if(n&&s&&n.label){const t=n.label,o=H(n.labelStyle);a.set(e,s(t,o))}}const c=Array.from(n.keys());for(const e of c){const t=n.get(e);if(t&&s&&t.label){const n=t.label,o=H(t.labelStyle);a.set(e,s(n,o))}}return{layoutJSON:{getNodeDimensions:function(t){for(let n=0;n<e.length;n++)if(t.id===e[n].id)return o[n];return o[0]},getLabelDimensions:function(e){return a.get(e.id)},componentSize:{width:i,height:r}},labelDims:a}}(Z,A,F,$,i,s,q);J.current=e;const n=l(t),{nodeIds:o,nodePoints:r,nodeLabelPos:a,linkLabelPos:d}=function(e,t,n){const o=e.nodes,i=e.links,r=[],s=[],a=[],d=[];let c,u,l=!1,h=!1;for(let e=0;e<t.length;e++)c=o[t[e].id],r.push(c.position),d.push(t[e].id),c.label&&(l=!0),s.push(c.label);if(i)for(let e=0;e<n.length;e++)u=i[n[e].id],u.label&&(h=!0),a.push(u.label);return{nodeIds:d,nodePoints:r,nodeLabelPos:l?s:void 0,linkLabelPos:h?a:void 0}}(n,Z,O);Q.current=a,ee.current=d,te.current=n;const{newBounds:c}=function(e,t,n){const o=[],i=new Map;for(let r=0;r<e.length;r++){const s=t[r],a=e[r];i.set(n[r],{x:s.x,y:s.y,width:a.width,height:a.height}),o.push({x:s.x,y:s.y,width:a.width,height:a.height})}return{newBounds:o,newBoundsMap:i}}($,r,o);var u,h;h=C,(u=c).length===h.length&&u.every((({x:e,y:t,width:n,height:o},i)=>h[i].x===e&&h[i].y===t&&h[i].width===n&&h[i].width===o))||z(c);const f=function(e,t,n,o=[],i=[],r){if(0===o.length&&0===i.length)return;let s,a,d=1/0,c=1/0,u=-1/0,l=-1/0;for(let n=0;n<o.length;n++)a=o[n],a&&(s=E(a,e.get(t[n].id),r),d=s.x<d?s.x:d,c=s.y<c?s.y:c,u=s.x+s.width>u?s.x+s.width:u,l=s.y+s.height>l?s.y+s.height:l);for(let t=0;t<i.length;t++)a=i[t],a&&(s=E(a,e.get(n[t].id),r),d=s.x<d?s.x:d,c=s.y<c?s.y:c,u=s.x+s.width>u?s.x+s.width:u,l=s.y+s.height>l?s.y+s.height:l);return{x:d,width:u-d,y:c,height:l-c}}(e,Z,O,a,d,"rtl"===T);Y(f),K.current=!1})))},nodeLabelPositions:Q.current,linkLabelPositions:ee.current,labelDimensions:J.current,supportsSelection:"none"!==d||!!(a?.nodes&&a.nodes.length>0)||!!(a?.links&&a.links.length>0),layoutOutput:te.current,combinedNodeBounds:ne})}):void 0,W,Se,Xe,Pe,de]})}e.Diagram=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(Re,{width:e,height:n,...r})}):null}}));
 //# sourceMappingURL=Diagram-461719eb.js.map

package/amd/Dialog-304ce274.js

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