@oracle/oraclejet-preact 14.0.5 → 14.0.7

package/amd/{Floating-31eefce3.js.map → Floating-08ac18d2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Floating-31eefce3.js","sources":["../../src/UNSAFE_Floating/FloatingTail.tsx","../../src/UNSAFE_Floating/Floating.tsx"],"sourcesContent":["import { forwardRef } from 'preact/compat';\nimport { RefObject } from 'preact';\nimport { PositionData, Coords } from '../hooks/UNSAFE_useFloating';\n\nconst FloatingTail = forwardRef<HTMLDivElement>(({}, arrowRef) => {\n  return (\n    <div ref={arrowRef}> {/*Outer arrow - shadow*/}\n      <div></div> {/*Inner arrow - body*/}\n    </div>\n  );\n});\n\nfunction renderTail(\n  data: PositionData,\n  anchorRef: RefObject<Element | Coords>,\n  arrowRef: RefObject<Element>,\n  tail: 'none' | 'simple',\n  isRtl: boolean\n) {\n  if (tail === 'simple' && data.arrow) {\n    const { x, y, centerOffset } = data.arrow;\n    const arrowEl = arrowRef.current as Element;\n    const arrowSize = 7;\n    const arrowSizeCorner = 6;\n    const arrowInnerEl = arrowRef.current?.querySelector('div') as Element;\n    const arrowInnerSize = 5;\n    const arrowInnerSizeCorner = 5;\n    const arrowCommonStyle = {\n      position: 'absolute',\n      width: '0px',\n      height: '0px'\n    };\n    let anchorRefHeight = 0;\n    let anchorRefWidth = 0;\n    const current = anchorRef.current;\n\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(data.origPlacement);\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(data.origPlacement);\n    const isCenter = centerOffset === 0;\n    const isCenterOffsetPositive = centerOffset > 0;\n\n    // Set styles of the arrow\n    setElementStyle(arrowCommonStyle, arrowEl);\n    setElementStyle(arrowCommonStyle, arrowInnerEl);\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        borderTop: `${getSize(arrowFinalSize)} solid rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-90), 0.1)`,\n        borderRight: getTransparentBorder(arrowFinalSize),\n        borderLeft: getTransparentBorder(arrowFinalSize)\n      });\n      // Inner arrow\n      const arrowInnerFinalSize = isCornerPlacement ? arrowInnerSizeCorner : arrowInnerSize;\n      setArrowInnerStyle({\n        borderTop: `${getSize(arrowInnerFinalSize)} solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color)`,\n        borderRight: `${getTransparentBorder(arrowInnerFinalSize)}`,\n        borderLeft: `${getTransparentBorder(arrowInnerFinalSize)}`,\n      })\n    }\n\n    function setElementStyle(style: object, element: Element) {\n      //@ts-ignore - regarding types arrowEl.style is not under our control\n      Object.assign(element?.style, style);\n    }\n\n    function setArrowStyle(style: object) {\n      setElementStyle(style, arrowEl);\n    }\n\n    function setArrowInnerStyle(style: object) {\n      setElementStyle(style, arrowInnerEl);\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': setArrowTop(); break;\n      case 'end': isRtl ? setArrowStart() : setArrowEnd();break;\n      case 'bottom': setArrowBottom(); break;\n      case 'start': isRtl ? setArrowEnd() : setArrowStart(); break;\n    }\n\n    function setArrowTop() {\n      if (x != undefined) {\n        if (isCornerHorizontalPlacement) {\n          // Top corners\n          setArrowStyle({\n            top: '', // flip 'reset'\n            bottom: getSize(-arrowSize + 2),\n            left: getSize(x + (isCenterOffsetPositive ? 5 : -5)),\n            transform: getTurn(isCenterOffsetPositive ? 5 : 3)\n          });\n          setCornerArrowInner();\n        } else {\n          setArrowStyle({\n            top: '', // flip 'reset'\n            bottom: getSize(-arrowSize),\n            left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n            transform: getTurn(0)\n          });\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowEnd() {\n      if (y != undefined) {\n        if (isCornerVerticalPlacement) {\n          // End corners\n          setArrowStyle({\n            top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n            right: '', // flip 'reset'\n            left: getSize(-arrowSize -1),\n            transform: getTurn(isCenterOffsetPositive ? 7 : 5)\n          });\n          setCornerArrowInner();\n        } else {\n          // End\n          setArrowStyle({\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          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowBottom() {\n      if (x != undefined) {\n        if (isCornerHorizontalPlacement) {\n          // Bottom corners\n          setArrowStyle({\n            top: getSize(-arrowSize + 3),\n            bottom: '', // flip 'reset'\n            left: getSize(x + (isCenterOffsetPositive ? 4 : -4)),\n            transform: getTurn(isCenterOffsetPositive ? 2 : 6)\n          });\n          setArrowInnerStyle({\n            top: getSize(-arrowInnerSize),\n            left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 1 : -1))\n          });\n        } else {\n          setArrowStyle({\n            top: getSize(-arrowSize),\n            bottom: '', // flip 'reset'\n            left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n            transform: getTurn(4)\n          });\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowStart() {\n      if (y != undefined) {\n        if (isCornerVerticalPlacement) {\n          // Start corners\n          setArrowStyle({\n            top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n            right: getSize(-arrowSize - 1),\n            left: '', // flip 'reset'\n            transform: getTurn(isCenterOffsetPositive ? 1 : 3)\n          });\n          setArrowInnerStyle({\n            top: getSize(-arrowInnerSize),\n            left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? -2 : 2))\n          });\n        } else {\n          // Start\n          setArrowStyle({\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          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setCornerArrowInner() {\n      setArrowInnerStyle({\n        top: getSize(-arrowInnerSize),\n        left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 2 : -2))\n      });\n    }\n\n    function setNonCornerArrowInner() {\n      setArrowInnerStyle({\n        top: getSize(-arrowInnerSize - 2),\n        left: getSize(-arrowInnerSize)\n      });\n    }\n  }\n}\n\nexport { FloatingTail, renderTail };\n","import { RefObject } from 'preact';\nimport { useLayoutEffect, 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  offset,\n  limitShift,\n  PositionData\n} from '../hooks/UNSAFE_useFloating';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { Offset, Placement, Coords, VirtualElement, Rect } from '../hooks/UNSAFE_useFloating';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { FloatingTail, renderTail } from './FloatingTail';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children' | 'class'>;\n\ntype FlipOptions = {\n  mainAxis?: boolean; // This is the main axis in which overflow is checked to perform a flip. Default true.\n  crossAxis?: boolean; // This is the cross axis in which overflow is checked to perform a flip, the opposite axis of mainAxis. Default false.\n};\n\ntype ShiftOptions = {\n  mainAxis?: boolean; // This is the main axis in which shifting is applied. Default true.\n  crossAxis?: boolean; // This is the cross axis in which shifting is applied, the opposite axis of mainAxis. Default false\n};\n\ntype Props = IntrinsicProps & {\n  /**\n   * Placement of the floating element relative to the trigger.\n   * Possible values are:\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>;\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, object or a function.\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   * You may also pass a function which returns the previously listed values — this enables you to read the dimensions of the reference or floating elements and the current placement.\n   * <pre>\n   * (args: {\n   *   floating: Rect;\n   *   reference: Rect;\n   *   placement: Placement;\n   * }) => OffsetValue\n   * </pre>\n   */\n  offsetValue?: Offset;\n\n  /**\n   * Click outside callback.\n   */\n  onClickOutside?: (event: MouseEvent) => void;\n\n  /**\n   * Specifies the flipping behavior along the respective axis.\n   * When true, the floating element will be flipped to prevent overflow.\n   * Default values are 'true' for mainAxis and 'false' for crossAxis.\n   */\n  flipOptions?: FlipOptions;\n\n  /**\n   * Specifies the shift behavior along the respective axis.\n   * When true, the floating element will shift to prevent overflow.\n   * Default values are 'true' for mainAxis and 'false' for crossAxis.\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\nfunction isElement(value: any): value is Element {\n  return value instanceof Element;\n}\n/**\n * A floating component allows the user to create a floating element that is displayed on the the \"top layer\" of all other elements.\n *  The Floating component is an advanced component and is used underneath Popup, Tooltip, SelectMultiple, Menu and other components.\n */\nexport const Floating = forwardRef(\n  (\n    {\n      children,\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      onPosition\n    }: Props,\n    ref: ForwardedRef<HTMLElement | null>\n  ) => {\n    const arrowRef = useRef<HTMLDivElement>(null);\n\n    const [previousAnchor, setPreviousAnchor] = useState<Element | Coords | null>(null);\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(anchorRef.current);\n    }, []);\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 (anchorRef.current !== previousAnchor) {\n      setPreviousAnchor(anchorRef.current);\n    }\n\n    const { direction } = useUser();\n    const isRtl = direction === 'rtl';\n\n    const _onPosition = useCallback(\n      (data: PositionData) => {\n        renderTail(data, anchorRef, arrowRef, tail, isRtl);\n        onPosition?.(data);\n      },\n      [placement, anchorRef, arrowRef, tail, onPosition]\n    );\n\n    const { x, y, reference, floating, refs } = useFloating({\n      placement: placement,\n      middleware: [\n        offset(offsetValue),\n        flip({\n          mainAxis: flipOptions.mainAxis,\n          crossAxis: flipOptions.crossAxis\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      whileElementsMounted: autoUpdate,\n      onPosition: _onPosition\n    });\n\n    useOutsideClick({ isDisabled: false, ref: refs.floating, handler: onClickOutside });\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      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 content = (\n      <div\n        class={className}\n        ref={stableRef}\n        style={{\n          display: 'block',\n          visibility: x == null && y == null ? 'hidden' : 'visible',\n          position: 'absolute',\n          top: y ?? '',\n          left: x ?? ''\n        }}>\n        {children}\n        <FloatingTail ref={arrowRef} />\n      </div>\n    );\n    return content;\n  }\n);\n\nexport { Offset, Placement, Coords, Rect, FlipOptions, ShiftOptions, PositionData };\n"],"names":["FloatingTail","forwardRef","arrowRef","_jsxs","ref","children","_jsx","Floating","onClickOutside","placement","anchorRef","offsetValue","class","className","tail","flipOptions","mainAxis","crossAxis","shiftOptions","onPosition","useRef","previousAnchor","setPreviousAnchor","useState","useLayoutEffect","current","direction","useUser","isRtl","_onPosition","useCallback","data","arrow","x","y","centerOffset","arrowEl","arrowSize","arrowSizeCorner","arrowInnerEl","_a","querySelector","arrowInnerSize","arrowInnerSizeCorner","arrowCommonStyle","position","width","height","anchorRefHeight","anchorRefWidth","isAnchorRefElement","undefined","Math","round","getBoundingClientRect","_b","isCornerVerticalPlacement","abs","includes","origPlacement","isCornerHorizontalPlacement","isCenter","isCenterOffsetPositive","setArrowSizes","isCornerPlacement","arrowFinalSize","setArrowStyle","borderTop","getSize","borderRight","getTransparentBorder","borderLeft","arrowInnerFinalSize","setArrowInnerStyle","setElementStyle","style","element","Object","assign","getTurn","eighth","size","split","setArrowTop","setArrowStart","setArrowEnd","setArrowBottom","top","bottom","left","transform","setCornerArrowInner","setNonCornerArrowInner","right","renderTail","reference","floating","refs","useFloating","middleware","offset","flip","shift","limiter","limitShift","whileElementsMounted","autoUpdate","N","useOutsideClick","isDisabled","handler","Element","coords","virtualEl","stableRef","useMemo","mergeRefs","display","visibility"],"mappings":"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"}
+{"version":3,"file":"Floating-08ac18d2.js","sources":["../../src/UNSAFE_Floating/FloatingTail.tsx","../../src/UNSAFE_Floating/Floating.tsx"],"sourcesContent":["import { forwardRef } from 'preact/compat';\nimport { RefObject } from 'preact';\nimport { PositionData, Coords } from '../hooks/UNSAFE_useFloating';\n\nconst FloatingTail = forwardRef<HTMLDivElement>(({}, arrowRef) => {\n  return (\n    <div ref={arrowRef}> {/*Outer arrow - shadow*/}\n      <div></div> {/*Inner arrow - body*/}\n    </div>\n  );\n});\n\nfunction renderTail(\n  data: PositionData,\n  anchorRef: RefObject<Element | Coords>,\n  arrowRef: RefObject<Element>,\n  tail: 'none' | 'simple',\n  isRtl: boolean\n) {\n  if (tail === 'simple' && data.arrow) {\n    const { x, y, centerOffset } = data.arrow;\n    const arrowEl = arrowRef.current as Element;\n    const arrowSize = 7;\n    const arrowSizeCorner = 6;\n    const arrowInnerEl = arrowRef.current?.querySelector('div') as Element;\n    const arrowInnerSize = 5;\n    const arrowInnerSizeCorner = 5;\n    const arrowCommonStyle = {\n      position: 'absolute',\n      width: '0px',\n      height: '0px'\n    };\n    let anchorRefHeight = 0;\n    let anchorRefWidth = 0;\n    const current = anchorRef.current;\n\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(data.origPlacement);\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(data.origPlacement);\n    const isCenter = centerOffset === 0;\n    const isCenterOffsetPositive = centerOffset > 0;\n\n    // Set styles of the arrow\n    setElementStyle(arrowCommonStyle, arrowEl);\n    setElementStyle(arrowCommonStyle, arrowInnerEl);\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        borderTop: `${getSize(arrowFinalSize)} solid rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-90), 0.1)`,\n        borderRight: getTransparentBorder(arrowFinalSize),\n        borderLeft: getTransparentBorder(arrowFinalSize)\n      });\n      // Inner arrow\n      const arrowInnerFinalSize = isCornerPlacement ? arrowInnerSizeCorner : arrowInnerSize;\n      setArrowInnerStyle({\n        borderTop: `${getSize(arrowInnerFinalSize)} solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color)`,\n        borderRight: `${getTransparentBorder(arrowInnerFinalSize)}`,\n        borderLeft: `${getTransparentBorder(arrowInnerFinalSize)}`,\n      })\n    }\n\n    function setElementStyle(style: object, element: Element) {\n      //@ts-ignore - regarding types arrowEl.style is not under our control\n      Object.assign(element?.style, style);\n    }\n\n    function setArrowStyle(style: object) {\n      setElementStyle(style, arrowEl);\n    }\n\n    function setArrowInnerStyle(style: object) {\n      setElementStyle(style, arrowInnerEl);\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': setArrowTop(); break;\n      case 'end': isRtl ? setArrowStart() : setArrowEnd();break;\n      case 'bottom': setArrowBottom(); break;\n      case 'start': isRtl ? setArrowEnd() : setArrowStart(); break;\n    }\n\n    function setArrowTop() {\n      if (x != undefined) {\n        if (isCornerHorizontalPlacement) {\n          // Top corners\n          setArrowStyle({\n            top: '', // flip 'reset'\n            bottom: getSize(-arrowSize + 2),\n            left: getSize(x + (isCenterOffsetPositive ? 5 : -5)),\n            transform: getTurn(isCenterOffsetPositive ? 5 : 3)\n          });\n          setCornerArrowInner();\n        } else {\n          setArrowStyle({\n            top: '', // flip 'reset'\n            bottom: getSize(-arrowSize),\n            left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n            transform: getTurn(0)\n          });\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowEnd() {\n      if (y != undefined) {\n        if (isCornerVerticalPlacement) {\n          // End corners\n          setArrowStyle({\n            top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n            right: '', // flip 'reset'\n            left: getSize(-arrowSize -1),\n            transform: getTurn(isCenterOffsetPositive ? 7 : 5)\n          });\n          setCornerArrowInner();\n        } else {\n          // End\n          setArrowStyle({\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          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowBottom() {\n      if (x != undefined) {\n        if (isCornerHorizontalPlacement) {\n          // Bottom corners\n          setArrowStyle({\n            top: getSize(-arrowSize + 3),\n            bottom: '', // flip 'reset'\n            left: getSize(x + (isCenterOffsetPositive ? 4 : -4)),\n            transform: getTurn(isCenterOffsetPositive ? 2 : 6)\n          });\n          setArrowInnerStyle({\n            top: getSize(-arrowInnerSize),\n            left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 1 : -1))\n          });\n        } else {\n          setArrowStyle({\n            top: getSize(-arrowSize),\n            bottom: '', // flip 'reset'\n            left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n            transform: getTurn(4)\n          });\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowStart() {\n      if (y != undefined) {\n        if (isCornerVerticalPlacement) {\n          // Start corners\n          setArrowStyle({\n            top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n            right: getSize(-arrowSize - 1),\n            left: '', // flip 'reset'\n            transform: getTurn(isCenterOffsetPositive ? 1 : 3)\n          });\n          setArrowInnerStyle({\n            top: getSize(-arrowInnerSize),\n            left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? -2 : 2))\n          });\n        } else {\n          // Start\n          setArrowStyle({\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          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setCornerArrowInner() {\n      setArrowInnerStyle({\n        top: getSize(-arrowInnerSize),\n        left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 2 : -2))\n      });\n    }\n\n    function setNonCornerArrowInner() {\n      setArrowInnerStyle({\n        top: getSize(-arrowInnerSize - 2),\n        left: getSize(-arrowInnerSize)\n      });\n    }\n  }\n}\n\nexport { FloatingTail, renderTail };\n","import { RefObject } from 'preact';\nimport { useLayoutEffect, 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  offset,\n  limitShift,\n  PositionData\n} from '../hooks/UNSAFE_useFloating';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { Offset, Placement, Coords, VirtualElement, Rect } from '../hooks/UNSAFE_useFloating';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { FloatingTail, renderTail } from './FloatingTail';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children' | 'class'>;\n\ntype FlipOptions = {\n  mainAxis?: boolean; // This is the main axis in which overflow is checked to perform a flip. Default true.\n  crossAxis?: boolean; // This is the cross axis in which overflow is checked to perform a flip, the opposite axis of mainAxis. Default false.\n};\n\ntype ShiftOptions = {\n  mainAxis?: boolean; // This is the main axis in which shifting is applied. Default true.\n  crossAxis?: boolean; // This is the cross axis in which shifting is applied, the opposite axis of mainAxis. Default false\n};\n\ntype Props = IntrinsicProps & {\n  /**\n   * Placement of the floating element relative to the trigger.\n   * Possible values are:\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>;\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, object or a function.\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   * You may also pass a function which returns the previously listed values — this enables you to read the dimensions of the reference or floating elements and the current placement.\n   * <pre>\n   * (args: {\n   *   floating: Rect;\n   *   reference: Rect;\n   *   placement: Placement;\n   * }) => OffsetValue\n   * </pre>\n   */\n  offsetValue?: Offset;\n\n  /**\n   * Click outside callback.\n   */\n  onClickOutside?: (event: MouseEvent) => void;\n\n  /**\n   * Specifies the flipping behavior along the respective axis.\n   * When true, the floating element will be flipped to prevent overflow.\n   * Default values are 'true' for mainAxis and 'false' for crossAxis.\n   */\n  flipOptions?: FlipOptions;\n\n  /**\n   * Specifies the shift behavior along the respective axis.\n   * When true, the floating element will shift to prevent overflow.\n   * Default values are 'true' for mainAxis and 'false' for crossAxis.\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\nfunction isElement(value: any): value is Element {\n  return value instanceof Element;\n}\n/**\n * A floating component allows the user to create a floating element that is displayed on the the \"top layer\" of all other elements.\n *  The Floating component is an advanced component and is used underneath Popup, Tooltip, SelectMultiple, Menu and other components.\n */\nexport const Floating = forwardRef(\n  (\n    {\n      children,\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      onPosition\n    }: Props,\n    ref: ForwardedRef<HTMLElement | null>\n  ) => {\n    const arrowRef = useRef<HTMLDivElement>(null);\n\n    const [previousAnchor, setPreviousAnchor] = useState<Element | Coords | null>(null);\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(anchorRef.current);\n    }, []);\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 (anchorRef.current !== previousAnchor) {\n      setPreviousAnchor(anchorRef.current);\n    }\n\n    const { direction } = useUser();\n    const isRtl = direction === 'rtl';\n\n    const _onPosition = useCallback(\n      (data: PositionData) => {\n        renderTail(data, anchorRef, arrowRef, tail, isRtl);\n        onPosition?.(data);\n      },\n      [placement, anchorRef, arrowRef, tail, onPosition]\n    );\n\n    const { x, y, reference, floating, refs } = useFloating({\n      placement: placement,\n      middleware: [\n        offset(offsetValue),\n        flip({\n          mainAxis: flipOptions.mainAxis,\n          crossAxis: flipOptions.crossAxis\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      whileElementsMounted: autoUpdate,\n      onPosition: _onPosition\n    });\n\n    useOutsideClick({ isDisabled: false, ref: refs.floating, handler: onClickOutside });\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      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 content = (\n      <div\n        class={className}\n        ref={stableRef}\n        style={{\n          display: 'block',\n          visibility: x == null && y == null ? 'hidden' : 'visible',\n          position: 'absolute',\n          top: y ?? '',\n          left: x ?? ''\n        }}>\n        {children}\n        <FloatingTail ref={arrowRef} />\n      </div>\n    );\n    return content;\n  }\n);\n\nexport { Offset, Placement, Coords, Rect, FlipOptions, ShiftOptions, PositionData };\n"],"names":["forwardRef","_jsxs","_jsx","useRef","useState","useLayoutEffect","useUser","useCallback","useFloating","offset","flip","shift","limitShift","arrow","autoUpdate","useOutsideClick","useMemo","mergeRefs"],"mappings":"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"}

package/amd/FocusTrap-420f2714.js

@@ -0,0 +1,143 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './utils/UNSAFE_classNames', 'module', './utils/PRIVATE_tabbableUtils', './classNames-027de734'], (function (exports, jsxRuntime, preact, compat, utils_UNSAFE_classNames, linaria, utils_PRIVATE_tabbableUtils, classNames) { 'use strict';
+
+    const styles = {
+      guard: "guard-157p3uo"
+    };
+    /**
+     * Styled FocusTrap sub-component to render non-visible focus guards
+     */
+
+    const FocusGuard = compat.forwardRef(({
+      onFocus
+    }, guardRef) => {
+      return jsxRuntime.jsx("div", {
+        class: styles.guard,
+        onFocus: onFocus,
+        ref: guardRef,
+        tabIndex: 0
+      });
+    });
+
+    /**
+     * Trap focus within a DOM node.  When a user hits Tab or Shift+Tab, focus remains in the focus trap.
+     */
+
+    const FocusTrap = ({
+      autoFocusRef,
+      children,
+      isDisabled = false,
+      restoreFocusRef
+    }) => {
+      const trapRef = compat.useRef(null);
+      const startGuardRef = compat.useRef(null);
+      const endGuardRef = compat.useRef(null);
+      const lastActiveElementRef = compat.useRef(null); // classes to be set on the children wrapper
+
+      const classes = classNames.classNames([childrenStyles]);
+      /**
+       * contain focus if trap is enabled, and target is not already contained
+       *
+       * calling cases for side-effect of setting focus
+       *   - on initial mount of (enabled) trap, where target is not inside trap
+       *   - on enabling of a disabled trap, where target is not inside trap
+       *   - target of click event is outside of trap.
+       */
+
+      const conditionallyContainFocus = compat.useCallback(target => {
+        const trap = trapRef.current; //  short-circuit, if trap or target not valid
+
+        if (isDisabled || !trap || !target) return; // just update ref if, target already has focus
+
+        if (target && hasFocus([trap, startGuardRef.current, endGuardRef.current], target)) {
+          lastActiveElementRef.current = target;
+          return;
+        } // set focus to last active tab-stop if lastElement is defined and inside trap
+
+
+        if (lastActiveElementRef.current) {
+          utils_PRIVATE_tabbableUtils.focusOn(lastActiveElementRef.current);
+        } else {
+          // otherwise just contain focus within trap as target is outside enabled trap and we have no last-known tab-stop
+          utils_PRIVATE_tabbableUtils.focusWithin(trap);
+        }
+      }, [isDisabled]); // loop focus
+
+      const handleStartGuardOnFocus = event => {
+        if (isDisabled || !trapRef.current) return;
+        utils_PRIVATE_tabbableUtils.focusOnEnd(trapRef.current); // prevent scroll jump and bubbling this event up as a focus event
+
+        event.stopPropagation();
+        event.preventDefault();
+      };
+
+      const handleEndGuardOnFocus = event => {
+        if (isDisabled || !trapRef.current) return;
+        utils_PRIVATE_tabbableUtils.focusOnStart(trapRef.current); // prevent scroll jump and bubbling guard event up as a focus event
+
+        event.stopPropagation();
+        event.preventDefault();
+      };
+
+      const handleTrapOnFocus = event => {
+        lastActiveElementRef.current = event.target;
+      }; // handle initial render or re-render as enabled
+
+
+      compat.useEffect(() => {
+        const trap = trapRef.current;
+        if (!trap || isDisabled) return;
+        const originalActiveElement = utils_PRIVATE_tabbableUtils.getActiveElement(trap); // init focus
+
+        if (autoFocusRef && autoFocusRef.current) {
+          utils_PRIVATE_tabbableUtils.focusOn(autoFocusRef.current);
+        } else {
+          conditionallyContainFocus(originalActiveElement);
+        }
+
+        const restoreFocusRefForCleanup = restoreFocusRef;
+        return () => {
+          if (restoreFocusRefForCleanup === false) return;
+          restoreFocusAfterUnmount((restoreFocusRefForCleanup === null || restoreFocusRefForCleanup === void 0 ? void 0 : restoreFocusRefForCleanup.current) || originalActiveElement);
+        };
+      }, [autoFocusRef, conditionallyContainFocus, isDisabled, restoreFocusRef]);
+      return jsxRuntime.jsxs(preact.Fragment, {
+        children: [!isDisabled && jsxRuntime.jsx(FocusGuard, {
+          onFocus: handleStartGuardOnFocus,
+          ref: startGuardRef
+        }), jsxRuntime.jsx("div", Object.assign({
+          onFocus: handleTrapOnFocus,
+          ref: trapRef,
+          class: classes
+        }, {
+          children: children
+        })), !isDisabled && jsxRuntime.jsx(FocusGuard, {
+          onFocus: handleEndGuardOnFocus,
+          ref: endGuardRef
+        })]
+      });
+    }; // setTimeout ensures that unmount lifecycle has completed
+
+    const restoreFocusAfterUnmount = element => {
+      if (element && utils_PRIVATE_tabbableUtils.isTabbableElement(element)) {
+        setTimeout(() => {
+          utils_PRIVATE_tabbableUtils.focusOn(element);
+        }, 0);
+      }
+    }; // is focus already contained?
+
+
+    const hasFocus = (elements, target) => {
+      if (elements.length === 0) return false;
+      const activeElement = target !== null && target !== void 0 ? target : utils_PRIVATE_tabbableUtils.getActiveElement(elements[0]);
+      return elements.some(el => el === activeElement || (el === null || el === void 0 ? void 0 : el.contains(activeElement)));
+    }; // remove margins from children
+
+
+    const childrenStyles = "childrenStyles-kup1l7";
+
+    exports.FocusTrap = FocusTrap;
+
+}));
+/*  */
+//# sourceMappingURL=FocusTrap-420f2714.js.map

package/amd/{FocusTrap-94dc8805.js.map → FocusTrap-420f2714.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FocusTrap-94dc8805.js","sources":["../../src/UNSAFE_FocusTrap/FocusGuard.tsx","../../src/UNSAFE_FocusTrap/FocusTrap.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 { forwardRef, ForwardedRef } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype Props = {\n  onFocus: (event: FocusEvent) => void;\n};\n\nconst styles = {\n  guard: cssProps`${{\n    height: '0px',\n    left: 0,\n    position: 'fixed',\n    top: 0,\n    width: '1px'\n  }}`\n};\n\n/**\n * Styled FocusTrap sub-component to render non-visible focus guards\n */\nconst FocusGuard = forwardRef(({ onFocus }: Props, guardRef: ForwardedRef<HTMLDivElement>) => {\n  return <div class={styles.guard} onFocus={onFocus} ref={guardRef} tabIndex={0} />;\n});\n\nexport default FocusGuard;\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Fragment, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/compat';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport {\n  focusOn,\n  focusOnEnd,\n  focusOnStart,\n  focusWithin,\n  getActiveElement,\n  isTabbableElement\n} from '../utils/PRIVATE_tabbableUtils';\nimport FocusGuard from './FocusGuard';\n\ntype Props = {\n  children: ComponentChildren;\n  /**\n   * Optional Ref to an element to focus on when component mounts\n   * @default - undefined - behavior is to focus on first tabbableElement\n   */\n  autoFocusRef?: RefObject<HTMLElement | null>;\n\n  /**\n   * Sets whether focus is managed and whether guards are present\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Why a isDisabled prop as compared to ONLY supporting conditional rendering?\n   *\n   *   1) We need an actual HTML Element for the trap, conditional rendering an element potentially breaks consumer CSS\n   *   2) Conditional rendering can short-circuit event bubbling in preact and lead to expected events not bubbling.\n   */\n\n  /**\n   * Optional Ref to element to focus on when component un-mounts, false to disable.\n   * @default - undefined - behavior is to focus on the original activeElement when focus trap was enabled\n   */\n  restoreFocusRef?: RefObject<HTMLElement> | false;\n};\n\n/**\n * Trap focus within a DOM node.  When a user hits Tab or Shift+Tab, focus remains in the focus trap.\n */\nexport const FocusTrap = ({\n  autoFocusRef,\n  children,\n  isDisabled = false,\n  restoreFocusRef\n}: Props) => {\n  const trapRef = useRef<HTMLDivElement>(null);\n  const startGuardRef = useRef<HTMLDivElement>(null);\n  const endGuardRef = useRef<HTMLDivElement>(null);\n  const lastActiveElementRef = useRef<HTMLElement | null>(null);\n\n  // classes to be set on the children wrapper\n  const classes = classNames([childrenStyles]);\n\n  /**\n   * contain focus if trap is enabled, and target is not already contained\n   *\n   * calling cases for side-effect of setting focus\n   *   - on initial mount of (enabled) trap, where target is not inside trap\n   *   - on enabling of a disabled trap, where target is not inside trap\n   *   - target of click event is outside of trap.\n   */\n  const conditionallyContainFocus = useCallback(\n    (target: HTMLElement | null) => {\n      const trap = trapRef.current;\n      //  short-circuit, if trap or target not valid\n      if (isDisabled || !trap || !target) return;\n\n      // just update ref if, target already has focus\n      if (target && hasFocus([trap, startGuardRef.current, endGuardRef.current], target)) {\n        lastActiveElementRef.current = target;\n        return;\n      }\n\n      // set focus to last active tab-stop if lastElement is defined and inside trap\n      if (lastActiveElementRef.current) {\n        focusOn(lastActiveElementRef.current);\n      } else {\n        // otherwise just contain focus within trap as target is outside enabled trap and we have no last-known tab-stop\n        focusWithin(trap);\n      }\n    },\n    [isDisabled]\n  );\n\n  // loop focus\n  const handleStartGuardOnFocus = (event: FocusEvent) => {\n    if (isDisabled || !trapRef.current) return;\n    focusOnEnd(trapRef.current);\n\n    // prevent scroll jump and bubbling this event up as a focus event\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  const handleEndGuardOnFocus = (event: FocusEvent) => {\n    if (isDisabled || !trapRef.current) return;\n    focusOnStart(trapRef.current);\n\n    // prevent scroll jump and bubbling guard event up as a focus event\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  const handleTrapOnFocus = (event: FocusEvent) => {\n    lastActiveElementRef.current = event.target as HTMLElement;\n  };\n\n  // handle initial render or re-render as enabled\n  useEffect(() => {\n    const trap = trapRef.current;\n    if (!trap || isDisabled) return;\n\n    const originalActiveElement = getActiveElement(trap);\n\n    // init focus\n    if (autoFocusRef && autoFocusRef.current) {\n      focusOn(autoFocusRef.current);\n    } else {\n      conditionallyContainFocus(originalActiveElement);\n    }\n\n    const restoreFocusRefForCleanup = restoreFocusRef;\n\n    return () => {\n      if (restoreFocusRefForCleanup === false) return;\n      restoreFocusAfterUnmount(restoreFocusRefForCleanup?.current || originalActiveElement);\n    };\n  }, [autoFocusRef, conditionallyContainFocus, isDisabled, restoreFocusRef]);\n\n  return (\n    <Fragment>\n      {!isDisabled && <FocusGuard onFocus={handleStartGuardOnFocus} ref={startGuardRef} />}\n      <div onFocus={handleTrapOnFocus} ref={trapRef} class={classes}>\n        {children}\n      </div>\n      {!isDisabled && <FocusGuard onFocus={handleEndGuardOnFocus} ref={endGuardRef} />}\n    </Fragment>\n  );\n};\n\n// setTimeout ensures that unmount lifecycle has completed\nconst restoreFocusAfterUnmount = (element: HTMLElement | null) => {\n  if (element && isTabbableElement(element)) {\n    setTimeout(() => {\n      focusOn(element);\n    }, 0);\n  }\n};\n\n// is focus already contained?\nconst hasFocus = (elements: (HTMLElement | null)[], target: Element) => {\n  if (elements.length === 0) return false;\n  const activeElement = target ?? getActiveElement(elements[0] as Node);\n  return elements.some((el) => el === activeElement || el?.contains(activeElement));\n};\n\n// remove margins from children\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n"],"names":["styles","FocusGuard","forwardRef","onFocus","guardRef","_jsx","class","ref","tabIndex","restoreFocusAfterUnmount","element","isTabbableElement","hasFocus","elements","target","length","activeElement","getActiveElement","childrenStyles","autoFocusRef","children","isDisabled","restoreFocusRef","trapRef","useRef","startGuardRef","endGuardRef","lastActiveElementRef","conditionallyContainFocus","useCallback","trap","current","focusOn","originalActiveElement","restoreFocusRefForCleanup","event","focusOnEnd","focusOnStart"],"mappings":"sMAeA,MAAAA,aAaAC,EAAAC,EAAAA,WAAA,EAAAC,QAAAA,GAAAC,IACEC,EAAAA,IAAA,MAAA,CAAAC,MAAAN,EAAAG,QAAAA,EAAAI,IAAAH,EAAAI,SAAA,KC6HFC,EAAAC,IACEA,GAAAC,oBAAAD,sCAQFE,EAAA,CAAAC,EAAAC,KACE,GAAA,IAAAD,EAAAE,OAA2B,OAAA,EAC3B,MAAAC,EAAAF,MAAAA,EAAAA,EAAAG,EAAAA,iBAAAJ,EAAA,6DAKFK,EAAA,uBAtHA,EAAAC,aAAAA,EAAAC,SAAAA,EAAAC,WAAAA,GAAA,EAAAC,gBAAAA,MAME,MAAAC,EAAAC,SAAA,MACAC,EAAAD,SAAA,MACAE,EAAAF,SAAA,MACAG,EAAAH,SAAA,0BAaAI,EAAAC,EAAAA,YAAAf,IAEI,MAAAgB,EAAAP,EAAAQ,SAEAV,GAAAS,GAAAhB,IAGAA,GAAAF,EAAA,CAAAkB,EAAAL,EAAAM,QAAAL,EAAAK,SAAAjB,GACEa,EAAAI,QAAAjB,YAMAkB,UAAAL,EAAAI,4BAKJ,CAAAV,4BA6BA,MAAAS,EAAAP,EAAAQ,wBAGA,MAAAE,EAAAhB,mBAAAa,GAGAX,GAAAA,EAAAY,QACEC,UAAAb,EAAAY,wBAOF,MAAA,aAEEtB,GAAAyB,MAAAA,OAAA,EAAAA,EAAAH,UAAAE,kEAxCJE,KACEd,GAAAE,EAAAQ,UACAK,aAAAb,EAAAQ,6FAgBFI,IACER,EAAAI,QAAAI,EAAArB,2DAVFqB,KACEd,GAAAE,EAAAQ,UACAM,eAAAd,EAAAQ"}
+{"version":3,"file":"FocusTrap-420f2714.js","sources":["../../src/UNSAFE_FocusTrap/FocusGuard.tsx","../../src/UNSAFE_FocusTrap/FocusTrap.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 { forwardRef, ForwardedRef } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype Props = {\n  onFocus: (event: FocusEvent) => void;\n};\n\nconst styles = {\n  guard: cssProps`${{\n    height: '0px',\n    left: 0,\n    position: 'fixed',\n    top: 0,\n    width: '1px'\n  }}`\n};\n\n/**\n * Styled FocusTrap sub-component to render non-visible focus guards\n */\nconst FocusGuard = forwardRef(({ onFocus }: Props, guardRef: ForwardedRef<HTMLDivElement>) => {\n  return <div class={styles.guard} onFocus={onFocus} ref={guardRef} tabIndex={0} />;\n});\n\nexport default FocusGuard;\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Fragment, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/compat';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport {\n  focusOn,\n  focusOnEnd,\n  focusOnStart,\n  focusWithin,\n  getActiveElement,\n  isTabbableElement\n} from '../utils/PRIVATE_tabbableUtils';\nimport FocusGuard from './FocusGuard';\n\ntype Props = {\n  children: ComponentChildren;\n  /**\n   * Optional Ref to an element to focus on when component mounts\n   * @default - undefined - behavior is to focus on first tabbableElement\n   */\n  autoFocusRef?: RefObject<HTMLElement | null>;\n\n  /**\n   * Sets whether focus is managed and whether guards are present\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Why a isDisabled prop as compared to ONLY supporting conditional rendering?\n   *\n   *   1) We need an actual HTML Element for the trap, conditional rendering an element potentially breaks consumer CSS\n   *   2) Conditional rendering can short-circuit event bubbling in preact and lead to expected events not bubbling.\n   */\n\n  /**\n   * Optional Ref to element to focus on when component un-mounts, false to disable.\n   * @default - undefined - behavior is to focus on the original activeElement when focus trap was enabled\n   */\n  restoreFocusRef?: RefObject<HTMLElement> | false;\n};\n\n/**\n * Trap focus within a DOM node.  When a user hits Tab or Shift+Tab, focus remains in the focus trap.\n */\nexport const FocusTrap = ({\n  autoFocusRef,\n  children,\n  isDisabled = false,\n  restoreFocusRef\n}: Props) => {\n  const trapRef = useRef<HTMLDivElement>(null);\n  const startGuardRef = useRef<HTMLDivElement>(null);\n  const endGuardRef = useRef<HTMLDivElement>(null);\n  const lastActiveElementRef = useRef<HTMLElement | null>(null);\n\n  // classes to be set on the children wrapper\n  const classes = classNames([childrenStyles]);\n\n  /**\n   * contain focus if trap is enabled, and target is not already contained\n   *\n   * calling cases for side-effect of setting focus\n   *   - on initial mount of (enabled) trap, where target is not inside trap\n   *   - on enabling of a disabled trap, where target is not inside trap\n   *   - target of click event is outside of trap.\n   */\n  const conditionallyContainFocus = useCallback(\n    (target: HTMLElement | null) => {\n      const trap = trapRef.current;\n      //  short-circuit, if trap or target not valid\n      if (isDisabled || !trap || !target) return;\n\n      // just update ref if, target already has focus\n      if (target && hasFocus([trap, startGuardRef.current, endGuardRef.current], target)) {\n        lastActiveElementRef.current = target;\n        return;\n      }\n\n      // set focus to last active tab-stop if lastElement is defined and inside trap\n      if (lastActiveElementRef.current) {\n        focusOn(lastActiveElementRef.current);\n      } else {\n        // otherwise just contain focus within trap as target is outside enabled trap and we have no last-known tab-stop\n        focusWithin(trap);\n      }\n    },\n    [isDisabled]\n  );\n\n  // loop focus\n  const handleStartGuardOnFocus = (event: FocusEvent) => {\n    if (isDisabled || !trapRef.current) return;\n    focusOnEnd(trapRef.current);\n\n    // prevent scroll jump and bubbling this event up as a focus event\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  const handleEndGuardOnFocus = (event: FocusEvent) => {\n    if (isDisabled || !trapRef.current) return;\n    focusOnStart(trapRef.current);\n\n    // prevent scroll jump and bubbling guard event up as a focus event\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  const handleTrapOnFocus = (event: FocusEvent) => {\n    lastActiveElementRef.current = event.target as HTMLElement;\n  };\n\n  // handle initial render or re-render as enabled\n  useEffect(() => {\n    const trap = trapRef.current;\n    if (!trap || isDisabled) return;\n\n    const originalActiveElement = getActiveElement(trap);\n\n    // init focus\n    if (autoFocusRef && autoFocusRef.current) {\n      focusOn(autoFocusRef.current);\n    } else {\n      conditionallyContainFocus(originalActiveElement);\n    }\n\n    const restoreFocusRefForCleanup = restoreFocusRef;\n\n    return () => {\n      if (restoreFocusRefForCleanup === false) return;\n      restoreFocusAfterUnmount(restoreFocusRefForCleanup?.current || originalActiveElement);\n    };\n  }, [autoFocusRef, conditionallyContainFocus, isDisabled, restoreFocusRef]);\n\n  return (\n    <Fragment>\n      {!isDisabled && <FocusGuard onFocus={handleStartGuardOnFocus} ref={startGuardRef} />}\n      <div onFocus={handleTrapOnFocus} ref={trapRef} class={classes}>\n        {children}\n      </div>\n      {!isDisabled && <FocusGuard onFocus={handleEndGuardOnFocus} ref={endGuardRef} />}\n    </Fragment>\n  );\n};\n\n// setTimeout ensures that unmount lifecycle has completed\nconst restoreFocusAfterUnmount = (element: HTMLElement | null) => {\n  if (element && isTabbableElement(element)) {\n    setTimeout(() => {\n      focusOn(element);\n    }, 0);\n  }\n};\n\n// is focus already contained?\nconst hasFocus = (elements: (HTMLElement | null)[], target: Element) => {\n  if (elements.length === 0) return false;\n  const activeElement = target ?? getActiveElement(elements[0] as Node);\n  return elements.some((el) => el === activeElement || el?.contains(activeElement));\n};\n\n// remove margins from children\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n"],"names":["styles","FocusGuard","forwardRef","onFocus","guardRef","_jsx","class","guard","ref","tabIndex","FocusTrap","autoFocusRef","children","isDisabled","restoreFocusRef","trapRef","useRef","startGuardRef","endGuardRef","lastActiveElementRef","conditionallyContainFocus","useCallback","target","trap","current","hasFocus","focusOn","handleStartGuardOnFocus","event","focusOnEnd","handleEndGuardOnFocus","focusOnStart","handleTrapOnFocus","originalActiveElement","getActiveElement","restoreFocusAfterUnmount","restoreFocusRefForCleanup","element","isTabbableElement","elements","length","activeElement","childrenStyles"],"mappings":"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"}

package/amd/FormControlUtils-802d298a.js

@@ -0,0 +1,21 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', './utils/UNSAFE_classNames', 'module', './hooks/UNSAFE_useTranslationBundle', './classNames-027de734'], (function (exports, utils_UNSAFE_classNames, linaria, hooks_UNSAFE_useTranslationBundle, classNames) { 'use strict';
+
+    const rootStyles = {
+      base: "base-3jihob",
+      labelInside: "labelInside-uz6o7q"
+    };
+    const getFormControlClasses = hasInsideLabel => {
+      return classNames.classNames([rootStyles.base, hasInsideLabel && rootStyles.labelInside]);
+    };
+    const getLoadingAriaLabel = () => {
+      const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+      return translations.formControl_loading();
+    };
+
+    exports.getFormControlClasses = getFormControlClasses;
+    exports.getLoadingAriaLabel = getLoadingAriaLabel;
+
+}));
+/*  */
+//# sourceMappingURL=FormControlUtils-802d298a.js.map

package/amd/{FormControlUtils-f9124d70.js.map → FormControlUtils-802d298a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FormControlUtils-f9124d70.js","sources":["../../src/UNSAFE_TextField/FormControlUtils.ts"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\nconst rootStyles = {\n  base: cssProps`${{\n    verticalAlign: 'top'\n  }}`,\n\n  labelInside: cssProps`${{\n    maxWidth: '100%'\n  }}`\n};\n\nexport const getFormControlClasses = (hasInsideLabel?: boolean) => {\n  return classNames([rootStyles.base, hasInsideLabel && rootStyles.labelInside]);\n};\n\nexport const getLoadingAriaLabel = () => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  return translations.formControl_loading();\n};\n"],"names":["rootStyles","hasInsideLabel","classNames","useTranslationBundle","formControl_loading"],"mappings":"wJAKA,MAAAA,EAAA,WAAAA,mCAUAC,GACEC,EAAAA,WAAA,CAAAF,EAAAC,GAAAD,0BAGF,IACEG,uBAAA,4BACAC"}
+{"version":3,"file":"FormControlUtils-802d298a.js","sources":["../../src/UNSAFE_TextField/FormControlUtils.ts"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\nconst rootStyles = {\n  base: cssProps`${{\n    verticalAlign: 'top'\n  }}`,\n\n  labelInside: cssProps`${{\n    maxWidth: '100%'\n  }}`\n};\n\nexport const getFormControlClasses = (hasInsideLabel?: boolean) => {\n  return classNames([rootStyles.base, hasInsideLabel && rootStyles.labelInside]);\n};\n\nexport const getLoadingAriaLabel = () => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  return translations.formControl_loading();\n};\n"],"names":["rootStyles","getFormControlClasses","hasInsideLabel","classNames","base","labelInside","getLoadingAriaLabel","translations","useTranslationBundle","formControl_loading"],"mappings":";;;IAKA,MAAAA,UAAA,GAAA;YAAA,aAAA;;IAAA,CAAA,CAAA;AAUAC,UAAAA,qBAAA,GAAAC,cAAA,IAAA;IACE,EAAA,OAAAC,qBAAA,CAAA,CAAAH,UAAA,CAAAI,IAAA,EAAAF,cAAA,IAAAF,UAAA,CAAAK,WAAA,CAAA,CAAA,CAAA;IACF,EAFA;AAIA,UAAAC,mBAAA,GAAA,MAAA;IACE,EAAA,MAAAC,YAAA,GAAAC,sDAAA,CAAA,0BAAA,CAAA,CAAA;MACA,OAAAD,YAAA,CAAAE,mBAAA,EAAA,CAAA;IACF;;;;;;;;;;;;"}

package/amd/Heading-431829e1.js

@@ -0,0 +1,72 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', './tslib.es6-71b1ba5b', 'preact/jsx-runtime', './keys-a09501ab', './utils/UNSAFE_arrayUtils', 'module', './utils/UNSAFE_mergeInterpolations'], (function (exports, tslib_es6, jsxRuntime, keys, utils_UNSAFE_arrayUtils, linaria, utils_UNSAFE_mergeInterpolations) { 'use strict';
+
+    const headingElementTypes = utils_UNSAFE_arrayUtils.stringLiteralArray(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);
+    const headingsizeMap = {
+      h1: '2xl',
+      h2: 'xl',
+      h3: 'lg',
+      h4: 'md',
+      h5: 'sm',
+      h6: 'xs'
+    };
+    const styles = {
+      base: "base-zbqi3f",
+      size: {
+        xs: "xs-1ah2v2w",
+        sm: "sm-a589sh",
+        md: "md-pq21fc",
+        lg: "lg-15r7gf4",
+        xl: "xl-lcjo4t",
+        '2xl': "_2xl-1r1i0yr",
+        inherit: "inherit-1c7bx4s"
+      },
+      childrenMargins: "childrenMargins-zxmjsz"
+    };
+    const sizeOptions = keys.keys_1(styles.size);
+    const interpolations = [() => ({
+      class: styles.base
+    }), ({
+      size = '2xl'
+    }) => ({
+      class: styles.size[size]
+    })];
+    const styleInterpolations = utils_UNSAFE_mergeInterpolations.mergeInterpolations(interpolations);
+    function Heading(_a) {
+      var _b;
+
+      var {
+        children
+      } = _a,
+          props = tslib_es6.__rest(_a, ["children"]);
+
+      const Component = props.as; //@ts-ignore
+
+      props.size = (_b = props.size) !== null && _b !== void 0 ? _b : headingsizeMap[Component];
+
+      const _c = styleInterpolations(props),
+            {
+        class: cls
+      } = _c,
+            style = tslib_es6.__rest(_c, ["class"]);
+
+      return jsxRuntime.jsx(Component, Object.assign({
+        className: cls,
+        style: style,
+        id: props.id
+      }, {
+        children: jsxRuntime.jsx("span", Object.assign({
+          className: styles.childrenMargins
+        }, {
+          children: children
+        }))
+      }));
+    }
+
+    exports.Heading = Heading;
+    exports.headingElementTypes = headingElementTypes;
+    exports.sizeOptions = sizeOptions;
+
+}));
+/*  */
+//# sourceMappingURL=Heading-431829e1.js.map

package/amd/{Heading-e317eb74.js.map → Heading-431829e1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Heading-e317eb74.js","sources":["../../src/UNSAFE_Heading/Heading.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport keys from 'ramda/src/keys';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\nexport const headingElementTypes = stringLiteralArray(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);\n\ntype ElementType = typeof headingElementTypes[number];\n\ntype HeadingProps = {\n  /**\n   * Specifies the heading tag\n   */\n  as: ElementType;\n\n  /**\n   * Specifies the text \"style\". Sets font size and line height.   */\n\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'inherit';\n\n  /**\n   * Specifies the header id\n   */\n  id?: string;\n\n  /**\n   * Specifies the children\n   */\n  children: ComponentChildren;\n};\n\nconst headingsizeMap: { [headingType in ElementType]: string } = {\n  h1: '2xl',\n  h2: 'xl',\n  h3: 'lg',\n  h4: 'md',\n  h5: 'sm',\n  h6: 'xs'\n};\n\nconst styles = {\n  base: cssProps`${{\n    margin: 0\n  }}`,\n  size: {\n    xs: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-line-height)'\n    }}`,\n    sm: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-line-height)'\n    }}`,\n    md: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-line-height)'\n    }}`,\n    lg: cssProps`${{\n      fontSize: `var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-size)`,\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-line-height)'\n    }}`,\n    xl: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-line-height)'\n    }}`,\n    '2xl': cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-line-height)'\n    }}`,\n    inherit: cssProps`${{\n      fontSize: 'inherit',\n      fontWeight: 'inherit',\n      lineHeight: 'inherit'\n    }}`\n  },\n\n  childrenMargins: cssProps`${{\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`\n};\n\nexport const sizeOptions = keys(styles.size);\n\nconst interpolations = [\n  () => ({ class: styles.base }),\n  ({ size = '2xl' }: Pick<HeadingProps, 'size'>) => ({\n    class: styles.size[size]\n  })\n];\n\nconst styleInterpolations = mergeInterpolations<Omit<HeadingProps, 'children'>>(interpolations);\n\nexport function Heading({ children, ...props }: HeadingProps) {\n  const Component = props.as;\n  //@ts-ignore\n  props.size = props.size ?? headingsizeMap[Component];\n  const { class: cls, ...style } = styleInterpolations(props);\n  return (\n    <Component className={cls} style={style} id={props.id}>\n      <span className={styles.childrenMargins}>{children}</span>\n    </Component>\n  );\n}\n"],"names":["headingElementTypes","stringLiteralArray","headingsizeMap","h1","h2","h3","h4","h5","h6","styles","size","sizeOptions","keys","interpolations","class","styleInterpolations","mergeInterpolations","_a","children","props","__rest","Component","as","_b","_c","cls","style","_jsx","Object","assign","className","id","jsx","childrenMargins"],"mappings":"uMAMAA,EAAAC,EAAAA,mBAAA,CAAA,KAAA,KAAA,KAAA,KAAA,KAAA,OA0BAC,EAAA,CACEC,GAAA,MACAC,GAAA,KACAC,GAAA,KACAC,GAAA,KACAC,GAAA,KACAC,GAAA,MAGFC,EAAA,MAAA,WAIEC,KAAA,IAAA,aAAA,cAAA,YAAA,aAAA,iBAAA,uDAiDFC,EAAAC,EAAAA,OAAAH,EAAAC,MAEAG,EAAA,0CAGIC,MAAAL,EAAAC,KAAAA,MAIJK,EAAAC,EAAAA,oBAAAH,aAEA,SAAAI,UAAwBC,SAAAA,GAAAD,EAAAE,EAAAC,EAAAA,OAAAH,EAAA,CAAA,aACtB,MAAAI,EAAAF,EAAAG,GAEAH,EAAAT,KAAA,QAAAa,EAAAJ,EAAAT,YAAA,IAAAa,EAAAA,EAAArB,EAAAmB,GACA,MAAAG,EAAAT,EAAAI,IAAAL,MAAAW,GAAAD,EAAAE,EAAAN,EAAAA,OAAAI,EAAA,CAAA,UACA,OAAAG,MAAAN,EAAAO,OAAAC,OAAA,CAAAC,UAAAL,EAAAC,MAAAA,EAAAK,GAAAZ,EAAAY,IAAA,CAAAb,SAAAS,EAAAK,IAAA,OAAAJ,OAAAC,OAAA,CAAAC,UAAArB,EAAAwB,iBAAA,CAAAf,SAAAA"}
+{"version":3,"file":"Heading-431829e1.js","sources":["../../src/UNSAFE_Heading/Heading.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport keys from 'ramda/src/keys';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\nexport const headingElementTypes = stringLiteralArray(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);\n\ntype ElementType = typeof headingElementTypes[number];\n\ntype HeadingProps = {\n  /**\n   * Specifies the heading tag\n   */\n  as: ElementType;\n\n  /**\n   * Specifies the text \"style\". Sets font size and line height.   */\n\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'inherit';\n\n  /**\n   * Specifies the header id\n   */\n  id?: string;\n\n  /**\n   * Specifies the children\n   */\n  children: ComponentChildren;\n};\n\nconst headingsizeMap: { [headingType in ElementType]: string } = {\n  h1: '2xl',\n  h2: 'xl',\n  h3: 'lg',\n  h4: 'md',\n  h5: 'sm',\n  h6: 'xs'\n};\n\nconst styles = {\n  base: cssProps`${{\n    margin: 0\n  }}`,\n  size: {\n    xs: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-line-height)'\n    }}`,\n    sm: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-line-height)'\n    }}`,\n    md: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-line-height)'\n    }}`,\n    lg: cssProps`${{\n      fontSize: `var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-size)`,\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-line-height)'\n    }}`,\n    xl: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-line-height)'\n    }}`,\n    '2xl': cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-line-height)'\n    }}`,\n    inherit: cssProps`${{\n      fontSize: 'inherit',\n      fontWeight: 'inherit',\n      lineHeight: 'inherit'\n    }}`\n  },\n\n  childrenMargins: cssProps`${{\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`\n};\n\nexport const sizeOptions = keys(styles.size);\n\nconst interpolations = [\n  () => ({ class: styles.base }),\n  ({ size = '2xl' }: Pick<HeadingProps, 'size'>) => ({\n    class: styles.size[size]\n  })\n];\n\nconst styleInterpolations = mergeInterpolations<Omit<HeadingProps, 'children'>>(interpolations);\n\nexport function Heading({ children, ...props }: HeadingProps) {\n  const Component = props.as;\n  //@ts-ignore\n  props.size = props.size ?? headingsizeMap[Component];\n  const { class: cls, ...style } = styleInterpolations(props);\n  return (\n    <Component className={cls} style={style} id={props.id}>\n      <span className={styles.childrenMargins}>{children}</span>\n    </Component>\n  );\n}\n"],"names":["headingElementTypes","stringLiteralArray","headingsizeMap","h1","h2","h3","h4","h5","h6","styles","size","sizeOptions","keys","interpolations","class","styleInterpolations","mergeInterpolations","Heading","_a","children","props","__rest","Component","as","_b","_c","cls","style","_jsx","Object","assign","className","id","childrenMargins"],"mappings":";;;UAMAA,mBAAA,GAAAC,0CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,CAAA,EAAA;IA0BA,MAAAC,cAAA,GAAA;IACEC,EAAAA,EAAA,EAAA,KADF;IAEEC,EAAAA,EAAA,EAAA,IAFF;IAGEC,EAAAA,EAAA,EAAA,IAHF;IAIEC,EAAAA,EAAA,EAAA,IAJF;IAKEC,EAAAA,EAAA,EAAA,IALF;IAMEC,EAAAA,EAAA,EAAA,IAAA;IANF,CAAA,CAAA;IASA,MAAAC,MAAA,GAAA;YAAA,aAAA;IAIEC,EAAAA,IAAA,EAAA;YAAA,YAAA;YAAA,WAAA;YAAA,WAAA;YAAA,YAAA;YAAA,WAAA;aAAA,EAAA,cAAA;;OAJF;;IAAA,CAAA,CAAA;AAqDA,UAAAC,WAAA,GAAAC,WAAA,CAAAH,MAAA,CAAAC,IAAA,EAAA;IAEA,MAAAG,cAAA,GAAA;;MAAA;;;IAGIC,EAAAA,KAAA,EAAAL,MAAA,CAAAC,IAAA,CAAAA,IAAA,CAAA;MAHJ,CAAA,CAAA;IAOA,MAAAK,mBAAA,GAAAC,oDAAA,CAAAH,cAAA,CAAA,CAAA;IAEA,SAAAI,OAAA,CAAAC,EAAA,EAAA;;;MAAwB,IAAA;IAAAC,IAAAA,QAAAA;IAAA,GAAA,GAAAD,EAAA;UAAAE,KAAA,GAAAC,gBAAA,CAAAH,EAAA,EAAA,CAAA,UAAA,CAAA,CAAA,CAAA;;IACtB,EAAA,MAAAI,SAAA,GAAAF,KAAA,CAAAG,EAAA,CADF;;MAGEH,KAAA,CAAAV,IAAA,GAAA,CAAAc,EAAA,GAAAJ,KAAA,CAAAV,IAAA,MAAA,IAAA,IAAAc,EAAA,KAAA,KAAA,CAAA,GAAAA,EAAA,GAAAtB,cAAA,CAAAoB,SAAA,CAAA,CAAA;;IACA,EAAA,MAAAG,EAAA,GAAAV,mBAAA,CAAAK,KAAA,CAAA;YAAA;IAAAN,IAAAA,KAAA,EAAAY,GAAAA;IAAA,GAAA,GAAAD,EAAA;YAAAE,KAAA,GAAAN,gBAAA,CAAAI,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;IACA,EAAA,OAAAG,cAAA,CAAAN,SAAA,EAAAO,MAAA,CAAAC,MAAA,CAAA;IAAAC,IAAAA,SAAA,EAAAL,GAAA;IAAAC,IAAAA,KAAA,EAAAA,KAAA;QAAAK,EAAA,EAAAZ,KAAA,CAAAY,EAAAA;IAAA,GAAA,EAAA;QAAAb,QAAA,EAAAS,cAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;UAAAC,SAAA,EAAAtB,MAAA,CAAAwB,eAAAA;IAAA,KAAA,EAAA;IAAAd,MAAAA,QAAA,EAAAA,QAAAA;IAAA,KAAA,CAAA,CAAA;IAAA,GAAA,CAAA,CAAA,CAAA;IAKF;;;;;;;;;;;;;"}

package/amd/HiddenAccessible-1dadf91a.js

@@ -0,0 +1,25 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/jsx-runtime', 'module'], (function (exports, jsxRuntime, linaria) { 'use strict';
+
+    const hiddenAccessibleStyle = "hiddenAccessibleStyle-ezsg09";
+    /**
+     * HiddenAccessible is a helper component that hides its children visually,
+     * but keeps them visible to screen readers.
+     *
+     */
+
+    function HiddenAccessible({
+      children
+    }) {
+      return jsxRuntime.jsx("span", Object.assign({
+        class: hiddenAccessibleStyle
+      }, {
+        children: children
+      }));
+    }
+
+    exports.HiddenAccessible = HiddenAccessible;
+
+}));
+/*  */
+//# sourceMappingURL=HiddenAccessible-1dadf91a.js.map

package/amd/{HiddenAccessible-fd19b064.js.map → HiddenAccessible-1dadf91a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"HiddenAccessible-fd19b064.js","sources":["../../src/UNSAFE_HiddenAccessible/HiddenAccessible.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst hiddenAccessibleStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype HiddenAccessibleProps = {\n  /**\n   * Specifies the ComponentChildren\n   */\n  children?: ComponentChildren;\n};\n\n/**\n * HiddenAccessible is a helper component that hides its children visually,\n * but keeps them visible to screen readers.\n *\n */\nfunction HiddenAccessible({ children }: HiddenAccessibleProps) {\n  return <span class={hiddenAccessibleStyle}>{children}</span>;\n}\n\nexport { HiddenAccessible };\n"],"names":["children","_jsx","Object","assign","class"],"mappings":"kGA8BA,UAAAA,SAAAA,IACE,OAAAC,MAAA,OAAAC,OAAAC,OAAA,CAAAC,MA5BF,WA4BE,CAAAJ,SAAAA"}
+{"version":3,"file":"HiddenAccessible-1dadf91a.js","sources":["../../src/UNSAFE_HiddenAccessible/HiddenAccessible.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst hiddenAccessibleStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype HiddenAccessibleProps = {\n  /**\n   * Specifies the ComponentChildren\n   */\n  children?: ComponentChildren;\n};\n\n/**\n * HiddenAccessible is a helper component that hides its children visually,\n * but keeps them visible to screen readers.\n *\n */\nfunction HiddenAccessible({ children }: HiddenAccessibleProps) {\n  return <span class={hiddenAccessibleStyle}>{children}</span>;\n}\n\nexport { HiddenAccessible };\n"],"names":["hiddenAccessibleStyle","HiddenAccessible","children","_jsx","Object","assign","class"],"mappings":";;;IAGA,MAAAA,qBAAA,GAAA,8BAAA,CAAA;IAsBA;;;;IAIG;;IACH,SAAAC,gBAAA,CAAA;IAAAC,EAAAA,QAAAA;IAAA,CAAA,EAAA;IACE,EAAA,OAAAC,cAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;IAAAC,IAAAA,KAAA,EAAAN,qBAAAA;IAAA,GAAA,EAAA;IAAAE,IAAAA,QAAA,EAAAA,QAAAA;IAAA,GAAA,CAAA,CAAA,CAAA;IACF;;;;;;;;;;;"}

package/amd/HighlightText-9d200a5d.js

@@ -0,0 +1,48 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/jsx-runtime', 'preact', 'module'], (function (exports, jsxRuntime, preact, linaria) { 'use strict';
+
+    const highlightStyles = "highlightStyles-s5fyn7";
+    /**
+     * Renders a text string with highlighting applied to the given text to match.
+     */
+
+    function HighlightText({
+      children = '',
+      matchText = ''
+    }) {
+      return highlighter(children, matchText);
+    }
+    const HIGHLIGHT_TOKEN = '__@@__';
+    const HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;
+
+    function highlighter(unhighlightedText, matchText) {
+      if (matchText.length > 0 && unhighlightedText.length > 0) {
+        const escapedMatchText = escapeRegExp(matchText);
+        const highlightedText = unhighlightedText.replace(new RegExp(escapedMatchText, 'gi'), HIGHLIGHT_PATTERN);
+        const tokens = highlightedText.split(HIGHLIGHT_TOKEN);
+        const nodes = tokens.map((current, index) => index % 2 == 0 ? current : jsxRuntime.jsx("span", Object.assign({
+          class: highlightStyles
+        }, {
+          children: current
+        })));
+        return jsxRuntime.jsx(preact.Fragment, {
+          children: nodes
+        });
+      }
+
+      return jsxRuntime.jsx(preact.Fragment, {
+        children: unhighlightedText
+      });
+    }
+
+    function escapeRegExp(str) {
+      // copied from:
+      // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping
+      return str.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
+    }
+
+    exports.HighlightText = HighlightText;
+
+}));
+/*  */
+//# sourceMappingURL=HighlightText-9d200a5d.js.map

package/{cjs/HighlightText-1bad83fc.js.map → amd/HighlightText-9d200a5d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"HighlightText-1bad83fc.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 { Fragment } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst highlightStyles = cssProps`${{\n  fontWeight: 700\n}}`;\n\ntype Props = {\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\n/**\n * Renders a text string with highlighting applied to the given text to match.\n */\nexport function HighlightText({ children = '', matchText = '' }: Props) {\n  return highlighter(children, matchText);\n}\n\nconst HIGHLIGHT_TOKEN = '__@@__';\nconst HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;\n\nfunction highlighter(unhighlightedText: string, matchText: string) {\n  if (matchText.length > 0 && unhighlightedText.length > 0) {\n    const escapedMatchText = escapeRegExp(matchText);\n    const highlightedText = unhighlightedText.replace(\n      new RegExp(escapedMatchText, 'gi'),\n      HIGHLIGHT_PATTERN\n    );\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    return <Fragment>{nodes}</Fragment>;\n  }\n  return <Fragment>{unhighlightedText}</Fragment>;\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":["highlightStyles","HighlightText","children","matchText","highlighter","HIGHLIGHT_TOKEN","HIGHLIGHT_PATTERN","unhighlightedText","escapedMatchText","escapeRegExp","highlightedText","replace","RegExp","nodes","tokens","map","current","index","_jsx","Object","assign","class","Fragment","str"],"mappings":";;;;;;;AAWA,MAAAA,eAAA,GAAA,UAAA,CAAA;AAeA;;AAEG;;AACH,SAAAC,aAAA,CAAA;AAAAC,EAAAA,QAAA,GAAA,EAAA;AAAAC,EAAAA,SAAA,GAAA,EAAA;AAAA,CAAA,EAAA;AACE,EAAA,OAAAC,WAAA,CAAAF,QAAA,EAAAC,SAAA,CAAA,CAAA;AACF,CAAA;AAEA,MAAAE,eAAA,GAAA,QAAA,CAAA;AACA,MAAAC,iBAAA,GAAA,CAAA,EAAAD,eAAA,CAAA,EAAA,EAAAA,eAAA,CAAA,CAAA,CAAA;;AAEA,SAAAD,WAAA,CAAAG,iBAAA,EAAAJ,SAAA,EAAA;;AAEI,IAAA,MAAAK,gBAAA,GAAAC,YAAA,CAAAN,SAAA,CAAA,CAAA;AACA,IAAA,MAAAO,eAAA,GAAAH,iBAAA,CAAAI,OAAA,CAAA,IAAAC,MAAA,CAAAJ,gBAAA,EAAA,IAAA,CAAA,EAAAF,iBAAA,CAAA,CAAA;;IAKA,MAAAO,KAAA,GAAAC,MAAA,CAAAC,GAAA,CAAA,CAAAC,OAAA,EAAAC,KAAA,KAAAA,KAAA,GAAA,CAAA,IAAA,CAAA,GAAAD,OAAA,GAAAE,cAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,MAAAA,KAAA,EAAArB,eAAAA;AAAA,KAAA,EAAA;AAAAE,MAAAA,QAAA,EAAAc,OAAAA;KAAA,CAAA,CAAA,CAAA,CAAA;IAGA,OAAAE,cAAA,CAAAI,eAAA,EAAA;AAAApB,MAAAA,QAAA,EAAAW,KAAAA;AAAA,KAAA,CAAA,CAAA;AACD,GAAA;;EACD,OAAAK,cAAA,CAAAI,eAAA,EAAA;AAAApB,IAAAA,QAAA,EAAAK,iBAAAA;AAAA,GAAA,CAAA,CAAA;AACF,CAAA;;AAEA,SAAAE,YAAA,CAAAc,GAAA,EAAA;;;sDAAA;AAIA;;;;;;;"}
+{"version":3,"file":"HighlightText-9d200a5d.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 { Fragment } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst highlightStyles = cssProps`${{\n  fontWeight: 700\n}}`;\n\ntype Props = {\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\n/**\n * Renders a text string with highlighting applied to the given text to match.\n */\nexport function HighlightText({ children = '', matchText = '' }: Props) {\n  return highlighter(children, matchText);\n}\n\nconst HIGHLIGHT_TOKEN = '__@@__';\nconst HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;\n\nfunction highlighter(unhighlightedText: string, matchText: string) {\n  if (matchText.length > 0 && unhighlightedText.length > 0) {\n    const escapedMatchText = escapeRegExp(matchText);\n    const highlightedText = unhighlightedText.replace(\n      new RegExp(escapedMatchText, 'gi'),\n      HIGHLIGHT_PATTERN\n    );\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    return <Fragment>{nodes}</Fragment>;\n  }\n  return <Fragment>{unhighlightedText}</Fragment>;\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":["highlightStyles","HighlightText","children","matchText","highlighter","HIGHLIGHT_TOKEN","HIGHLIGHT_PATTERN","unhighlightedText","escapedMatchText","escapeRegExp","highlightedText","replace","RegExp","nodes","tokens","map","current","index","_jsx","Object","assign","class","Fragment","str"],"mappings":";;;IAWA,MAAAA,eAAA,GAAA,wBAAA,CAAA;IAeA;;IAEG;;IACH,SAAAC,aAAA,CAAA;IAAAC,EAAAA,QAAA,GAAA,EAAA;IAAAC,EAAAA,SAAA,GAAA,EAAA;IAAA,CAAA,EAAA;IACE,EAAA,OAAAC,WAAA,CAAAF,QAAA,EAAAC,SAAA,CAAA,CAAA;IACF,CAAA;IAEA,MAAAE,eAAA,GAAA,QAAA,CAAA;IACA,MAAAC,iBAAA,GAAA,CAAA,EAAAD,eAAA,CAAA,EAAA,EAAAA,eAAA,CAAA,CAAA,CAAA;;IAEA,SAAAD,WAAA,CAAAG,iBAAA,EAAAJ,SAAA,EAAA;;IAEI,IAAA,MAAAK,gBAAA,GAAAC,YAAA,CAAAN,SAAA,CAAA,CAAA;IACA,IAAA,MAAAO,eAAA,GAAAH,iBAAA,CAAAI,OAAA,CAAA,IAAAC,MAAA,CAAAJ,gBAAA,EAAA,IAAA,CAAA,EAAAF,iBAAA,CAAA,CAAA;;QAKA,MAAAO,KAAA,GAAAC,MAAA,CAAAC,GAAA,CAAA,CAAAC,OAAA,EAAAC,KAAA,KAAAA,KAAA,GAAA,CAAA,IAAA,CAAA,GAAAD,OAAA,GAAAE,cAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;IAAAC,MAAAA,KAAA,EAAArB,eAAAA;IAAA,KAAA,EAAA;IAAAE,MAAAA,QAAA,EAAAc,OAAAA;SAAA,CAAA,CAAA,CAAA,CAAA;QAGA,OAAAE,cAAA,CAAAI,eAAA,EAAA;IAAApB,MAAAA,QAAA,EAAAW,KAAAA;IAAA,KAAA,CAAA,CAAA;IACD,GAAA;;MACD,OAAAK,cAAA,CAAAI,eAAA,EAAA;IAAApB,IAAAA,QAAA,EAAAK,iBAAAA;IAAA,GAAA,CAAA,CAAA;IACF,CAAA;;IAEA,SAAAE,YAAA,CAAAc,GAAA,EAAA;;;0DAAA;IAIA;;;;;;;;;;;"}