npm - @oracle/oraclejet-preact - Versions diffs - 20.1.1 → 20.1.2 - Mend

@oracle/oraclejet-preact 20.1.1 → 20.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (655) hide show

package/amd/{Floating-08c98ebd.js.map → Floating-9d6ab071.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Floating-08c98ebd.js","sources":["../../src/UNSAFE_Floating/FloatingTail.tsx","../../src/UNSAFE_Floating/Floating.tsx"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useMemo, useLayoutEffect, useRef, useState } from 'preact/hooks';\nimport type { RefObject } from 'preact';\nimport { PositionData, Coords } from './Floating.types';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { FloatingStyles } from './themes/FloatingStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport type { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { Property } from 'csstype';\nimport { rgba } from '../UNSAFE_Theme/utils';\nimport { colorSchemeVars } from '@oracle/oraclejet-internal-theme-contract/themeContract.css';\nimport { FloatingRedwoodTheme } from './themes/redwood/FloatingTheme';\n\ntype Props = Pick<ColorProps, 'backgroundColor'> & {\n data?: PositionData;\n anchorRef: RefObject<Element \| Coords>;\n tail: 'none' \| 'simple';\n isRtl: boolean;\n};\n\nconst ARROW_SIZE = 7;\nconst ARROW_SIZE_CORNER = 6;\nconst ARROW_INNER_SIZE = 5;\nconst ARROW_INNER_SIZE_CORNER = 5;\n\nconst FloatingTail = forwardRef(\n (\n { data, anchorRef, tail, isRtl, backgroundColor }: Props,\n ref: ForwardedRef<HTMLDivElement \| null>\n ) => {\n const { styles, baseTheme } = useComponentTheme<never, FloatingStyles>(FloatingRedwoodTheme);\n const arrowRef = useRef<HTMLDivElement \| null>(null);\n const [arrowStyles, setArrowStyles] = useState({\n arrowStyle: { visibility: 'hidden' },\n arrowInnerStyle: { visibility: 'hidden' }\n });\n\n useLayoutEffect(() => {\n if (arrowRef.current == null) return;\n const { isCornerVerticalPlacement, isCornerHorizontalPlacement } = isCorner(\n anchorRef,\n tail,\n data\n );\n setArrowStyles(\n setStyles(\n tail,\n isRtl,\n isCornerVerticalPlacement,\n isCornerHorizontalPlacement,\n data,\n backgroundColor\n )\n );\n }, [\n data,\n backgroundColor,\n data?.placement,\n data?.x,\n data?.y,\n data?.offset,\n data?.arrow,\n tail,\n isRtl,\n anchorRef\n ]);\n\n const stableRef = useMemo(() => mergeRefs(ref, arrowRef), [ref, arrowRef]);\n return (\n tail === 'simple' && (\n <div\n ref={stableRef}\n class={classNames([baseTheme, styles.floatingTailBaseStyle])}\n style={arrowStyles.arrowStyle}>\n {' '}\n {/Outer arrow - shadow/}\n <div\n class={classNames([styles.floatingTailBaseStyle])}\n style={arrowStyles.arrowInnerStyle}></div>{' '}\n {/Inner arrow - body/}\n </div>\n )\n );\n }\n);\n\nfunction isCorner(\n anchorRef: RefObject<Element \| Coords>,\n tail: 'none' \| 'simple',\n data?: PositionData\n) {\n if (tail === 'simple' && data && data.arrow) {\n const { centerOffset } = data.arrow;\n const arrowSize = ARROW_SIZE;\n let anchorRefHeight = 0;\n let anchorRefWidth = 0;\n const current = anchorRef.current;\n // @ts-ignore. Type 'Element \| Coords' issues\n // Property 'x' does not exist on type 'Element'.\n // Property 'y' does not exist on type 'Element'.\n const isAnchorRefElement = current?.x === undefined && current?.y === undefined;\n if (isAnchorRefElement) {\n // @ts-ignore. Property 'getBoundingClientRect' does not exist on type 'Coords'.\n anchorRefHeight = Math.round(current.getBoundingClientRect().height);\n // @ts-ignore. Property 'getBoundingClientRect' does not exist on type 'Coords'.\n anchorRefWidth = Math.round(anchorRef.current?.getBoundingClientRect().width);\n }\n const isCornerVerticalPlacement = isAnchorRefElement\n ? Math.abs(centerOffset) >= anchorRefHeight / 2 - arrowSize / 2\n : ['start-top-corner', 'start-bottom-corner', 'end-top-corner', 'end-bottom-corner'].includes(\n data.origPlacement\n );\n const isCornerHorizontalPlacement = isAnchorRefElement\n ? Math.abs(centerOffset) >= anchorRefWidth / 2 - arrowSize / 2\n : ['top-start-corner', 'top-end-corner', 'bottom-start-corner', 'bottom-end-corner'].includes(\n data.origPlacement\n );\n\n return { isCornerVerticalPlacement, isCornerHorizontalPlacement };\n } else return { isCornerVerticalPlacement: false, isCornerHorizontalPlacement: false };\n}\n\nfunction setStyles(\n //arrowEl: HTMLDivElement,\n tail: 'none' \| 'simple',\n isRtl: boolean,\n isCornerVerticalPlacement: boolean,\n isCornerHorizontalPlacement: boolean,\n data?: PositionData,\n backgroundColor?: Property.BackgroundColor\n) {\n const result = { visibility: 'visible' };\n const innerResult = { visibility: 'visible' };\n if (tail === 'simple' && data && data.arrow) {\n const { x, y, centerOffset } = data.arrow;\n const arrowSize = ARROW_SIZE;\n const arrowSizeCorner = ARROW_SIZE_CORNER;\n //const arrowInnerEl = arrowEl.querySelector('div') as Element;\n const arrowInnerSize = ARROW_INNER_SIZE;\n const arrowInnerSizeCorner = ARROW_INNER_SIZE_CORNER;\n\n const isCenter = centerOffset === 0;\n const isCenterOffsetPositive = centerOffset > 0;\n\n // Set sizes of the arrow\n setArrowSizes(isCornerVerticalPlacement \|\| isCornerHorizontalPlacement);\n\n // Corner vs. normal arrow\n function setArrowSizes(isCornerPlacement?: boolean) {\n // Outer arrow (shadow)\n const arrowFinalSize = isCornerPlacement ? arrowSizeCorner : arrowSize;\n setArrowStyle(\n {\n // Tracked: \n borderTop: `${getSize(arrowFinalSize)} solid ${rgba(\n colorSchemeVars.palette.neutral[90],\n 0.1\n )}`,\n borderRight: getTransparentBorder(arrowFinalSize),\n borderLeft: getTransparentBorder(arrowFinalSize)\n },\n result\n );\n // Inner arrow\n const arrowInnerFinalSize = isCornerPlacement ? arrowInnerSizeCorner : arrowInnerSize;\n setArrowInnerStyle(\n {\n // Tracked: \n borderTop: `${getSize(arrowInnerFinalSize)} solid ${backgroundColor}`,\n borderRight: `${getTransparentBorder(arrowInnerFinalSize)}`,\n borderLeft: `${getTransparentBorder(arrowInnerFinalSize)}`\n },\n innerResult\n );\n }\n\n function setArrowStyle(style: object, result: object) {\n Object.assign(result, style);\n }\n\n function setArrowInnerStyle(style: object, result: object) {\n Object.assign(result, style);\n }\n\n function getTurn(eighth: number) {\n return `rotate(${eighth * 45}deg)`;\n }\n\n function getSize(size: number) {\n return `${size}px`;\n }\n\n function getTransparentBorder(size: number) {\n return `${getSize(size)} solid transparent`;\n }\n\n const placementArr = data.placement.split('-');\n const side = placementArr[0];\n\n switch (side) {\n case 'top':\n setArrowTop();\n break;\n case 'end':\n isRtl ? setArrowStart() : setArrowEnd();\n break;\n case 'bottom':\n setArrowBottom();\n break;\n case 'start':\n isRtl ? setArrowEnd() : setArrowStart();\n break;\n }\n\n function setArrowTop() {\n if (x != undefined) {\n if (isCornerHorizontalPlacement) {\n // Top corners\n setArrowStyle(\n {\n top: '', // flip 'reset'\n bottom: getSize(-arrowSize + 2),\n left: getSize(x + (isCenterOffsetPositive ? 5 : -5)),\n transform: getTurn(isCenterOffsetPositive ? 5 : 3)\n },\n result\n );\n setCornerArrowInner();\n } else {\n setArrowStyle(\n {\n top: '', // flip 'reset'\n bottom: getSize(-arrowSize),\n left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n transform: getTurn(0)\n },\n result\n );\n setNonCornerArrowInner();\n }\n }\n }\n\n function setArrowEnd() {\n if (y != undefined) {\n if (isCornerVerticalPlacement) {\n // End corners\n setArrowStyle(\n {\n top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n right: '', // flip 'reset'\n left: getSize(-arrowSize - 1),\n transform: getTurn(isCenterOffsetPositive ? 7 : 5)\n },\n result\n );\n setCornerArrowInner();\n } else {\n // End\n setArrowStyle(\n {\n top: isCenter ? getSize(y) : getSize(y + (isCenterOffsetPositive ? -2 : +2)),\n right: '', // flip 'reset'\n left: getSize(-arrowSize * 1.5),\n transform: getTurn(2)\n },\n result\n );\n setNonCornerArrowInner();\n }\n }\n }\n\n function setArrowBottom() {\n if (x != undefined) {\n if (isCornerHorizontalPlacement) {\n // Bottom corners\n setArrowStyle(\n {\n top: getSize(-arrowSize + 3),\n bottom: '', // flip 'reset'\n left: getSize(x + (isCenterOffsetPositive ? 4 : -4)),\n transform: getTurn(isCenterOffsetPositive ? 2 : 6)\n },\n result\n );\n setArrowInnerStyle(\n {\n top: getSize(-arrowInnerSize),\n left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 1 : -1))\n },\n innerResult\n );\n } else {\n setArrowStyle(\n {\n top: getSize(-arrowSize),\n bottom: '', // flip 'reset'\n left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n transform: getTurn(4)\n },\n result\n );\n setNonCornerArrowInner();\n }\n }\n }\n\n function setArrowStart() {\n if (y != undefined) {\n if (isCornerVerticalPlacement) {\n // Start corners\n setArrowStyle(\n {\n top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n right: getSize(-arrowSize - 1),\n left: '', // flip 'reset'\n transform: getTurn(isCenterOffsetPositive ? 1 : 3)\n },\n result\n );\n setArrowInnerStyle(\n {\n top: getSize(-arrowInnerSize),\n left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? -2 : 2))\n },\n innerResult\n );\n } else {\n // Start\n setArrowStyle(\n {\n top: isCenter ? getSize(y) : getSize(y + (isCenterOffsetPositive ? -2 : +2)),\n right: getSize(-arrowSize * 1.5),\n left: '', // flip 'reset'\n transform: getTurn(6)\n },\n result\n );\n setNonCornerArrowInner();\n }\n }\n }\n\n function setCornerArrowInner() {\n setArrowInnerStyle(\n {\n top: getSize(-arrowInnerSize),\n left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 2 : -2))\n },\n innerResult\n );\n }\n\n function setNonCornerArrowInner() {\n setArrowInnerStyle(\n {\n top: getSize(-arrowInnerSize - 2),\n left: getSize(-arrowInnerSize)\n },\n innerResult\n );\n }\n }\n return { arrowStyle: result, arrowInnerStyle: innerResult };\n}\n\nexport { FloatingTail };\n","import type { RefObject, JSX } from 'preact';\nimport { useLayoutEffect, useEffect, useMemo, useState, useRef, useCallback } from 'preact/hooks';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { autoUpdate, arrow } from '@floating-ui/dom';\nimport {\n useFloating,\n shift,\n flip,\n size,\n offset,\n limitShift,\n VirtualElement,\n logicalSide\n} from '../hooks/PRIVATE_useFloating';\nimport { Offset, Placement, Coords, PositionData } from './Floating.types';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { FloatingTail } from './FloatingTail';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { FloatingStyles, floatingVisibilityStyles } from './themes/FloatingStyles.css';\nimport { FloatingRedwoodTheme } from './themes/redwood/FloatingTheme';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { floatingVars } from './themes/FloatingContract.css';\nimport type { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\nimport type { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\nimport { useUnsafeDomElementRef } from '#hooks/PRIVATE_useUnsafeDomElementRef';\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'children' \| 'class'>;\n/*\n Specifies the flipping behavior along the respective axis.\n /\nexport type FlipOptions = {\n /\n If set to true, enables collision detection on the main axis,\n * which runs along the floating placement side.\n /\n mainAxis?: boolean;\n /\n If set to true, enables collision detection on the cross axis,\n * which runs along the floating placement side.\n /\n crossAxis?: boolean;\n /\n Specifies an array of placements to try\n * if the preferred initial placement doesn’t fit on the axes\n * in which collision is detected.\n /\n fallbackPlacements?: Array<Placement>;\n};\n\n/\n Specifies the shift behavior along the respective axis.\n * When true, the floating element will shift to prevent overflow.\n /\nexport type ShiftOptions = {\n /\n main axis in which shifting is applied. Default <code>true</code>.\n /\n mainAxis?: boolean;\n /\n cross axis in which shifting is applied. Default <code>false</code>.\n /\n crossAxis?: boolean;\n};\n\n/\n This describes the virtual padding around the collision boundary (currently the view port).\n * This could be extended in the future,\n * i.e. property to define what is a boundary ( a view port, a document, some other html element)\n /\nexport type BoundaryOptions = {\n padding?:\n \| number\n \| {\n top: number;\n right: number;\n bottom: number;\n left: number;\n };\n};\n/\n Specifies the resizing behaviour for max-height and max-width of the floating component.\n * The floating element will change the size depending on the available space.\n * isMaxHeightAdjusted/isMaxWidthAdjusted - sets the max-height/max-width of the floating to the available space till the collision.\n * maxHeightCeiling/maxWidthCeiling - this is the limit for max-height/max-width that should not be exceeded, even if there is more available space till the collision.\n /\nexport type SizeOptions = {\n isMaxWidthAdjusted?: boolean;\n isMaxHeightAdjusted?: boolean;\n maxHeightCeiling?: number;\n maxWidthCeiling?: number;\n};\n\ntype Props = IntrinsicProps &\n Pick<ColorProps, 'backgroundColor'> & {\n /\n <p>Placement of the floating element relative to its reference element.</p>\n * <p>Placement consists of two parts, the first part is the side, the second is the alignment.</p>\n * <p>Possible values are:</p>\n * <p> <code>'top' </code> <code>'top-start' </code> <code> 'top-end' </code> <code> 'top-start-corner' </code> <code> 'top-end-corner' </code>\n * <code> 'end' </code> <code> 'end-top' </code> <code> 'end-bottom' </code> <code> 'end-top-corner' </code> <code> 'end-bottom-corner' </code>\n * <code> 'bottom' </code> <code> 'bottom-start' </code> <code> 'bottom-end' </code> <code> 'bottom-start-corner' </code> <code> 'bottom-end-corner' </code>\n * <code> 'start' </code> <code> 'start-top' </code> <code> 'start-bottom' </code> <code> 'start-top-corner' </code> <code> 'start-bottom-corner' </code>\n * </p>\n /\n placement?: Placement;\n\n /\n Trigger element reference.\n /\n anchorRef: RefObject<Element \| Coords \| UnsafeDomHandle<Element>>;\n\n /\n Placement offset.\n * Offset displaces the floating element from its core placement along the specified axes.\n * Offset could be a number or an object\n * A number represents the distance (gutter or margin) between the floating element and the reference element.\n * This is shorthand for mainAxis.\n * <pre>\n * {\n * mainAxis?: number;\n * crossAxis?: number;\n * }\n * </pre>\n * <p><code>mainAxis</code> - represents the distance (gutter or margin) between the floating element and the reference element.</p>\n * <p><code>crossAxis</code> - represents the shifting between the floating element and the reference element.<p>\n /\n offsetValue?: Offset;\n\n /\n Click outside callback.\n /\n onClickOutside?: (event: MouseEvent) => void;\n\n /\n FlipOptions object\n * <pre>\n * type FlipOptions = {\n * mainAxis?: boolean;\n * crossAxis?: boolean;\n * fallbackPlacements?: Array<Placement>;\n * }\n * </pre>\n * <p>Specifies the flipping behavior along the respective axis.<p>\n * <p><code>mainAxis</code> - If set to true, enables collision detection on the main axis, which runs along the floating placement side.\n * Default is <code>true</code>.\n * </p>\n * <p><code>crossAxis</code> - If set to true, enables collision detection on the cross axis, which runs along the floating placement alignment.\n * Default is <code>false</code>.\n * </p>\n * <p><code>fallbackPlacements</code> - specifies an array of placements to try if the preferred initial placement doesn’t fit on the axes in which collision is detected.\n * The fallback placements will be tried in the order they are specified in the array.\n * The following placements are allowed as values of the array:\n * <code>'top'</code>, <code>'top-start'</code>, <code>'top-end'</code>, <code>'start'</code>, <code>'start-top'</code>, <code>'start-bottom'</code>, <code>'bottom'</code>,\n * <code>'bottom-start'</code>, <code>'bottom-end'</code>, <code>'end'</code>, <code>'end-top'</code>, <code>'end-bottom'</code>.\n * <p>\n * If not specified, the default behaviour is to flip to the side <code>opposite</code> to the one in which collision is detected\n * </p>\n * </p>\n /\n flipOptions?: FlipOptions;\n\n /\n Specifies the shift behavior along the respective axis. When true, the floating element will shift to prevent overflow.\n * <pre>\n * type ShiftOptions = {\n * mainAxis?: boolean;\n * crossAxis?: boolean;\n * };\n * </pre>\n * <p><code>mainAxis</code> - main axis in which shifting is applied. Default <code>true</code>.</p>\n * <p><code>crossAxis</code> - cross axis in which shifting is applied. Default <code>false</code>.</p>\n /\n shiftOptions?: ShiftOptions;\n\n /\n Triggered when placement or coordinates are changed after collision is detected\n /\n onPosition?: (data: PositionData) => void;\n\n /\n Tail\n /\n tail?: 'none' \| 'simple';\n\n /\n Specifies the resizing behaviour for max-height and max-width of the floating component.\n * <pre>\n * type SizeOptions = {\n * isMaxWidthAdjusted?: boolean;\n * isMaxHeightAdjusted?: boolean;\n * maxHeightCeiling?: number;\n * maxWidthCeiling?: number;\n * }\n * </pre>\n * <p><code>isMaxHeightAdjusted</code> and <code>isMaxWidthAdjusted</code> - sets the max-height/max-width of the floating to the available space till the collision.\n * When either of the options isMaxHeightAdjusted, isMaxWidthAdjusted is true, the floating element will change the size depending on the available space.\n * Default values are <code>'false'</code>.</p>\n * <p><code>maxHeightCeiling</code> and <code>maxWidthCeiling</code> - are maximal values that could not be exceeded.\n * Defaults are undefined and it means to use full available width/height.</p>\n /\n sizeOptions?: SizeOptions;\n\n /\n <p>This describes the virtual padding around the collision boundary (currently the view port).</p>\n * <p>This could be extended in the future,\n * i.e. property to define what is a boundary\n * ( a view port, a document, some other html element)</p>\n * <pre>\n * type BoundaryOptions = {\n * padding?: number \| {\n * top: number;\n * right: number;\n * bottom: number;\n * left: number;\n * };\n * }\n * </pre>\n * Default value for padding is 0.\n /\n boundaryOptions?: BoundaryOptions;\n /\n Specifies the type of CSS position property to use.\n * <pre>\n * type Strategy = 'absolute' \| 'fixed';\n * </pre>\n * Default value is 'absolute'.\n /\n strategy?: 'absolute' \| 'fixed';\n };\n\nfunction isElement(value: any): value is Element {\n return value instanceof Element;\n}\n\n/\n A floating component allows the user to create a floating element that is displayed relative to an anchor element or pointer coordinates\n * and at the same time on the \"top layer\" of all other elements.\n * The Floating component is a base component and is often used by such components as Popup, Tooltip, SelectMultiple, Menu and other components.\n */\nexport const Floating = forwardRef(\n (\n {\n children,\n backgroundColor,\n onClickOutside,\n placement = 'bottom',\n anchorRef,\n offsetValue,\n class: className,\n tail = 'none',\n flipOptions = { mainAxis: true, crossAxis: false },\n shiftOptions = { mainAxis: true, crossAxis: false },\n sizeOptions = { isMaxHeightAdjusted: false, isMaxWidthAdjusted: false },\n boundaryOptions = { padding: 0 },\n onPosition,\n strategy\n }: Props,\n ref: ForwardedRef<HTMLElement \| null>\n ) => {\n const arrowRef = useRef<HTMLDivElement>(null);\n const [positionData, setPositionData] = useState<PositionData>();\n\n const unsafeAnchorRef = useUnsafeDomElementRef<Element, Element \| Coords>(anchorRef);\n\n const [previousAnchor, setPreviousAnchor] = useState<Element \| Coords \| null>(null);\n\n const { styles, baseTheme } = useComponentTheme<never, FloatingStyles>(FloatingRedwoodTheme);\n\n // we need to be sure anchorRef.current exists in first call\n // to be able to set the previousAnchor state\n useLayoutEffect(() => {\n setPreviousAnchor(unsafeAnchorRef.current);\n }, [unsafeAnchorRef]);\n\n // In case anchorRef.current changes and we need to update floating position\n // when it changes, we need to have copy in the state.\n // For example when anchorRef is Coords( virtual element)\n if (unsafeAnchorRef.current !== previousAnchor) {\n setPreviousAnchor(unsafeAnchorRef.current);\n }\n\n const { direction } = useUser();\n const isRtl = direction === 'rtl';\n\n const _onPosition = useCallback(\n (data: PositionData) => {\n setPositionData(data);\n onPosition?.(data);\n },\n [onPosition]\n );\n\n const middleware = [\n offset(offsetValue),\n flip({\n mainAxis: flipOptions.mainAxis,\n crossAxis: flipOptions.crossAxis,\n fallbackPlacements: flipOptions.fallbackPlacements?.map((placement) =>\n logicalSide(placement, direction)\n ),\n padding: boundaryOptions.padding\n }),\n shift({\n mainAxis: shiftOptions.mainAxis,\n crossAxis: shiftOptions.crossAxis,\n limiter: limitShift({\n mainAxis: shiftOptions.mainAxis,\n crossAxis: shiftOptions.crossAxis\n })\n }),\n ...(arrowRef.current\n ? [\n arrow({\n element: arrowRef.current\n })\n ]\n : [])\n ];\n if (sizeOptions.isMaxHeightAdjusted \|\| sizeOptions.isMaxWidthAdjusted) {\n middleware.push(\n size({\n apply({ availableWidth, availableHeight, elements }) {\n if (sizeOptions.isMaxHeightAdjusted) {\n if (parseInt(elements.floating.style.maxHeight) !== availableHeight) {\n Object.assign(elements.floating.style, {\n maxHeight: `${Math.min(\n availableHeight,\n sizeOptions.maxHeightCeiling \|\| availableHeight\n )}px`\n });\n }\n }\n\n if (sizeOptions.isMaxWidthAdjusted) {\n if (parseInt(elements.floating.style.maxWidth) !== availableWidth) {\n Object.assign(elements.floating.style, {\n maxWidth: `${Math.min(\n availableWidth,\n sizeOptions.maxWidthCeiling \|\| availableWidth\n )}px`\n });\n }\n }\n },\n\n padding: boundaryOptions.padding\n })\n );\n }\n\n const { x, y, reference, floating, refs, update } = useFloating({\n placement: placement,\n middleware: middleware,\n onPosition: _onPosition,\n strategy: strategy\n });\n\n // To solve \"loop limit exceeds\" problem from the ResizeObserver in autoUpdate\n // we need to make sure that we utilize autoUpdate function\n // after the Floating component is positioned and has x, y coordinates.\n const [isPositioned, setIsPositioned] = useState(false);\n\n // here autoUpdate should be called only once during the Component lifecycle,\n // if the floating, reference, placement and middleware do not change\n useEffect(() => {\n if (!refs.reference.current \|\| !refs.floating.current \|\| isPositioned !== true) {\n return;\n }\n\n return autoUpdate(refs.reference.current, refs.floating.current, update);\n }, [refs.floating, refs.reference, update, isPositioned]);\n\n // here we should know when the Floating is positioned\n useEffect(() => {\n if (x != null && y != null) {\n setIsPositioned(true);\n }\n }, [x, y]);\n\n useOutsideClick({ isDisabled: false, ref: refs.floating, handler: onClickOutside });\n\n function createVirtualElement(\n domRef: Element \| null,\n data: {\n axis: 'x' \| 'y' \| 'both';\n x: number \| null;\n y: number \| null;\n }\n ) {\n let offsetX: number \| null = null;\n let offsetY: number \| null = null;\n let isAutoUpdateEvent = false;\n\n return {\n contextElement: domRef \|\| undefined,\n getBoundingClientRect() {\n const domRect = domRef?.getBoundingClientRect() \|\| {\n width: 0,\n height: 0,\n x: 0,\n y: 0\n };\n\n const isXAxis = data.axis === 'x' \|\| data.axis === 'both';\n const isYAxis = data.axis === 'y' \|\| data.axis === 'both';\n\n let width = domRect.width;\n let height = domRect.height;\n let x = domRect.x;\n let y = domRect.y;\n\n if (offsetX == null && data.x && isXAxis) {\n offsetX = domRect.x - data.x;\n }\n\n if (offsetY == null && data.y && isYAxis) {\n offsetY = domRect.y - data.y;\n }\n\n x -= offsetX \|\| 0;\n y -= offsetY \|\| 0;\n width = 0;\n height = 0;\n\n if (!isAutoUpdateEvent) {\n width = data.axis === 'y' ? domRect.width : 0;\n height = data.axis === 'x' ? domRect.height : 0;\n x = isXAxis && data.x != null ? data.x : x;\n y = isYAxis && data.y != null ? data.y : y;\n } else if (isAutoUpdateEvent) {\n height = data.axis === 'x' ? domRect.height : height;\n width = data.axis === 'y' ? domRect.width : width;\n }\n\n isAutoUpdateEvent = true;\n const virtEl = {\n width,\n height,\n x,\n y,\n top: y,\n right: x + width,\n bottom: y + height,\n left: x\n };\n\n return virtEl;\n }\n };\n }\n\n useLayoutEffect(() => {\n if (isElement(previousAnchor)) {\n const element = previousAnchor as Element;\n reference(element);\n return;\n }\n const coords = previousAnchor as Coords;\n if (coords != null && coords.contextElement != null) {\n const virtualEl = createVirtualElement(coords.contextElement, {\n axis: 'both',\n x: coords.x,\n y: coords.y\n });\n reference(virtualEl);\n return;\n }\n const virtualEl: VirtualElement = {\n getBoundingClientRect() {\n return {\n width: 0,\n height: 0,\n x: coords!.x,\n y: coords!.y,\n top: coords!.y,\n left: coords!.x,\n right: coords!.x,\n bottom: coords!.y\n };\n }\n };\n if (coords && coords.x != null) {\n reference(virtualEl);\n }\n }, [previousAnchor, reference]);\n\n const stableRef = useMemo(() => mergeRefs(ref, floating), [ref, floating]);\n const positionStyle = { top: y, left: x };\n\n let assignedVars = {}; // empty var override unless background is specified\n if (backgroundColor) {\n assignedVars = assignInlineVars({\n [floatingVars.backgroundColor]: backgroundColor\n });\n }\n\n const visibilityStyles =\n x == null && y == null ? floatingVisibilityStyles.hidden : floatingVisibilityStyles.visible;\n const floatingClasses = classNames([className, baseTheme, styles.baseStyle, visibilityStyles]);\n const isAnchorMounted = anchorRef && anchorRef.current;\n const content = (\n <div class={floatingClasses} ref={stableRef} style={{ ...positionStyle, ...assignedVars }}>\n {children}\n {isAnchorMounted && (\n <FloatingTail\n ref={arrowRef}\n backgroundColor={backgroundColor}\n data={positionData}\n anchorRef={unsafeAnchorRef}\n tail={tail}\n isRtl={isRtl}\n />\n )}\n </div>\n );\n return content;\n }\n);\n"],"names":["FloatingTail","forwardRef","data","anchorRef","tail","isRtl","backgroundColor","ref","styles","baseTheme","useComponentTheme","FloatingRedwoodTheme","arrowRef","useRef","arrowStyles","setArrowStyles","useState","arrowStyle","visibility","arrowInnerStyle","useLayoutEffect","current","isCornerVerticalPlacement","isCornerHorizontalPlacement","arrow","centerOffset","arrowSize","anchorRefHeight","anchorRefWidth","isAnchorRefElement","undefined","x","y","Math","round","getBoundingClientRect","height","width","abs","includes","origPlacement","isCorner","result","innerResult","arrowSizeCorner","arrowInnerSize","arrowInnerSizeCorner","isCenter","isCenterOffsetPositive","setArrowSizes","isCornerPlacement","arrowFinalSize","setArrowStyle","borderTop","getSize","rgba","colorSchemeVars","palette","neutral","borderRight","getTransparentBorder","borderLeft","arrowInnerFinalSize","setArrowInnerStyle","style","Object","assign","getTurn","eighth","size","placement","split","setArrowTop","setArrowStart","setArrowEnd","setArrowBottom","top","bottom","left","transform","setCornerArrowInner","setNonCornerArrowInner","right","setStyles","offset","stableRef","useMemo","mergeRefs","_jsxs","class","classNames","floatingTailBaseStyle","children","_jsx","Floating","onClickOutside","offsetValue","className","flipOptions","mainAxis","crossAxis","shiftOptions","sizeOptions","isMaxHeightAdjusted","isMaxWidthAdjusted","boundaryOptions","padding","onPosition","strategy","positionData","setPositionData","unsafeAnchorRef","useUnsafeDomElementRef","previousAnchor","setPreviousAnchor","direction","useUser","_onPosition","useCallback","middleware","flip","fallbackPlacements","map","logicalSide","shift","limiter","limitShift","element","push","apply","availableWidth","availableHeight","elements","parseInt","floating","maxHeight","min","maxHeightCeiling","maxWidth","maxWidthCeiling","reference","refs","update","useFloating","isPositioned","setIsPositioned","useEffect","autoUpdate","useOutsideClick","isDisabled","handler","Element","coords","contextElement","virtualEl","domRef","offsetX","offsetY","isAutoUpdateEvent","domRect","isXAxis","axis","isYAxis","createVirtualElement","positionStyle","assignedVars","assignInlineVars","floatingVars","visibilityStyles","floatingVisibilityStyles","hidden","visible","floatingClasses","baseStyle","isAnchorMounted"],"mappings":"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"}
1	+ {"version":3,"file":"Floating-9d6ab071.js","sources":["../../src/UNSAFE_Floating/FloatingTail.tsx","../../src/UNSAFE_Floating/Floating.tsx"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useMemo, useLayoutEffect, useRef, useState } from 'preact/hooks';\nimport type { RefObject } from 'preact';\nimport { PositionData, Coords } from './Floating.types';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { FloatingStyles } from './themes/FloatingStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport type { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { Property } from 'csstype';\nimport { rgba } from '../UNSAFE_Theme/utils';\nimport { colorSchemeVars } from '@oracle/oraclejet-internal-theme-contract/themeContract.css';\nimport { FloatingRedwoodTheme } from './themes/redwood/FloatingTheme';\n\ntype Props = Pick<ColorProps, 'backgroundColor'> & {\n data?: PositionData;\n anchorRef: RefObject<Element \| Coords>;\n tail: 'none' \| 'simple';\n isRtl: boolean;\n};\n\nconst ARROW_SIZE = 7;\nconst ARROW_SIZE_CORNER = 6;\nconst ARROW_INNER_SIZE = 5;\nconst ARROW_INNER_SIZE_CORNER = 5;\n\nconst FloatingTail = forwardRef(\n (\n { data, anchorRef, tail, isRtl, backgroundColor }: Props,\n ref: ForwardedRef<HTMLDivElement \| null>\n ) => {\n const { styles, baseTheme } = useComponentTheme<never, FloatingStyles>(FloatingRedwoodTheme);\n const arrowRef = useRef<HTMLDivElement \| null>(null);\n const [arrowStyles, setArrowStyles] = useState({\n arrowStyle: { visibility: 'hidden' },\n arrowInnerStyle: { visibility: 'hidden' }\n });\n\n useLayoutEffect(() => {\n if (arrowRef.current == null) return;\n const { isCornerVerticalPlacement, isCornerHorizontalPlacement } = isCorner(\n anchorRef,\n tail,\n data\n );\n setArrowStyles(\n setStyles(\n tail,\n isRtl,\n isCornerVerticalPlacement,\n isCornerHorizontalPlacement,\n data,\n backgroundColor\n )\n );\n }, [\n data,\n backgroundColor,\n data?.placement,\n data?.x,\n data?.y,\n data?.offset,\n data?.arrow,\n tail,\n isRtl,\n anchorRef\n ]);\n\n const stableRef = useMemo(() => mergeRefs(ref, arrowRef), [ref, arrowRef]);\n return (\n tail === 'simple' && (\n <div\n ref={stableRef}\n class={classNames([baseTheme, styles.floatingTailBaseStyle])}\n style={arrowStyles.arrowStyle}>\n {' '}\n {/Outer arrow - shadow/}\n <div\n class={classNames([styles.floatingTailBaseStyle])}\n style={arrowStyles.arrowInnerStyle}></div>{' '}\n {/Inner arrow - body/}\n </div>\n )\n );\n }\n);\n\nfunction isCorner(\n anchorRef: RefObject<Element \| Coords>,\n tail: 'none' \| 'simple',\n data?: PositionData\n) {\n if (tail === 'simple' && data && data.arrow) {\n const { centerOffset } = data.arrow;\n const arrowSize = ARROW_SIZE;\n let anchorRefHeight = 0;\n let anchorRefWidth = 0;\n const current = anchorRef.current;\n // @ts-ignore. Type 'Element \| Coords' issues\n // Property 'x' does not exist on type 'Element'.\n // Property 'y' does not exist on type 'Element'.\n const isAnchorRefElement = current?.x === undefined && current?.y === undefined;\n if (isAnchorRefElement) {\n // @ts-ignore. Property 'getBoundingClientRect' does not exist on type 'Coords'.\n anchorRefHeight = Math.round(current.getBoundingClientRect().height);\n // @ts-ignore. Property 'getBoundingClientRect' does not exist on type 'Coords'.\n anchorRefWidth = Math.round(anchorRef.current?.getBoundingClientRect().width);\n }\n const isCornerVerticalPlacement = isAnchorRefElement\n ? Math.abs(centerOffset) >= anchorRefHeight / 2 - arrowSize / 2\n : ['start-top-corner', 'start-bottom-corner', 'end-top-corner', 'end-bottom-corner'].includes(\n data.origPlacement\n );\n const isCornerHorizontalPlacement = isAnchorRefElement\n ? Math.abs(centerOffset) >= anchorRefWidth / 2 - arrowSize / 2\n : ['top-start-corner', 'top-end-corner', 'bottom-start-corner', 'bottom-end-corner'].includes(\n data.origPlacement\n );\n\n return { isCornerVerticalPlacement, isCornerHorizontalPlacement };\n } else return { isCornerVerticalPlacement: false, isCornerHorizontalPlacement: false };\n}\n\nfunction setStyles(\n //arrowEl: HTMLDivElement,\n tail: 'none' \| 'simple',\n isRtl: boolean,\n isCornerVerticalPlacement: boolean,\n isCornerHorizontalPlacement: boolean,\n data?: PositionData,\n backgroundColor?: Property.BackgroundColor\n) {\n const result = { visibility: 'visible' };\n const innerResult = { visibility: 'visible' };\n if (tail === 'simple' && data && data.arrow) {\n const { x, y, centerOffset } = data.arrow;\n const arrowSize = ARROW_SIZE;\n const arrowSizeCorner = ARROW_SIZE_CORNER;\n //const arrowInnerEl = arrowEl.querySelector('div') as Element;\n const arrowInnerSize = ARROW_INNER_SIZE;\n const arrowInnerSizeCorner = ARROW_INNER_SIZE_CORNER;\n\n const isCenter = centerOffset === 0;\n const isCenterOffsetPositive = centerOffset > 0;\n\n // Set sizes of the arrow\n setArrowSizes(isCornerVerticalPlacement \|\| isCornerHorizontalPlacement);\n\n // Corner vs. normal arrow\n function setArrowSizes(isCornerPlacement?: boolean) {\n // Outer arrow (shadow)\n const arrowFinalSize = isCornerPlacement ? arrowSizeCorner : arrowSize;\n setArrowStyle(\n {\n // Tracked: \n borderTop: `${getSize(arrowFinalSize)} solid ${rgba(\n colorSchemeVars.palette.neutral[90],\n 0.1\n )}`,\n borderRight: getTransparentBorder(arrowFinalSize),\n borderLeft: getTransparentBorder(arrowFinalSize)\n },\n result\n );\n // Inner arrow\n const arrowInnerFinalSize = isCornerPlacement ? arrowInnerSizeCorner : arrowInnerSize;\n setArrowInnerStyle(\n {\n // Tracked: \n borderTop: `${getSize(arrowInnerFinalSize)} solid ${backgroundColor}`,\n borderRight: `${getTransparentBorder(arrowInnerFinalSize)}`,\n borderLeft: `${getTransparentBorder(arrowInnerFinalSize)}`\n },\n innerResult\n );\n }\n\n function setArrowStyle(style: object, result: object) {\n Object.assign(result, style);\n }\n\n function setArrowInnerStyle(style: object, result: object) {\n Object.assign(result, style);\n }\n\n function getTurn(eighth: number) {\n return `rotate(${eighth * 45}deg)`;\n }\n\n function getSize(size: number) {\n return `${size}px`;\n }\n\n function getTransparentBorder(size: number) {\n return `${getSize(size)} solid transparent`;\n }\n\n const placementArr = data.placement.split('-');\n const side = placementArr[0];\n\n switch (side) {\n case 'top':\n setArrowTop();\n break;\n case 'end':\n isRtl ? setArrowStart() : setArrowEnd();\n break;\n case 'bottom':\n setArrowBottom();\n break;\n case 'start':\n isRtl ? setArrowEnd() : setArrowStart();\n break;\n }\n\n function setArrowTop() {\n if (x != undefined) {\n if (isCornerHorizontalPlacement) {\n // Top corners\n setArrowStyle(\n {\n top: '', // flip 'reset'\n bottom: getSize(-arrowSize + 2),\n left: getSize(x + (isCenterOffsetPositive ? 5 : -5)),\n transform: getTurn(isCenterOffsetPositive ? 5 : 3)\n },\n result\n );\n setCornerArrowInner();\n } else {\n setArrowStyle(\n {\n top: '', // flip 'reset'\n bottom: getSize(-arrowSize),\n left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n transform: getTurn(0)\n },\n result\n );\n setNonCornerArrowInner();\n }\n }\n }\n\n function setArrowEnd() {\n if (y != undefined) {\n if (isCornerVerticalPlacement) {\n // End corners\n setArrowStyle(\n {\n top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n right: '', // flip 'reset'\n left: getSize(-arrowSize - 1),\n transform: getTurn(isCenterOffsetPositive ? 7 : 5)\n },\n result\n );\n setCornerArrowInner();\n } else {\n // End\n setArrowStyle(\n {\n top: isCenter ? getSize(y) : getSize(y + (isCenterOffsetPositive ? -2 : +2)),\n right: '', // flip 'reset'\n left: getSize(-arrowSize * 1.5),\n transform: getTurn(2)\n },\n result\n );\n setNonCornerArrowInner();\n }\n }\n }\n\n function setArrowBottom() {\n if (x != undefined) {\n if (isCornerHorizontalPlacement) {\n // Bottom corners\n setArrowStyle(\n {\n top: getSize(-arrowSize + 3),\n bottom: '', // flip 'reset'\n left: getSize(x + (isCenterOffsetPositive ? 4 : -4)),\n transform: getTurn(isCenterOffsetPositive ? 2 : 6)\n },\n result\n );\n setArrowInnerStyle(\n {\n top: getSize(-arrowInnerSize),\n left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 1 : -1))\n },\n innerResult\n );\n } else {\n setArrowStyle(\n {\n top: getSize(-arrowSize),\n bottom: '', // flip 'reset'\n left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n transform: getTurn(4)\n },\n result\n );\n setNonCornerArrowInner();\n }\n }\n }\n\n function setArrowStart() {\n if (y != undefined) {\n if (isCornerVerticalPlacement) {\n // Start corners\n setArrowStyle(\n {\n top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n right: getSize(-arrowSize - 1),\n left: '', // flip 'reset'\n transform: getTurn(isCenterOffsetPositive ? 1 : 3)\n },\n result\n );\n setArrowInnerStyle(\n {\n top: getSize(-arrowInnerSize),\n left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? -2 : 2))\n },\n innerResult\n );\n } else {\n // Start\n setArrowStyle(\n {\n top: isCenter ? getSize(y) : getSize(y + (isCenterOffsetPositive ? -2 : +2)),\n right: getSize(-arrowSize * 1.5),\n left: '', // flip 'reset'\n transform: getTurn(6)\n },\n result\n );\n setNonCornerArrowInner();\n }\n }\n }\n\n function setCornerArrowInner() {\n setArrowInnerStyle(\n {\n top: getSize(-arrowInnerSize),\n left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 2 : -2))\n },\n innerResult\n );\n }\n\n function setNonCornerArrowInner() {\n setArrowInnerStyle(\n {\n top: getSize(-arrowInnerSize - 2),\n left: getSize(-arrowInnerSize)\n },\n innerResult\n );\n }\n }\n return { arrowStyle: result, arrowInnerStyle: innerResult };\n}\n\nexport { FloatingTail };\n","import type { RefObject, JSX } from 'preact';\nimport { useLayoutEffect, useEffect, useMemo, useState, useRef, useCallback } from 'preact/hooks';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { autoUpdate, arrow } from '@floating-ui/dom';\nimport {\n useFloating,\n shift,\n flip,\n size,\n offset,\n limitShift,\n VirtualElement,\n logicalSide\n} from '../hooks/PRIVATE_useFloating';\nimport { Offset, Placement, Coords, PositionData } from './Floating.types';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { FloatingTail } from './FloatingTail';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { FloatingStyles, floatingVisibilityStyles } from './themes/FloatingStyles.css';\nimport { FloatingRedwoodTheme } from './themes/redwood/FloatingTheme';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { floatingVars } from './themes/FloatingContract.css';\nimport type { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\nimport type { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\nimport { useUnsafeDomElementRef } from '#hooks/PRIVATE_useUnsafeDomElementRef';\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'children' \| 'class'>;\n/*\n Specifies the flipping behavior along the respective axis.\n /\nexport type FlipOptions = {\n /\n If set to true, enables collision detection on the main axis,\n * which runs along the floating placement side.\n /\n mainAxis?: boolean;\n /\n If set to true, enables collision detection on the cross axis,\n * which runs along the floating placement side.\n /\n crossAxis?: boolean;\n /\n Specifies an array of placements to try\n * if the preferred initial placement doesn’t fit on the axes\n * in which collision is detected.\n /\n fallbackPlacements?: Array<Placement>;\n};\n\n/\n Specifies the shift behavior along the respective axis.\n * When true, the floating element will shift to prevent overflow.\n /\nexport type ShiftOptions = {\n /\n main axis in which shifting is applied. Default <code>true</code>.\n /\n mainAxis?: boolean;\n /\n cross axis in which shifting is applied. Default <code>false</code>.\n /\n crossAxis?: boolean;\n};\n\n/\n This describes the virtual padding around the collision boundary (currently the view port).\n * This could be extended in the future,\n * i.e. property to define what is a boundary ( a view port, a document, some other html element)\n /\nexport type BoundaryOptions = {\n padding?:\n \| number\n \| {\n top: number;\n right: number;\n bottom: number;\n left: number;\n };\n};\n/\n Specifies the resizing behaviour for max-height and max-width of the floating component.\n * The floating element will change the size depending on the available space.\n * isMaxHeightAdjusted/isMaxWidthAdjusted - sets the max-height/max-width of the floating to the available space till the collision.\n * maxHeightCeiling/maxWidthCeiling - this is the limit for max-height/max-width that should not be exceeded, even if there is more available space till the collision.\n /\nexport type SizeOptions = {\n isMaxWidthAdjusted?: boolean;\n isMaxHeightAdjusted?: boolean;\n maxHeightCeiling?: number;\n maxWidthCeiling?: number;\n};\n\ntype Props = IntrinsicProps &\n Pick<ColorProps, 'backgroundColor'> & {\n /\n <p>Placement of the floating element relative to its reference element.</p>\n * <p>Placement consists of two parts, the first part is the side, the second is the alignment.</p>\n * <p>Possible values are:</p>\n * <p> <code>'top' </code> <code>'top-start' </code> <code> 'top-end' </code> <code> 'top-start-corner' </code> <code> 'top-end-corner' </code>\n * <code> 'end' </code> <code> 'end-top' </code> <code> 'end-bottom' </code> <code> 'end-top-corner' </code> <code> 'end-bottom-corner' </code>\n * <code> 'bottom' </code> <code> 'bottom-start' </code> <code> 'bottom-end' </code> <code> 'bottom-start-corner' </code> <code> 'bottom-end-corner' </code>\n * <code> 'start' </code> <code> 'start-top' </code> <code> 'start-bottom' </code> <code> 'start-top-corner' </code> <code> 'start-bottom-corner' </code>\n * </p>\n /\n placement?: Placement;\n\n /\n Trigger element reference.\n /\n anchorRef: RefObject<Element \| Coords \| UnsafeDomHandle<Element>>;\n\n /\n Placement offset.\n * Offset displaces the floating element from its core placement along the specified axes.\n * Offset could be a number or an object\n * A number represents the distance (gutter or margin) between the floating element and the reference element.\n * This is shorthand for mainAxis.\n * <pre>\n * {\n * mainAxis?: number;\n * crossAxis?: number;\n * }\n * </pre>\n * <p><code>mainAxis</code> - represents the distance (gutter or margin) between the floating element and the reference element.</p>\n * <p><code>crossAxis</code> - represents the shifting between the floating element and the reference element.<p>\n /\n offsetValue?: Offset;\n\n /\n Click outside callback.\n /\n onClickOutside?: (event: MouseEvent) => void;\n\n /\n FlipOptions object\n * <pre>\n * type FlipOptions = {\n * mainAxis?: boolean;\n * crossAxis?: boolean;\n * fallbackPlacements?: Array<Placement>;\n * }\n * </pre>\n * <p>Specifies the flipping behavior along the respective axis.<p>\n * <p><code>mainAxis</code> - If set to true, enables collision detection on the main axis, which runs along the floating placement side.\n * Default is <code>true</code>.\n * </p>\n * <p><code>crossAxis</code> - If set to true, enables collision detection on the cross axis, which runs along the floating placement alignment.\n * Default is <code>false</code>.\n * </p>\n * <p><code>fallbackPlacements</code> - specifies an array of placements to try if the preferred initial placement doesn’t fit on the axes in which collision is detected.\n * The fallback placements will be tried in the order they are specified in the array.\n * The following placements are allowed as values of the array:\n * <code>'top'</code>, <code>'top-start'</code>, <code>'top-end'</code>, <code>'start'</code>, <code>'start-top'</code>, <code>'start-bottom'</code>, <code>'bottom'</code>,\n * <code>'bottom-start'</code>, <code>'bottom-end'</code>, <code>'end'</code>, <code>'end-top'</code>, <code>'end-bottom'</code>.\n * <p>\n * If not specified, the default behaviour is to flip to the side <code>opposite</code> to the one in which collision is detected\n * </p>\n * </p>\n /\n flipOptions?: FlipOptions;\n\n /\n Specifies the shift behavior along the respective axis. When true, the floating element will shift to prevent overflow.\n * <pre>\n * type ShiftOptions = {\n * mainAxis?: boolean;\n * crossAxis?: boolean;\n * };\n * </pre>\n * <p><code>mainAxis</code> - main axis in which shifting is applied. Default <code>true</code>.</p>\n * <p><code>crossAxis</code> - cross axis in which shifting is applied. Default <code>false</code>.</p>\n /\n shiftOptions?: ShiftOptions;\n\n /\n Triggered when placement or coordinates are changed after collision is detected\n /\n onPosition?: (data: PositionData) => void;\n\n /\n Tail\n /\n tail?: 'none' \| 'simple';\n\n /\n Specifies the resizing behaviour for max-height and max-width of the floating component.\n * <pre>\n * type SizeOptions = {\n * isMaxWidthAdjusted?: boolean;\n * isMaxHeightAdjusted?: boolean;\n * maxHeightCeiling?: number;\n * maxWidthCeiling?: number;\n * }\n * </pre>\n * <p><code>isMaxHeightAdjusted</code> and <code>isMaxWidthAdjusted</code> - sets the max-height/max-width of the floating to the available space till the collision.\n * When either of the options isMaxHeightAdjusted, isMaxWidthAdjusted is true, the floating element will change the size depending on the available space.\n * Default values are <code>'false'</code>.</p>\n * <p><code>maxHeightCeiling</code> and <code>maxWidthCeiling</code> - are maximal values that could not be exceeded.\n * Defaults are undefined and it means to use full available width/height.</p>\n /\n sizeOptions?: SizeOptions;\n\n /\n <p>This describes the virtual padding around the collision boundary (currently the view port).</p>\n * <p>This could be extended in the future,\n * i.e. property to define what is a boundary\n * ( a view port, a document, some other html element)</p>\n * <pre>\n * type BoundaryOptions = {\n * padding?: number \| {\n * top: number;\n * right: number;\n * bottom: number;\n * left: number;\n * };\n * }\n * </pre>\n * Default value for padding is 0.\n /\n boundaryOptions?: BoundaryOptions;\n /\n Specifies the type of CSS position property to use.\n * <pre>\n * type Strategy = 'absolute' \| 'fixed';\n * </pre>\n * Default value is 'absolute'.\n /\n strategy?: 'absolute' \| 'fixed';\n };\n\nfunction isElement(value: any): value is Element {\n return value instanceof Element;\n}\n\n/\n A floating component allows the user to create a floating element that is displayed relative to an anchor element or pointer coordinates\n * and at the same time on the \"top layer\" of all other elements.\n * The Floating component is a base component and is often used by such components as Popup, Tooltip, SelectMultiple, Menu and other components.\n */\nexport const Floating = forwardRef(\n (\n {\n children,\n backgroundColor,\n onClickOutside,\n placement = 'bottom',\n anchorRef,\n offsetValue,\n class: className,\n tail = 'none',\n flipOptions = { mainAxis: true, crossAxis: false },\n shiftOptions = { mainAxis: true, crossAxis: false },\n sizeOptions = { isMaxHeightAdjusted: false, isMaxWidthAdjusted: false },\n boundaryOptions = { padding: 0 },\n onPosition,\n strategy\n }: Props,\n ref: ForwardedRef<HTMLElement \| null>\n ) => {\n const arrowRef = useRef<HTMLDivElement>(null);\n const [positionData, setPositionData] = useState<PositionData>();\n\n const unsafeAnchorRef = useUnsafeDomElementRef<Element, Element \| Coords>(anchorRef);\n\n const [previousAnchor, setPreviousAnchor] = useState<Element \| Coords \| null>(null);\n\n const { styles, baseTheme } = useComponentTheme<never, FloatingStyles>(FloatingRedwoodTheme);\n\n // we need to be sure anchorRef.current exists in first call\n // to be able to set the previousAnchor state\n useLayoutEffect(() => {\n setPreviousAnchor(unsafeAnchorRef.current);\n }, [unsafeAnchorRef]);\n\n // In case anchorRef.current changes and we need to update floating position\n // when it changes, we need to have copy in the state.\n // For example when anchorRef is Coords( virtual element)\n if (unsafeAnchorRef.current !== previousAnchor) {\n setPreviousAnchor(unsafeAnchorRef.current);\n }\n\n const { direction } = useUser();\n const isRtl = direction === 'rtl';\n\n const _onPosition = useCallback(\n (data: PositionData) => {\n setPositionData(data);\n onPosition?.(data);\n },\n [onPosition]\n );\n\n const middleware = [\n offset(offsetValue),\n flip({\n mainAxis: flipOptions.mainAxis,\n crossAxis: flipOptions.crossAxis,\n fallbackPlacements: flipOptions.fallbackPlacements?.map((placement) =>\n logicalSide(placement, direction)\n ),\n padding: boundaryOptions.padding\n }),\n shift({\n mainAxis: shiftOptions.mainAxis,\n crossAxis: shiftOptions.crossAxis,\n limiter: limitShift({\n mainAxis: shiftOptions.mainAxis,\n crossAxis: shiftOptions.crossAxis\n })\n }),\n ...(arrowRef.current\n ? [\n arrow({\n element: arrowRef.current\n })\n ]\n : [])\n ];\n if (sizeOptions.isMaxHeightAdjusted \|\| sizeOptions.isMaxWidthAdjusted) {\n middleware.push(\n size({\n apply({ availableWidth, availableHeight, elements }) {\n if (sizeOptions.isMaxHeightAdjusted) {\n if (parseInt(elements.floating.style.maxHeight) !== availableHeight) {\n Object.assign(elements.floating.style, {\n maxHeight: `${Math.min(\n availableHeight,\n sizeOptions.maxHeightCeiling \|\| availableHeight\n )}px`\n });\n }\n }\n\n if (sizeOptions.isMaxWidthAdjusted) {\n if (parseInt(elements.floating.style.maxWidth) !== availableWidth) {\n Object.assign(elements.floating.style, {\n maxWidth: `${Math.min(\n availableWidth,\n sizeOptions.maxWidthCeiling \|\| availableWidth\n )}px`\n });\n }\n }\n },\n\n padding: boundaryOptions.padding\n })\n );\n }\n\n const { x, y, reference, floating, refs, update } = useFloating({\n placement: placement,\n middleware: middleware,\n onPosition: _onPosition,\n strategy: strategy\n });\n\n // To solve \"loop limit exceeds\" problem from the ResizeObserver in autoUpdate\n // we need to make sure that we utilize autoUpdate function\n // after the Floating component is positioned and has x, y coordinates.\n const [isPositioned, setIsPositioned] = useState(false);\n\n // here autoUpdate should be called only once during the Component lifecycle,\n // if the floating, reference, placement and middleware do not change\n useEffect(() => {\n if (!refs.reference.current \|\| !refs.floating.current \|\| isPositioned !== true) {\n return;\n }\n\n return autoUpdate(refs.reference.current, refs.floating.current, update);\n }, [refs.floating, refs.reference, update, isPositioned]);\n\n // here we should know when the Floating is positioned\n useEffect(() => {\n if (x != null && y != null) {\n setIsPositioned(true);\n }\n }, [x, y]);\n\n useOutsideClick({ isDisabled: false, ref: refs.floating, handler: onClickOutside });\n\n function createVirtualElement(\n domRef: Element \| null,\n data: {\n axis: 'x' \| 'y' \| 'both';\n x: number \| null;\n y: number \| null;\n }\n ) {\n let offsetX: number \| null = null;\n let offsetY: number \| null = null;\n let isAutoUpdateEvent = false;\n\n return {\n contextElement: domRef \|\| undefined,\n getBoundingClientRect() {\n const domRect = domRef?.getBoundingClientRect() \|\| {\n width: 0,\n height: 0,\n x: 0,\n y: 0\n };\n\n const isXAxis = data.axis === 'x' \|\| data.axis === 'both';\n const isYAxis = data.axis === 'y' \|\| data.axis === 'both';\n\n let width = domRect.width;\n let height = domRect.height;\n let x = domRect.x;\n let y = domRect.y;\n\n if (offsetX == null && data.x && isXAxis) {\n offsetX = domRect.x - data.x;\n }\n\n if (offsetY == null && data.y && isYAxis) {\n offsetY = domRect.y - data.y;\n }\n\n x -= offsetX \|\| 0;\n y -= offsetY \|\| 0;\n width = 0;\n height = 0;\n\n if (!isAutoUpdateEvent) {\n width = data.axis === 'y' ? domRect.width : 0;\n height = data.axis === 'x' ? domRect.height : 0;\n x = isXAxis && data.x != null ? data.x : x;\n y = isYAxis && data.y != null ? data.y : y;\n } else if (isAutoUpdateEvent) {\n height = data.axis === 'x' ? domRect.height : height;\n width = data.axis === 'y' ? domRect.width : width;\n }\n\n isAutoUpdateEvent = true;\n const virtEl = {\n width,\n height,\n x,\n y,\n top: y,\n right: x + width,\n bottom: y + height,\n left: x\n };\n\n return virtEl;\n }\n };\n }\n\n useLayoutEffect(() => {\n if (isElement(previousAnchor)) {\n const element = previousAnchor as Element;\n reference(element);\n return;\n }\n const coords = previousAnchor as Coords;\n if (coords != null && coords.contextElement != null) {\n const virtualEl = createVirtualElement(coords.contextElement, {\n axis: 'both',\n x: coords.x,\n y: coords.y\n });\n reference(virtualEl);\n return;\n }\n const virtualEl: VirtualElement = {\n getBoundingClientRect() {\n return {\n width: 0,\n height: 0,\n x: coords!.x,\n y: coords!.y,\n top: coords!.y,\n left: coords!.x,\n right: coords!.x,\n bottom: coords!.y\n };\n }\n };\n if (coords && coords.x != null) {\n reference(virtualEl);\n }\n }, [previousAnchor, reference]);\n\n const stableRef = useMemo(() => mergeRefs(ref, floating), [ref, floating]);\n const positionStyle = { top: y, left: x };\n\n let assignedVars = {}; // empty var override unless background is specified\n if (backgroundColor) {\n assignedVars = assignInlineVars({\n [floatingVars.backgroundColor]: backgroundColor\n });\n }\n\n const visibilityStyles =\n x == null && y == null ? floatingVisibilityStyles.hidden : floatingVisibilityStyles.visible;\n const floatingClasses = classNames([className, baseTheme, styles.baseStyle, visibilityStyles]);\n const isAnchorMounted = anchorRef && anchorRef.current;\n const content = (\n <div class={floatingClasses} ref={stableRef} style={{ ...positionStyle, ...assignedVars }}>\n {children}\n {isAnchorMounted && (\n <FloatingTail\n ref={arrowRef}\n backgroundColor={backgroundColor}\n data={positionData}\n anchorRef={unsafeAnchorRef}\n tail={tail}\n isRtl={isRtl}\n />\n )}\n </div>\n );\n return content;\n }\n);\n"],"names":["FloatingTail","forwardRef","data","anchorRef","tail","isRtl","backgroundColor","ref","styles","baseTheme","useComponentTheme","FloatingRedwoodTheme","arrowRef","useRef","arrowStyles","setArrowStyles","useState","arrowStyle","visibility","arrowInnerStyle","useLayoutEffect","current","isCornerVerticalPlacement","isCornerHorizontalPlacement","arrow","centerOffset","arrowSize","anchorRefHeight","anchorRefWidth","isAnchorRefElement","undefined","x","y","Math","round","getBoundingClientRect","height","width","abs","includes","origPlacement","isCorner","result","innerResult","arrowSizeCorner","arrowInnerSize","arrowInnerSizeCorner","isCenter","isCenterOffsetPositive","setArrowSizes","isCornerPlacement","arrowFinalSize","setArrowStyle","borderTop","getSize","rgba","colorSchemeVars","palette","neutral","borderRight","getTransparentBorder","borderLeft","arrowInnerFinalSize","setArrowInnerStyle","style","Object","assign","getTurn","eighth","size","placement","split","setArrowTop","setArrowStart","setArrowEnd","setArrowBottom","top","bottom","left","transform","setCornerArrowInner","setNonCornerArrowInner","right","setStyles","offset","stableRef","useMemo","mergeRefs","_jsxs","class","classNames","floatingTailBaseStyle","children","_jsx","Floating","onClickOutside","offsetValue","className","flipOptions","mainAxis","crossAxis","shiftOptions","sizeOptions","isMaxHeightAdjusted","isMaxWidthAdjusted","boundaryOptions","padding","onPosition","strategy","positionData","setPositionData","unsafeAnchorRef","useUnsafeDomElementRef","previousAnchor","setPreviousAnchor","direction","useUser","_onPosition","useCallback","middleware","flip","fallbackPlacements","map","logicalSide","shift","limiter","limitShift","element","push","apply","availableWidth","availableHeight","elements","parseInt","floating","maxHeight","min","maxHeightCeiling","maxWidth","maxWidthCeiling","reference","refs","update","useFloating","isPositioned","setIsPositioned","useEffect","autoUpdate","useOutsideClick","isDisabled","handler","Element","coords","contextElement","virtualEl","domRef","offsetX","offsetY","isAutoUpdateEvent","domRect","isXAxis","axis","isYAxis","createVirtualElement","positionStyle","assignedVars","assignInlineVars","floatingVars","visibilityStyles","floatingVisibilityStyles","hidden","visible","floatingClasses","baseStyle","isAnchorMounted"],"mappings":"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"}

package/amd/FormLayout-023ab8de.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './vanilla-extract-dynamic.esm-6065bbd7', './useComponentTheme-5aa41a8f', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './UNSAFE_FormLayout/themes/FormLayoutStyles.css', './LayoutStyles.css-e2543ca1', './UNSAFE_FormLayout/themes/redwood/FormLayoutTheme', './classNames-08d99695', './useTestId-6160e7a2'], (function(e,s,t,a,o,l,n,i,r,u,d){"use strict";e.FormLayout=({columns:e=1,columnBehavior:m="responsive",columnSpan:c=1,direction:y="row",isFullWidth:h,isReadonly:b,labelEdge:p,labelStartWidth:F,labelWrapping:C,userAssistanceDensity:x,children:v,testId:L})=>{const{isDisabled:S,isFormLayout:W,isReadonly:g,labelEdge:T,labelStartWidth:A,labelWrapping:f,textAlign:E="start",userAssistanceDensity:D}=l.useFormContext(),I=d.useTestId(L),R=d.useTestId(L?`${L}_layout`:void 0),j=b??g,w=p??T,N=F??A,V=C??f,$=x??(W?D:"efficient"),_=t.assignInlineVars({[i.layoutLocalVars.maxColumnCount]:`${e}`,[i.layoutLocalVars.minColumnCount]:`${"responsive"===m?1:e}`}),{baseTheme:B,variantClasses:U}=a.useComponentTheme(r.FormLayoutRedwoodTheme,{columnBehavior:m,direction:y}),{variantClasses:P}=a.useComponentTheme(r.FormLayoutRedwoodTheme,{labelEdge:w,fullWidth:h?"isFullWidth":"notFullWidth"});return s.jsx(o.FormContext.Provider,{value:{isDisabled:S,isFormLayout:!0,isReadonly:j,labelEdge:w,labelStartWidth:N,labelWrapping:V,textAlign:E,userAssistanceDensity:$},children:s.jsx("div",{class:u.classNames([B,P,n.styles.rootWrapperStyle,i.layoutSpanStyles.layoutSpanColumn[c]]),...I,style:_,children:s.jsx("div",{class:U,...R,children:v})})})}}));
+define(['exports', 'preact/jsx-runtime', './vanilla-extract-dynamic.esm-6065bbd7', './useComponentTheme-5aa41a8f', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './UNSAFE_FormLayout/themes/FormLayoutStyles.css', './LayoutStyles.css-e2543ca1', './UNSAFE_FormLayout/themes/redwood/FormLayoutTheme', './classNames-08d99695', './useTestId-f4240cbd'], (function(e,s,t,a,o,l,n,i,r,u,d){"use strict";e.FormLayout=({columns:e=1,columnBehavior:m="responsive",columnSpan:c=1,direction:y="row",isFullWidth:h,isReadonly:b,labelEdge:p,labelStartWidth:F,labelWrapping:C,userAssistanceDensity:x,children:v,testId:L})=>{const{isDisabled:S,isFormLayout:W,isReadonly:g,labelEdge:T,labelStartWidth:f,labelWrapping:A,textAlign:E="start",userAssistanceDensity:D}=l.useFormContext(),I=d.useTestId(L),R=d.useTestId(L?`${L}_layout`:void 0),j=b??g,w=p??T,N=F??f,V=C??A,$=x??(W?D:"efficient"),_=t.assignInlineVars({[i.layoutLocalVars.maxColumnCount]:`${e}`,[i.layoutLocalVars.minColumnCount]:`${"responsive"===m?1:e}`}),{baseTheme:B,variantClasses:U}=a.useComponentTheme(r.FormLayoutRedwoodTheme,{columnBehavior:m,direction:y}),{variantClasses:P}=a.useComponentTheme(r.FormLayoutRedwoodTheme,{labelEdge:w,fullWidth:h?"isFullWidth":"notFullWidth"});return s.jsx(o.FormContext.Provider,{value:{isDisabled:S,isFormLayout:!0,isReadonly:j,labelEdge:w,labelStartWidth:N,labelWrapping:V,textAlign:E,userAssistanceDensity:$},children:s.jsx("div",{class:u.classNames([B,P,n.styles.rootWrapperStyle,i.layoutSpanStyles.layoutSpanColumn[c]]),...I,style:_,children:s.jsx("div",{class:U,...R,children:v})})})}}));
 //# sourceMappingURL=FormLayout-023ab8de.js.map

package/amd/Gantt-cdd9d3cb.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './PRIVATE_TimeComponent/themes/TimeComponentStyles.css', './UNSAFE_Gantt/themes/GanttStyles.css', './size-114c63df', './useTestId-6160e7a2', './TrackResizeContainer-d8fa612c', './Text-31cabc49', './accUtils-7e057eef', './TimeComponentCanvas2D-a17f51f1', './useUser-e0677e8d', './Layer-64bf71ad', 'preact/compat', './LayerHost-1a734852', './Floating-08c98ebd', './hooks/PRIVATE_useDatatip/themes/useDatatip.css', './useId-c9578d26', './datatipUtils-6846028e', './layoutUtils-517a546d', './mergeProps-bcfa6a92', './usePinch-fc8ed928', './useSelection-8f66e2ab', './VisTabularDatatip-d6b9f28f', './useTranslationBundle-db326955', './lineUtils-3b56374d', './useCssVars-d0c0bfa2', './useTextDimensions-f254e8f5', './themeContract.css-b6ec3943', './utils-9a3f9606', './eventsUtils-1f5dc91a'], (function(e,t,o,i,r,a,n,s,d,l,c,h,u,m,g,w,p,b,x,f,v,y,T,k,A,R,j,S,C,I,P,L){"use strict";function O({innerRef:e,width:o,height:d,testId:l,children:c,...h}){const u=s.useTestId(l);return t.jsx("div",{ref:e,tabIndex:0,...u,...h,class:i.classNames([r.styles.baseStyle,a.styles.baseStyle]),style:{width:o&&n.sizeToCSS(o),height:d&&n.sizeToCSS(d)},children:c})}function E({rowAxisTopGap:e="0",rowAxisBottomGap:o="0",resolvedRowAxisWidth:i,resolvedRowAxisMaxWidth:r,rowAxis:n,ganttView:s}){const l="%"===i.suffix,c="%"===r.suffix;return l||c?t.jsx(d.TrackResizeContainer,{width:"100%",height:"100%",children:(d,h)=>t.jsxs("div",{class:a.rowAxisLayoutStyles.base,style:{gridTemplateRows:`${e} minmax(0, 1fr) ${o}`},children:[t.jsx("div",{class:a.rowAxisLayoutStyles.rowAxis,children:n(l?d*(i.value/100):i.value,c?d*(r.value/100):r.value)}),t.jsx("div",{class:a.rowAxisLayoutStyles.ganttView,children:s})]})}):t.jsxs("div",{class:a.rowAxisLayoutStyles.base,style:{gridTemplateRows:`${e} minmax(0, 1fr) ${o}`},children:[t.jsx("div",{class:a.rowAxisLayoutStyles.rowAxis,children:n(i.value,r.value)}),t.jsx("div",{class:a.rowAxisLayoutStyles.ganttView,children:s})]})}const D=({maxWidth:e,maxHeight:o,data:{label:i="",labelStyle:r}})=>t.jsx("div",{style:{width:e>-1?e:void 0,height:o,display:"flex",alignItems:"center",...r},children:t.jsx(l.Text,{size:"md",variant:r?.color?"inherit":"primary",truncation:"ellipsis",children:i})}),M=(e,t,o)=>({maxWidth:o,maxHeight:e.height,data:t[e.index]});class V{constructor(){this.ids=[],this.values=[],this.length=0}clear(){this.length=0}push(e,t){let o=this.length++;for(;o>0;){const e=o-1>>1,i=this.values[e];if(t>=i)break;this.ids[o]=this.ids[e],this.values[o]=i,o=e}this.ids[o]=e,this.values[o]=t}pop(){if(0===this.length)return;const e=this.ids[0];if(this.length--,this.length>0){const e=this.ids[0]=this.ids[this.length],t=this.values[0]=this.values[this.length],o=this.length>>1;let i=0;for(;i<o;){let e=1+(i<<1);const o=e+1;let r=this.ids[e],a=this.values[e];const n=this.values[o];if(o<this.length&&n<a&&(e=o,r=this.ids[o],a=n),a>=t)break;this.ids[i]=r,this.values[i]=a,i=e}this.ids[i]=e,this.values[i]=t}return e}peek(){if(0!==this.length)return this.ids[0]}peekValue(){if(0!==this.length)return this.values[0]}shrink(){this.ids.length=this.values.length=this.length}}const z=[Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array];class B{static from(e){if(!e||void 0===e.byteLength||e.buffer)throw new Error("Data must be an instance of ArrayBuffer or SharedArrayBuffer.");const[t,o]=new Uint8Array(e,0,2);if(251!==t)throw new Error("Data does not appear to be in a Flatbush format.");const i=o>>4;if(3!==i)throw new Error(`Got v${i} data when expected v3.`);const r=z[15&o];if(!r)throw new Error("Unrecognized array type.");const[a]=new Uint16Array(e,2,1),[n]=new Uint32Array(e,4,1);return new B(n,a,r,void 0,e)}constructor(e,t=16,o=Float64Array,i=ArrayBuffer,r){if(void 0===e)throw new Error("Missing required argument: numItems.");if(isNaN(e)||e<=0)throw new Error(`Unexpected numItems value: ${e}.`);this.numItems=+e,this.nodeSize=Math.min(Math.max(+t,2),65535);let a=e,n=a;this._levelBounds=[4*a];do{a=Math.ceil(a/this.nodeSize),n+=a,this._levelBounds.push(4*n)}while(1!==a);this.ArrayType=o,this.IndexArrayType=n<16384?Uint16Array:Uint32Array;const s=z.indexOf(this.ArrayType),d=4*n*this.ArrayType.BYTES_PER_ELEMENT;if(s<0)throw new Error(`Unexpected typed array class: ${o}.`);r&&void 0!==r.byteLength&&!r.buffer?(this.data=r,this._boxes=new this.ArrayType(this.data,8,4*n),this._indices=new this.IndexArrayType(this.data,8+d,n),this._pos=4*n,this.minX=this._boxes[this._pos-4],this.minY=this._boxes[this._pos-3],this.maxX=this._boxes[this._pos-2],this.maxY=this._boxes[this._pos-1]):(this.data=new i(8+d+n*this.IndexArrayType.BYTES_PER_ELEMENT),this._boxes=new this.ArrayType(this.data,8,4*n),this._indices=new this.IndexArrayType(this.data,8+d,n),this._pos=0,this.minX=1/0,this.minY=1/0,this.maxX=-1/0,this.maxY=-1/0,new Uint8Array(this.data,0,2).set([251,48+s]),new Uint16Array(this.data,2,1)[0]=t,new Uint32Array(this.data,4,1)[0]=e),this._queue=new V}add(e,t,o,i){const r=this._pos>>2,a=this._boxes;return this._indices[r]=r,a[this._pos++]=e,a[this._pos++]=t,a[this._pos++]=o,a[this._pos++]=i,e<this.minX&&(this.minX=e),t<this.minY&&(this.minY=t),o>this.maxX&&(this.maxX=o),i>this.maxY&&(this.maxY=i),r}finish(){if(this._pos>>2!==this.numItems)throw new Error(`Added ${this._pos>>2} items when expected ${this.numItems}.`);const e=this._boxes;if(this.numItems<=this.nodeSize)return e[this._pos++]=this.minX,e[this._pos++]=this.minY,e[this._pos++]=this.maxX,void(e[this._pos++]=this.maxY);const t=this.maxX-this.minX||1,o=this.maxY-this.minY||1,i=new Uint32Array(this.numItems);for(let r=0,a=0;r<this.numItems;r++){const n=e[a++],s=e[a++],d=e[a++],l=e[a++],c=Math.floor(65535*((n+d)/2-this.minX)/t),h=Math.floor(65535*((s+l)/2-this.minY)/o);i[r]=W(c,h)}H(i,e,this._indices,0,this.numItems-1,this.nodeSize);for(let t=0,o=0;t<this._levelBounds.length-1;t++){const i=this._levelBounds[t];for(;o<i;){const t=o;let r=e[o++],a=e[o++],n=e[o++],s=e[o++];for(let t=1;t<this.nodeSize&&o<i;t++)r=Math.min(r,e[o++]),a=Math.min(a,e[o++]),n=Math.max(n,e[o++]),s=Math.max(s,e[o++]);this._indices[this._pos>>2]=t,e[this._pos++]=r,e[this._pos++]=a,e[this._pos++]=n,e[this._pos++]=s}}}search(e,t,o,i,r){if(this._pos!==this._boxes.length)throw new Error("Data not yet indexed - call index.finish().");let a=this._boxes.length-4;const n=[],s=[];for(;void 0!==a;){const d=Math.min(a+4*this.nodeSize,F(a,this._levelBounds));for(let l=a;l<d;l+=4){if(o<this._boxes[l])continue;if(i<this._boxes[l+1])continue;if(e>this._boxes[l+2])continue;if(t>this._boxes[l+3])continue;const d=0|this._indices[l>>2];a>=4*this.numItems?n.push(d):(void 0===r||r(d))&&s.push(d)}a=n.pop()}return s}neighbors(e,t,o=1/0,i=1/0,r){if(this._pos!==this._boxes.length)throw new Error("Data not yet indexed - call index.finish().");let a=this._boxes.length-4;const n=this._queue,s=[],d=i*i;e:for(;void 0!==a;){const i=Math.min(a+4*this.nodeSize,F(a,this._levelBounds));for(let o=a;o<i;o+=4){const i=0|this._indices[o>>2],s=_(e,this._boxes[o],this._boxes[o+2]),l=_(t,this._boxes[o+1],this._boxes[o+3]),c=s*s+l*l;c>d||(a>=4*this.numItems?n.push(i<<1,c):(void 0===r||r(i))&&n.push(1+(i<<1),c))}for(;n.length&&1&n.peek();){if(n.peekValue()>d)break e;if(s.push(n.pop()>>1),s.length===o)break e}a=n.length?n.pop()>>1:void 0}return n.clear(),s}}function _(e,t,o){return e<t?t-e:e<=o?0:e-o}function F(e,t){let o=0,i=t.length-1;for(;o<i;){const r=o+i>>1;t[r]>e?i=r:o=r+1}return t[o]}function H(e,t,o,i,r,a){if(Math.floor(i/a)>=Math.floor(r/a))return;const n=e[i+r>>1];let s=i-1,d=r+1;for(;;){do{s++}while(e[s]<n);do{d--}while(e[d]>n);if(s>=d)break;U(e,t,o,s,d)}H(e,t,o,i,d,a),H(e,t,o,d+1,r,a)}function U(e,t,o,i,r){const a=e[i];e[i]=e[r],e[r]=a;const n=4*i,s=4*r,d=t[n],l=t[n+1],c=t[n+2],h=t[n+3];t[n]=t[s],t[n+1]=t[s+1],t[n+2]=t[s+2],t[n+3]=t[s+3],t[s]=d,t[s+1]=l,t[s+2]=c,t[s+3]=h;const u=o[i];o[i]=o[r],o[r]=u}function W(e,t){let o=e^t,i=65535^o,r=65535^(e|t),a=e&(65535^t),n=o|i>>1,s=o>>1^o,d=r>>1^i&a>>1^r,l=o&r>>1^a>>1^a;o=n,i=s,r=d,a=l,n=o&o>>2^i&i>>2,s=o&i>>2^i&(o^i)>>2,d^=o&r>>2^i&a>>2,l^=i&r>>2^(o^i)&a>>2,o=n,i=s,r=d,a=l,n=o&o>>4^i&i>>4,s=o&i>>4^i&(o^i)>>4,d^=o&r>>4^i&a>>4,l^=i&r>>4^(o^i)&a>>4,o=n,i=s,r=d,a=l,d^=o&r>>8^i&a>>8,l^=i&r>>8^(o^i)&a>>8,o=d^d>>1,i=l^l>>1;let c=e^t,h=i|65535^(c|o);return c=16711935&(c|c<<8),c=252645135&(c|c<<4),c=858993459&(c|c<<2),c=1431655765&(c|c<<1),h=16711935&(h|h<<8),h=252645135&(h|h<<4),h=858993459&(h|h<<2),h=1431655765&(h|h<<1),(h<<1|c)>>>0}const Z=e=>{const t=e.map((e=>e.taskObjs.length)).reduce(((e,t)=>e+t),0),o=new B(t);return e.forEach((e=>e.taskObjs.forEach((({overallStartTime:e,overallEndTime:t,y:i,height:r})=>{o.add(e,i,t,i+r)})))),o.finish(),o},Y=(e,t,o,i,r=!0)=>r?e<=i&&o<=t:e<i&&o<t,X=(e,t)=>Y(e.overallStartTime,e.overallEndTime,t.overallStartTime,t.overallEndTime,!1),G=(e,t,o)=>{const i=((e,t,o)=>{if(0===e.length)return 0;let i=0,r=e.length;for(;i<r;){const o=Math.floor((i+r)/2);e[o]<t?i=o+1:r=o}if(i<e.length&&(e[i]===t||"successor"===o))return i;return i>0?i-1:0})(e,t,"predecessor");let r=i;for(let t=i;t<e.length&&e[t]<=o;t++)r=t;return{minRowInd:i,maxRowInd:r}},K=e=>({start:e.start?e.start:e.end,end:e.end?e.end:e.start}),N=e=>!(!e||"none"===e),$=(e,t,o,i)=>{const r=N(i.selectionMode),a=new Set(i.selectedIds);let n=0;const s=e.map(((i,s)=>{const d=i.tasks.map(((e,o)=>{const{start:i,end:n}=K(e),d=h.parseDate(i),l=h.parseDate(n);return{id:e.id,renderIndex:0,index:o,rowIndex:s,y:-1,startTime:d,endTime:l,overallStartTime:d,overallEndTime:l,rowLevel:0,height:void 0!==e.height?e.height:t.taskHeight,borderRadius:void 0!==e.borderRadius?e.borderRadius.toString():t.taskBorderRadius,fill:e.color?e.color:t.taskBgColor,stroke:t.taskBorderColor,strokeWidth:1,isSelectable:r,isSelected:a.has(e.id),selectionEffect:{stroke:t.taskEffectBorderColor,strokeWidth:2,padding:2},hoverEffect:{stroke:t.taskEffectBorderColor,strokeWidth:1,padding:0,shadow:{...t.taskEffectBoxShadow}},focusEffect:{stroke:t.taskEffectBorderColor,strokeWidth:1,padding:2}}}));d.sort(((e,t)=>e.startTime-t.startTime)),d.forEach(((e,t)=>e.renderIndex=t));const l=(({rowHeight:e,rowY:t,taskObjs:o,resolvedVars:i})=>{if(0===o.length)return(e=>e.rowPaddingTop+e.taskHeight+e.rowPaddingBottom)(i);o[0].rowLevel=0,o[0].y=0;const r=[[o[0]]],a=[o[0]];for(let e=1;e<o.length;e++){const t=o[e],i="stack",n=o[e-1];X(t,n)?r[r.length-1].push(t):r.push([t]);let s,d=0;switch(i){case"stack":{let e=!0;for(let o=0;o<a.length;o++){if(s=void 0,!X(t,a[o])){s=a[o],a[o]=t,e=!1;break}d+=1}e&&a.push(t),t.y=0,s&&(t.previousAdjacentTaskObj=s,s.nextAdjacentTaskObj=t);break}default:return i}t.rowLevel=d}const n=i.rowPaddingTop,s=i.rowPaddingBottom,d=a.map((()=>0));if(void 0===e){o.forEach((e=>{e.height>d[e.rowLevel]&&(d[e.rowLevel]=e.height)}));const e=d.map((e=>e+n+s)).reduce(((e,t,o)=>(e.push((e[o-1]||0)+t),e)),[]);o.forEach((t=>{t.y+=(e[t.rowLevel-1]||0)+n}))}const l=r.map((e=>{let t=0;return e.forEach((e=>{const o=e.y+e.height;o>t&&(t=o)})),t}));let c;return void 0===e?(c=l.reduce(((e,t)=>Math.max(e,t)))+n,r.forEach((e=>{e.forEach((e=>{const o=d[e.rowLevel];e.y+=(o-e.height)/2+t}))}))):(c=e,r.forEach(((e,o)=>{const i=l[o];let r=Number.MAX_VALUE;e.forEach((e=>{e.y+=Math.floor((c-e.height)/2),e.y<r&&(r=e.y)}));const a=Math.floor((c-i)/2)-r;e.forEach((e=>{e.y+=t+a}))}))),c})({rowHeight:i.height,rowY:n,taskObjs:d,resolvedVars:t});((e,t)=>{e.forEach((e=>{const{index:o,rowIndex:i}=e,r=t[i].tasks[o].label;r&&(e.labelObj={startTime:e.startTime,endTime:e.endTime,label:r,isInner:!0,position:"center"})}))})(d,e);const c={id:i.id,y:n,height:l,index:s,isSelected:d.some((e=>e.isSelected)),taskObjs:d},u="on"===o.horizontal?1:0;return n+=l+u,c})),d=s[s.length-1],l=d?d.y+d.height:0,c=new Map;s.forEach((e=>e.taskObjs.forEach((e=>c.set(e.id,e)))));const u=new Map;s.forEach((e=>u.set(e.id,e)));const m=(e=>({tasks:Z(e)}))(s);return{rowData:e,rowObjs:s,rowPadding:t.rowPaddingTop,totalRowsHeight:l,gridlines:o,spatialIndex:m,idRowObjMap:u,idTaskObjMap:c,getTaskDataById:t=>{const o=c.get(t);return o&&e[o.rowIndex].tasks[o.index]}}},q=(e,t,o,i,r,a)=>{const n=h.getTimePosition(e.startTime,t,o,i,a),s=h.getTimePosition(e.endTime,t,o,i,a);return{...e,x:a?s:n,y:e.y-r,width:a?n-s:s-n}},J=(e,t,o,i,r,a,n)=>{const s=i,d=i+a,l=e.rowObjs.map((e=>e.y)),{minRowInd:c,maxRowInd:u}=G(l,s,d),m=[];for(let a=c;a<=u;a++){const s=e.rowObjs[a],d=s.taskObjs.filter((({overallStartTime:e,overallEndTime:i})=>Y(e,i,t,o))).map((e=>q(e,t,o,r,i,n))),l={...s,y:s.y-i,taskObjs:d};m.push(l)}const g=[];m.forEach((i=>{i.taskObjs.forEach((({index:i,rowIndex:a,labelObj:s,y:d,height:l})=>{const c=((e,t,o,i,r,a,n,s)=>{if(!e)return;const d=h.getTimePosition(e.startTime,r,a,n,s),l=h.getTimePosition(e.endTime,r,a,n,s);let c;switch(e.position){case"center":c="center";break;case"start":c=s?"right":"left";break;case"end":c=s?"left":"right";break;default:return e.position}return{x:s?l:d,y:o,width:s?d-l:l-d,height:i,label:e.label,isInner:e.isInner,textAlign:c,labelStyle:t}})(s,e.rowData[a].tasks[i].labelStyle,d,l,t,o,r,n);c&&g.push(c)}))}));const w="on"===e.gridlines.horizontal?m.map((({y:e,height:t})=>e+t+.5)):void 0,p=new Map;return m.forEach((e=>e.taskObjs.forEach((e=>p.set(e.id,e))))),{spatialIndex:e.spatialIndex,gridlines:e.gridlines,horizontalGridlinesPos:w,rowData:e.rowData,allRowObjs:e.rowObjs,allIdTaskObjMap:e.idTaskObjMap,allIdRowObjMap:e.idRowObjMap,rowPadding:e.rowPadding,rowObjs:m,taskLabelObjs:g,idTaskObjMap:p,getTaskDataById:e.getTaskDataById}},Q=(e,t,o,i)=>{const r=t[e.rowIndex].tasks[e.index],a=void 0!==r.accessibleLabel?r.accessibleLabel:((e,t,o,i)=>{const r=t[e.rowIndex],a=r.tasks[e.index],{start:n,end:s}=K(a),d=n===s,l=[];if(r.label){const e=i.vis_labelAndValue({LABEL:i.gantt_labelRow(),VALUE:r.label});l.push(e)}if(d){const e=i.vis_labelAndValue({LABEL:i.gantt_labelDate(),VALUE:o(n)});l.push(e)}else{const e=i.vis_labelAndValue({LABEL:i.gantt_labelStart(),VALUE:o(n)}),t=i.vis_labelAndValue({LABEL:i.gantt_labelEnd(),VALUE:o(s)});l.push(e),l.push(t)}if(a.label){const e=i.vis_labelAndValue({LABEL:i.gantt_labelLabel(),VALUE:a.label});l.push(e)}return l.join("; ")})(e,t,o,i);return c.generateAriaLabel(i,a,{isSelected:e.isSelected})};function ee({rowObj:e,rowData:o,isRowSelected:r,isFocused:n,isHorizontalGridlinesVisible:s,ariaActive:d,children:l}){const c=((e,t)=>{const o=t[e.index];return o.accessibleLabel||o.label})(e,o);return t.jsx("div",{id:d?.dataId===e.id?d.ariaId:void 0,"data-oj-private-row-index":e.index,role:"row","aria-label":c,class:i.classNames([a.rowAxisStyles.labelContainer,r&&a.rowBackgroundStyles.selected,n&&a.rowAxisStyles.labelContainerFocused,s&&a.rowAxisStyles.withLabelSeparatorBottom]),children:t.jsx("div",{role:"rowheader",children:l})},e.id)}function te({content:e,placement:r="top-end-corner",offset:a,borderColor:n,anchor:s,targetFocusRef:d,defaultContainer:l="enabled"}){const c=o.useRef(x.useId()),[h,u]=o.useState({x:0,y:0}),g=a||{mainAxis:f.DATATIP_OFFSET,crossAxis:-1*f.DATATIP_OFFSET},w=o.useRef(null),v="element"===s?w:{current:h};return{datatipContent:null!=e&&""!=e?t.jsx(m.Layer,{children:t.jsx(p.Floating,{anchorRef:v,placement:r,offsetValue:g,flipOptions:{crossAxis:!0,mainAxis:!0},shiftOptions:{crossAxis:!1,mainAxis:!1},children:t.jsx("div",{id:c.current,className:i.classNames([b.styles.visDatatipStyle,"enabled"===l?b.styles.borderEnabled:void 0]),style:{borderColor:n},children:e})})}):null,datatipProps:{"aria-describedby":c.current,onPointerEnter:e=>{e.eventPhase!==Event.AT_TARGET&&e.eventPhase!==Event.BUBBLING_PHASE||(w.current=e.currentTarget)},onPointerLeave:()=>{u({x:-1e4,y:-1e4})},onPointerMove:e=>{u({x:e.clientX,y:e.clientY})},onFocus:e=>{e.eventPhase!==Event.AT_TARGET&&e.eventPhase!==Event.BUBBLING_PHASE||(w.current=e.target)},onShowFocusDatatip:()=>{w.current=d.current}}}}const oe=({rowObjs:e,hoverProps:t})=>({onPointerMove:o=>{const i=(t=>{const{clientX:o,clientY:i}=t,r=document.elementsFromPoint(o,i);for(let t=0;t<r.length;t++){const o=r[t].dataset.ojRowIndex;if(o)return e[Number(o)].id}})(o);i!==t.hoveredRowLabelId&&t.onRowLabelHoverChange({id:i})}});function ie({innerRef:e,scrollPosition:o,resolvedWidth:r,resolvedMaxWidth:n,currentRowLabel:s,currentRowLabelInteraction:d,hoveredRowLabelId:l,onRowLabelHoverChange:c,layoutObj:{labelPaddingInlineStart:h,labelPaddingInlineEnd:m,rowData:g,rowObjs:w,idRowObjMap:p,isHorizontalGridlinesVisible:b},ariaActive:x,children:f}){const T=r!==1/0?r:void 0,k=n!==1/0?n:void 0,A=Math.min(r,n),R=A===1/0?-1:A-(h+m),j=oe({rowObjs:w,hoverProps:{hoveredRowLabelId:l,onRowLabelHoverChange:c}}),{datatipContent:S,datatipProps:C}=(({targetRef:e,rowData:t,hoveredRowObj:o,focusedRowObj:i,currentRowLabelInteraction:r,rowAxisRegion:a})=>{const{direction:n}=u.useUser(),s="rtl"===n,d={hover:{rowObj:o,anchor:"pointer"},focus:{rowObj:i,anchor:"element"},none:{rowObj:void 0,anchor:"pointer"}},{anchor:l,rowObj:c}=d[r],h=c?t[c.index].accessibleLabel:void 0,m=c&&"element"===l?{x:0,y:c.y+a.y,width:a.w,height:c.height}:void 0;return te({content:h,anchor:l,placement:"top-start",offset:v.calculateOffset(s,a.w,m),targetFocusRef:e})})({rowData:g,hoveredRowObj:l&&p.get(l),focusedRowObj:s?.isFocused?p.get(s.id):void 0,currentRowLabelInteraction:d,rowAxisRegion:{x:0,y:-o,w:2*(h+m),h:-1},targetRef:e});return t.jsxs("div",{ref:e,...y.mergeProps(j,C),class:i.classNames([a.rowAxisStyles.base,b&&a.rowAxisStyles.withSeparatorTop]),style:{width:T,maxWidth:k},children:[t.jsx("div",{role:"grid",class:a.rowAxisStyles.contentContainer,style:{top:-o},children:w.map((e=>t.jsx(ee,{ariaActive:x,rowObj:e,rowData:g,isRowSelected:e.isSelected,isFocused:!!s?.isFocused&&s.id===e.id,isHorizontalGridlinesVisible:b,children:f(M(e,g,R))})))}),S]})}const re=(e,t,o,i,r)=>{const a=((e,t,o)=>{const i=t.max-o.max,r=t.min-o.min,a=e*(t.max-t.min),n=Math.max(i,Math.min(a,r));return{min:Math.max(0,t.min-n),max:t.max-n}})(e,t,i),{min:n,max:s}=o,d=a.min!==n||a.max!==s;return d&&r(a),{newRange:a,isRangeChanged:d}},ae=({rowObjs:e})=>{if(0!==e.length&&0!==e[0].taskObjs.length)return{id:e[0].taskObjs[0].id,isFocused:!0}},ne=(e,{rowObjs:t,idTaskObjMap:o},i)=>{const r=o.get(e);if(!r)return;const a="next"===i?1:-1,{rowIndex:n,renderIndex:s}=r,d=t[n].taskObjs[s+a];if(d)return d.id;const l=t[n+a];if(l){const e="next"===i?l.taskObjs[0]:l.taskObjs[l.taskObjs.length-1];if(e)return e.id}},se=(e,{rowObjs:t,idTaskObjMap:o},i)=>{const r=o.get(e);if(!r)return;const a="down"===i?1:-1,{rowIndex:n}=r,s=t[n+a];if(!s)return;const d=s.taskObjs[0];return d?d.id:void 0},de=(e,t)=>ne(e,t,"next"),le=(e,t)=>ne(e,t,"prev"),ce=(e,{rowObjs:t,idRowObjMap:o},i)=>{const r=o.get(e);if(!r)return;const a="down"===i?1:-1,{index:n}=r,s=t[n+a];return s?s.id:void 0},he=(e,t,o,i="auto",r="auto",a=0)=>{const n=Math.min(e.x-t.x-a,0),s=Math.max(0,e.x+e.w-(t.x+t.w)+a),d=o?s:n,l=o?n:s;let c=0;switch(i){case"start":c=d;break;case"end":c=l;break;case"auto":c=(o?l<0:l>0)?l:d;break;default:return i}const h=Math.min(e.y-t.y-a,0),u=Math.max(0,e.y+e.h-(t.y+t.h)+a);let m=0;switch(r){case"top":m=h;break;case"bottom":m=u;break;case"auto":m=h<0?h:u;break;default:return r}return{dx:-c,dy:-m}},ue=({viewportLayout:e,dataBodyWidth:t,dataBodyHeight:i,viewportStartTime:r,viewportEndTime:a,scrollPosition:n,...s})=>{const{direction:d}=u.useUser(),l="rtl"===d,c=(({getRangeX:e,getRangeY:t,globalRangeX:i,globalRangeY:r,onRangeXChange:a,onRangeYChange:n,isDisabled:s=!1})=>{const d=o.useRef({min:0,max:0}),l=o.useRef({min:0,max:0});return s?{}:{onKbPanHorizontal:t=>{const{detail:{rangeRatio:o}}=t,{newRange:r}=re(o,e(),d.current,i,a);d.current=r},onKbPanVertical:e=>{const{detail:{rangeRatio:o}}=e,{newRange:i}=re(o,t(),l.current,r,n);l.current=i}}})(s),h=o.useRef({min:0,max:0}),m=o.useRef({min:0,max:0}),g=(e=0,o=0)=>{if(0!==e){const{newRange:o}=re(e/t,s.getRangeX(),h.current,s.globalRangeX,s.onRangeXChange);h.current=o}if(0!==o){const{newRange:e}=re(o/i,s.getRangeY(),m.current,s.globalRangeY,s.onRangeYChange);m.current=e}};return s.isDisabled?{}:{...c,onKbPanTaskIntoView:o=>{let s=e.idTaskObjMap.get(o.detail.id);if(!s){const i=e.allIdTaskObjMap.get(o.detail.id);if(!i)return;s=q(i,r,a,t,n,l)}const{x:d,y:c,width:h,height:u}=s,m={x:d,y:c,w:h,h:u},w={x:0,y:0,w:t,h:i},p=e.rowPadding,{dx:b,dy:x}=he(m,w,l,"auto","auto",p);g(b,x)},onKbPanRowIntoView:o=>{const r=e.allIdRowObjMap.get(o.detail.id);if(!r)return;const a={x:0,y:r.y-n,w:t,h:r.height},s={x:0,y:0,w:t,h:i},d=e.rowPadding,{dy:c}=he(a,s,l,"auto","auto",d);g(0,c)}}},me=({captureTargetRef:e,width:t,height:i,viewportStartTime:r,viewportEndTime:a,majorAxisScale:n,minorAxisScale:s,startTime:d,endTime:l,zoomParameters:c,scrollPosition:m,dataBodyHeight:g,totalRowsHeight:w,viewportLayout:p,onViewportChange:b,onScrollPositionChange:x,onCursorChange:f,isPanDisabled:v,isZoomDisabled:k})=>{const A={captureTargetRef:e,width:t,height:i,getRangeX:()=>({min:r,max:a}),getRangeY:()=>({min:m,max:m+g}),globalRangeX:{min:d,max:l},globalRangeY:{min:0,max:w},onRangeXChange:e=>{b?.({viewportStart:h.getISOString(e.min),viewportEnd:h.getISOString(e.max),majorAxisScale:n,minorAxisScale:s})},onRangeYChange:e=>{x?.({y:e.min})},isDisabled:v},{getZoomOrderViewDurationThresholds:R,...j}=c,S={captureTargetRef:e,width:t,...j,zoomOrderViewDurationThresholds:R(t),onViewportChange:b,isDisabled:k},C=(({captureTargetRef:e,width:t,height:i,getRangeX:r,getRangeY:a,globalRangeX:n,globalRangeY:s,onRangeXChange:d,onRangeYChange:l,onDragPanStart:c,onDragPanEnd:m,isDisabled:g=!1})=>{const{direction:w}=u.useUser(),p=o.useRef({min:0,max:0}),b=o.useRef({min:0,max:0}),x=o.useRef({min:0,max:0}),f=o.useRef({min:0,max:0}),v=o.useRef(!1),y=h.useDrag({captureTargetRef:e,onDragStart:()=>{x.current=r(),f.current=a(),c&&c()},onDragMove:({dx:e,dy:o})=>{v.current=!0;const{newRange:r}=re(("rtl"===w?-1:1)*e/t,x.current,p.current,n,d);p.current=r;const{newRange:a}=re(o/i,f.current,b.current,s,l);b.current=a},onDragEnd:({originalEvent:e})=>{v.current&&e.preventDefault(),v.current=!1,m&&m()},isDisabled:g});return g?{}:y})({...A,onDragPanStart:()=>f?.({cursor:"grabbing"}),onDragPanEnd:()=>f?.({cursor:"grabbingUnset"})}),I=(({width:e,height:t,getRangeX:i,getRangeY:r,globalRangeX:a,globalRangeY:n,onRangeXChange:s,onRangeYChange:d,isDisabled:l=!1})=>{const{direction:c}=u.useUser(),m=o.useRef({min:0,max:0}),g=o.useRef({min:0,max:0}),w=h.useWheel({onWheel:({deltaX:o,deltaY:l,ctrlKey:h})=>{if(h)return;const{newRange:u}=re(("rtl"===c?-1:1)*o/e,i(),m.current,a,s);m.current=u;const{newRange:w}=re(l/t,r(),g.current,n,d);g.current=w},isDisabled:l});return l?{}:w})(A),P=ue({...A,viewportLayout:p,dataBodyWidth:t,dataBodyHeight:g,viewportStartTime:r,viewportEndTime:a,scrollPosition:m}),L=(({captureTargetRef:e,width:t,startTime:o,endTime:i,viewportStartTime:r,viewportEndTime:a,majorAxisZoomOrder:n,majorAxisZoomOrderIndex:s,minorAxisZoomOrder:d,minorAxisZoomOrderIndex:l,zoomOrderViewDurationThresholds:c,minZoomViewportDuration:m,maxZoomViewportDuration:g,onViewportChange:w,isDisabled:p=!1})=>{const{direction:b}=u.useUser(),x="rtl"===b,f=T.usePinch({captureTargetRef:e,onPinchZoomChange:({origin:{x:e},delta:u})=>{const p=h.getPositionTime(e,r,a,t,x);h.zoomTime(p,r,a,o,i,h.getGestureZoomFactor(u),m,g,c,d,l,n,s,w)},isDisabled:p});return p?{}:f})(S),O=(({width:e,startTime:t,endTime:o,viewportStartTime:i,viewportEndTime:r,majorAxisZoomOrder:a,majorAxisZoomOrderIndex:n,minorAxisZoomOrder:s,minorAxisZoomOrderIndex:d,zoomOrderViewDurationThresholds:l,minZoomViewportDuration:c,maxZoomViewportDuration:m,onViewportChange:g,isDisabled:w=!1})=>{const{direction:p}=u.useUser(),b="rtl"===p,x=h.useWheel({onWheel:({x:u,deltaY:w,ctrlKey:p})=>{if(!p)return;const x=h.getPositionTime(u,i,r,e,b);h.zoomTime(x,i,r,t,o,h.getGestureZoomFactor(w),c,m,l,s,d,a,n,g)},isDisabled:w});return w?{}:x})(S),E=(({startTime:e,endTime:t,viewportStartTime:o,viewportEndTime:i,majorAxisZoomOrder:r,majorAxisZoomOrderIndex:a,minorAxisZoomOrder:n,minorAxisZoomOrderIndex:s,zoomOrderViewDurationThresholds:d,minZoomViewportDuration:l,maxZoomViewportDuration:c,onViewportChange:u,isDisabled:m=!1})=>m?{}:{onKbZoomIn:m=>{const g=o+(i-o)/2;h.zoomTime(g,o,i,e,t,m.detail.zoomFactor,l,c,d,n,s,r,a,u)},onKbZoomOut:m=>{const g=o+(i-o)/2;h.zoomTime(g,o,i,e,t,m.detail.zoomFactor,l,c,d,n,s,r,a,u)}})(S);return{gestureProps:y.mergeProps(C,I,P,L,O,E)}},ge=({targetRef:e,datatip:o,rowData:i,dateFormatter:r,hoveredTaskObj:a,focusedTaskObj:n,currentTaskInteraction:s,dataBodyRegion:d})=>{const{direction:l}=u.useUser(),c="rtl"===l,h=R.useTranslationBundle("@oracle/oraclejet-preact"),m={hover:{taskObj:a,anchor:"pointer"},focus:{taskObj:n,anchor:"element"},none:{taskObj:void 0,anchor:"pointer"}},{anchor:g,taskObj:w}=m[s];let p,b,x;const f=w?((e,t)=>{const{index:o,rowIndex:i}=t;return{data:e[i].tasks[o],rowData:e[i]}})(i,w):void 0;if(f){const e=o?.(f),i=(e=>{const{translations:o,dateFormatter:i}=e;return({data:e,rowData:r})=>{if(void 0!==e.accessibleLabel)return{content:e.accessibleLabel};const{start:a,end:n}=K(e),s=a===n,d=[];return r.label&&d.push({key:o.gantt_labelRow(),value:r.label}),s?d.push({key:o.gantt_labelDate(),value:i(a)}):(d.push({key:o.gantt_labelStart(),value:i(a)}),d.push({key:o.gantt_labelEnd(),value:i(n)})),e.label&&d.push({key:o.gantt_labelLabel(),value:e.label}),{content:t.jsx(A.VisTabularDatatip,{tableData:d})}}})({translations:h,dateFormatter:r,isRTL:c}),a=i(f);p=""===e?.content?void 0:e?.content||a.content,b=e?.borderColor||a.borderColor,x=e?.defaultContainer||a.defaultContainer}const y=w&&"element"===g?{x:w.x,y:w.y+d.y,width:w.width,height:w.height}:void 0;return te({content:p,anchor:g,placement:"top-start",offset:v.calculateOffset(c,d.w,y),borderColor:b,defaultContainer:x,targetFocusRef:e})};function we({innerRef:e,isRTL:r,scrollPosition:n,onScrollPositionChange:s,isViewportDefined:l,onViewportChange:c,zoomParameters:u,zooming:m,selectedIds:g,selectionMode:w,onSelectionChange:p,hoveredTaskId:b,onTaskHoverChange:x,currentTask:f,onCurrentTaskChange:v,currentTaskInteraction:T,ariaActive:A,getTimeAxesLayout:R,getResolvedViewportLayout:j,rowDataLayout:S,rowAxisSeparator:C,datatip:I,majorAxis:P,minorAxis:L,dataBody:O}){return l?t.jsx(d.TrackResizeContainer,{width:"100%",height:"100%",children:function(d,l){const E=R(d),{position:D,majorAxis:M,minorAxis:V,viewportStartTime:z,viewportEndTime:B,startTime:_,endTime:F}=E,H=M&&M.zoomOrder[M.zoomOrderIndex],U=V.zoomOrder[V.zoomOrderIndex],W=M?M.height:0,{height:Z}=V,Y=l-(W+Z),X=j(S,z,B,n,d,Y,r),G=((e,t)=>{const o=e.selectionProps.selectedIds||[],i=[];o.forEach((e=>{const o=t.get(e);o&&i.push(o)}));const r=N(e.selectionProps.selectionMode)?e.hoverProps.hoveredTaskId:void 0,a=void 0!==r?t.get(r):void 0,n=e.currentProps.currentTask,s=!0===n?.isFocused,d=n?.id,l=s&&void 0!==d?t.get(d):void 0;return{selectedTaskObjs:i,hoveredTaskObj:a,focusedTaskObj:l}})({selectionProps:{selectedIds:g,selectionMode:w},hoverProps:{hoveredTaskId:b},currentProps:{currentTask:f}},X.idTaskObjMap),K=h.getDefaultDateFormatter(U,z),$=M&&P(M),q=L(V),J=O({width:d,height:Y,viewportLayout:X,minorAxisLayout:V,effectsLayout:G,dateFormatter:K,ariaActiveTask:A}),Q={top:{components:[$,q,J],dataBodyPos:l-Y},bottom:{components:[J,q,$],dataBodyPos:0}},[ee,te]=o.useState(),oe=e=>te((t=>void 0===t?e.cursor:"grabbing"===t&&"grabbingUnset"!==e.cursor?"grabbing":"grabbingUnset"!==e.cursor&&"pointerUnset"!==e.cursor?e.cursor:void 0)),{gestureProps:ie}=me({captureTargetRef:e,width:d,height:l,viewportStartTime:z,viewportEndTime:B,majorAxisScale:H,minorAxisScale:U,startTime:_,endTime:F,zoomParameters:u,scrollPosition:n,dataBodyHeight:Y,totalRowsHeight:S.totalRowsHeight,viewportLayout:X,onViewportChange:e=>{c&&(c(e),x({id:void 0}))},onScrollPositionChange:e=>{s&&(s(e),x({id:void 0}))},onCursorChange:oe,isPanDisabled:!1,isZoomDisabled:"off"===m}),re={x:0,y:Q[D].dataBodyPos,w:d,h:Y},{gestureProps:ae,selectionContent:ne}=(({viewportLayout:e,viewportYOffset:t,dataBodyRegion:o,viewportStartTime:i,viewportEndTime:r,width:a,isRTL:n,selectionProps:s,hoverProps:d,currentProps:l,onCursorChange:c})=>{const{x:u,y:m,w:g,h:w}=o,p=N(s.selectionMode),b=o=>{const s=e.allRowObjs,d=e.spatialIndex,{offsetX:l,offsetY:c}=o;if(l<u||l>u+g||c<m||c>m+w)return;const p={time:h.getPositionTime(l,i,r,a,n),y:c+t},b=((e,t,{time:o,y:i})=>{const r=t.search(o,i,o,i);if(0===r.length)return;let a=r[0];for(let t=0;t<e.length;t++){const o=e[t];for(let e=0;e<o.taskObjs.length;e++){if(0===a)return{rowIndex:t,taskIndex:e};a-=1}}})(s,d.tasks,p);if(!b)return;const{rowIndex:x,taskIndex:f}=b;return s[x].taskObjs[f].id},x={onPointerMove:e=>{const t=b(e);t!==d.hoveredTaskId&&d.onTaskHoverChange({id:t}),p&&c?.({cursor:void 0!==t?"pointer":"pointerUnset"})}},f={onPointerUp:e=>{const t=b(e);void 0!==t&&(p&&c?.({cursor:"pointer"}),t!==l?.currentTask?.id&&l.onCurrentTaskChange({id:t,isFocused:!1}))}},{selectionProps:{onKeyUp:v,...T},selectionContent:A}=k.useSelection({idExtracter:b,selection:s.selectedIds,selectionMode:s.selectionMode,onChange:s.onSelectionChange,getDataById:e.getTaskDataById});return{gestureProps:y.mergeProps(x,f,T),selectionContent:A}})({viewportLayout:X,viewportYOffset:n-Q[D].dataBodyPos,dataBodyRegion:re,viewportStartTime:z,viewportEndTime:B,width:d,isRTL:r,selectionProps:{selectedIds:g,selectionMode:w,onSelectionChange:p},hoverProps:{hoveredTaskId:b,onTaskHoverChange:x},currentProps:{currentTask:f,onCurrentTaskChange:v},onCursorChange:oe}),{datatipContent:se,datatipProps:de}=ge({datatip:I,rowData:X.rowData,dateFormatter:K,hoveredTaskObj:b&&X.idTaskObjMap.get(b),focusedTaskObj:G.focusedTaskObj,currentTaskInteraction:T,dataBodyRegion:re,targetRef:e}),le=y.mergeProps(ie,ae,de);return t.jsxs("div",{ref:e,...le,class:i.classNames([a.timeAxisDataBodyStyles.base,a.timeAxisDataBodyStyles.pannable,r?C&&a.timeAxisDataBodyStyles.withRowAxisSeparatorRight:C&&a.timeAxisDataBodyStyles.withRowAxisSeparatorLeft]),style:{cursor:ee},children:[Q[D].components,se,ne]})}}):t.jsx(d.TrackResizeContainer,{width:"100%",height:"100%",children:e=>{const t=R(e),{majorAxis:o,minorAxis:i,viewportStartTime:r,viewportEndTime:a}=t,n=o&&o.zoomOrder[o.zoomOrderIndex],s=i.zoomOrder[i.zoomOrderIndex];return c?.({viewportStart:h.getISOString(r),viewportEnd:h.getISOString(a),majorAxisScale:n,minorAxisScale:s}),null}})}function pe({width:e,height:o,positions:i}){const r=i.map((t=>`M0,${t} H${e}`)).join(" ");return t.jsx("svg",{width:e,height:o,children:t.jsx("path",{class:a.horizontalGridlinesStyles.base,d:r})})}function be({width:e,height:i,rowData:r,dateFormatter:a,ariaActiveId:n,ariaActiveTaskObj:s}){const d=R.useTranslationBundle("@oracle/oraclejet-preact"),l=o.useRef(0),c=o.useMemo((()=>{const e=0===l.current?[n,v.getRandomId()]:[v.getRandomId(),n];return l.current=Math.abs(l.current-1),e}),[n]),h=s&&Q(s,r,a,d);return t.jsxs("div",{style:{width:e,height:i},children:[t.jsx("div",{role:"img",id:c[0],"aria-label":h}),t.jsx("div",{role:"img",id:c[1],"aria-label":h})]})}function xe({width:e,height:o,rowData:i,dateFormatter:r,layoutObjs:n}){const s=R.useTranslationBundle("@oracle/oraclejet-preact"),d=[];return n.forEach((e=>{e.taskObjs.forEach((e=>{const o=Q(e,i,r,s);d.push(t.jsx("div",{role:"img","aria-label":o,class:a.taskMobileAccStyles.content,style:{width:e.width,height:e.height,top:e.y,left:e.x}}))}))})),t.jsx("div",{class:a.taskMobileAccStyles.base,style:{width:e,height:o},children:d})}function fe({width:e,height:o,rowData:i,dateFormatter:r,ariaActiveId:a,ariaActiveTaskObj:n,layoutObjs:s}){return c.supportsMobileScreenReader?t.jsx(xe,{width:e,height:o,layoutObjs:s,rowData:i,dateFormatter:r}):t.jsx(be,{width:e,height:o,rowData:i,dateFormatter:r,ariaActiveId:a,ariaActiveTaskObj:n})}function ve({width:e,height:o,layoutObjs:i}){const r=i.filter((e=>e.isSelected)),n=r.map((({y:t,height:o})=>`M1,${t} H${e-1} V${t+o} H1 Z`)).join(" ");return r.length>0?t.jsx("svg",{width:e,height:o,children:t.jsx("path",{class:a.rowBackgroundStyles.selected,d:n})}):null}const ye=(e,t)=>{const{x:o,y:i,width:r,height:a,borderRadius:n,stroke:s,strokeWidth:d,padding:l}=t,c=o-l,h=i-l,u=r+2*l,m=a+2*l,g=j.rectangleWithBorderRadius(c,h,u,m,n,Math.min(u,m),"0"),w=new Path2D(g);e.strokeStyle=s,e.lineWidth=d,e.stroke(w)},Te=(e,t,o)=>{const i="hovered"===o,{x:r,y:a,width:n,height:s,borderRadius:d,fill:l,stroke:c,strokeWidth:h}=t,u=j.rectangleWithBorderRadius(r,a,n,s,d,Math.min(n,s),"0"),m=new Path2D(u);switch(i&&((e,t)=>{e.shadowColor=t.shadowColor,e.shadowOffsetX=t.shadowOffsetX,e.shadowOffsetY=t.shadowOffsetY,e.shadowBlur=t.shadowBlur})(e,t.hoverEffect.shadow),e.fillStyle="#ffffff",e.fill(m),i&&(e=>{e.shadowColor="transparent",e.shadowOffsetX=0,e.shadowOffsetY=0,e.shadowBlur=0})(e),e.strokeStyle=c,e.fillStyle=l,e.lineWidth=h,e.fill(m),e.stroke(m),o){case"selected":ye(e,{x:r,y:a,width:n,height:s,borderRadius:d,...t.selectionEffect});break;case"hovered":ye(e,{x:r,y:a,width:n,height:s,borderRadius:d,...t.hoverEffect});break;case"focused":ye(e,{x:r,y:a,width:n,height:s,borderRadius:d,...t.focusEffect});break;case void 0:break;default:return o}};function ke({width:e,height:o,layoutObj:i}){return t.jsx(h.TimeComponentCanvas2D,{width:e,height:o,draw:e=>{i&&Te(e,i,"focused")}})}function Ae({width:e,height:o,layoutObj:i}){return t.jsx(h.TimeComponentCanvas2D,{width:e,height:o,draw:e=>{i&&Te(e,i,"hovered")}})}function Re({width:e,height:o,layoutObjs:i}){return t.jsx(h.TimeComponentCanvas2D,{width:e,height:o,draw:e=>{i.forEach((t=>Te(e,t,"selected")))}})}function je({width:e,height:o,layoutObjs:{selectedTaskObjs:i,hoveredTaskObj:r,focusedTaskObj:a}}){return t.jsxs(h.TimeComponentLayersStack,{width:`${e}px`,height:`${o}px`,children:[t.jsx(ke,{width:e,height:o,layoutObj:a}),t.jsx(Re,{width:e,height:o,layoutObjs:i}),t.jsx(Ae,{width:e,height:o,layoutObj:r})]})}function Se({x:e,y:o,width:r,height:n,label:s,isInner:d,textAlign:c,labelStyle:h}){return t.jsx("div",{"aria-hidden":"true",class:i.classNames([a.taskLabelLayerStyles.label,d&&a.taskLabelLayerStyles.innerLabel]),style:{left:e,top:o,width:r,height:n,textAlign:c,...h},children:t.jsx(l.Text,{variant:h?.color?"inherit":"primary",truncation:"ellipsis",size:"md",weight:"inherit",children:s})})}function Ce({width:e,height:o,layoutObjs:i}){return t.jsx("div",{class:a.taskLabelLayerStyles.base,style:{width:e,height:o},children:i.map((e=>t.jsx(Se,{...e})))})}function Ie({width:e,height:o,layoutObjs:i}){return t.jsx(h.TimeComponentCanvas2D,{width:e,height:o,draw:e=>{i.forEach((t=>{t.taskObjs.forEach((t=>Te(e,t)))}))}})}function Pe({width:e,height:o,minorAxisLayout:{minorGridTicksPos:i,majorGridTicksPos:r},viewportLayout:{gridlines:a,rowData:n,rowObjs:s,taskLabelObjs:d,horizontalGridlinesPos:l,idTaskObjMap:c},effectsLayout:u,dateFormatter:m,ariaActiveTask:g}){return t.jsxs(h.TimeComponentLayersStack,{width:`${e}px`,height:`${o}px`,children:[t.jsx(ve,{width:e,height:o,layoutObjs:s}),"on"===a.vertical&&t.jsx(h.TimeComponentVerticalGridlines,{width:e,height:o,positions:i,variant:"minor"}),"on"===a.vertical&&r&&t.jsx(h.TimeComponentVerticalGridlines,{width:e,height:o,positions:r,variant:"major"}),l&&t.jsx(pe,{width:e,height:o,positions:l}),t.jsx(fe,{width:e,height:o,layoutObjs:s,rowData:n,dateFormatter:m,ariaActiveId:g?.ariaId,ariaActiveTaskObj:g&&c.get(g.dataId)}),t.jsx(Ie,{width:e,height:o,layoutObjs:s}),t.jsx(je,{width:e,height:o,layoutObjs:u}),t.jsx(Ce,{width:e,height:o,layoutObjs:d})]})}function Le({visRef:e,overlayControlsContainerRef:o,panZoomLayout:i,getTimeAxesLayout:r,getHorizontalScrollbarLayout:a,onHorizontalScrollChange:n,getVerticalScrollbarLayout:s,onVerticalScrollChange:d,rowAxisSeparator:l=!1,zoomParameters:c,zooming:u="on",isViewportDefined:m,onViewportChange:g,getResolvedViewportLayout:w,datatip:p,rowDataLayout:b,isRTL:x,scrollPosition:f,onScrollPositionChange:v,selectedIds:y,selectionMode:T,onSelectionChange:k,hoveredTaskId:A,onTaskHoverChange:R,currentTask:j,onCurrentTaskChange:S,currentTaskInteraction:C,ariaActive:I,width:P,height:L}){return t.jsx(h.TimeComponentPanZoomLayout,{overlayControlsContainerRef:o,...i,width:P,height:L,overlayControls:"on"===u&&c&&m?t.jsx(h.TimeComponentZoomControls,{position:i.overlayControlsPosition,zoomParameters:c,onViewportChange:g}):void 0,verticalControl:t.jsx(h.TimeComponentVerticalScrollbarContainer,{getLayout:s,onRangeChange:d,children:e=>t.jsx(h.TimeComponentVerticalScrollbar,{...e})}),horizontalControl:t.jsx(h.TimeComponentHorizontalScrollbarContainer,{getLayout:a,onRangeChange:n,children:e=>t.jsx(h.TimeComponentHorizontalScrollbar,{...e})}),vis:t.jsx(we,{innerRef:e,isRTL:x,scrollPosition:f,onScrollPositionChange:v,isViewportDefined:m,onViewportChange:g,zoomParameters:c,zooming:u,rowAxisSeparator:l,selectedIds:y,selectionMode:T,onSelectionChange:k,hoveredTaskId:A,onTaskHoverChange:R,currentTask:j,onCurrentTaskChange:S,currentTaskInteraction:C,ariaActive:I,getTimeAxesLayout:r,getResolvedViewportLayout:w,rowDataLayout:b,datatip:p,majorAxis:e=>t.jsx(h.TimeComponentHorizontalTimeAxis,{...e}),minorAxis:e=>t.jsx(h.TimeComponentHorizontalTimeAxis,{...e}),dataBody:e=>t.jsx(Pe,{...e})})})}const Oe=(e,t,o)=>t.map((t=>e(t,o))),Ee=e=>void 0===e?"0px":void 0!==e.height?`${e.height}px`:r.bridgeValues.horizontalTimeAxisHeight,De=(e,t)=>{const o=((e,t)=>void 0===t?0:void 0!==t.height?t.height:e)(e,t),{scale:i,zoomOrder:r=[t.scale]}=t;return{height:o,zoomOrder:r,zoomOrderIndex:r.indexOf(i)}},Me=(e,t)=>Date.parse(e.getPreviousDate(new Date(t).toISOString())),Ve=(e,t)=>Date.parse(e.getNextDate(new Date(t).toISOString())),ze=(e,t,o)=>{const i=[Me(e,t)];for(;i[i.length-1]<o;)i.push(Ve(e,i[i.length-1]));return i},Be=(e,t)=>{const{type:o,params:i}=t;switch(o){case"exact":{const t=new Map,o=ze(e,i.startTime,i.endTime);for(let e=0;e<o.length-1;e++)t.set(o[e],o[e+1]);return{intervals:t,numIntervals:t.size}}case"approximate":{const{startTime:t,endTime:o,numSections:r,numIntervalsPerSection:a}=i,n=((e,t,o,i,r)=>{const a=new Map,n=Math.floor((o-t)/i);for(let s=0;s<i;s++){const i=t+n*s,d=Math.min(t+n*(s+1),o);let l=Me(e,i);for(let t=0;t<r&&!(l>=d);t++){const t=Ve(e,l);a.set(l,t),l=t}l=Me(e,d-1),a.set(l,Ve(e,l))}return a})(e,t,o,r,a),s=[...n.keys()],d=s.reduce(((e,t)=>e+(n.get(t)-Number(t))),0)/s.length;return{intervals:n,numIntervals:(o-t)/d}}default:return o}},_e=(e,t)=>e.formatter(new Date(t).toISOString()),Fe=(e,t,o)=>{const i=ze(e,t,o),r=i.slice(0,i.length-1).map((t=>_e(e,t)));return{ticks:i,labels:r}},He=(e,t,o,i,r="start",a,n,s,d,l,c,u,m,g)=>{const w=t+o,p=c,b=u,x=a.slice(0,a.length-1),f=n.map((e=>h.getTimePosition(e,p,b,m,g))),v=a.map((e=>h.getTimePosition(e,p,b,m,g))),y=v.slice(1).map(((e,t)=>g?v[t]-e:e-v[t])),T=a[0]<d;T&&(v[0]=0,y[0]=v[1]),a[a.length-1]>l&&(v[v.length-1]=g?0:m,y[y.length-1]=g?v[v.length-2]-v[v.length-1]:v[v.length-1]-v[v.length-2]);const k=v.slice(0,v.length-1).map(((e,t)=>g?e-y[t]:e)),A=Oe(e,s,i).map((({width:e},t)=>Math.floor(e)-Math.floor(y[t]-w)>0));return{font:i,labelPosition:r,labels:s,labelTicks:x,labelPositions:k,isLabelTruncated:A,isIntervalStartTruncated:T,intervalWidths:y,gridTicksPos:f,isRTL:g}},Ue=(e,t,o,i,r,a,n,s)=>{const{zoomOrderMinLengthFactor:d,maxNumIntervals:l}=((e,t,o,i,r,a,n)=>{const s=t+o,d=a.map((e=>Be(e,n))),l=Math.max(...d.map((({numIntervals:e})=>e)));return{zoomOrderMinLengthFactor:d.map((({intervals:t},o)=>{const n=a[o],d=[...t.keys()],l=d.map((e=>_e(n,t.get(e)))),c=d.map((e=>t.get(e)-e)),h=Oe(e,l,r),u=Math.min(...c.map(((e,t)=>e/Math.max(i,h[t].width+s))));return u})),maxNumIntervals:l}})(e,t,o,i,r,s,{type:"approximate",params:{numSections:4,numIntervalsPerSection:10,startTime:a,endTime:n}});return{getZoomOrderViewDurationThresholds:e=>d.map((t=>e*t)),minorAxisZoomOrder:s,minZoomViewportDuration:(n-a)/l,maxZoomViewportDuration:n-a,startTime:a,endTime:n}},We=(e,t,o,i,r,a,n,s,d,l,c,h,u,m)=>g=>{const{zoomOrder:w,zoomOrderIndex:p}=c,b=a(g),{viewportStartTime:x,viewportEndTime:f}=((e,t,o,i,r)=>void 0!==i&&void 0!==r?{viewportStartTime:i,viewportEndTime:r}:void 0!==i&&void 0===r?{viewportStartTime:i,viewportEndTime:Math.min(o,i+e)}:void 0===i&&void 0!==r?{viewportStartTime:Math.max(t,r-e),viewportEndTime:r}:{viewportStartTime:t,viewportEndTime:Math.min(o,t+e)})(b[p],s,d,u,m),{majorAxisLayout:v,minorAxisLayout:y}=((e,t,o,i,r,a,n,s,d,l,c,h,u)=>{const m=u?Fe(u,s,d):{ticks:[],labels:[]},g=Fe(h,s,d),{ticks:w,labels:p}=m,{ticks:b,labels:x}=g,f=new Set(w),v=new Set(b),y=0===w.filter((e=>e>s&&e<d&&!v.has(e))).length,T=y?b.filter((e=>!f.has(e))):b,k=u&&He(e,t,o,i,u.labelPosition,w,w,p,a,n,s,d,l,c),A=He(e,t,o,r,h.labelPosition,b,T,x,a,n,s,d,l,c);return{minorAxisLayout:{majorGridTicksPos:y&&k?k.gridTicksPos:void 0,minorGridTicksPos:A.gridTicksPos,variant:"minor",...A},majorAxisLayout:k&&{majorGridTicksPos:k.gridTicksPos,minorGridTicksPos:void 0,variant:"major",...k}}})(e,t,o,i,r,s,d,x,f,g,l,w[p],h&&h.zoomOrder[h.zoomOrderIndex]);return{position:n,startTime:s,endTime:d,viewportStartTime:x,viewportEndTime:f,width:g,majorAxis:v&&{width:g,...h,...v},minorAxis:{width:g,...c,...y}}},Ze=[{tokenVar:r.bridgeValues.horizontalTimeAxisHeight,key:"defaultTimeAxisHeight",cssProp:"height"},{tokenVar:r.bridgeValues.horizontalTimeAxisLabelPaddingInlineStart,key:"timeAxisLabelPaddingInlineStart",cssProp:"margin-inline-start"},{tokenVar:r.bridgeValues.horizontalTimeAxisLabelPaddingInlineEnd,key:"timeAxisLabelPaddingInlineEnd",cssProp:"margin-inline-end"},{tokenVar:P.xUnits(12.5),key:"timeAxisLabelMinWidth",cssProp:"min-width"},{tokenVar:I.typographyVars.body.md.fontSize,key:"majorAxisFontSize",cssProp:"font-size"},{tokenVar:I.typographyVars.body.sm.fontSize,key:"minorAxisFontSize",cssProp:"margin-block-start"},{tokenVar:I.typographyVars.body.md.fontWeight.semibold,key:"majorAxisFontWeight"},{tokenVar:I.typographyVars.body.sm.fontWeight.regular,key:"minorAxisFontWeight"}],Ye=e=>"0"===e?0:Number(e.substring(0,e.length-2)),Xe=[{tokenVar:a.bridgeValues.rowLabelPaddingInlineStart,key:"rowLabelPaddingInlineStart",cssProp:"padding-inline-start"},{tokenVar:a.bridgeValues.rowLabelPaddingInlineStart,key:"rowLabelPaddingInlineEnd",cssProp:"padding-inline-end"},{tokenVar:P.xUnits(3),key:"rowPaddingTop",cssProp:"padding-top"},{tokenVar:P.xUnits(3),key:"rowPaddingBottom",cssProp:"padding-bottom"},{tokenVar:P.xUnits(6),key:"taskHeight",cssProp:"min-height"},{tokenVar:P.xUnits(1),key:"taskBorderRadius",cssProp:"border-radius"},{tokenVar:a.bridgeValues.taskBgColor,key:"taskBgColor",cssProp:"background-color"},{tokenVar:a.bridgeValues.taskBorderColor,key:"taskBorderColor",cssProp:"border-color"},{tokenVar:a.bridgeValues.taskEffectBorderColor,key:"taskEffectBorderColor",cssProp:"outline-color"},{tokenVar:I.baseVars.boxShadow.md,key:"taskEffectBoxShadow",cssProp:"box-shadow"}],Ge=e=>{const[t,o,i,r,...a]=e.split(" ").reverse();return{shadowColor:a.reverse().join(" "),shadowOffsetX:Ye(r??"0"),shadowOffsetY:Ye(i??"0"),shadowBlur:Ye(o??"0")}},Ke=e=>e.endsWith("px")?{value:Number(e.substring(0,e.length-2)),suffix:"px"}:e.endsWith("%")?{value:Number(e.substring(0,e.length-1)),suffix:"%"}:{value:1/0,suffix:void 0},Ne=Ze.concat(Xe),$e=({rowAxis:e,gridlines:{horizontal:o="off",vertical:i="on"}={horizontal:"off",vertical:"on"},axisPosition:a="top",minorAxis:n,majorAxis:s,start:d,end:l,viewportStart:c,viewportEnd:m,onViewportChange:g,scrollPosition:{y:w=0}={y:0},onScrollPositionChange:p,rows:b,selectedIds:x,selectionMode:f="none"})=>{const{direction:v}=u.useUser(),{resolvedVars:y,cssContent:T}=S.useCssVars(Ne),{textMeasureContent:k,getTextDimensions:A}=C.useTextDimensions(),R="rtl"===v,j=t.jsxs(t.Fragment,{children:[k,T]}),{startTime:I,endTime:L,viewportStartTime:O,viewportEndTime:E,isValidTimeConfig:M}=((e,t,o,i)=>{const r=h.parseDate(e),a=h.parseDate(t),n=o?h.parseDate(o):void 0,s=i?h.parseDate(i):void 0,d=((e,t,o,i)=>t>e&&(void 0===o||void 0===i||i>o)&&(void 0===o||o>=e&&o<t)&&(void 0===i||i>e&&i<=t))(r,a,n,s);return{startTime:r,endTime:a,viewportStartTime:n,viewportEndTime:s,isValidTimeConfig:d}})(d,l,c,m);if(!A||0===Object.keys(y).length)return{isRTL:R,layoutContent:j,isValidConfig:M,isReady:!1};if(!M)return{isRTL:R,layoutContent:j,isValidConfig:M,isReady:!0};const V=void 0===e?"off":"on",z="on"===e?{}:e,B=z?.width??"max-content",_=z?.maxWidth??"none",F=z?.labelRenderer??D,H=((e,t,o)=>{const i=Ee(t);return{position:e,height:`calc(${Ee(o)} + ${i})`}})(a,n,s),U={top:{overlayControlsPosition:"topEnd",verticalControlTopGap:(W=H).height,verticalControlBottomGap:"0"},bottom:{overlayControlsPosition:"bottomEnd",verticalControlTopGap:"0",verticalControlBottomGap:W.height}}[W.position];var W;const Z="on"===V?((e,t)=>{const o=`${P.xUnits(1)} + ${r.bridgeValues.horizontalScrollbarHeight}`,i={top:{rowAxisTopGap:e.height,rowAxisBottomGap:`calc(${o})`},bottom:{rowAxisTopGap:"0",rowAxisBottomGap:`calc(${e.height} + ${o})`}},a=Ke(t.width),n=Ke(t.maxWidth);return{...i[e.position],resolvedRowAxisWidth:a,resolvedRowAxisMaxWidth:n,label:t.label}})(H,{width:B,maxWidth:_,label:F}):void 0,Y=(e=>({defaultTimeAxisHeight:Ye(e.defaultTimeAxisHeight),timeAxisLabelPaddingInlineStart:Ye(e.timeAxisLabelPaddingInlineStart),timeAxisLabelPaddingInlineEnd:Ye(e.timeAxisLabelPaddingInlineEnd),timeAxisLabelMinWidth:Ye(e.timeAxisLabelMinWidth),majorAxisFont:{fontSize:e.majorAxisFontSize,fontWeight:e.majorAxisFontWeight},minorAxisFont:{fontSize:e.minorAxisFontSize,fontWeight:e.minorAxisFontWeight}}))(y),X=s&&De(Y.defaultTimeAxisHeight,s),G=De(Y.defaultTimeAxisHeight,n),K=Ue(A,Y.timeAxisLabelPaddingInlineStart,Y.timeAxisLabelPaddingInlineEnd,Y.timeAxisLabelMinWidth,Y.minorAxisFont,I,L,G.zoomOrder),N=We(A,Y.timeAxisLabelPaddingInlineStart,Y.timeAxisLabelPaddingInlineEnd,Y.majorAxisFont,Y.minorAxisFont,K.getZoomOrderViewDurationThresholds,a,I,L,R,G,X,O,E),q=(e=>({rowPaddingTop:Ye(e.rowPaddingTop),rowPaddingBottom:Ye(e.rowPaddingBottom)}))(y),Q=(e=>({taskHeight:Ye(e.taskHeight),taskBorderRadius:e.taskBorderRadius,taskBgColor:e.taskBgColor,taskBorderColor:e.taskBorderColor,taskEffectBorderColor:e.taskEffectBorderColor,taskEffectBoxShadow:Ge(e.taskEffectBoxShadow)}))(y),ee=$(b,{...q,...Q},{horizontal:o,vertical:i},{selectedIds:x,selectionMode:f}),te=(e=>({rowLabelPaddingInlineStart:Ye(e.rowLabelPaddingInlineStart),rowLabelPaddingInlineEnd:Ye(e.rowLabelPaddingInlineEnd)}))(y),oe={labelPaddingInlineStart:te.rowLabelPaddingInlineStart,labelPaddingInlineEnd:te.rowLabelPaddingInlineEnd,rowData:ee.rowData,rowObjs:ee.rowObjs,idRowObjMap:ee.idRowObjMap,isHorizontalGridlinesVisible:"on"===o},ie=((e,t,o,i,r)=>a=>{const n=t-e,s=i-o,d=a*n/s,l=a*(e-o)/s,c=r?a-l-d:l;return{thumbWidth:d,thumbLeft:r?void 0:l,thumbRight:r?l:void 0,draggableRegion:{xMin:c,xMax:c+d,yMin:-1/0,yMax:1/0},getNewRange:e=>{const t=r?Math.max(0,a-e-d):e,l=Math.min(o+t/a*s,i-n);return{newMin:l,newMax:l+n}}}})(O??I,E??L,I,L,R),re=(ae=w,ne=void 0,se=0,de=ee.totalRowsHeight,e=>{const t=(ne??e+ae)-ae,o=de-se,i=Math.min(e,e*t/o),r=Math.max(0,e*(ae-se)/o);return{thumbHeight:i,thumbTop:r,draggableRegion:{xMin:-1/0,xMax:1/0,yMin:r,yMax:r+i},getNewRange:i=>{const r=Math.max(0,Math.min(se+i/e*o,de-t));return{newMin:r,newMax:r+t}}}});var ae,ne,se,de;return{scrollPosition:w,panZoomLayout:U,withRowAxisLayout:Z,getTimeAxesLayout:N,zoomParameters:void 0!==O&&void 0!==E?{viewportStartTime:O,viewportEndTime:E,minorAxisZoomOrderIndex:G.zoomOrderIndex,majorAxisZoomOrder:X?.zoomOrder,majorAxisZoomOrderIndex:X?.zoomOrderIndex,...K}:void 0,rowDataLayout:ee,rowAxisLayout:oe,getResolvedViewportLayout:J,getHorizontalScrollbarLayout:ie,onHorizontalScrollChange:(e,t)=>{g?.({viewportStart:h.getISOString(e),viewportEnd:h.getISOString(t),majorAxisScale:s?.scale,minorAxisScale:n.scale})},getVerticalScrollbarLayout:re,onVerticalScrollChange:e=>{p?.({y:e})},isRTL:R,layoutContent:j,isValidConfig:M,isReady:!0}},qe=({visRef:e,isDisabled:t=!1})=>t?{}:{onKeyDown:t=>{switch(t.key){case"=":case"+":{const o=new CustomEvent("KbZoomIn",{detail:{zoomFactor:h.DEFAULT_ZOOM_IN_FACTOR}});e.current?.dispatchEvent(o),L.cancelEvent(t);break}case"-":case"_":{const o=new CustomEvent("KbZoomIn",{detail:{zoomFactor:h.DEFAULT_ZOOM_OUT_FACTOR}});e.current?.dispatchEvent(o),L.cancelEvent(t);break}case"PageUp":{const o=t.shiftKey?new CustomEvent("KbPanHorizontal",{detail:{rangeRatio:.25}}):new CustomEvent("KbPanVertical",{detail:{rangeRatio:.25}});e.current?.dispatchEvent(o),L.cancelEvent(t);break}case"PageDown":{const o=t.shiftKey?new CustomEvent("KbPanHorizontal",{detail:{rangeRatio:-.25}}):new CustomEvent("KbPanVertical",{detail:{rangeRatio:-.25}});e.current?.dispatchEvent(o),L.cancelEvent(t);break}}}},Je=({rowDataLayout:e,currentTask:t,onCurrentTaskChange:o,isRTL:i,isDisabled:r=!1})=>r?{}:{onKeyDown:r=>{switch(r.key){case"ArrowRight":{const a=t&&(i?le(t.id,e):de(t.id,e));void 0!==a&&o({id:a,isFocused:!0}),L.cancelEvent(r);break}case"ArrowLeft":{const a=t&&(i?de(t.id,e):le(t.id,e));void 0!==a&&o({id:a,isFocused:!0}),L.cancelEvent(r);break}case"ArrowUp":{const i=t&&((e,t)=>se(e,t,"up"))(t.id,e);void 0!==i&&o({id:i,isFocused:!0}),L.cancelEvent(r);break}case"ArrowDown":{const i=t&&((e,t)=>se(e,t,"down"))(t.id,e);void 0!==i&&o({id:i,isFocused:!0}),L.cancelEvent(r);break}}}},Qe=({rowDataLayout:e,currentRowLabel:t,onCurrentRowLabelChange:o,isDisabled:i=!1})=>i?{}:{onKeyDown:i=>{switch(i.key){case"ArrowUp":{const r=t&&((e,t)=>ce(e,t,"up"))(t.id,e);void 0!==r&&o({id:r,isFocused:!0}),L.cancelEvent(i);break}case"ArrowDown":{const r=t&&((e,t)=>ce(e,t,"down"))(t.id,e);void 0!==r&&o({id:r,isFocused:!0}),L.cancelEvent(i);break}}}},et=({visRef:e,rowAxisRef:t,rowDataLayout:i,navigationModes:r,selectionProps:a,isRTL:n,isDisabled:s=!1})=>{const d=o.useRef("tasks"),{onKeyUp:l}=k.useSelection({idExtracter:e=>{if("tasks"===d.current&&"keyup"===e.type)return r.tasks.currentItem?.id},selection:a.selectedIds,selectionMode:a.selectionMode,onChange:a.onSelectionChange,getDataById:i?.getTaskDataById||(()=>{})}).selectionProps,c="tasks"===d.current?{onKeyUp:l}:{},h=qe({visRef:e,isDisabled:s}),u=Je({rowDataLayout:i,currentTask:r.tasks.currentItem,onCurrentTaskChange:r.tasks.onCurrentItemChange,isRTL:n}),m=Qe({rowDataLayout:i,currentRowLabel:r.rowLabels.currentItem,onCurrentRowLabelChange:r.rowLabels.onCurrentItemChange}),g={onFocus:()=>{const o=new Event("ShowFocusDatatip");e.current?.dispatchEvent(o),t.current?.dispatchEvent(o)}};return s?{}:y.mergeProps(h,g,{onKeyDown:e=>{let t=!1;const o=e=>{const{onCurrentItemChange:t}=r[e.type];t({id:e.id,isFocused:!0})},a=e=>{const{currentItem:t,onCurrentItemChange:o}=r[e];t&&o({id:t.id,isFocused:!1})},s=()=>{const n=((e,t)=>{const o=t.idTaskObjMap.get(e),{rowIndex:i}=o;return t.rowObjs[i].id})(r.tasks.currentItem.id,i);o({id:n,type:"rowLabels"}),a("tasks"),d.current="rowLabels",t=!0,L.cancelEvent(e)},l=()=>{const n=((e,t,o)=>{if(void 0!==o){const i=t.idTaskObjMap.get(o);if(i){const{rowIndex:r}=i;if(t.rowObjs[r].id===e)return o}}const i=t.idRowObjMap.get(e),r=i?.taskObjs[0];if(r)return r.id;const a=ae(t);return a?.id})(r.rowLabels.currentItem.id,i,r.tasks.currentItem?.id);void 0!==n&&o({id:n,type:"tasks"}),a("rowLabels"),d.current="tasks",t=!0,L.cancelEvent(e)};switch(e.key){case"Tab":a(d.current);break;case"ArrowLeft":e.altKey&&(n||"tasks"!==d.current?n&&"rowLabels"===d.current&&l():s());break;case"ArrowRight":e.altKey&&(n||"rowLabels"!==d.current?n&&"tasks"===d.current&&s():l())}if(!t)switch(d.current){case"tasks":u.onKeyDown?.(e);break;case"rowLabels":m.onKeyDown?.(e);break;default:return d.current}},onKeyUp:e=>{switch(e.key){case"Tab":{const{currentItem:t,onCurrentItemChange:o}=r[d.current],a=t||ae(i);a&&o({id:a.id,isFocused:!0}),L.cancelEvent(e);break}}}},c)};e.Gantt=function({width:e,height:i,testId:r,...a}){const n=o.useRef(null),{scrollPosition:s,panZoomLayout:d,withRowAxisLayout:l,getTimeAxesLayout:c,zoomParameters:h,rowDataLayout:u,rowAxisLayout:m,getResolvedViewportLayout:g,getHorizontalScrollbarLayout:w,onHorizontalScrollChange:p,getVerticalScrollbarLayout:b,onVerticalScrollChange:x,isRTL:f,layoutContent:T,isValidConfig:k,isReady:A}=$e(a),R={"aria-label":a["aria-label"],"aria-describedby":a["aria-describedby"],"aria-labelledby":a["aria-labelledby"],role:"application"},j=void 0!==a.viewportStart&&void 0!==a.viewportEnd,[S,C]=o.useState(),[I,P]=o.useState("none"),[L,D]=o.useState(),[M,V]=o.useState("none"),[z,B]=o.useState(),_=e=>{void 0!==e.id&&C({dataId:e.id,ariaId:v.getRandomId(),type:"rowLabel"}),V(void 0!==e.id?"hover":"none"),B(e.id)},[F,H]=o.useState(),U=e=>{if(e.isFocused){const t=new CustomEvent("KbPanTaskIntoView",{detail:{id:e.id}});Y.current?.dispatchEvent(t),C({dataId:e.id,ariaId:v.getRandomId(),type:"task"}),P("focus")}H(e)},[W,Z]=o.useState(),Y=o.useRef(null),X=o.useRef(null),G=o.useRef(null),K=(({rootRef:e,overlayControlsContainerRef:t,isDisabled:i=!1})=>{const r=o.useRef(!1),a=()=>{const e=new Event("ControlsShow");t.current?.dispatchEvent(e)},n=()=>{const e=new Event("ControlsHide");t.current?.dispatchEvent(e)};return i?{}:{onFocus:()=>{r.current=!0,a()},onBlur:t=>{t.relatedTarget&&e.current?.contains(t.relatedTarget)||(r.current=!1,n())},onPointerDown:t=>{"mouse"!==t.pointerType&&e.current?.focus()},onPointerOver:e=>{"mouse"===e.pointerType&&a()},onPointerOut:e=>{"mouse"===e.pointerType&&(r.current||n())}}})({rootRef:n,overlayControlsContainerRef:G,isDisabled:!j}),N=et({visRef:Y,rowAxisRef:X,navigationModes:{tasks:{currentItem:F,onCurrentItemChange:U},rowLabels:{currentItem:W,onCurrentItemChange:e=>{if(e.isFocused){const t=new CustomEvent("KbPanRowIntoView",{detail:{id:e.id}});Y.current?.dispatchEvent(t),C({dataId:e.id,ariaId:v.getRandomId(),type:"rowLabel"}),V("focus")}Z(e)}}},rowDataLayout:u,selectionProps:{selectedIds:a.selectedIds,selectionMode:a.selectionMode,onSelectionChange:a.onSelectionChange},isRTL:f,isDisabled:!j});if(!A||!k)return t.jsx(O,{innerRef:n,width:e,height:i,...R,children:T});const $=t.jsx(Le,{visRef:Y,overlayControlsContainerRef:G,isRTL:f,isViewportDefined:j,scrollPosition:s,onScrollPositionChange:a.onScrollPositionChange,onViewportChange:a.onViewportChange,rowAxisSeparator:!!l,zoomParameters:h,zooming:a.zooming,panZoomLayout:d,getTimeAxesLayout:c,getHorizontalScrollbarLayout:w,onHorizontalScrollChange:p,getVerticalScrollbarLayout:b,onVerticalScrollChange:x,getResolvedViewportLayout:g,rowDataLayout:u,datatip:a.datatip,selectedIds:a.selectedIds,selectionMode:a.selectionMode,onSelectionChange:a.onSelectionChange,hoveredTaskId:L,onTaskHoverChange:e=>{void 0!==e.id&&C({dataId:e.id,ariaId:v.getRandomId(),type:"task"}),P(void 0!==e.id?"hover":"none"),D(e.id)},currentTask:F,onCurrentTaskChange:U,currentTaskInteraction:I,ariaActive:"task"===S?.type?S:void 0}),q=l&&t.jsx(E,{...l,rowAxis:(e,o)=>t.jsx(ie,{innerRef:X,resolvedWidth:e,resolvedMaxWidth:o,currentRowLabel:W,hoveredRowLabelId:z,onRowLabelHoverChange:_,currentRowLabelInteraction:M,ariaActive:"rowLabel"===S?.type?S:void 0,layoutObj:m,scrollPosition:s,children:l.label}),ganttView:$});return t.jsxs(O,{innerRef:n,width:e,height:i,testId:r,...R,...y.mergeProps(N,K),"aria-activedescendant":S?.ariaId,children:[q||$,T]})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './PRIVATE_TimeComponent/themes/TimeComponentStyles.css', './UNSAFE_Gantt/themes/GanttStyles.css', './size-114c63df', './useTestId-f4240cbd', './TrackResizeContainer-d8fa612c', './Text-31cabc49', './accUtils-7e057eef', './TimeComponentCanvas2D-a17f51f1', './useUser-08901aba', './Layer-1971eddb', 'preact/compat', './LayerHost-0b288129', './Floating-9d6ab071', './hooks/PRIVATE_useDatatip/themes/useDatatip.css', './useId-c9578d26', './datatipUtils-6846028e', './layoutUtils-517a546d', './mergeProps-bcfa6a92', './usePinch-fc8ed928', './useSelection-00add7e4', './VisTabularDatatip-93d56ae8', './useTranslationBundle-e4dd341e', './lineUtils-3b56374d', './useCssVars-3194b2f6', './useTextDimensions-f254e8f5', './themeContract.css-b6ec3943', './utils-9a3f9606', './eventsUtils-1f5dc91a'], (function(e,t,o,i,r,a,n,s,d,l,c,h,u,m,g,w,p,b,x,f,v,y,T,k,A,R,j,S,C,I,P,L){"use strict";function O({innerRef:e,width:o,height:d,testId:l,children:c,...h}){const u=s.useTestId(l);return t.jsx("div",{ref:e,tabIndex:0,...u,...h,class:i.classNames([r.styles.baseStyle,a.styles.baseStyle]),style:{width:o&&n.sizeToCSS(o),height:d&&n.sizeToCSS(d)},children:c})}function E({rowAxisTopGap:e="0",rowAxisBottomGap:o="0",resolvedRowAxisWidth:i,resolvedRowAxisMaxWidth:r,rowAxis:n,ganttView:s}){const l="%"===i.suffix,c="%"===r.suffix;return l||c?t.jsx(d.TrackResizeContainer,{width:"100%",height:"100%",children:(d,h)=>t.jsxs("div",{class:a.rowAxisLayoutStyles.base,style:{gridTemplateRows:`${e} minmax(0, 1fr) ${o}`},children:[t.jsx("div",{class:a.rowAxisLayoutStyles.rowAxis,children:n(l?d*(i.value/100):i.value,c?d*(r.value/100):r.value)}),t.jsx("div",{class:a.rowAxisLayoutStyles.ganttView,children:s})]})}):t.jsxs("div",{class:a.rowAxisLayoutStyles.base,style:{gridTemplateRows:`${e} minmax(0, 1fr) ${o}`},children:[t.jsx("div",{class:a.rowAxisLayoutStyles.rowAxis,children:n(i.value,r.value)}),t.jsx("div",{class:a.rowAxisLayoutStyles.ganttView,children:s})]})}const D=({maxWidth:e,maxHeight:o,data:{label:i="",labelStyle:r}})=>t.jsx("div",{style:{width:e>-1?e:void 0,height:o,display:"flex",alignItems:"center",...r},children:t.jsx(l.Text,{size:"md",variant:r?.color?"inherit":"primary",truncation:"ellipsis",children:i})}),M=(e,t,o)=>({maxWidth:o,maxHeight:e.height,data:t[e.index]});class V{constructor(){this.ids=[],this.values=[],this.length=0}clear(){this.length=0}push(e,t){let o=this.length++;for(;o>0;){const e=o-1>>1,i=this.values[e];if(t>=i)break;this.ids[o]=this.ids[e],this.values[o]=i,o=e}this.ids[o]=e,this.values[o]=t}pop(){if(0===this.length)return;const e=this.ids[0];if(this.length--,this.length>0){const e=this.ids[0]=this.ids[this.length],t=this.values[0]=this.values[this.length],o=this.length>>1;let i=0;for(;i<o;){let e=1+(i<<1);const o=e+1;let r=this.ids[e],a=this.values[e];const n=this.values[o];if(o<this.length&&n<a&&(e=o,r=this.ids[o],a=n),a>=t)break;this.ids[i]=r,this.values[i]=a,i=e}this.ids[i]=e,this.values[i]=t}return e}peek(){if(0!==this.length)return this.ids[0]}peekValue(){if(0!==this.length)return this.values[0]}shrink(){this.ids.length=this.values.length=this.length}}const z=[Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array];class B{static from(e){if(!e||void 0===e.byteLength||e.buffer)throw new Error("Data must be an instance of ArrayBuffer or SharedArrayBuffer.");const[t,o]=new Uint8Array(e,0,2);if(251!==t)throw new Error("Data does not appear to be in a Flatbush format.");const i=o>>4;if(3!==i)throw new Error(`Got v${i} data when expected v3.`);const r=z[15&o];if(!r)throw new Error("Unrecognized array type.");const[a]=new Uint16Array(e,2,1),[n]=new Uint32Array(e,4,1);return new B(n,a,r,void 0,e)}constructor(e,t=16,o=Float64Array,i=ArrayBuffer,r){if(void 0===e)throw new Error("Missing required argument: numItems.");if(isNaN(e)||e<=0)throw new Error(`Unexpected numItems value: ${e}.`);this.numItems=+e,this.nodeSize=Math.min(Math.max(+t,2),65535);let a=e,n=a;this._levelBounds=[4*a];do{a=Math.ceil(a/this.nodeSize),n+=a,this._levelBounds.push(4*n)}while(1!==a);this.ArrayType=o,this.IndexArrayType=n<16384?Uint16Array:Uint32Array;const s=z.indexOf(this.ArrayType),d=4*n*this.ArrayType.BYTES_PER_ELEMENT;if(s<0)throw new Error(`Unexpected typed array class: ${o}.`);r&&void 0!==r.byteLength&&!r.buffer?(this.data=r,this._boxes=new this.ArrayType(this.data,8,4*n),this._indices=new this.IndexArrayType(this.data,8+d,n),this._pos=4*n,this.minX=this._boxes[this._pos-4],this.minY=this._boxes[this._pos-3],this.maxX=this._boxes[this._pos-2],this.maxY=this._boxes[this._pos-1]):(this.data=new i(8+d+n*this.IndexArrayType.BYTES_PER_ELEMENT),this._boxes=new this.ArrayType(this.data,8,4*n),this._indices=new this.IndexArrayType(this.data,8+d,n),this._pos=0,this.minX=1/0,this.minY=1/0,this.maxX=-1/0,this.maxY=-1/0,new Uint8Array(this.data,0,2).set([251,48+s]),new Uint16Array(this.data,2,1)[0]=t,new Uint32Array(this.data,4,1)[0]=e),this._queue=new V}add(e,t,o,i){const r=this._pos>>2,a=this._boxes;return this._indices[r]=r,a[this._pos++]=e,a[this._pos++]=t,a[this._pos++]=o,a[this._pos++]=i,e<this.minX&&(this.minX=e),t<this.minY&&(this.minY=t),o>this.maxX&&(this.maxX=o),i>this.maxY&&(this.maxY=i),r}finish(){if(this._pos>>2!==this.numItems)throw new Error(`Added ${this._pos>>2} items when expected ${this.numItems}.`);const e=this._boxes;if(this.numItems<=this.nodeSize)return e[this._pos++]=this.minX,e[this._pos++]=this.minY,e[this._pos++]=this.maxX,void(e[this._pos++]=this.maxY);const t=this.maxX-this.minX||1,o=this.maxY-this.minY||1,i=new Uint32Array(this.numItems);for(let r=0,a=0;r<this.numItems;r++){const n=e[a++],s=e[a++],d=e[a++],l=e[a++],c=Math.floor(65535*((n+d)/2-this.minX)/t),h=Math.floor(65535*((s+l)/2-this.minY)/o);i[r]=W(c,h)}H(i,e,this._indices,0,this.numItems-1,this.nodeSize);for(let t=0,o=0;t<this._levelBounds.length-1;t++){const i=this._levelBounds[t];for(;o<i;){const t=o;let r=e[o++],a=e[o++],n=e[o++],s=e[o++];for(let t=1;t<this.nodeSize&&o<i;t++)r=Math.min(r,e[o++]),a=Math.min(a,e[o++]),n=Math.max(n,e[o++]),s=Math.max(s,e[o++]);this._indices[this._pos>>2]=t,e[this._pos++]=r,e[this._pos++]=a,e[this._pos++]=n,e[this._pos++]=s}}}search(e,t,o,i,r){if(this._pos!==this._boxes.length)throw new Error("Data not yet indexed - call index.finish().");let a=this._boxes.length-4;const n=[],s=[];for(;void 0!==a;){const d=Math.min(a+4*this.nodeSize,F(a,this._levelBounds));for(let l=a;l<d;l+=4){if(o<this._boxes[l])continue;if(i<this._boxes[l+1])continue;if(e>this._boxes[l+2])continue;if(t>this._boxes[l+3])continue;const d=0|this._indices[l>>2];a>=4*this.numItems?n.push(d):(void 0===r||r(d))&&s.push(d)}a=n.pop()}return s}neighbors(e,t,o=1/0,i=1/0,r){if(this._pos!==this._boxes.length)throw new Error("Data not yet indexed - call index.finish().");let a=this._boxes.length-4;const n=this._queue,s=[],d=i*i;e:for(;void 0!==a;){const i=Math.min(a+4*this.nodeSize,F(a,this._levelBounds));for(let o=a;o<i;o+=4){const i=0|this._indices[o>>2],s=_(e,this._boxes[o],this._boxes[o+2]),l=_(t,this._boxes[o+1],this._boxes[o+3]),c=s*s+l*l;c>d||(a>=4*this.numItems?n.push(i<<1,c):(void 0===r||r(i))&&n.push(1+(i<<1),c))}for(;n.length&&1&n.peek();){if(n.peekValue()>d)break e;if(s.push(n.pop()>>1),s.length===o)break e}a=n.length?n.pop()>>1:void 0}return n.clear(),s}}function _(e,t,o){return e<t?t-e:e<=o?0:e-o}function F(e,t){let o=0,i=t.length-1;for(;o<i;){const r=o+i>>1;t[r]>e?i=r:o=r+1}return t[o]}function H(e,t,o,i,r,a){if(Math.floor(i/a)>=Math.floor(r/a))return;const n=e[i+r>>1];let s=i-1,d=r+1;for(;;){do{s++}while(e[s]<n);do{d--}while(e[d]>n);if(s>=d)break;U(e,t,o,s,d)}H(e,t,o,i,d,a),H(e,t,o,d+1,r,a)}function U(e,t,o,i,r){const a=e[i];e[i]=e[r],e[r]=a;const n=4*i,s=4*r,d=t[n],l=t[n+1],c=t[n+2],h=t[n+3];t[n]=t[s],t[n+1]=t[s+1],t[n+2]=t[s+2],t[n+3]=t[s+3],t[s]=d,t[s+1]=l,t[s+2]=c,t[s+3]=h;const u=o[i];o[i]=o[r],o[r]=u}function W(e,t){let o=e^t,i=65535^o,r=65535^(e|t),a=e&(65535^t),n=o|i>>1,s=o>>1^o,d=r>>1^i&a>>1^r,l=o&r>>1^a>>1^a;o=n,i=s,r=d,a=l,n=o&o>>2^i&i>>2,s=o&i>>2^i&(o^i)>>2,d^=o&r>>2^i&a>>2,l^=i&r>>2^(o^i)&a>>2,o=n,i=s,r=d,a=l,n=o&o>>4^i&i>>4,s=o&i>>4^i&(o^i)>>4,d^=o&r>>4^i&a>>4,l^=i&r>>4^(o^i)&a>>4,o=n,i=s,r=d,a=l,d^=o&r>>8^i&a>>8,l^=i&r>>8^(o^i)&a>>8,o=d^d>>1,i=l^l>>1;let c=e^t,h=i|65535^(c|o);return c=16711935&(c|c<<8),c=252645135&(c|c<<4),c=858993459&(c|c<<2),c=1431655765&(c|c<<1),h=16711935&(h|h<<8),h=252645135&(h|h<<4),h=858993459&(h|h<<2),h=1431655765&(h|h<<1),(h<<1|c)>>>0}const Z=e=>{const t=e.map((e=>e.taskObjs.length)).reduce(((e,t)=>e+t),0),o=new B(t);return e.forEach((e=>e.taskObjs.forEach((({overallStartTime:e,overallEndTime:t,y:i,height:r})=>{o.add(e,i,t,i+r)})))),o.finish(),o},Y=(e,t,o,i,r=!0)=>r?e<=i&&o<=t:e<i&&o<t,X=(e,t)=>Y(e.overallStartTime,e.overallEndTime,t.overallStartTime,t.overallEndTime,!1),G=(e,t,o)=>{const i=((e,t,o)=>{if(0===e.length)return 0;let i=0,r=e.length;for(;i<r;){const o=Math.floor((i+r)/2);e[o]<t?i=o+1:r=o}if(i<e.length&&(e[i]===t||"successor"===o))return i;return i>0?i-1:0})(e,t,"predecessor");let r=i;for(let t=i;t<e.length&&e[t]<=o;t++)r=t;return{minRowInd:i,maxRowInd:r}},K=e=>({start:e.start?e.start:e.end,end:e.end?e.end:e.start}),N=e=>!(!e||"none"===e),$=(e,t,o,i)=>{const r=N(i.selectionMode),a=new Set(i.selectedIds);let n=0;const s=e.map(((i,s)=>{const d=i.tasks.map(((e,o)=>{const{start:i,end:n}=K(e),d=h.parseDate(i),l=h.parseDate(n);return{id:e.id,renderIndex:0,index:o,rowIndex:s,y:-1,startTime:d,endTime:l,overallStartTime:d,overallEndTime:l,rowLevel:0,height:void 0!==e.height?e.height:t.taskHeight,borderRadius:void 0!==e.borderRadius?e.borderRadius.toString():t.taskBorderRadius,fill:e.color?e.color:t.taskBgColor,stroke:t.taskBorderColor,strokeWidth:1,isSelectable:r,isSelected:a.has(e.id),selectionEffect:{stroke:t.taskEffectBorderColor,strokeWidth:2,padding:2},hoverEffect:{stroke:t.taskEffectBorderColor,strokeWidth:1,padding:0,shadow:{...t.taskEffectBoxShadow}},focusEffect:{stroke:t.taskEffectBorderColor,strokeWidth:1,padding:2}}}));d.sort(((e,t)=>e.startTime-t.startTime)),d.forEach(((e,t)=>e.renderIndex=t));const l=(({rowHeight:e,rowY:t,taskObjs:o,resolvedVars:i})=>{if(0===o.length)return(e=>e.rowPaddingTop+e.taskHeight+e.rowPaddingBottom)(i);o[0].rowLevel=0,o[0].y=0;const r=[[o[0]]],a=[o[0]];for(let e=1;e<o.length;e++){const t=o[e],i="stack",n=o[e-1];X(t,n)?r[r.length-1].push(t):r.push([t]);let s,d=0;switch(i){case"stack":{let e=!0;for(let o=0;o<a.length;o++){if(s=void 0,!X(t,a[o])){s=a[o],a[o]=t,e=!1;break}d+=1}e&&a.push(t),t.y=0,s&&(t.previousAdjacentTaskObj=s,s.nextAdjacentTaskObj=t);break}default:return i}t.rowLevel=d}const n=i.rowPaddingTop,s=i.rowPaddingBottom,d=a.map((()=>0));if(void 0===e){o.forEach((e=>{e.height>d[e.rowLevel]&&(d[e.rowLevel]=e.height)}));const e=d.map((e=>e+n+s)).reduce(((e,t,o)=>(e.push((e[o-1]||0)+t),e)),[]);o.forEach((t=>{t.y+=(e[t.rowLevel-1]||0)+n}))}const l=r.map((e=>{let t=0;return e.forEach((e=>{const o=e.y+e.height;o>t&&(t=o)})),t}));let c;return void 0===e?(c=l.reduce(((e,t)=>Math.max(e,t)))+n,r.forEach((e=>{e.forEach((e=>{const o=d[e.rowLevel];e.y+=(o-e.height)/2+t}))}))):(c=e,r.forEach(((e,o)=>{const i=l[o];let r=Number.MAX_VALUE;e.forEach((e=>{e.y+=Math.floor((c-e.height)/2),e.y<r&&(r=e.y)}));const a=Math.floor((c-i)/2)-r;e.forEach((e=>{e.y+=t+a}))}))),c})({rowHeight:i.height,rowY:n,taskObjs:d,resolvedVars:t});((e,t)=>{e.forEach((e=>{const{index:o,rowIndex:i}=e,r=t[i].tasks[o].label;r&&(e.labelObj={startTime:e.startTime,endTime:e.endTime,label:r,isInner:!0,position:"center"})}))})(d,e);const c={id:i.id,y:n,height:l,index:s,isSelected:d.some((e=>e.isSelected)),taskObjs:d},u="on"===o.horizontal?1:0;return n+=l+u,c})),d=s[s.length-1],l=d?d.y+d.height:0,c=new Map;s.forEach((e=>e.taskObjs.forEach((e=>c.set(e.id,e)))));const u=new Map;s.forEach((e=>u.set(e.id,e)));const m=(e=>({tasks:Z(e)}))(s);return{rowData:e,rowObjs:s,rowPadding:t.rowPaddingTop,totalRowsHeight:l,gridlines:o,spatialIndex:m,idRowObjMap:u,idTaskObjMap:c,getTaskDataById:t=>{const o=c.get(t);return o&&e[o.rowIndex].tasks[o.index]}}},q=(e,t,o,i,r,a)=>{const n=h.getTimePosition(e.startTime,t,o,i,a),s=h.getTimePosition(e.endTime,t,o,i,a);return{...e,x:a?s:n,y:e.y-r,width:a?n-s:s-n}},J=(e,t,o,i,r,a,n)=>{const s=i,d=i+a,l=e.rowObjs.map((e=>e.y)),{minRowInd:c,maxRowInd:u}=G(l,s,d),m=[];for(let a=c;a<=u;a++){const s=e.rowObjs[a],d=s.taskObjs.filter((({overallStartTime:e,overallEndTime:i})=>Y(e,i,t,o))).map((e=>q(e,t,o,r,i,n))),l={...s,y:s.y-i,taskObjs:d};m.push(l)}const g=[];m.forEach((i=>{i.taskObjs.forEach((({index:i,rowIndex:a,labelObj:s,y:d,height:l})=>{const c=((e,t,o,i,r,a,n,s)=>{if(!e)return;const d=h.getTimePosition(e.startTime,r,a,n,s),l=h.getTimePosition(e.endTime,r,a,n,s);let c;switch(e.position){case"center":c="center";break;case"start":c=s?"right":"left";break;case"end":c=s?"left":"right";break;default:return e.position}return{x:s?l:d,y:o,width:s?d-l:l-d,height:i,label:e.label,isInner:e.isInner,textAlign:c,labelStyle:t}})(s,e.rowData[a].tasks[i].labelStyle,d,l,t,o,r,n);c&&g.push(c)}))}));const w="on"===e.gridlines.horizontal?m.map((({y:e,height:t})=>e+t+.5)):void 0,p=new Map;return m.forEach((e=>e.taskObjs.forEach((e=>p.set(e.id,e))))),{spatialIndex:e.spatialIndex,gridlines:e.gridlines,horizontalGridlinesPos:w,rowData:e.rowData,allRowObjs:e.rowObjs,allIdTaskObjMap:e.idTaskObjMap,allIdRowObjMap:e.idRowObjMap,rowPadding:e.rowPadding,rowObjs:m,taskLabelObjs:g,idTaskObjMap:p,getTaskDataById:e.getTaskDataById}},Q=(e,t,o,i)=>{const r=t[e.rowIndex].tasks[e.index],a=void 0!==r.accessibleLabel?r.accessibleLabel:((e,t,o,i)=>{const r=t[e.rowIndex],a=r.tasks[e.index],{start:n,end:s}=K(a),d=n===s,l=[];if(r.label){const e=i.vis_labelAndValue({LABEL:i.gantt_labelRow(),VALUE:r.label});l.push(e)}if(d){const e=i.vis_labelAndValue({LABEL:i.gantt_labelDate(),VALUE:o(n)});l.push(e)}else{const e=i.vis_labelAndValue({LABEL:i.gantt_labelStart(),VALUE:o(n)}),t=i.vis_labelAndValue({LABEL:i.gantt_labelEnd(),VALUE:o(s)});l.push(e),l.push(t)}if(a.label){const e=i.vis_labelAndValue({LABEL:i.gantt_labelLabel(),VALUE:a.label});l.push(e)}return l.join("; ")})(e,t,o,i);return c.generateAriaLabel(i,a,{isSelected:e.isSelected})};function ee({rowObj:e,rowData:o,isRowSelected:r,isFocused:n,isHorizontalGridlinesVisible:s,ariaActive:d,children:l}){const c=((e,t)=>{const o=t[e.index];return o.accessibleLabel||o.label})(e,o);return t.jsx("div",{id:d?.dataId===e.id?d.ariaId:void 0,"data-oj-private-row-index":e.index,role:"row","aria-label":c,class:i.classNames([a.rowAxisStyles.labelContainer,r&&a.rowBackgroundStyles.selected,n&&a.rowAxisStyles.labelContainerFocused,s&&a.rowAxisStyles.withLabelSeparatorBottom]),children:t.jsx("div",{role:"rowheader",children:l})},e.id)}function te({content:e,placement:r="top-end-corner",offset:a,borderColor:n,anchor:s,targetFocusRef:d,defaultContainer:l="enabled"}){const c=o.useRef(x.useId()),[h,u]=o.useState({x:0,y:0}),g=a||{mainAxis:f.DATATIP_OFFSET,crossAxis:-1*f.DATATIP_OFFSET},w=o.useRef(null),v="element"===s?w:{current:h};return{datatipContent:null!=e&&""!=e?t.jsx(m.Layer,{children:t.jsx(p.Floating,{anchorRef:v,placement:r,offsetValue:g,flipOptions:{crossAxis:!0,mainAxis:!0},shiftOptions:{crossAxis:!1,mainAxis:!1},children:t.jsx("div",{id:c.current,className:i.classNames([b.styles.visDatatipStyle,"enabled"===l?b.styles.borderEnabled:void 0]),style:{borderColor:n},children:e})})}):null,datatipProps:{"aria-describedby":c.current,onPointerEnter:e=>{e.eventPhase!==Event.AT_TARGET&&e.eventPhase!==Event.BUBBLING_PHASE||(w.current=e.currentTarget)},onPointerLeave:()=>{u({x:-1e4,y:-1e4})},onPointerMove:e=>{u({x:e.clientX,y:e.clientY})},onFocus:e=>{e.eventPhase!==Event.AT_TARGET&&e.eventPhase!==Event.BUBBLING_PHASE||(w.current=e.target)},onShowFocusDatatip:()=>{w.current=d.current}}}}const oe=({rowObjs:e,hoverProps:t})=>({onPointerMove:o=>{const i=(t=>{const{clientX:o,clientY:i}=t,r=document.elementsFromPoint(o,i);for(let t=0;t<r.length;t++){const o=r[t].dataset.ojRowIndex;if(o)return e[Number(o)].id}})(o);i!==t.hoveredRowLabelId&&t.onRowLabelHoverChange({id:i})}});function ie({innerRef:e,scrollPosition:o,resolvedWidth:r,resolvedMaxWidth:n,currentRowLabel:s,currentRowLabelInteraction:d,hoveredRowLabelId:l,onRowLabelHoverChange:c,layoutObj:{labelPaddingInlineStart:h,labelPaddingInlineEnd:m,rowData:g,rowObjs:w,idRowObjMap:p,isHorizontalGridlinesVisible:b},ariaActive:x,children:f}){const T=r!==1/0?r:void 0,k=n!==1/0?n:void 0,A=Math.min(r,n),R=A===1/0?-1:A-(h+m),j=oe({rowObjs:w,hoverProps:{hoveredRowLabelId:l,onRowLabelHoverChange:c}}),{datatipContent:S,datatipProps:C}=(({targetRef:e,rowData:t,hoveredRowObj:o,focusedRowObj:i,currentRowLabelInteraction:r,rowAxisRegion:a})=>{const{direction:n}=u.useUser(),s="rtl"===n,d={hover:{rowObj:o,anchor:"pointer"},focus:{rowObj:i,anchor:"element"},none:{rowObj:void 0,anchor:"pointer"}},{anchor:l,rowObj:c}=d[r],h=c?t[c.index].accessibleLabel:void 0,m=c&&"element"===l?{x:0,y:c.y+a.y,width:a.w,height:c.height}:void 0;return te({content:h,anchor:l,placement:"top-start",offset:v.calculateOffset(s,a.w,m),targetFocusRef:e})})({rowData:g,hoveredRowObj:l&&p.get(l),focusedRowObj:s?.isFocused?p.get(s.id):void 0,currentRowLabelInteraction:d,rowAxisRegion:{x:0,y:-o,w:2*(h+m),h:-1},targetRef:e});return t.jsxs("div",{ref:e,...y.mergeProps(j,C),class:i.classNames([a.rowAxisStyles.base,b&&a.rowAxisStyles.withSeparatorTop]),style:{width:T,maxWidth:k},children:[t.jsx("div",{role:"grid",class:a.rowAxisStyles.contentContainer,style:{top:-o},children:w.map((e=>t.jsx(ee,{ariaActive:x,rowObj:e,rowData:g,isRowSelected:e.isSelected,isFocused:!!s?.isFocused&&s.id===e.id,isHorizontalGridlinesVisible:b,children:f(M(e,g,R))})))}),S]})}const re=(e,t,o,i,r)=>{const a=((e,t,o)=>{const i=t.max-o.max,r=t.min-o.min,a=e*(t.max-t.min),n=Math.max(i,Math.min(a,r));return{min:Math.max(0,t.min-n),max:t.max-n}})(e,t,i),{min:n,max:s}=o,d=a.min!==n||a.max!==s;return d&&r(a),{newRange:a,isRangeChanged:d}},ae=({rowObjs:e})=>{if(0!==e.length&&0!==e[0].taskObjs.length)return{id:e[0].taskObjs[0].id,isFocused:!0}},ne=(e,{rowObjs:t,idTaskObjMap:o},i)=>{const r=o.get(e);if(!r)return;const a="next"===i?1:-1,{rowIndex:n,renderIndex:s}=r,d=t[n].taskObjs[s+a];if(d)return d.id;const l=t[n+a];if(l){const e="next"===i?l.taskObjs[0]:l.taskObjs[l.taskObjs.length-1];if(e)return e.id}},se=(e,{rowObjs:t,idTaskObjMap:o},i)=>{const r=o.get(e);if(!r)return;const a="down"===i?1:-1,{rowIndex:n}=r,s=t[n+a];if(!s)return;const d=s.taskObjs[0];return d?d.id:void 0},de=(e,t)=>ne(e,t,"next"),le=(e,t)=>ne(e,t,"prev"),ce=(e,{rowObjs:t,idRowObjMap:o},i)=>{const r=o.get(e);if(!r)return;const a="down"===i?1:-1,{index:n}=r,s=t[n+a];return s?s.id:void 0},he=(e,t,o,i="auto",r="auto",a=0)=>{const n=Math.min(e.x-t.x-a,0),s=Math.max(0,e.x+e.w-(t.x+t.w)+a),d=o?s:n,l=o?n:s;let c=0;switch(i){case"start":c=d;break;case"end":c=l;break;case"auto":c=(o?l<0:l>0)?l:d;break;default:return i}const h=Math.min(e.y-t.y-a,0),u=Math.max(0,e.y+e.h-(t.y+t.h)+a);let m=0;switch(r){case"top":m=h;break;case"bottom":m=u;break;case"auto":m=h<0?h:u;break;default:return r}return{dx:-c,dy:-m}},ue=({viewportLayout:e,dataBodyWidth:t,dataBodyHeight:i,viewportStartTime:r,viewportEndTime:a,scrollPosition:n,...s})=>{const{direction:d}=u.useUser(),l="rtl"===d,c=(({getRangeX:e,getRangeY:t,globalRangeX:i,globalRangeY:r,onRangeXChange:a,onRangeYChange:n,isDisabled:s=!1})=>{const d=o.useRef({min:0,max:0}),l=o.useRef({min:0,max:0});return s?{}:{onKbPanHorizontal:t=>{const{detail:{rangeRatio:o}}=t,{newRange:r}=re(o,e(),d.current,i,a);d.current=r},onKbPanVertical:e=>{const{detail:{rangeRatio:o}}=e,{newRange:i}=re(o,t(),l.current,r,n);l.current=i}}})(s),h=o.useRef({min:0,max:0}),m=o.useRef({min:0,max:0}),g=(e=0,o=0)=>{if(0!==e){const{newRange:o}=re(e/t,s.getRangeX(),h.current,s.globalRangeX,s.onRangeXChange);h.current=o}if(0!==o){const{newRange:e}=re(o/i,s.getRangeY(),m.current,s.globalRangeY,s.onRangeYChange);m.current=e}};return s.isDisabled?{}:{...c,onKbPanTaskIntoView:o=>{let s=e.idTaskObjMap.get(o.detail.id);if(!s){const i=e.allIdTaskObjMap.get(o.detail.id);if(!i)return;s=q(i,r,a,t,n,l)}const{x:d,y:c,width:h,height:u}=s,m={x:d,y:c,w:h,h:u},w={x:0,y:0,w:t,h:i},p=e.rowPadding,{dx:b,dy:x}=he(m,w,l,"auto","auto",p);g(b,x)},onKbPanRowIntoView:o=>{const r=e.allIdRowObjMap.get(o.detail.id);if(!r)return;const a={x:0,y:r.y-n,w:t,h:r.height},s={x:0,y:0,w:t,h:i},d=e.rowPadding,{dy:c}=he(a,s,l,"auto","auto",d);g(0,c)}}},me=({captureTargetRef:e,width:t,height:i,viewportStartTime:r,viewportEndTime:a,majorAxisScale:n,minorAxisScale:s,startTime:d,endTime:l,zoomParameters:c,scrollPosition:m,dataBodyHeight:g,totalRowsHeight:w,viewportLayout:p,onViewportChange:b,onScrollPositionChange:x,onCursorChange:f,isPanDisabled:v,isZoomDisabled:k})=>{const A={captureTargetRef:e,width:t,height:i,getRangeX:()=>({min:r,max:a}),getRangeY:()=>({min:m,max:m+g}),globalRangeX:{min:d,max:l},globalRangeY:{min:0,max:w},onRangeXChange:e=>{b?.({viewportStart:h.getISOString(e.min),viewportEnd:h.getISOString(e.max),majorAxisScale:n,minorAxisScale:s})},onRangeYChange:e=>{x?.({y:e.min})},isDisabled:v},{getZoomOrderViewDurationThresholds:R,...j}=c,S={captureTargetRef:e,width:t,...j,zoomOrderViewDurationThresholds:R(t),onViewportChange:b,isDisabled:k},C=(({captureTargetRef:e,width:t,height:i,getRangeX:r,getRangeY:a,globalRangeX:n,globalRangeY:s,onRangeXChange:d,onRangeYChange:l,onDragPanStart:c,onDragPanEnd:m,isDisabled:g=!1})=>{const{direction:w}=u.useUser(),p=o.useRef({min:0,max:0}),b=o.useRef({min:0,max:0}),x=o.useRef({min:0,max:0}),f=o.useRef({min:0,max:0}),v=o.useRef(!1),y=h.useDrag({captureTargetRef:e,onDragStart:()=>{x.current=r(),f.current=a(),c&&c()},onDragMove:({dx:e,dy:o})=>{v.current=!0;const{newRange:r}=re(("rtl"===w?-1:1)*e/t,x.current,p.current,n,d);p.current=r;const{newRange:a}=re(o/i,f.current,b.current,s,l);b.current=a},onDragEnd:({originalEvent:e})=>{v.current&&e.preventDefault(),v.current=!1,m&&m()},isDisabled:g});return g?{}:y})({...A,onDragPanStart:()=>f?.({cursor:"grabbing"}),onDragPanEnd:()=>f?.({cursor:"grabbingUnset"})}),I=(({width:e,height:t,getRangeX:i,getRangeY:r,globalRangeX:a,globalRangeY:n,onRangeXChange:s,onRangeYChange:d,isDisabled:l=!1})=>{const{direction:c}=u.useUser(),m=o.useRef({min:0,max:0}),g=o.useRef({min:0,max:0}),w=h.useWheel({onWheel:({deltaX:o,deltaY:l,ctrlKey:h})=>{if(h)return;const{newRange:u}=re(("rtl"===c?-1:1)*o/e,i(),m.current,a,s);m.current=u;const{newRange:w}=re(l/t,r(),g.current,n,d);g.current=w},isDisabled:l});return l?{}:w})(A),P=ue({...A,viewportLayout:p,dataBodyWidth:t,dataBodyHeight:g,viewportStartTime:r,viewportEndTime:a,scrollPosition:m}),L=(({captureTargetRef:e,width:t,startTime:o,endTime:i,viewportStartTime:r,viewportEndTime:a,majorAxisZoomOrder:n,majorAxisZoomOrderIndex:s,minorAxisZoomOrder:d,minorAxisZoomOrderIndex:l,zoomOrderViewDurationThresholds:c,minZoomViewportDuration:m,maxZoomViewportDuration:g,onViewportChange:w,isDisabled:p=!1})=>{const{direction:b}=u.useUser(),x="rtl"===b,f=T.usePinch({captureTargetRef:e,onPinchZoomChange:({origin:{x:e},delta:u})=>{const p=h.getPositionTime(e,r,a,t,x);h.zoomTime(p,r,a,o,i,h.getGestureZoomFactor(u),m,g,c,d,l,n,s,w)},isDisabled:p});return p?{}:f})(S),O=(({width:e,startTime:t,endTime:o,viewportStartTime:i,viewportEndTime:r,majorAxisZoomOrder:a,majorAxisZoomOrderIndex:n,minorAxisZoomOrder:s,minorAxisZoomOrderIndex:d,zoomOrderViewDurationThresholds:l,minZoomViewportDuration:c,maxZoomViewportDuration:m,onViewportChange:g,isDisabled:w=!1})=>{const{direction:p}=u.useUser(),b="rtl"===p,x=h.useWheel({onWheel:({x:u,deltaY:w,ctrlKey:p})=>{if(!p)return;const x=h.getPositionTime(u,i,r,e,b);h.zoomTime(x,i,r,t,o,h.getGestureZoomFactor(w),c,m,l,s,d,a,n,g)},isDisabled:w});return w?{}:x})(S),E=(({startTime:e,endTime:t,viewportStartTime:o,viewportEndTime:i,majorAxisZoomOrder:r,majorAxisZoomOrderIndex:a,minorAxisZoomOrder:n,minorAxisZoomOrderIndex:s,zoomOrderViewDurationThresholds:d,minZoomViewportDuration:l,maxZoomViewportDuration:c,onViewportChange:u,isDisabled:m=!1})=>m?{}:{onKbZoomIn:m=>{const g=o+(i-o)/2;h.zoomTime(g,o,i,e,t,m.detail.zoomFactor,l,c,d,n,s,r,a,u)},onKbZoomOut:m=>{const g=o+(i-o)/2;h.zoomTime(g,o,i,e,t,m.detail.zoomFactor,l,c,d,n,s,r,a,u)}})(S);return{gestureProps:y.mergeProps(C,I,P,L,O,E)}},ge=({targetRef:e,datatip:o,rowData:i,dateFormatter:r,hoveredTaskObj:a,focusedTaskObj:n,currentTaskInteraction:s,dataBodyRegion:d})=>{const{direction:l}=u.useUser(),c="rtl"===l,h=R.useTranslationBundle("@oracle/oraclejet-preact"),m={hover:{taskObj:a,anchor:"pointer"},focus:{taskObj:n,anchor:"element"},none:{taskObj:void 0,anchor:"pointer"}},{anchor:g,taskObj:w}=m[s];let p,b,x;const f=w?((e,t)=>{const{index:o,rowIndex:i}=t;return{data:e[i].tasks[o],rowData:e[i]}})(i,w):void 0;if(f){const e=o?.(f),i=(e=>{const{translations:o,dateFormatter:i}=e;return({data:e,rowData:r})=>{if(void 0!==e.accessibleLabel)return{content:e.accessibleLabel};const{start:a,end:n}=K(e),s=a===n,d=[];return r.label&&d.push({key:o.gantt_labelRow(),value:r.label}),s?d.push({key:o.gantt_labelDate(),value:i(a)}):(d.push({key:o.gantt_labelStart(),value:i(a)}),d.push({key:o.gantt_labelEnd(),value:i(n)})),e.label&&d.push({key:o.gantt_labelLabel(),value:e.label}),{content:t.jsx(A.VisTabularDatatip,{tableData:d})}}})({translations:h,dateFormatter:r,isRTL:c}),a=i(f);p=""===e?.content?void 0:e?.content||a.content,b=e?.borderColor||a.borderColor,x=e?.defaultContainer||a.defaultContainer}const y=w&&"element"===g?{x:w.x,y:w.y+d.y,width:w.width,height:w.height}:void 0;return te({content:p,anchor:g,placement:"top-start",offset:v.calculateOffset(c,d.w,y),borderColor:b,defaultContainer:x,targetFocusRef:e})};function we({innerRef:e,isRTL:r,scrollPosition:n,onScrollPositionChange:s,isViewportDefined:l,onViewportChange:c,zoomParameters:u,zooming:m,selectedIds:g,selectionMode:w,onSelectionChange:p,hoveredTaskId:b,onTaskHoverChange:x,currentTask:f,onCurrentTaskChange:v,currentTaskInteraction:T,ariaActive:A,getTimeAxesLayout:R,getResolvedViewportLayout:j,rowDataLayout:S,rowAxisSeparator:C,datatip:I,majorAxis:P,minorAxis:L,dataBody:O}){return l?t.jsx(d.TrackResizeContainer,{width:"100%",height:"100%",children:function(d,l){const E=R(d),{position:D,majorAxis:M,minorAxis:V,viewportStartTime:z,viewportEndTime:B,startTime:_,endTime:F}=E,H=M&&M.zoomOrder[M.zoomOrderIndex],U=V.zoomOrder[V.zoomOrderIndex],W=M?M.height:0,{height:Z}=V,Y=l-(W+Z),X=j(S,z,B,n,d,Y,r),G=((e,t)=>{const o=e.selectionProps.selectedIds||[],i=[];o.forEach((e=>{const o=t.get(e);o&&i.push(o)}));const r=N(e.selectionProps.selectionMode)?e.hoverProps.hoveredTaskId:void 0,a=void 0!==r?t.get(r):void 0,n=e.currentProps.currentTask,s=!0===n?.isFocused,d=n?.id,l=s&&void 0!==d?t.get(d):void 0;return{selectedTaskObjs:i,hoveredTaskObj:a,focusedTaskObj:l}})({selectionProps:{selectedIds:g,selectionMode:w},hoverProps:{hoveredTaskId:b},currentProps:{currentTask:f}},X.idTaskObjMap),K=h.getDefaultDateFormatter(U,z),$=M&&P(M),q=L(V),J=O({width:d,height:Y,viewportLayout:X,minorAxisLayout:V,effectsLayout:G,dateFormatter:K,ariaActiveTask:A}),Q={top:{components:[$,q,J],dataBodyPos:l-Y},bottom:{components:[J,q,$],dataBodyPos:0}},[ee,te]=o.useState(),oe=e=>te((t=>void 0===t?e.cursor:"grabbing"===t&&"grabbingUnset"!==e.cursor?"grabbing":"grabbingUnset"!==e.cursor&&"pointerUnset"!==e.cursor?e.cursor:void 0)),{gestureProps:ie}=me({captureTargetRef:e,width:d,height:l,viewportStartTime:z,viewportEndTime:B,majorAxisScale:H,minorAxisScale:U,startTime:_,endTime:F,zoomParameters:u,scrollPosition:n,dataBodyHeight:Y,totalRowsHeight:S.totalRowsHeight,viewportLayout:X,onViewportChange:e=>{c&&(c(e),x({id:void 0}))},onScrollPositionChange:e=>{s&&(s(e),x({id:void 0}))},onCursorChange:oe,isPanDisabled:!1,isZoomDisabled:"off"===m}),re={x:0,y:Q[D].dataBodyPos,w:d,h:Y},{gestureProps:ae,selectionContent:ne}=(({viewportLayout:e,viewportYOffset:t,dataBodyRegion:o,viewportStartTime:i,viewportEndTime:r,width:a,isRTL:n,selectionProps:s,hoverProps:d,currentProps:l,onCursorChange:c})=>{const{x:u,y:m,w:g,h:w}=o,p=N(s.selectionMode),b=o=>{const s=e.allRowObjs,d=e.spatialIndex,{offsetX:l,offsetY:c}=o;if(l<u||l>u+g||c<m||c>m+w)return;const p={time:h.getPositionTime(l,i,r,a,n),y:c+t},b=((e,t,{time:o,y:i})=>{const r=t.search(o,i,o,i);if(0===r.length)return;let a=r[0];for(let t=0;t<e.length;t++){const o=e[t];for(let e=0;e<o.taskObjs.length;e++){if(0===a)return{rowIndex:t,taskIndex:e};a-=1}}})(s,d.tasks,p);if(!b)return;const{rowIndex:x,taskIndex:f}=b;return s[x].taskObjs[f].id},x={onPointerMove:e=>{const t=b(e);t!==d.hoveredTaskId&&d.onTaskHoverChange({id:t}),p&&c?.({cursor:void 0!==t?"pointer":"pointerUnset"})}},f={onPointerUp:e=>{const t=b(e);void 0!==t&&(p&&c?.({cursor:"pointer"}),t!==l?.currentTask?.id&&l.onCurrentTaskChange({id:t,isFocused:!1}))}},{selectionProps:{onKeyUp:v,...T},selectionContent:A}=k.useSelection({idExtracter:b,selection:s.selectedIds,selectionMode:s.selectionMode,onChange:s.onSelectionChange,getDataById:e.getTaskDataById});return{gestureProps:y.mergeProps(x,f,T),selectionContent:A}})({viewportLayout:X,viewportYOffset:n-Q[D].dataBodyPos,dataBodyRegion:re,viewportStartTime:z,viewportEndTime:B,width:d,isRTL:r,selectionProps:{selectedIds:g,selectionMode:w,onSelectionChange:p},hoverProps:{hoveredTaskId:b,onTaskHoverChange:x},currentProps:{currentTask:f,onCurrentTaskChange:v},onCursorChange:oe}),{datatipContent:se,datatipProps:de}=ge({datatip:I,rowData:X.rowData,dateFormatter:K,hoveredTaskObj:b&&X.idTaskObjMap.get(b),focusedTaskObj:G.focusedTaskObj,currentTaskInteraction:T,dataBodyRegion:re,targetRef:e}),le=y.mergeProps(ie,ae,de);return t.jsxs("div",{ref:e,...le,class:i.classNames([a.timeAxisDataBodyStyles.base,a.timeAxisDataBodyStyles.pannable,r?C&&a.timeAxisDataBodyStyles.withRowAxisSeparatorRight:C&&a.timeAxisDataBodyStyles.withRowAxisSeparatorLeft]),style:{cursor:ee},children:[Q[D].components,se,ne]})}}):t.jsx(d.TrackResizeContainer,{width:"100%",height:"100%",children:e=>{const t=R(e),{majorAxis:o,minorAxis:i,viewportStartTime:r,viewportEndTime:a}=t,n=o&&o.zoomOrder[o.zoomOrderIndex],s=i.zoomOrder[i.zoomOrderIndex];return c?.({viewportStart:h.getISOString(r),viewportEnd:h.getISOString(a),majorAxisScale:n,minorAxisScale:s}),null}})}function pe({width:e,height:o,positions:i}){const r=i.map((t=>`M0,${t} H${e}`)).join(" ");return t.jsx("svg",{width:e,height:o,children:t.jsx("path",{class:a.horizontalGridlinesStyles.base,d:r})})}function be({width:e,height:i,rowData:r,dateFormatter:a,ariaActiveId:n,ariaActiveTaskObj:s}){const d=R.useTranslationBundle("@oracle/oraclejet-preact"),l=o.useRef(0),c=o.useMemo((()=>{const e=0===l.current?[n,v.getRandomId()]:[v.getRandomId(),n];return l.current=Math.abs(l.current-1),e}),[n]),h=s&&Q(s,r,a,d);return t.jsxs("div",{style:{width:e,height:i},children:[t.jsx("div",{role:"img",id:c[0],"aria-label":h}),t.jsx("div",{role:"img",id:c[1],"aria-label":h})]})}function xe({width:e,height:o,rowData:i,dateFormatter:r,layoutObjs:n}){const s=R.useTranslationBundle("@oracle/oraclejet-preact"),d=[];return n.forEach((e=>{e.taskObjs.forEach((e=>{const o=Q(e,i,r,s);d.push(t.jsx("div",{role:"img","aria-label":o,class:a.taskMobileAccStyles.content,style:{width:e.width,height:e.height,top:e.y,left:e.x}}))}))})),t.jsx("div",{class:a.taskMobileAccStyles.base,style:{width:e,height:o},children:d})}function fe({width:e,height:o,rowData:i,dateFormatter:r,ariaActiveId:a,ariaActiveTaskObj:n,layoutObjs:s}){return c.supportsMobileScreenReader?t.jsx(xe,{width:e,height:o,layoutObjs:s,rowData:i,dateFormatter:r}):t.jsx(be,{width:e,height:o,rowData:i,dateFormatter:r,ariaActiveId:a,ariaActiveTaskObj:n})}function ve({width:e,height:o,layoutObjs:i}){const r=i.filter((e=>e.isSelected)),n=r.map((({y:t,height:o})=>`M1,${t} H${e-1} V${t+o} H1 Z`)).join(" ");return r.length>0?t.jsx("svg",{width:e,height:o,children:t.jsx("path",{class:a.rowBackgroundStyles.selected,d:n})}):null}const ye=(e,t)=>{const{x:o,y:i,width:r,height:a,borderRadius:n,stroke:s,strokeWidth:d,padding:l}=t,c=o-l,h=i-l,u=r+2*l,m=a+2*l,g=j.rectangleWithBorderRadius(c,h,u,m,n,Math.min(u,m),"0"),w=new Path2D(g);e.strokeStyle=s,e.lineWidth=d,e.stroke(w)},Te=(e,t,o)=>{const i="hovered"===o,{x:r,y:a,width:n,height:s,borderRadius:d,fill:l,stroke:c,strokeWidth:h}=t,u=j.rectangleWithBorderRadius(r,a,n,s,d,Math.min(n,s),"0"),m=new Path2D(u);switch(i&&((e,t)=>{e.shadowColor=t.shadowColor,e.shadowOffsetX=t.shadowOffsetX,e.shadowOffsetY=t.shadowOffsetY,e.shadowBlur=t.shadowBlur})(e,t.hoverEffect.shadow),e.fillStyle="#ffffff",e.fill(m),i&&(e=>{e.shadowColor="transparent",e.shadowOffsetX=0,e.shadowOffsetY=0,e.shadowBlur=0})(e),e.strokeStyle=c,e.fillStyle=l,e.lineWidth=h,e.fill(m),e.stroke(m),o){case"selected":ye(e,{x:r,y:a,width:n,height:s,borderRadius:d,...t.selectionEffect});break;case"hovered":ye(e,{x:r,y:a,width:n,height:s,borderRadius:d,...t.hoverEffect});break;case"focused":ye(e,{x:r,y:a,width:n,height:s,borderRadius:d,...t.focusEffect});break;case void 0:break;default:return o}};function ke({width:e,height:o,layoutObj:i}){return t.jsx(h.TimeComponentCanvas2D,{width:e,height:o,draw:e=>{i&&Te(e,i,"focused")}})}function Ae({width:e,height:o,layoutObj:i}){return t.jsx(h.TimeComponentCanvas2D,{width:e,height:o,draw:e=>{i&&Te(e,i,"hovered")}})}function Re({width:e,height:o,layoutObjs:i}){return t.jsx(h.TimeComponentCanvas2D,{width:e,height:o,draw:e=>{i.forEach((t=>Te(e,t,"selected")))}})}function je({width:e,height:o,layoutObjs:{selectedTaskObjs:i,hoveredTaskObj:r,focusedTaskObj:a}}){return t.jsxs(h.TimeComponentLayersStack,{width:`${e}px`,height:`${o}px`,children:[t.jsx(ke,{width:e,height:o,layoutObj:a}),t.jsx(Re,{width:e,height:o,layoutObjs:i}),t.jsx(Ae,{width:e,height:o,layoutObj:r})]})}function Se({x:e,y:o,width:r,height:n,label:s,isInner:d,textAlign:c,labelStyle:h}){return t.jsx("div",{"aria-hidden":"true",class:i.classNames([a.taskLabelLayerStyles.label,d&&a.taskLabelLayerStyles.innerLabel]),style:{left:e,top:o,width:r,height:n,textAlign:c,...h},children:t.jsx(l.Text,{variant:h?.color?"inherit":"primary",truncation:"ellipsis",size:"md",weight:"inherit",children:s})})}function Ce({width:e,height:o,layoutObjs:i}){return t.jsx("div",{class:a.taskLabelLayerStyles.base,style:{width:e,height:o},children:i.map((e=>t.jsx(Se,{...e})))})}function Ie({width:e,height:o,layoutObjs:i}){return t.jsx(h.TimeComponentCanvas2D,{width:e,height:o,draw:e=>{i.forEach((t=>{t.taskObjs.forEach((t=>Te(e,t)))}))}})}function Pe({width:e,height:o,minorAxisLayout:{minorGridTicksPos:i,majorGridTicksPos:r},viewportLayout:{gridlines:a,rowData:n,rowObjs:s,taskLabelObjs:d,horizontalGridlinesPos:l,idTaskObjMap:c},effectsLayout:u,dateFormatter:m,ariaActiveTask:g}){return t.jsxs(h.TimeComponentLayersStack,{width:`${e}px`,height:`${o}px`,children:[t.jsx(ve,{width:e,height:o,layoutObjs:s}),"on"===a.vertical&&t.jsx(h.TimeComponentVerticalGridlines,{width:e,height:o,positions:i,variant:"minor"}),"on"===a.vertical&&r&&t.jsx(h.TimeComponentVerticalGridlines,{width:e,height:o,positions:r,variant:"major"}),l&&t.jsx(pe,{width:e,height:o,positions:l}),t.jsx(fe,{width:e,height:o,layoutObjs:s,rowData:n,dateFormatter:m,ariaActiveId:g?.ariaId,ariaActiveTaskObj:g&&c.get(g.dataId)}),t.jsx(Ie,{width:e,height:o,layoutObjs:s}),t.jsx(je,{width:e,height:o,layoutObjs:u}),t.jsx(Ce,{width:e,height:o,layoutObjs:d})]})}function Le({visRef:e,overlayControlsContainerRef:o,panZoomLayout:i,getTimeAxesLayout:r,getHorizontalScrollbarLayout:a,onHorizontalScrollChange:n,getVerticalScrollbarLayout:s,onVerticalScrollChange:d,rowAxisSeparator:l=!1,zoomParameters:c,zooming:u="on",isViewportDefined:m,onViewportChange:g,getResolvedViewportLayout:w,datatip:p,rowDataLayout:b,isRTL:x,scrollPosition:f,onScrollPositionChange:v,selectedIds:y,selectionMode:T,onSelectionChange:k,hoveredTaskId:A,onTaskHoverChange:R,currentTask:j,onCurrentTaskChange:S,currentTaskInteraction:C,ariaActive:I,width:P,height:L}){return t.jsx(h.TimeComponentPanZoomLayout,{overlayControlsContainerRef:o,...i,width:P,height:L,overlayControls:"on"===u&&c&&m?t.jsx(h.TimeComponentZoomControls,{position:i.overlayControlsPosition,zoomParameters:c,onViewportChange:g}):void 0,verticalControl:t.jsx(h.TimeComponentVerticalScrollbarContainer,{getLayout:s,onRangeChange:d,children:e=>t.jsx(h.TimeComponentVerticalScrollbar,{...e})}),horizontalControl:t.jsx(h.TimeComponentHorizontalScrollbarContainer,{getLayout:a,onRangeChange:n,children:e=>t.jsx(h.TimeComponentHorizontalScrollbar,{...e})}),vis:t.jsx(we,{innerRef:e,isRTL:x,scrollPosition:f,onScrollPositionChange:v,isViewportDefined:m,onViewportChange:g,zoomParameters:c,zooming:u,rowAxisSeparator:l,selectedIds:y,selectionMode:T,onSelectionChange:k,hoveredTaskId:A,onTaskHoverChange:R,currentTask:j,onCurrentTaskChange:S,currentTaskInteraction:C,ariaActive:I,getTimeAxesLayout:r,getResolvedViewportLayout:w,rowDataLayout:b,datatip:p,majorAxis:e=>t.jsx(h.TimeComponentHorizontalTimeAxis,{...e}),minorAxis:e=>t.jsx(h.TimeComponentHorizontalTimeAxis,{...e}),dataBody:e=>t.jsx(Pe,{...e})})})}const Oe=(e,t,o)=>t.map((t=>e(t,o))),Ee=e=>void 0===e?"0px":void 0!==e.height?`${e.height}px`:r.bridgeValues.horizontalTimeAxisHeight,De=(e,t)=>{const o=((e,t)=>void 0===t?0:void 0!==t.height?t.height:e)(e,t),{scale:i,zoomOrder:r=[t.scale]}=t;return{height:o,zoomOrder:r,zoomOrderIndex:r.indexOf(i)}},Me=(e,t)=>Date.parse(e.getPreviousDate(new Date(t).toISOString())),Ve=(e,t)=>Date.parse(e.getNextDate(new Date(t).toISOString())),ze=(e,t,o)=>{const i=[Me(e,t)];for(;i[i.length-1]<o;)i.push(Ve(e,i[i.length-1]));return i},Be=(e,t)=>{const{type:o,params:i}=t;switch(o){case"exact":{const t=new Map,o=ze(e,i.startTime,i.endTime);for(let e=0;e<o.length-1;e++)t.set(o[e],o[e+1]);return{intervals:t,numIntervals:t.size}}case"approximate":{const{startTime:t,endTime:o,numSections:r,numIntervalsPerSection:a}=i,n=((e,t,o,i,r)=>{const a=new Map,n=Math.floor((o-t)/i);for(let s=0;s<i;s++){const i=t+n*s,d=Math.min(t+n*(s+1),o);let l=Me(e,i);for(let t=0;t<r&&!(l>=d);t++){const t=Ve(e,l);a.set(l,t),l=t}l=Me(e,d-1),a.set(l,Ve(e,l))}return a})(e,t,o,r,a),s=[...n.keys()],d=s.reduce(((e,t)=>e+(n.get(t)-Number(t))),0)/s.length;return{intervals:n,numIntervals:(o-t)/d}}default:return o}},_e=(e,t)=>e.formatter(new Date(t).toISOString()),Fe=(e,t,o)=>{const i=ze(e,t,o),r=i.slice(0,i.length-1).map((t=>_e(e,t)));return{ticks:i,labels:r}},He=(e,t,o,i,r="start",a,n,s,d,l,c,u,m,g)=>{const w=t+o,p=c,b=u,x=a.slice(0,a.length-1),f=n.map((e=>h.getTimePosition(e,p,b,m,g))),v=a.map((e=>h.getTimePosition(e,p,b,m,g))),y=v.slice(1).map(((e,t)=>g?v[t]-e:e-v[t])),T=a[0]<d;T&&(v[0]=0,y[0]=v[1]),a[a.length-1]>l&&(v[v.length-1]=g?0:m,y[y.length-1]=g?v[v.length-2]-v[v.length-1]:v[v.length-1]-v[v.length-2]);const k=v.slice(0,v.length-1).map(((e,t)=>g?e-y[t]:e)),A=Oe(e,s,i).map((({width:e},t)=>Math.floor(e)-Math.floor(y[t]-w)>0));return{font:i,labelPosition:r,labels:s,labelTicks:x,labelPositions:k,isLabelTruncated:A,isIntervalStartTruncated:T,intervalWidths:y,gridTicksPos:f,isRTL:g}},Ue=(e,t,o,i,r,a,n,s)=>{const{zoomOrderMinLengthFactor:d,maxNumIntervals:l}=((e,t,o,i,r,a,n)=>{const s=t+o,d=a.map((e=>Be(e,n))),l=Math.max(...d.map((({numIntervals:e})=>e)));return{zoomOrderMinLengthFactor:d.map((({intervals:t},o)=>{const n=a[o],d=[...t.keys()],l=d.map((e=>_e(n,t.get(e)))),c=d.map((e=>t.get(e)-e)),h=Oe(e,l,r),u=Math.min(...c.map(((e,t)=>e/Math.max(i,h[t].width+s))));return u})),maxNumIntervals:l}})(e,t,o,i,r,s,{type:"approximate",params:{numSections:4,numIntervalsPerSection:10,startTime:a,endTime:n}});return{getZoomOrderViewDurationThresholds:e=>d.map((t=>e*t)),minorAxisZoomOrder:s,minZoomViewportDuration:(n-a)/l,maxZoomViewportDuration:n-a,startTime:a,endTime:n}},We=(e,t,o,i,r,a,n,s,d,l,c,h,u,m)=>g=>{const{zoomOrder:w,zoomOrderIndex:p}=c,b=a(g),{viewportStartTime:x,viewportEndTime:f}=((e,t,o,i,r)=>void 0!==i&&void 0!==r?{viewportStartTime:i,viewportEndTime:r}:void 0!==i&&void 0===r?{viewportStartTime:i,viewportEndTime:Math.min(o,i+e)}:void 0===i&&void 0!==r?{viewportStartTime:Math.max(t,r-e),viewportEndTime:r}:{viewportStartTime:t,viewportEndTime:Math.min(o,t+e)})(b[p],s,d,u,m),{majorAxisLayout:v,minorAxisLayout:y}=((e,t,o,i,r,a,n,s,d,l,c,h,u)=>{const m=u?Fe(u,s,d):{ticks:[],labels:[]},g=Fe(h,s,d),{ticks:w,labels:p}=m,{ticks:b,labels:x}=g,f=new Set(w),v=new Set(b),y=0===w.filter((e=>e>s&&e<d&&!v.has(e))).length,T=y?b.filter((e=>!f.has(e))):b,k=u&&He(e,t,o,i,u.labelPosition,w,w,p,a,n,s,d,l,c),A=He(e,t,o,r,h.labelPosition,b,T,x,a,n,s,d,l,c);return{minorAxisLayout:{majorGridTicksPos:y&&k?k.gridTicksPos:void 0,minorGridTicksPos:A.gridTicksPos,variant:"minor",...A},majorAxisLayout:k&&{majorGridTicksPos:k.gridTicksPos,minorGridTicksPos:void 0,variant:"major",...k}}})(e,t,o,i,r,s,d,x,f,g,l,w[p],h&&h.zoomOrder[h.zoomOrderIndex]);return{position:n,startTime:s,endTime:d,viewportStartTime:x,viewportEndTime:f,width:g,majorAxis:v&&{width:g,...h,...v},minorAxis:{width:g,...c,...y}}},Ze=[{tokenVar:r.bridgeValues.horizontalTimeAxisHeight,key:"defaultTimeAxisHeight",cssProp:"height"},{tokenVar:r.bridgeValues.horizontalTimeAxisLabelPaddingInlineStart,key:"timeAxisLabelPaddingInlineStart",cssProp:"margin-inline-start"},{tokenVar:r.bridgeValues.horizontalTimeAxisLabelPaddingInlineEnd,key:"timeAxisLabelPaddingInlineEnd",cssProp:"margin-inline-end"},{tokenVar:P.xUnits(12.5),key:"timeAxisLabelMinWidth",cssProp:"min-width"},{tokenVar:I.typographyVars.body.md.fontSize,key:"majorAxisFontSize",cssProp:"font-size"},{tokenVar:I.typographyVars.body.sm.fontSize,key:"minorAxisFontSize",cssProp:"margin-block-start"},{tokenVar:I.typographyVars.body.md.fontWeight.semibold,key:"majorAxisFontWeight"},{tokenVar:I.typographyVars.body.sm.fontWeight.regular,key:"minorAxisFontWeight"}],Ye=e=>"0"===e?0:Number(e.substring(0,e.length-2)),Xe=[{tokenVar:a.bridgeValues.rowLabelPaddingInlineStart,key:"rowLabelPaddingInlineStart",cssProp:"padding-inline-start"},{tokenVar:a.bridgeValues.rowLabelPaddingInlineStart,key:"rowLabelPaddingInlineEnd",cssProp:"padding-inline-end"},{tokenVar:P.xUnits(3),key:"rowPaddingTop",cssProp:"padding-top"},{tokenVar:P.xUnits(3),key:"rowPaddingBottom",cssProp:"padding-bottom"},{tokenVar:P.xUnits(6),key:"taskHeight",cssProp:"min-height"},{tokenVar:P.xUnits(1),key:"taskBorderRadius",cssProp:"border-radius"},{tokenVar:a.bridgeValues.taskBgColor,key:"taskBgColor",cssProp:"background-color"},{tokenVar:a.bridgeValues.taskBorderColor,key:"taskBorderColor",cssProp:"border-color"},{tokenVar:a.bridgeValues.taskEffectBorderColor,key:"taskEffectBorderColor",cssProp:"outline-color"},{tokenVar:I.baseVars.boxShadow.md,key:"taskEffectBoxShadow",cssProp:"box-shadow"}],Ge=e=>{const[t,o,i,r,...a]=e.split(" ").reverse();return{shadowColor:a.reverse().join(" "),shadowOffsetX:Ye(r??"0"),shadowOffsetY:Ye(i??"0"),shadowBlur:Ye(o??"0")}},Ke=e=>e.endsWith("px")?{value:Number(e.substring(0,e.length-2)),suffix:"px"}:e.endsWith("%")?{value:Number(e.substring(0,e.length-1)),suffix:"%"}:{value:1/0,suffix:void 0},Ne=Ze.concat(Xe),$e=({rowAxis:e,gridlines:{horizontal:o="off",vertical:i="on"}={horizontal:"off",vertical:"on"},axisPosition:a="top",minorAxis:n,majorAxis:s,start:d,end:l,viewportStart:c,viewportEnd:m,onViewportChange:g,scrollPosition:{y:w=0}={y:0},onScrollPositionChange:p,rows:b,selectedIds:x,selectionMode:f="none"})=>{const{direction:v}=u.useUser(),{resolvedVars:y,cssContent:T}=S.useCssVars(Ne),{textMeasureContent:k,getTextDimensions:A}=C.useTextDimensions(),R="rtl"===v,j=t.jsxs(t.Fragment,{children:[k,T]}),{startTime:I,endTime:L,viewportStartTime:O,viewportEndTime:E,isValidTimeConfig:M}=((e,t,o,i)=>{const r=h.parseDate(e),a=h.parseDate(t),n=o?h.parseDate(o):void 0,s=i?h.parseDate(i):void 0,d=((e,t,o,i)=>t>e&&(void 0===o||void 0===i||i>o)&&(void 0===o||o>=e&&o<t)&&(void 0===i||i>e&&i<=t))(r,a,n,s);return{startTime:r,endTime:a,viewportStartTime:n,viewportEndTime:s,isValidTimeConfig:d}})(d,l,c,m);if(!A||0===Object.keys(y).length)return{isRTL:R,layoutContent:j,isValidConfig:M,isReady:!1};if(!M)return{isRTL:R,layoutContent:j,isValidConfig:M,isReady:!0};const V=void 0===e?"off":"on",z="on"===e?{}:e,B=z?.width??"max-content",_=z?.maxWidth??"none",F=z?.labelRenderer??D,H=((e,t,o)=>{const i=Ee(t);return{position:e,height:`calc(${Ee(o)} + ${i})`}})(a,n,s),U={top:{overlayControlsPosition:"topEnd",verticalControlTopGap:(W=H).height,verticalControlBottomGap:"0"},bottom:{overlayControlsPosition:"bottomEnd",verticalControlTopGap:"0",verticalControlBottomGap:W.height}}[W.position];var W;const Z="on"===V?((e,t)=>{const o=`${P.xUnits(1)} + ${r.bridgeValues.horizontalScrollbarHeight}`,i={top:{rowAxisTopGap:e.height,rowAxisBottomGap:`calc(${o})`},bottom:{rowAxisTopGap:"0",rowAxisBottomGap:`calc(${e.height} + ${o})`}},a=Ke(t.width),n=Ke(t.maxWidth);return{...i[e.position],resolvedRowAxisWidth:a,resolvedRowAxisMaxWidth:n,label:t.label}})(H,{width:B,maxWidth:_,label:F}):void 0,Y=(e=>({defaultTimeAxisHeight:Ye(e.defaultTimeAxisHeight),timeAxisLabelPaddingInlineStart:Ye(e.timeAxisLabelPaddingInlineStart),timeAxisLabelPaddingInlineEnd:Ye(e.timeAxisLabelPaddingInlineEnd),timeAxisLabelMinWidth:Ye(e.timeAxisLabelMinWidth),majorAxisFont:{fontSize:e.majorAxisFontSize,fontWeight:e.majorAxisFontWeight},minorAxisFont:{fontSize:e.minorAxisFontSize,fontWeight:e.minorAxisFontWeight}}))(y),X=s&&De(Y.defaultTimeAxisHeight,s),G=De(Y.defaultTimeAxisHeight,n),K=Ue(A,Y.timeAxisLabelPaddingInlineStart,Y.timeAxisLabelPaddingInlineEnd,Y.timeAxisLabelMinWidth,Y.minorAxisFont,I,L,G.zoomOrder),N=We(A,Y.timeAxisLabelPaddingInlineStart,Y.timeAxisLabelPaddingInlineEnd,Y.majorAxisFont,Y.minorAxisFont,K.getZoomOrderViewDurationThresholds,a,I,L,R,G,X,O,E),q=(e=>({rowPaddingTop:Ye(e.rowPaddingTop),rowPaddingBottom:Ye(e.rowPaddingBottom)}))(y),Q=(e=>({taskHeight:Ye(e.taskHeight),taskBorderRadius:e.taskBorderRadius,taskBgColor:e.taskBgColor,taskBorderColor:e.taskBorderColor,taskEffectBorderColor:e.taskEffectBorderColor,taskEffectBoxShadow:Ge(e.taskEffectBoxShadow)}))(y),ee=$(b,{...q,...Q},{horizontal:o,vertical:i},{selectedIds:x,selectionMode:f}),te=(e=>({rowLabelPaddingInlineStart:Ye(e.rowLabelPaddingInlineStart),rowLabelPaddingInlineEnd:Ye(e.rowLabelPaddingInlineEnd)}))(y),oe={labelPaddingInlineStart:te.rowLabelPaddingInlineStart,labelPaddingInlineEnd:te.rowLabelPaddingInlineEnd,rowData:ee.rowData,rowObjs:ee.rowObjs,idRowObjMap:ee.idRowObjMap,isHorizontalGridlinesVisible:"on"===o},ie=((e,t,o,i,r)=>a=>{const n=t-e,s=i-o,d=a*n/s,l=a*(e-o)/s,c=r?a-l-d:l;return{thumbWidth:d,thumbLeft:r?void 0:l,thumbRight:r?l:void 0,draggableRegion:{xMin:c,xMax:c+d,yMin:-1/0,yMax:1/0},getNewRange:e=>{const t=r?Math.max(0,a-e-d):e,l=Math.min(o+t/a*s,i-n);return{newMin:l,newMax:l+n}}}})(O??I,E??L,I,L,R),re=(ae=w,ne=void 0,se=0,de=ee.totalRowsHeight,e=>{const t=(ne??e+ae)-ae,o=de-se,i=Math.min(e,e*t/o),r=Math.max(0,e*(ae-se)/o);return{thumbHeight:i,thumbTop:r,draggableRegion:{xMin:-1/0,xMax:1/0,yMin:r,yMax:r+i},getNewRange:i=>{const r=Math.max(0,Math.min(se+i/e*o,de-t));return{newMin:r,newMax:r+t}}}});var ae,ne,se,de;return{scrollPosition:w,panZoomLayout:U,withRowAxisLayout:Z,getTimeAxesLayout:N,zoomParameters:void 0!==O&&void 0!==E?{viewportStartTime:O,viewportEndTime:E,minorAxisZoomOrderIndex:G.zoomOrderIndex,majorAxisZoomOrder:X?.zoomOrder,majorAxisZoomOrderIndex:X?.zoomOrderIndex,...K}:void 0,rowDataLayout:ee,rowAxisLayout:oe,getResolvedViewportLayout:J,getHorizontalScrollbarLayout:ie,onHorizontalScrollChange:(e,t)=>{g?.({viewportStart:h.getISOString(e),viewportEnd:h.getISOString(t),majorAxisScale:s?.scale,minorAxisScale:n.scale})},getVerticalScrollbarLayout:re,onVerticalScrollChange:e=>{p?.({y:e})},isRTL:R,layoutContent:j,isValidConfig:M,isReady:!0}},qe=({visRef:e,isDisabled:t=!1})=>t?{}:{onKeyDown:t=>{switch(t.key){case"=":case"+":{const o=new CustomEvent("KbZoomIn",{detail:{zoomFactor:h.DEFAULT_ZOOM_IN_FACTOR}});e.current?.dispatchEvent(o),L.cancelEvent(t);break}case"-":case"_":{const o=new CustomEvent("KbZoomIn",{detail:{zoomFactor:h.DEFAULT_ZOOM_OUT_FACTOR}});e.current?.dispatchEvent(o),L.cancelEvent(t);break}case"PageUp":{const o=t.shiftKey?new CustomEvent("KbPanHorizontal",{detail:{rangeRatio:.25}}):new CustomEvent("KbPanVertical",{detail:{rangeRatio:.25}});e.current?.dispatchEvent(o),L.cancelEvent(t);break}case"PageDown":{const o=t.shiftKey?new CustomEvent("KbPanHorizontal",{detail:{rangeRatio:-.25}}):new CustomEvent("KbPanVertical",{detail:{rangeRatio:-.25}});e.current?.dispatchEvent(o),L.cancelEvent(t);break}}}},Je=({rowDataLayout:e,currentTask:t,onCurrentTaskChange:o,isRTL:i,isDisabled:r=!1})=>r?{}:{onKeyDown:r=>{switch(r.key){case"ArrowRight":{const a=t&&(i?le(t.id,e):de(t.id,e));void 0!==a&&o({id:a,isFocused:!0}),L.cancelEvent(r);break}case"ArrowLeft":{const a=t&&(i?de(t.id,e):le(t.id,e));void 0!==a&&o({id:a,isFocused:!0}),L.cancelEvent(r);break}case"ArrowUp":{const i=t&&((e,t)=>se(e,t,"up"))(t.id,e);void 0!==i&&o({id:i,isFocused:!0}),L.cancelEvent(r);break}case"ArrowDown":{const i=t&&((e,t)=>se(e,t,"down"))(t.id,e);void 0!==i&&o({id:i,isFocused:!0}),L.cancelEvent(r);break}}}},Qe=({rowDataLayout:e,currentRowLabel:t,onCurrentRowLabelChange:o,isDisabled:i=!1})=>i?{}:{onKeyDown:i=>{switch(i.key){case"ArrowUp":{const r=t&&((e,t)=>ce(e,t,"up"))(t.id,e);void 0!==r&&o({id:r,isFocused:!0}),L.cancelEvent(i);break}case"ArrowDown":{const r=t&&((e,t)=>ce(e,t,"down"))(t.id,e);void 0!==r&&o({id:r,isFocused:!0}),L.cancelEvent(i);break}}}},et=({visRef:e,rowAxisRef:t,rowDataLayout:i,navigationModes:r,selectionProps:a,isRTL:n,isDisabled:s=!1})=>{const d=o.useRef("tasks"),{onKeyUp:l}=k.useSelection({idExtracter:e=>{if("tasks"===d.current&&"keyup"===e.type)return r.tasks.currentItem?.id},selection:a.selectedIds,selectionMode:a.selectionMode,onChange:a.onSelectionChange,getDataById:i?.getTaskDataById||(()=>{})}).selectionProps,c="tasks"===d.current?{onKeyUp:l}:{},h=qe({visRef:e,isDisabled:s}),u=Je({rowDataLayout:i,currentTask:r.tasks.currentItem,onCurrentTaskChange:r.tasks.onCurrentItemChange,isRTL:n}),m=Qe({rowDataLayout:i,currentRowLabel:r.rowLabels.currentItem,onCurrentRowLabelChange:r.rowLabels.onCurrentItemChange}),g={onFocus:()=>{const o=new Event("ShowFocusDatatip");e.current?.dispatchEvent(o),t.current?.dispatchEvent(o)}};return s?{}:y.mergeProps(h,g,{onKeyDown:e=>{let t=!1;const o=e=>{const{onCurrentItemChange:t}=r[e.type];t({id:e.id,isFocused:!0})},a=e=>{const{currentItem:t,onCurrentItemChange:o}=r[e];t&&o({id:t.id,isFocused:!1})},s=()=>{const n=((e,t)=>{const o=t.idTaskObjMap.get(e),{rowIndex:i}=o;return t.rowObjs[i].id})(r.tasks.currentItem.id,i);o({id:n,type:"rowLabels"}),a("tasks"),d.current="rowLabels",t=!0,L.cancelEvent(e)},l=()=>{const n=((e,t,o)=>{if(void 0!==o){const i=t.idTaskObjMap.get(o);if(i){const{rowIndex:r}=i;if(t.rowObjs[r].id===e)return o}}const i=t.idRowObjMap.get(e),r=i?.taskObjs[0];if(r)return r.id;const a=ae(t);return a?.id})(r.rowLabels.currentItem.id,i,r.tasks.currentItem?.id);void 0!==n&&o({id:n,type:"tasks"}),a("rowLabels"),d.current="tasks",t=!0,L.cancelEvent(e)};switch(e.key){case"Tab":a(d.current);break;case"ArrowLeft":e.altKey&&(n||"tasks"!==d.current?n&&"rowLabels"===d.current&&l():s());break;case"ArrowRight":e.altKey&&(n||"rowLabels"!==d.current?n&&"tasks"===d.current&&s():l())}if(!t)switch(d.current){case"tasks":u.onKeyDown?.(e);break;case"rowLabels":m.onKeyDown?.(e);break;default:return d.current}},onKeyUp:e=>{switch(e.key){case"Tab":{const{currentItem:t,onCurrentItemChange:o}=r[d.current],a=t||ae(i);a&&o({id:a.id,isFocused:!0}),L.cancelEvent(e);break}}}},c)};e.Gantt=function({width:e,height:i,testId:r,...a}){const n=o.useRef(null),{scrollPosition:s,panZoomLayout:d,withRowAxisLayout:l,getTimeAxesLayout:c,zoomParameters:h,rowDataLayout:u,rowAxisLayout:m,getResolvedViewportLayout:g,getHorizontalScrollbarLayout:w,onHorizontalScrollChange:p,getVerticalScrollbarLayout:b,onVerticalScrollChange:x,isRTL:f,layoutContent:T,isValidConfig:k,isReady:A}=$e(a),R={"aria-label":a["aria-label"],"aria-describedby":a["aria-describedby"],"aria-labelledby":a["aria-labelledby"],role:"application"},j=void 0!==a.viewportStart&&void 0!==a.viewportEnd,[S,C]=o.useState(),[I,P]=o.useState("none"),[L,D]=o.useState(),[M,V]=o.useState("none"),[z,B]=o.useState(),_=e=>{void 0!==e.id&&C({dataId:e.id,ariaId:v.getRandomId(),type:"rowLabel"}),V(void 0!==e.id?"hover":"none"),B(e.id)},[F,H]=o.useState(),U=e=>{if(e.isFocused){const t=new CustomEvent("KbPanTaskIntoView",{detail:{id:e.id}});Y.current?.dispatchEvent(t),C({dataId:e.id,ariaId:v.getRandomId(),type:"task"}),P("focus")}H(e)},[W,Z]=o.useState(),Y=o.useRef(null),X=o.useRef(null),G=o.useRef(null),K=(({rootRef:e,overlayControlsContainerRef:t,isDisabled:i=!1})=>{const r=o.useRef(!1),a=()=>{const e=new Event("ControlsShow");t.current?.dispatchEvent(e)},n=()=>{const e=new Event("ControlsHide");t.current?.dispatchEvent(e)};return i?{}:{onFocus:()=>{r.current=!0,a()},onBlur:t=>{t.relatedTarget&&e.current?.contains(t.relatedTarget)||(r.current=!1,n())},onPointerDown:t=>{"mouse"!==t.pointerType&&e.current?.focus()},onPointerOver:e=>{"mouse"===e.pointerType&&a()},onPointerOut:e=>{"mouse"===e.pointerType&&(r.current||n())}}})({rootRef:n,overlayControlsContainerRef:G,isDisabled:!j}),N=et({visRef:Y,rowAxisRef:X,navigationModes:{tasks:{currentItem:F,onCurrentItemChange:U},rowLabels:{currentItem:W,onCurrentItemChange:e=>{if(e.isFocused){const t=new CustomEvent("KbPanRowIntoView",{detail:{id:e.id}});Y.current?.dispatchEvent(t),C({dataId:e.id,ariaId:v.getRandomId(),type:"rowLabel"}),V("focus")}Z(e)}}},rowDataLayout:u,selectionProps:{selectedIds:a.selectedIds,selectionMode:a.selectionMode,onSelectionChange:a.onSelectionChange},isRTL:f,isDisabled:!j});if(!A||!k)return t.jsx(O,{innerRef:n,width:e,height:i,...R,children:T});const $=t.jsx(Le,{visRef:Y,overlayControlsContainerRef:G,isRTL:f,isViewportDefined:j,scrollPosition:s,onScrollPositionChange:a.onScrollPositionChange,onViewportChange:a.onViewportChange,rowAxisSeparator:!!l,zoomParameters:h,zooming:a.zooming,panZoomLayout:d,getTimeAxesLayout:c,getHorizontalScrollbarLayout:w,onHorizontalScrollChange:p,getVerticalScrollbarLayout:b,onVerticalScrollChange:x,getResolvedViewportLayout:g,rowDataLayout:u,datatip:a.datatip,selectedIds:a.selectedIds,selectionMode:a.selectionMode,onSelectionChange:a.onSelectionChange,hoveredTaskId:L,onTaskHoverChange:e=>{void 0!==e.id&&C({dataId:e.id,ariaId:v.getRandomId(),type:"task"}),P(void 0!==e.id?"hover":"none"),D(e.id)},currentTask:F,onCurrentTaskChange:U,currentTaskInteraction:I,ariaActive:"task"===S?.type?S:void 0}),q=l&&t.jsx(E,{...l,rowAxis:(e,o)=>t.jsx(ie,{innerRef:X,resolvedWidth:e,resolvedMaxWidth:o,currentRowLabel:W,hoveredRowLabelId:z,onRowLabelHoverChange:_,currentRowLabelInteraction:M,ariaActive:"rowLabel"===S?.type?S:void 0,layoutObj:m,scrollPosition:s,children:l.label}),ganttView:$});return t.jsxs(O,{innerRef:n,width:e,height:i,testId:r,...R,...y.mergeProps(N,K),"aria-activedescendant":S?.ariaId,children:[q||$,T]})}}));
 //# sourceMappingURL=Gantt-cdd9d3cb.js.map

package/amd/{Grid-5324e17b.js → Grid-caac1c86.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './grid-767b4587', './boxalignment-8d80de7e', './mergeInterpolations-9ede4cf7', 'css!./GridStyles.styles.css', './useTestId-6160e7a2'], (function(e,s,t,r,i,n,l){"use strict";const a=[...Object.values(t.gridInterpolations),...Object.values(r.boxAlignmentInterpolations)],d=i.mergeInterpolations(a);e.Grid=({"aria-label":e,"aria-hidden":t,children:r,testId:i,role:n,...a})=>{const{class:o,...c}=d(a),b=l.useTestId(i),u={...c};return s.jsx("div",{class:`GridStyles_baseStyles__11rn47i0 ${o||""}`,style:u,role:n,"aria-label":e,"aria-hidden":t,...b,children:r})}}));
-//# sourceMappingURL=Grid-5324e17b.js.map
+define(['exports', 'preact/jsx-runtime', './grid-767b4587', './boxalignment-8d80de7e', './mergeInterpolations-9ede4cf7', 'css!./GridStyles.styles.css', './useTestId-f4240cbd'], (function(e,s,t,r,i,n,l){"use strict";const a=[...Object.values(t.gridInterpolations),...Object.values(r.boxAlignmentInterpolations)],d=i.mergeInterpolations(a);e.Grid=({"aria-label":e,"aria-hidden":t,children:r,testId:i,role:n,...a})=>{const{class:o,...c}=d(a),b=l.useTestId(i),u={...c};return s.jsx("div",{class:`GridStyles_baseStyles__11rn47i0 ${o||""}`,style:u,role:n,"aria-label":e,"aria-hidden":t,...b,children:r})}}));
+//# sourceMappingURL=Grid-caac1c86.js.map

package/amd/{Grid-5324e17b.js.map → Grid-caac1c86.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Grid-~~5324e17b~~.js","sources":["../../src/UNSAFE_Grid/Grid.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 /\nimport type { ComponentChildren, JSX } from 'preact';\n\nimport { gridInterpolations } from '../utils/UNSAFE_interpolations/grid';\nimport type { GridProps } from '../utils/UNSAFE_interpolations/grid';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles } from './GridStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\n\ntype Props = GridProps &\n BoxAlignmentProps &\n TestIdProps & {\n /\n The aria role for the Grid\n /\n role?: UnpackSignals<JSX.HTMLAttributes>['role'];\n /\n aria-label for this Grid\n /\n 'aria-label'?: UnpackSignals<JSX.AriaAttributes>['aria-label'];\n /\n aria-hidden for this Grid\n /\n 'aria-hidden'?: UnpackSignals<JSX.AriaAttributes>['aria-hidden'];\n /\n The children to put in the grid.\n /\n children?: ComponentChildren;\n };\n\nconst interpolations = [\n ...Object.values(gridInterpolations),\n ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/\n An implicit grid. Resize your browser to see how items reflow.\n */\nexport const Grid = ({\n 'aria-label': ariaLabel,\n 'aria-hidden': ariaHidden,\n children,\n testId,\n role,\n ...props\n}: Props) => {\n const { class: cls, ...styles } = styleInterpolations(props);\n const testIdProps = useTestId(testId);\n const allStyles = { ...styles };\n return (\n <div\n class={`${baseStyles} ${cls ? cls : ''}`}\n style={allStyles}\n role={role}\n aria-label={ariaLabel}\n aria-hidden={ariaHidden}\n {...testIdProps}>\n {children}\n </div>\n );\n};\n"],"names":["interpolations","Object","values","gridInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","ariaLabel","ariaHidden","children","testId","role","props","class","cls","styles","testIdProps","useTestId","allStyles","_jsx","style"],"mappings":"4MAuCA,MAAMA,EAAiB,IAClBC,OAAOC,OAAOC,yBACdF,OAAOC,OAAOE,+BAGbC,EAAsBC,EAAAA,oBAA2BN,UAKnC,EAClB,aAAcO,EACd,cAAeC,EACfC,WACAC,SACAC,UACGC,MAEH,MAAQC,MAAOC,KAAQC,GAAWV,EAAoBO,GAChDI,EAAcC,YAAUP,GACxBQ,EAAY,IAAKH,GACvB,OACEI,MAAA,MAAA,CACEN,MAAO,mCAAiBC,GAAY,KACpCM,MAAOF,EACPP,KAAMA,EACM,aAAAJ,EACC,cAAAC,KACTQ,EAAWP,SACdA,GAEH"}
1	+ {"version":3,"file":"Grid-caac1c86.js","sources":["../../src/UNSAFE_Grid/Grid.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 /\nimport type { ComponentChildren, JSX } from 'preact';\n\nimport { gridInterpolations } from '../utils/UNSAFE_interpolations/grid';\nimport type { GridProps } from '../utils/UNSAFE_interpolations/grid';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles } from './GridStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\n\ntype Props = GridProps &\n BoxAlignmentProps &\n TestIdProps & {\n /\n The aria role for the Grid\n /\n role?: UnpackSignals<JSX.HTMLAttributes>['role'];\n /\n aria-label for this Grid\n /\n 'aria-label'?: UnpackSignals<JSX.AriaAttributes>['aria-label'];\n /\n aria-hidden for this Grid\n /\n 'aria-hidden'?: UnpackSignals<JSX.AriaAttributes>['aria-hidden'];\n /\n The children to put in the grid.\n /\n children?: ComponentChildren;\n };\n\nconst interpolations = [\n ...Object.values(gridInterpolations),\n ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/\n An implicit grid. Resize your browser to see how items reflow.\n */\nexport const Grid = ({\n 'aria-label': ariaLabel,\n 'aria-hidden': ariaHidden,\n children,\n testId,\n role,\n ...props\n}: Props) => {\n const { class: cls, ...styles } = styleInterpolations(props);\n const testIdProps = useTestId(testId);\n const allStyles = { ...styles };\n return (\n <div\n class={`${baseStyles} ${cls ? cls : ''}`}\n style={allStyles}\n role={role}\n aria-label={ariaLabel}\n aria-hidden={ariaHidden}\n {...testIdProps}>\n {children}\n </div>\n );\n};\n"],"names":["interpolations","Object","values","gridInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","ariaLabel","ariaHidden","children","testId","role","props","class","cls","styles","testIdProps","useTestId","allStyles","_jsx","style"],"mappings":"4MAuCA,MAAMA,EAAiB,IAClBC,OAAOC,OAAOC,yBACdF,OAAOC,OAAOE,+BAGbC,EAAsBC,EAAAA,oBAA2BN,UAKnC,EAClB,aAAcO,EACd,cAAeC,EACfC,WACAC,SACAC,UACGC,MAEH,MAAQC,MAAOC,KAAQC,GAAWV,EAAoBO,GAChDI,EAAcC,YAAUP,GACxBQ,EAAY,IAAKH,GACvB,OACEI,MAAA,MAAA,CACEN,MAAO,mCAAiBC,GAAY,KACpCM,MAAOF,EACPP,KAAMA,EACM,aAAAJ,EACC,cAAAC,KACTQ,EAAWP,SACdA,GAEH"}

package/amd/GroupLoadingIndicator-4daed099.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './keys-4755c121', './useId-c9578d26', './TabbableModeContext-a9c97640', './useComponentTheme-5aa41a8f', './useInteractionStyle-15a2bdd0', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './PRIVATE_List/themes/ListStyles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './Flex-71f83c12', './Skeleton-3e52c94a', './List-8d95a024'], (function(e,t,i,s,n,o,l,r,a,d,c,u,p,v,b,m){"use strict";e.GROUP_SELECTOR="[data-oj-listview-group]",e.GroupLoadingIndicator=()=>t.jsx(m.SkeletonContainer,{minimumCount:3,children:e=>{const i={paddingLeft:10*e+"px"};return t.jsxs(v.Flex,{height:"12x",align:"center",children:[t.jsx("span",{style:i}),t.jsx(b.Skeleton,{height:"4x"})]})}}),e.ListGroupHeader=function({ariaDescribedBy:e,children:v,itemKey:b,itemIndex:m,itemDepth:x,isFocused:g,isFocusRingVisible:f,isActive:y,isGridlineVisible:h,isExpandable:S,expandedKeys:E,viewportConfig:j}){const[R,C]=i.useState(!1),{classes:L,styles:k}=r.useComponentTheme(p.GroupedListRedwoodTheme),{interactionProps:I,applyHoverStyle:T,applyPseudoHoverStyle:H,applyActiveStyle:w}=a.useInteractionStyle(),G=[u.listGroupHeaderMultiVariantStyles({expandable:S?"isExpandable":"notExpandable",needsEventsHover:T?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:H?"isPseudoHover":"notPseudoHover",active:w||y?"isActive":"notActive",focusRingVisible:f&&g?"isFocusRingVisible":"notFocusRingVisible",gridlineTop:m>0?"visible":"hidden",gridlineBottom:h?"visible":"hidden"})];R&&(G.push(L),G.push(k.stuckHeader));const A=s.classNames(G),F=d.mergeInterpolations([...Object.values(c.flexitemInterpolations)]),{class:N,...P}=F({alignSelf:"center",flex:"1 0 auto"}),V=i.useRef(null),B=S?V:j?.scrollerRef??null,K=i.useRef(null),O=i.useCallback((()=>{const e=B?B.current:null,t=K.current;if(!e||!t)return;let i=!1;const s=t.nextElementSibling;if(s){const e=t.getBoundingClientRect();if(i=e.bottom>s.getBoundingClientRect().top,!i){let s=t.previousElementSibling;for(;s;){if(s.hasAttribute("data-oj-listview-group")){i=s.getBoundingClientRect().top===e.top;break}s=s.previousElementSibling}}}C(i)}),[B]);return i.useEffect((()=>{const e=B?B.current:null;if(e)return O(),e.addEventListener("scroll",O),()=>{e.removeEventListener("scroll",O)}}),[B,O]),t.jsx("div",{ref:K,id:o.useId(),role:"row","aria-rowindex":m+1,"aria-level":isNaN(x)?void 0:x+1,class:A,"data-oj-key":b,"data-oj-list-item":"","data-oj-listview-group":"",...R&&{"data-oj-listview-sticky":""},..."number"==typeof b&&{"data-oj-key-type":"number"},...I,children:t.jsx("div",{id:o.useId(),role:"gridcell","aria-describedby":e,"aria-colindex":1,"aria-expanded":n.containsKey(E,b),style:P,children:t.jsx(l.TabbableModeContext.Provider,{value:{isTabbable:!1},children:v})})})},e.STICKY_SELECTOR="[data-oj-listview-sticky]"}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './keys-4755c121', './useId-c9578d26', './TabbableModeContext-a9c97640', './useComponentTheme-5aa41a8f', './useInteractionStyle-15a2bdd0', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './PRIVATE_List/themes/ListStyles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './Flex-4b81b412', './Skeleton-3e52c94a', './List-8d95a024'], (function(e,t,i,s,n,o,l,r,a,d,c,u,p,b,v,m){"use strict";e.GROUP_SELECTOR="[data-oj-listview-group]",e.GroupLoadingIndicator=()=>t.jsx(m.SkeletonContainer,{minimumCount:3,children:e=>{const i={paddingLeft:10*e+"px"};return t.jsxs(b.Flex,{height:"12x",align:"center",children:[t.jsx("span",{style:i}),t.jsx(v.Skeleton,{height:"4x"})]})}}),e.ListGroupHeader=function({ariaDescribedBy:e,children:b,itemKey:v,itemIndex:m,itemDepth:x,isFocused:g,isFocusRingVisible:f,isActive:y,isGridlineVisible:h,isExpandable:S,expandedKeys:E,viewportConfig:j}){const[R,C]=i.useState(!1),{classes:L,styles:k}=r.useComponentTheme(p.GroupedListRedwoodTheme),{interactionProps:I,applyHoverStyle:T,applyPseudoHoverStyle:H,applyActiveStyle:w}=a.useInteractionStyle(),G=[u.listGroupHeaderMultiVariantStyles({expandable:S?"isExpandable":"notExpandable",needsEventsHover:T?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:H?"isPseudoHover":"notPseudoHover",active:w||y?"isActive":"notActive",focusRingVisible:f&&g?"isFocusRingVisible":"notFocusRingVisible",gridlineTop:m>0?"visible":"hidden",gridlineBottom:h?"visible":"hidden"})];R&&(G.push(L),G.push(k.stuckHeader));const A=s.classNames(G),F=d.mergeInterpolations([...Object.values(c.flexitemInterpolations)]),{class:N,...P}=F({alignSelf:"center",flex:"1 0 auto"}),V=i.useRef(null),B=S?V:j?.scrollerRef??null,K=i.useRef(null),O=i.useCallback((()=>{const e=B?B.current:null,t=K.current;if(!e||!t)return;let i=!1;const s=t.nextElementSibling;if(s){const e=t.getBoundingClientRect();if(i=e.bottom>s.getBoundingClientRect().top,!i){let s=t.previousElementSibling;for(;s;){if(s.hasAttribute("data-oj-listview-group")){i=s.getBoundingClientRect().top===e.top;break}s=s.previousElementSibling}}}C(i)}),[B]);return i.useEffect((()=>{const e=B?B.current:null;if(e)return O(),e.addEventListener("scroll",O),()=>{e.removeEventListener("scroll",O)}}),[B,O]),t.jsx("div",{ref:K,id:o.useId(),role:"row","aria-rowindex":m+1,"aria-level":isNaN(x)?void 0:x+1,class:A,"data-oj-key":v,"data-oj-list-item":"","data-oj-listview-group":"",...R&&{"data-oj-listview-sticky":""},..."number"==typeof v&&{"data-oj-key-type":"number"},...I,children:t.jsx("div",{id:o.useId(),role:"gridcell","aria-describedby":e,"aria-colindex":1,"aria-expanded":n.containsKey(E,v),style:P,children:t.jsx(l.TabbableModeContext.Provider,{value:{isTabbable:!1},children:b})})})},e.STICKY_SELECTOR="[data-oj-listview-sticky]"}));
 //# sourceMappingURL=GroupLoadingIndicator-4daed099.js.map

package/amd/HighlightText-ee76c447.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ define(['exports', 'preact/jsx-runtime', 'css!./HighlightTextStyles.styles.css', './useTestId-f4240cbd'], (function(e,t,s,n){"use strict";const i="__@@__",c=`${i}$&${i}`;e.HighlightText=function({children:e="",matchText:s="",testId:l}){const h=n.useTestId(l);if(s.length>0&&e.length>0){const n=s.replace(/[.*+\-?^${}()\|[\]\\]/g,"\\$&"),l=e.replace(new RegExp(n,"gi"),c).split(i).map(((e,s)=>s%2==0?e:t.jsx("span",{class:"HighlightTextStyles_highlightStyles__6s5c4p0",children:e})));return t.jsx("span",{...h,children:l})}return t.jsx("span",{...h,children:e})}}));
2	+ //# sourceMappingURL=HighlightText-ee76c447.js.map

package/amd/{HighlightText-365ba020.js.map → HighlightText-ee76c447.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HighlightText-~~365ba020~~.js","sources":["../../src/UNSAFE_HighlightText/HighlightText.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 { highlightStyles } from './HighlightTextStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n /\n The text string to apply highlighting to.\n /\n children?: string;\n /\n The text string to match.\n /\n matchText?: string;\n};\n\nconst HIGHLIGHT_TOKEN = '__@@__';\nconst HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;\n\n/\n Renders a text string with highlighting applied to the given text to match.\n /\nexport function HighlightText({ children = '', matchText = '', testId }: Props) {\n const testIdProps = useTestId(testId);\n if (matchText.length > 0 && children.length > 0) {\n const escapedMatchText = escapeRegExp(matchText);\n const highlightedText = children.replace(new RegExp(escapedMatchText, 'gi'), HIGHLIGHT_PATTERN);\n const tokens = highlightedText.split(HIGHLIGHT_TOKEN);\n const nodes = tokens.map((current, index) =>\n index % 2 == 0 ? current : <span class={highlightStyles}>{current}</span>\n );\n\n return <span {...testIdProps}>{nodes}</span>;\n }\n return <span {...testIdProps}>{children}</span>;\n}\n\nfunction escapeRegExp(str: string) {\n // copied from:\n // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping\n return str.replace(/[.+\\-?^${}()\|[\\]\\\\]/g, '\\\\$&'); // $& means the whole matched string\n}\n"],"names":["HIGHLIGHT_TOKEN","HIGHLIGHT_PATTERN","children","matchText","testId","testIdProps","useTestId","length","escapedMatchText","replace","nodes","RegExp","split","map","current","index","_jsx","jsx","class"],"mappings":"kIAsBA,MAAMA,EAAkB,SAClBC,EAAoB,GAAGD,MAAoBA,oBAKjC,UAAcE,SAAEA,EAAW,GAAEC,UAAEA,EAAY,GAAEC,OAAEA,IAC7D,MAAMC,EAAcC,YAAUF,GAC9B,GAAID,EAAUI,OAAS,GAAKL,EAASK,OAAS,EAAG,CAC/C,MAAMC,EAAgCL,EAe7BM,QAAQ,wBAAyB,QAZpCC,EAFkBR,EAASO,QAAQ,IAAIE,OAAOH,EAAkB,MAAOP,GAC9CW,MAAMZ,GAChBa,KAAI,CAACC,EAASC,IACjCA,EAAQ,GAAK,EAAID,EAAUE,EAAMC,IAAA,OAAA,CAAAC,qDAAsBhB,SAAGY,MAG5D,OAAOE,EAAAA,IAAU,OAAA,IAAAX,EAAcH,SAAAQ,GAChC,CACD,OAAOM,EAAAA,IAAU,OAAA,IAAAX,EAAcH,SAAAA,GACjC"}
1	+ {"version":3,"file":"HighlightText-ee76c447.js","sources":["../../src/UNSAFE_HighlightText/HighlightText.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 { highlightStyles } from './HighlightTextStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n /\n The text string to apply highlighting to.\n /\n children?: string;\n /\n The text string to match.\n /\n matchText?: string;\n};\n\nconst HIGHLIGHT_TOKEN = '__@@__';\nconst HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;\n\n/\n Renders a text string with highlighting applied to the given text to match.\n /\nexport function HighlightText({ children = '', matchText = '', testId }: Props) {\n const testIdProps = useTestId(testId);\n if (matchText.length > 0 && children.length > 0) {\n const escapedMatchText = escapeRegExp(matchText);\n const highlightedText = children.replace(new RegExp(escapedMatchText, 'gi'), HIGHLIGHT_PATTERN);\n const tokens = highlightedText.split(HIGHLIGHT_TOKEN);\n const nodes = tokens.map((current, index) =>\n index % 2 == 0 ? current : <span class={highlightStyles}>{current}</span>\n );\n\n return <span {...testIdProps}>{nodes}</span>;\n }\n return <span {...testIdProps}>{children}</span>;\n}\n\nfunction escapeRegExp(str: string) {\n // copied from:\n // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping\n return str.replace(/[.+\\-?^${}()\|[\\]\\\\]/g, '\\\\$&'); // $& means the whole matched string\n}\n"],"names":["HIGHLIGHT_TOKEN","HIGHLIGHT_PATTERN","children","matchText","testId","testIdProps","useTestId","length","escapedMatchText","replace","nodes","RegExp","split","map","current","index","_jsx","jsx","class"],"mappings":"kIAsBA,MAAMA,EAAkB,SAClBC,EAAoB,GAAGD,MAAoBA,oBAKjC,UAAcE,SAAEA,EAAW,GAAEC,UAAEA,EAAY,GAAEC,OAAEA,IAC7D,MAAMC,EAAcC,YAAUF,GAC9B,GAAID,EAAUI,OAAS,GAAKL,EAASK,OAAS,EAAG,CAC/C,MAAMC,EAAgCL,EAe7BM,QAAQ,wBAAyB,QAZpCC,EAFkBR,EAASO,QAAQ,IAAIE,OAAOH,EAAkB,MAAOP,GAC9CW,MAAMZ,GAChBa,KAAI,CAACC,EAASC,IACjCA,EAAQ,GAAK,EAAID,EAAUE,EAAMC,IAAA,OAAA,CAAAC,qDAAsBhB,SAAGY,MAG5D,OAAOE,EAAAA,IAAU,OAAA,IAAAX,EAAcH,SAAAQ,GAChC,CACD,OAAOM,EAAAA,IAAU,OAAA,IAAAX,EAAcH,SAAAA,GACjC"}