@oracle/oraclejet-preact 17.0.5 → 17.0.6

package/amd/{Popup-b5495d55.js.map → Popup-249d77c3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Popup-b5495d55.js","sources":["../../src/UNSAFE_Popup/Popup.tsx"],"sourcesContent":["import { JSX, RefObject } from 'preact';\nimport { useState, useEffect, useLayoutEffect, useMemo, useRef, useCallback } from 'preact/hooks';\nimport { Floating, Offset, Placement, Coords, FlipOptions, ShiftOptions } from '../UNSAFE_Floating';\nimport {\n  FocusableElement,\n  focusOn,\n  focusWithin,\n  getActiveElement\n} from '../utils/PRIVATE_tabbableUtils';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { usePopupAnimation } from './usePopupAnimation';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\n\n// Style imports\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { popupVars } from './themes/PopupContract.css';\nimport { getVarName } from '../utils/UNSAFE_stringUtils';\nimport { Property } from 'csstype';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from './themes/redwood/PopupTheme';\nimport { dimensionInterpolations, DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nexport type PopupPlacement = Placement | WindowOverlayPlacement;\nexport type OnCloseDetail = {\n  reason: 'escapeKey';\n};\nexport type InitialFocus = 'auto' | 'none' | 'popup' | 'firstFocusable';\nexport type Tail = 'none' | 'simple';\nexport type Modality = 'modal' | 'modeless';\n\ntype Props = IntrinsicProps &\n  DimensionProps &\n  TestIdProps & {\n    /**\n     * Specifies whether the Popup is open.\n     */\n    isOpen: boolean;\n    /**\n     * Specifies Popup's anchor. Popup is placed relatively to its anchor.\n     */\n    anchorRef?: RefObject<Element | Coords>;\n    /**\n     * Specifies Popup's launcher. After Popup closes, it returns focus to the launcher.\n     */\n    launcherRef?: RefObject<HTMLElement>;\n    /**\n     * Specifies placement of the Popup relative to the anchor.\n     */\n    placement?: PopupPlacement;\n    /**\n     * Specifies displacement of the Popup from the anchor element placement along the specified axes.\n     * The offset object consists of mainAxis and crossAxis properties. The direction in which these properties\n     * are applied depends on the current value of the position property.\n     *\n     * The <code>mainAxis</code> property represents the distance between the Popup and the anchor.\n     * The <code>crossAxis</code> property represents the deviation in the opposite axis to the main axis - the skidding between the Popup and the anchor.\n     */\n    offset?: Offset;\n    /**\n     * Specifies modality of the Popup.\n     */\n    modality?: Modality;\n    /**\n     * Specifies whether a floating Popup changes placement to the opposite side to be kept in view when a collision is detected.\n     *\n     * The flipOptions object consists of mainAxis and crossAxis properties.\n     * The <code>mainAxis</code> runs along the side of the Popup element.\n     * The <code>crossAxis</code> runs along the alignment of the Popup element.\n     */\n    flipOptions?: FlipOptions;\n    /**\n     * Specifies whether a floating Popup shifts along axis to be kept in view when a collision is detected.\n     * Note that if both 'flip' and 'shift' are enabled on respective axis, the flip will take precedence.\n     *\n     * The shiftOptions object consists of mainAxis and crossAxis properties.\n     * The <code>mainAxis</code> runs along the side of the Popup element.\n     * The <code>crossAxis</code> runs along the alignment of the Popup element.\n     */\n    shiftOptions?: ShiftOptions;\n    /**\n     * Specifies if the Popup sets focus to its content when initially open.\n     * A value of none prevents the popup from setting focus when open.\n     *\n     * <code>auto</code> in modeless mode resolves to none.\n     * <code>none</code> prevents the popup from setting focus when open.\n     * <code>popup</code> sets focus to the root popup container (good choice for touch platforms).\n     * <code>firstFocusable</code> defines that a popup should set focus to the first focusable element within the popup's content.\n     */\n    initialFocus?: InitialFocus;\n    /**\n     * Specifies callback triggered when a user clicks outside Popup.\n     */\n    onClickOutside?: (event: MouseEvent) => void;\n    /**\n     * Specifies callback triggered when a user tries to close a Popup through UI interaction.\n     * The parent should listen to this event and close the Popup. If the parent fails to remove\n     * the Popup, then no change will be done in the UI by the component.\n     */\n    onClose?: (detail: OnCloseDetail) => void;\n    /**\n     * Specifies callback triggered when initial focus is set or when Popup receives it via F6 key.\n     */\n    onFocusSet?: () => void;\n    /**\n     * Specifies Popup's tail. Simple tail is an arrow pointing to Popup's anchor.\n     */\n    tail?: Tail;\n    /**\n     * Specifies callback triggered after the animation ends.\n     */\n    onTransitionEnd?: (value: boolean) => void;\n    /**\n     * Specifies the ARIA role type. Depending on how the popup is used in the page, the page developer should choose from the following:\n     * <code>tooltip</code> defines contextual popup that displays a description for an element. This is added automatically if not already specified.\n     * <code>dialog</code> defines an application window that is designed to interrupt the current processing of an application in order to prompt the user to enter information or require a response.\n     * <code>alertdialog</code> defines type of dialog that contains an alert message, where initial focus goes to an element within the dialog.\n     */\n    role?: HTMLAttributesSignalExcluded['role'];\n    /**\n     * Specifies guidance for screen readers.\n     */\n    'aria-label'?: string;\n    /**\n     * Specifies ID of an element used for guidance for screen readers.\n     */\n    'aria-labelledby'?: string;\n    /**\n     * Specifies ID of an element (or space separated IDs of multiple elements) that\n     * describes the Drawer.\n     */\n    'aria-describedby'?: string;\n  };\n\n/**\n * A popup temporarily 'pops up' content in the foreground.\n */\nexport const Popup = forwardRef(\n  (\n    {\n      anchorRef,\n      launcherRef,\n      children,\n      isOpen = false,\n      modality = 'modeless',\n      offset = { mainAxis: 0, crossAxis: 0 },\n      flipOptions = { mainAxis: true, crossAxis: true },\n      shiftOptions = { mainAxis: false, crossAxis: false },\n      onClickOutside,\n      onClose,\n      initialFocus = 'auto',\n      placement = anchorRef ? 'top' : 'center',\n      tail = 'none',\n      onTransitionEnd,\n      onFocusSet,\n      role = modality === 'modeless' ? 'tooltip' : 'dialog',\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      testId,\n      ...props\n    }: Props,\n    ref: ForwardedRef<HTMLElement | null>\n  ) => {\n    const localLauncherRef = useRef<HTMLElement | null>(null);\n    const [popupBgColor, setPopupBgColor] = useState<Property.BackgroundColor>();\n\n    const contentWrapperRef = useRef<HTMLDivElement | null>(null);\n\n    // testId support\n    const testIdProps = useTestId(testId);\n\n    // We can not merge outsideClick to onClose event with {reason: 'outsideClick'} payload\n    // The reason is that we allow outsideClick/autodismiss in modeless mode and\n    // we need to detect outsideClick which is\n    useOutsideClick({\n      isDisabled: !(isOpen && contentWrapperRef.current),\n      ref: contentWrapperRef,\n      handler: (event) => {\n        onClickOutside?.(event);\n      }\n    });\n\n    function launcherKeyDownCallback(event: KeyboardEvent): void {\n      if (\n        localLauncherRef.current === getActiveElement() &&\n        event.code === 'F6' &&\n        modality === 'modeless'\n      ) {\n        // Prevent default F6 handlers.\n        // F6 is a standard Chrome address bar shortcut on Windows.\n        event.preventDefault();\n        event.stopPropagation();\n\n        focusWithin(contentWrapperRef.current as HTMLElement);\n        onFocusSet?.();\n      }\n    }\n\n    const _onTransitionEnd = (isOpen: boolean) => {\n      if (isOpen) {\n        setInitialFocus();\n        onTransitionEnd?.(true);\n      } else {\n        onTransitionEnd?.(false);\n      }\n    };\n\n    // Animation\n    const { setAnimationElementRef, status, onPosition } = usePopupAnimation({\n      isOpen,\n      isAnimatedOnMount: true,\n      onTransitionEnd: _onTransitionEnd,\n      placement: placement\n    });\n    const stableRef = useMemo(\n      () => mergeRefs(setAnimationElementRef, ref),\n      [setAnimationElementRef, ref]\n    );\n\n    const returnFocus = useCallback((): void => {\n      // Try to return focus to 1.launcher or 2.anchor\n      const launcherEl = localLauncherRef.current;\n      const anchorEl = anchorRef?.current;\n\n      if (launcherEl) {\n        focusOn(launcherEl);\n        // Checking instanceof to avoid Coords type that can not be focused\n      } else if (anchorEl && anchorEl instanceof Element) {\n        focusOn(anchorEl as FocusableElement);\n      }\n    }, [localLauncherRef, anchorRef?.current]);\n\n    useEffect(() => {\n      // Init closing\n      if (!isOpen && status === 'opening') {\n        // Only actively return focus to the launcher or anchor if the popup contained focus.\n        // Otherwise, focus is already elsewhere on the page and should not be forced back\n        // because that could reopen the popup again, which essentially prevents the user from\n        // moving focus out of the launcher.\n        if (contentWrapperRef.current?.contains(getActiveElement())) {\n          returnFocus();\n        }\n      }\n    }, [isOpen, status, returnFocus]);\n\n    // Initialize launcher\n    useEffect(() => {\n      if (isOpen) {\n        if (!launcherRef?.current) {\n          // 1. If launcher is not defined, most frequent scenario is,\n          // that element, that has focus before opening a popup is considered launcher\n          localLauncherRef.current = getActiveElement() as HTMLElement;\n        } else if (launcherRef.current instanceof Element) {\n          // 2. launcherRef element was provided.\n          // Verify, if it exists in DOM, otherwise use the last active element\n          localLauncherRef.current = document.body.contains(launcherRef.current)\n            ? launcherRef.current\n            : (getActiveElement() as HTMLElement);\n        } else {\n          localLauncherRef.current = getActiveElement() as HTMLElement;\n        }\n        // Register F6 key handler to enter the Popup\n        localLauncherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n      }\n      return () => {\n        // Deregister F6 key handler\n        localLauncherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n      };\n    }, [isOpen, launcherRef]);\n    // Note: unlike oj-c-popup we do not default anchorRef to launcherRef in Preact Popup\n    // If anchorRef is undefined, we use WindowOverlay as anchor\n\n    const setInitialFocus = () => {\n      let derivedInitialFocus = initialFocus;\n      if (initialFocus === 'auto') {\n        if (modality === 'modal') {\n          // modal mode - set focus to first focusable\n          derivedInitialFocus = 'firstFocusable';\n        } else {\n          // modeless mode - do not steal focus by default\n          derivedInitialFocus = 'none';\n        }\n      }\n\n      // Case: 'popup'\n      // Focus on Popup container\n      if (derivedInitialFocus === 'popup') {\n        focusOn(contentWrapperRef.current as HTMLElement);\n        onFocusSet?.();\n        onTransitionEnd?.(false);\n      }\n\n      // Case: 'firstFocusable'\n      // Focus on first tabbable in the Popup container or container itself if there is none\n      if (derivedInitialFocus === 'firstFocusable') {\n        focusWithin(contentWrapperRef.current as HTMLElement);\n        onFocusSet?.();\n      }\n    };\n\n    const getMainAxisOffset = (offset?: Offset) => {\n      let calcOffset = 0;\n      if (offset) {\n        // @ts-ignore as OffsetFunction is going to be removed\n        // Property 'mainAxis' does not exist on type 'OffsetFunction'.\n        calcOffset = typeof offset === 'number' ? offset : offset.mainAxis || 0;\n        if (tail === 'simple') {\n          calcOffset += 5;\n        }\n      }\n      return calcOffset;\n    };\n\n    const getCrossAxisOffset = (offset?: Offset) => {\n      if (!offset) {\n        return 0;\n      } else {\n        // @ts-ignore as OffsetFunction is going to be removed\n        // Property 'crossAxis' does not exist on type 'OffsetFunction'.\n        return typeof offset === 'number' ? 0 : offset.crossAxis || 0;\n      }\n    };\n\n    const finalOffset = {\n      mainAxis: getMainAxisOffset(offset),\n      crossAxis: getCrossAxisOffset(offset)\n    };\n\n    const handlePopupKeyDown = (event: KeyboardEvent) => {\n      const currentlyFocusedEl = getActiveElement();\n      const wrapperEl = contentWrapperRef.current;\n      const launcherEl = localLauncherRef.current;\n      if (wrapperEl === currentlyFocusedEl || wrapperEl?.contains(currentlyFocusedEl)) {\n        switch (event.code) {\n          case 'Escape': {\n            // Trigger onClose event with outside click detail\n            onClose?.({ reason: 'escapeKey' });\n            break;\n          }\n          case 'F6':\n            // Prevent default F6 handlers.\n            // F6 is a standard Chrome address bar shortcut on Windows.\n            event.preventDefault();\n            event.stopPropagation();\n\n            // Focus launcher\n            if (launcherEl && modality === 'modeless') {\n              focusOn(launcherEl);\n            }\n            break;\n        }\n      }\n    };\n\n    useLayoutEffect(() => {\n      if (\n        status === 'unmounted' ||\n        contentWrapperRef.current == null ||\n        popupBgColor != null ||\n        tail === 'none'\n      )\n        return;\n\n      const backgroundColorVar = getVarName(popupVars.backgroundColor);\n      const computedStyle = getComputedStyle(contentWrapperRef.current!);\n      setPopupBgColor(computedStyle.getPropertyValue(backgroundColorVar));\n    }, [status, contentWrapperRef, popupBgColor, tail]);\n\n    // Styles\n    const { baseTheme, classes } = useComponentTheme(PopupRedwoodTheme);\n    const isMounted = status !== 'unmounted';\n\n    const interpolations = [...Object.values(dimensionInterpolations)];\n    const styleInterpolations = mergeInterpolations<DimensionProps>(interpolations);\n    const { ...styles } = styleInterpolations(props);\n\n    const renderPopup = () => {\n      return (\n        <div\n          ref={contentWrapperRef}\n          tabIndex={-1}\n          role={role}\n          className={classNames([baseTheme, classes])}\n          style={styles}\n          onKeyDown={handlePopupKeyDown}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          {...testIdProps}>\n          {/*Setting restoreFocusRef to false because otherwise FocusTrap is stealing the focus back when :*/}\n          {/*we click outside of modeless Popup (that keeps being open).*/}\n          <FocusTrap restoreFocusRef={false}>{children}</FocusTrap>\n        </div>\n      );\n    };\n\n    const renderFloatingOrOverlayPopup = () => {\n      if (!anchorRef || !anchorRef.current) {\n        return (\n          <WindowOverlay placement={placement as WindowOverlayPlacement} offset={finalOffset}>\n            <div ref={stableRef}>{renderPopup()}</div>\n          </WindowOverlay>\n        );\n      } else {\n        return (\n          <Floating\n            ref={stableRef}\n            backgroundColor={popupBgColor}\n            anchorRef={anchorRef}\n            placement={placement as Placement}\n            offsetValue={finalOffset}\n            flipOptions={flipOptions}\n            shiftOptions={shiftOptions}\n            tail={tail}\n            onPosition={onPosition}>\n            {renderPopup()}\n          </Floating>\n        );\n      }\n    };\n\n    if (isMounted) {\n      if (modality === 'modal') {\n        return <Modal isOpen={isMounted}>{renderFloatingOrOverlayPopup()}</Modal>;\n      } else {\n        return <Layer>{renderFloatingOrOverlayPopup()}</Layer>;\n      }\n    } else return null;\n  }\n);\n"],"names":["Popup","forwardRef","anchorRef","launcherRef","children","isOpen","modality","offset","mainAxis","crossAxis","flipOptions","shiftOptions","onClickOutside","onClose","initialFocus","placement","tail","onTransitionEnd","onFocusSet","role","ariaLabel","ariaLabelledBy","ariaDescribedBy","testId","props","ref","localLauncherRef","useRef","popupBgColor","setPopupBgColor","useState","contentWrapperRef","testIdProps","useTestId","launcherKeyDownCallback","event","current","getActiveElement","code","preventDefault","stopPropagation","focusWithin","useOutsideClick","isDisabled","handler","setAnimationElementRef","status","onPosition","usePopupAnimation","isAnimatedOnMount","setInitialFocus","stableRef","useMemo","mergeRefs","returnFocus","useCallback","launcherEl","anchorEl","focusOn","Element","useEffect","contains","document","body","addEventListener","removeEventListener","derivedInitialFocus","finalOffset","calcOffset","getMainAxisOffset","getCrossAxisOffset","handlePopupKeyDown","currentlyFocusedEl","wrapperEl","reason","useLayoutEffect","backgroundColorVar","getVarName","popupVars","backgroundColor","computedStyle","getComputedStyle","getPropertyValue","baseTheme","classes","useComponentTheme","PopupRedwoodTheme","isMounted","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","styles","renderPopup","_jsx","tabIndex","className","classNames","style","onKeyDown","FocusTrap","restoreFocusRef","renderFloatingOrOverlayPopup","Floating","offsetValue","WindowOverlay","jsx","Modal","Layer"],"mappings":"knBAkJa,MAAAA,EAAQC,EAAAA,YACnB,EAEIC,YACAC,cACAC,WACAC,UAAS,EACTC,WAAW,WACXC,SAAS,CAAEC,SAAU,EAAGC,UAAW,GACnCC,cAAc,CAAEF,UAAU,EAAMC,WAAW,GAC3CE,eAAe,CAAEH,UAAU,EAAOC,WAAW,GAC7CG,iBACAC,UACAC,eAAe,OACfC,aAAYb,EAAY,MAAQ,UAChCc,OAAO,OACPC,kBACAC,aACAC,QAAoB,aAAbb,EAA0B,UAAY,UAC7C,aAAcc,EACd,kBAAmBC,EACnB,mBAAoBC,EACpBC,YACGC,GAELC,KAEA,MAAMC,EAAmBC,SAA2B,OAC7CC,EAAcC,GAAmBC,EAAQA,WAE1CC,EAAoBJ,SAA8B,MAGlDK,EAAcC,YAAUV,GAa9B,SAASW,EAAwBC,GAE7BT,EAAiBU,UAAYC,sBACd,OAAfF,EAAMG,MACO,aAAbhC,IAIA6B,EAAMI,iBACNJ,EAAMK,kBAENC,cAAYV,EAAkBK,SAC9BlB,MAEH,CAtBDwB,kBAAgB,CACdC,aAActC,GAAU0B,EAAkBK,SAC1CX,IAAKM,EACLa,QAAUT,IACRvB,IAAiBuB,EAAM,IAoB3B,MAUMU,uBAAEA,EAAsBC,OAAEA,EAAMC,WAAEA,GAAeC,EAAAA,kBAAkB,CACvE3C,SACA4C,mBAAmB,EACnBhC,gBAbwBZ,IACpBA,GACF6C,IACAjC,KAAkB,IAElBA,KAAkB,EACnB,EAQDF,UAAWA,IAEPoC,EAAYC,WAChB,IAAMC,YAAUR,EAAwBpB,IACxC,CAACoB,EAAwBpB,IAGrB6B,EAAcC,EAAAA,aAAY,KAE9B,MAAMC,EAAa9B,EAAiBU,QAC9BqB,EAAWvD,GAAWkC,QAExBoB,EACFE,EAAOA,QAACF,GAECC,GAAYA,aAAoBE,SACzCD,EAAOA,QAACD,EACT,GACA,CAAC/B,EAAkBxB,GAAWkC,UAEjCwB,EAAAA,WAAU,KAEHvD,GAAqB,YAAXyC,GAKTf,EAAkBK,SAASyB,SAASxB,EAAAA,qBACtCiB,GAEH,GACA,CAACjD,EAAQyC,EAAQQ,IAGpBM,EAAAA,WAAU,KACJvD,IACGF,GAAaiC,SAIPjC,EAAYiC,mBAAmBuB,QAGxCjC,EAAiBU,QAAU0B,SAASC,KAAKF,SAAS1D,EAAYiC,SAC1DjC,EAAYiC,QACXC,EAAAA,mBANLX,EAAiBU,QAAUC,EAAAA,mBAW7BX,EAAiBU,SAAS4B,iBAAiB,UAAW9B,IAEjD,KAELR,EAAiBU,SAAS6B,oBAAoB,UAAW/B,EAAwB,IAElF,CAAC7B,EAAQF,IAIZ,MAAM+C,EAAkB,KACtB,IAAIgB,EAAsBpD,EACL,SAAjBA,IAGAoD,EAFe,UAAb5D,EAEoB,iBAGA,QAME,UAAxB4D,IACFR,UAAQ3B,EAAkBK,SAC1BlB,MACAD,KAAkB,IAKQ,mBAAxBiD,IACFzB,cAAYV,EAAkBK,SAC9BlB,MACD,EA0BGiD,EAAc,CAClB3D,SAxBwB,CAACD,IACzB,IAAI6D,EAAa,EASjB,OARI7D,IAGF6D,EAA+B,iBAAX7D,EAAsBA,EAASA,EAAOC,UAAY,EACzD,WAATQ,IACFoD,GAAc,IAGXA,CAAU,EAcPC,CAAkB9D,GAC5BE,UAZyB,CAACF,GACrBA,EAKsB,iBAAXA,EAAsB,EAAIA,EAAOE,WAAa,EAJrD,EAUE6D,CAAmB/D,IAG1BgE,GAAsBpC,IAC1B,MAAMqC,EAAqBnC,EAAAA,mBACrBoC,EAAY1C,EAAkBK,QAC9BoB,EAAa9B,EAAiBU,QACpC,GAAIqC,IAAcD,GAAsBC,GAAWZ,SAASW,GAC1D,OAAQrC,EAAMG,MACZ,IAAK,SAEHzB,IAAU,CAAE6D,OAAQ,cACpB,MAEF,IAAK,KAGHvC,EAAMI,iBACNJ,EAAMK,kBAGFgB,GAA2B,aAAblD,GAChBoD,EAAOA,QAACF,GAIf,EAGHmB,EAAAA,iBAAgB,KACd,GACa,cAAX7B,GAC6B,MAA7Bf,EAAkBK,SACF,MAAhBR,GACS,SAATZ,EAEA,OAEF,MAAM4D,EAAqBC,EAAAA,WAAWC,EAASA,UAACC,iBAC1CC,EAAgBC,iBAAiBlD,EAAkBK,SACzDP,EAAgBmD,EAAcE,iBAAiBN,GAAoB,GAClE,CAAC9B,EAAQf,EAAmBH,EAAcZ,IAG7C,MAAMmE,UAAEA,GAASC,QAAEA,IAAYC,EAAiBA,kBAACC,EAAiBA,mBAC5DC,GAAuB,cAAXzC,EAEZ0C,GAAiB,IAAIC,OAAOC,OAAOC,EAAAA,0BACnCC,GAAsBC,sBAAoCL,QACrDM,IAAWF,GAAoBpE,GAEpCuE,GAAc,IAEhBC,EAAAA,IACE,MAAA,CAAAvE,IAAKM,EACLkE,UAAW,EACX9E,KAAMA,EACN+E,UAAWC,EAAAA,WAAW,CAAChB,GAAWC,KAClCgB,MAAON,GACPO,UAAW9B,gBACCnD,EAAS,kBACJC,EAAc,mBACbC,KACdU,EAGJ5B,SAAA4F,EAAAA,IAACM,EAAAA,UAAS,CAACC,iBAAiB,EAAKnG,SAAGA,MAKpCoG,GAA+B,IAC9BtG,GAAcA,EAAUkC,QAQzB4D,MAACS,EAAAA,SAAQ,CACPhF,IAAK0B,EACL4B,gBAAiBnD,EACjB1B,UAAWA,EACXa,UAAWA,EACX2F,YAAavC,EACbzD,YAAaA,EACbC,aAAcA,EACdK,KAAMA,EACN+B,WAAYA,EAAU3C,SACrB2F,OAhBHC,EAAAA,IAACW,EAAAA,cAAa,CAAC5F,UAAWA,EAAqCR,OAAQ4D,WACrE6B,EAAKY,IAAA,MAAA,CAAAnF,IAAK0B,EAAS/C,SAAG2F,SAqB9B,OAAIR,GACe,UAAbjF,EACK0F,EAAAY,IAACC,EAAKA,MAAA,CAACxG,OAAQkF,GAAYnF,SAAAoG,OAE3BR,EAAAA,IAACc,EAAAA,MAAK,CAAA1G,SAAEoG,OAEL,IAAI"}
+{"version":3,"file":"Popup-249d77c3.js","sources":["../../src/UNSAFE_Popup/Popup.tsx"],"sourcesContent":["import { JSX, RefObject } from 'preact';\nimport { useState, useEffect, useLayoutEffect, useMemo, useRef, useCallback } from 'preact/hooks';\nimport { Floating, Offset, Placement, Coords, FlipOptions, ShiftOptions } from '../UNSAFE_Floating';\nimport {\n  FocusableElement,\n  focusOn,\n  focusWithin,\n  getActiveElement\n} from '../utils/PRIVATE_tabbableUtils';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { usePopupAnimation } from './usePopupAnimation';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\n\n// Style imports\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { popupVars } from './themes/PopupContract.css';\nimport { getVarName } from '../utils/UNSAFE_stringUtils';\nimport { Property } from 'csstype';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from './themes/redwood/PopupTheme';\nimport { dimensionInterpolations, DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nexport type PopupPlacement = Placement | WindowOverlayPlacement;\nexport type OnCloseDetail = {\n  reason: 'escapeKey';\n};\nexport type InitialFocus = 'auto' | 'none' | 'popup' | 'firstFocusable';\nexport type Tail = 'none' | 'simple';\nexport type Modality = 'modal' | 'modeless';\n\ntype Props = IntrinsicProps &\n  DimensionProps &\n  TestIdProps & {\n    /**\n     * Specifies whether the Popup is open.\n     */\n    isOpen: boolean;\n    /**\n     * Specifies Popup's anchor. Popup is placed relatively to its anchor.\n     */\n    anchorRef?: RefObject<Element | Coords>;\n    /**\n     * Specifies Popup's launcher. After Popup closes, it returns focus to the launcher.\n     */\n    launcherRef?: RefObject<HTMLElement>;\n    /**\n     * Specifies placement of the Popup relative to the anchor.\n     */\n    placement?: PopupPlacement;\n    /**\n     * Specifies displacement of the Popup from the anchor element placement along the specified axes.\n     * The offset object consists of mainAxis and crossAxis properties. The direction in which these properties\n     * are applied depends on the current value of the position property.\n     *\n     * The <code>mainAxis</code> property represents the distance between the Popup and the anchor.\n     * The <code>crossAxis</code> property represents the deviation in the opposite axis to the main axis - the skidding between the Popup and the anchor.\n     */\n    offset?: Offset;\n    /**\n     * Specifies modality of the Popup.\n     */\n    modality?: Modality;\n    /**\n     * Specifies whether a floating Popup changes placement to the opposite side to be kept in view when a collision is detected.\n     *\n     * The flipOptions object consists of mainAxis and crossAxis properties.\n     * The <code>mainAxis</code> runs along the side of the Popup element.\n     * The <code>crossAxis</code> runs along the alignment of the Popup element.\n     */\n    flipOptions?: FlipOptions;\n    /**\n     * Specifies whether a floating Popup shifts along axis to be kept in view when a collision is detected.\n     * Note that if both 'flip' and 'shift' are enabled on respective axis, the flip will take precedence.\n     *\n     * The shiftOptions object consists of mainAxis and crossAxis properties.\n     * The <code>mainAxis</code> runs along the side of the Popup element.\n     * The <code>crossAxis</code> runs along the alignment of the Popup element.\n     */\n    shiftOptions?: ShiftOptions;\n    /**\n     * Specifies if the Popup sets focus to its content when initially open.\n     * A value of none prevents the popup from setting focus when open.\n     *\n     * <code>auto</code> in modeless mode resolves to none.\n     * <code>none</code> prevents the popup from setting focus when open.\n     * <code>popup</code> sets focus to the root popup container (good choice for touch platforms).\n     * <code>firstFocusable</code> defines that a popup should set focus to the first focusable element within the popup's content.\n     */\n    initialFocus?: InitialFocus;\n    /**\n     * Specifies callback triggered when a user clicks outside Popup.\n     */\n    onClickOutside?: (event: MouseEvent) => void;\n    /**\n     * Specifies callback triggered when a user tries to close a Popup through UI interaction.\n     * The parent should listen to this event and close the Popup. If the parent fails to remove\n     * the Popup, then no change will be done in the UI by the component.\n     */\n    onClose?: (detail: OnCloseDetail) => void;\n    /**\n     * Specifies callback triggered when initial focus is set or when Popup receives it via F6 key.\n     */\n    onFocusSet?: () => void;\n    /**\n     * Specifies Popup's tail. Simple tail is an arrow pointing to Popup's anchor.\n     */\n    tail?: Tail;\n    /**\n     * Specifies callback triggered after the animation ends.\n     */\n    onTransitionEnd?: (value: boolean) => void;\n    /**\n     * Specifies the ARIA role type. Depending on how the popup is used in the page, the page developer should choose from the following:\n     * <code>tooltip</code> defines contextual popup that displays a description for an element. This is added automatically if not already specified.\n     * <code>dialog</code> defines an application window that is designed to interrupt the current processing of an application in order to prompt the user to enter information or require a response.\n     * <code>alertdialog</code> defines type of dialog that contains an alert message, where initial focus goes to an element within the dialog.\n     */\n    role?: HTMLAttributesSignalExcluded['role'];\n    /**\n     * Specifies guidance for screen readers.\n     */\n    'aria-label'?: string;\n    /**\n     * Specifies ID of an element used for guidance for screen readers.\n     */\n    'aria-labelledby'?: string;\n    /**\n     * Specifies ID of an element (or space separated IDs of multiple elements) that\n     * describes the Drawer.\n     */\n    'aria-describedby'?: string;\n  };\n\n/**\n * A popup temporarily 'pops up' content in the foreground.\n */\nexport const Popup = forwardRef(\n  (\n    {\n      anchorRef,\n      launcherRef,\n      children,\n      isOpen = false,\n      modality = 'modeless',\n      offset = { mainAxis: 0, crossAxis: 0 },\n      flipOptions = { mainAxis: true, crossAxis: true },\n      shiftOptions = { mainAxis: false, crossAxis: false },\n      onClickOutside,\n      onClose,\n      initialFocus = 'auto',\n      placement = anchorRef ? 'top' : 'center',\n      tail = 'none',\n      onTransitionEnd,\n      onFocusSet,\n      role = modality === 'modeless' ? 'tooltip' : 'dialog',\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      testId,\n      ...props\n    }: Props,\n    ref: ForwardedRef<HTMLElement | null>\n  ) => {\n    const localLauncherRef = useRef<HTMLElement | null>(null);\n    const [popupBgColor, setPopupBgColor] = useState<Property.BackgroundColor>();\n\n    const contentWrapperRef = useRef<HTMLDivElement | null>(null);\n\n    // testId support\n    const testIdProps = useTestId(testId);\n\n    // We can not merge outsideClick to onClose event with {reason: 'outsideClick'} payload\n    // The reason is that we allow outsideClick/autodismiss in modeless mode and\n    // we need to detect outsideClick which is\n    useOutsideClick({\n      isDisabled: !(isOpen && contentWrapperRef.current),\n      ref: contentWrapperRef,\n      handler: (event) => {\n        onClickOutside?.(event);\n      }\n    });\n\n    function launcherKeyDownCallback(event: KeyboardEvent): void {\n      if (\n        localLauncherRef.current === getActiveElement() &&\n        event.code === 'F6' &&\n        modality === 'modeless'\n      ) {\n        // Prevent default F6 handlers.\n        // F6 is a standard Chrome address bar shortcut on Windows.\n        event.preventDefault();\n        event.stopPropagation();\n\n        focusWithin(contentWrapperRef.current as HTMLElement);\n        onFocusSet?.();\n      }\n    }\n\n    const _onTransitionEnd = (isOpen: boolean) => {\n      if (isOpen) {\n        setInitialFocus();\n        onTransitionEnd?.(true);\n      } else {\n        onTransitionEnd?.(false);\n      }\n    };\n\n    // Animation\n    const { setAnimationElementRef, status, onPosition } = usePopupAnimation({\n      isOpen,\n      isAnimatedOnMount: true,\n      onTransitionEnd: _onTransitionEnd,\n      placement: placement\n    });\n    const stableRef = useMemo(\n      () => mergeRefs(setAnimationElementRef, ref),\n      [setAnimationElementRef, ref]\n    );\n\n    const returnFocus = useCallback((): void => {\n      // Try to return focus to 1.launcher or 2.anchor\n      const launcherEl = localLauncherRef.current;\n      const anchorEl = anchorRef?.current;\n\n      if (launcherEl) {\n        focusOn(launcherEl);\n        // Checking instanceof to avoid Coords type that can not be focused\n      } else if (anchorEl && anchorEl instanceof Element) {\n        focusOn(anchorEl as FocusableElement);\n      }\n    }, [localLauncherRef, anchorRef?.current]);\n\n    useEffect(() => {\n      // Init closing\n      if (!isOpen && status === 'opening') {\n        // Only actively return focus to the launcher or anchor if the popup contained focus.\n        // Otherwise, focus is already elsewhere on the page and should not be forced back\n        // because that could reopen the popup again, which essentially prevents the user from\n        // moving focus out of the launcher.\n        if (contentWrapperRef.current?.contains(getActiveElement())) {\n          returnFocus();\n        }\n      }\n    }, [isOpen, status, returnFocus]);\n\n    // Initialize launcher\n    useEffect(() => {\n      if (isOpen) {\n        if (!launcherRef?.current) {\n          // 1. If launcher is not defined, most frequent scenario is,\n          // that element, that has focus before opening a popup is considered launcher\n          localLauncherRef.current = getActiveElement() as HTMLElement;\n        } else if (launcherRef.current instanceof Element) {\n          // 2. launcherRef element was provided.\n          // Verify, if it exists in DOM, otherwise use the last active element\n          localLauncherRef.current = document.body.contains(launcherRef.current)\n            ? launcherRef.current\n            : (getActiveElement() as HTMLElement);\n        } else {\n          localLauncherRef.current = getActiveElement() as HTMLElement;\n        }\n        // Register F6 key handler to enter the Popup\n        localLauncherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n      }\n      return () => {\n        // Deregister F6 key handler\n        localLauncherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n      };\n    }, [isOpen, launcherRef]);\n    // Note: unlike oj-c-popup we do not default anchorRef to launcherRef in Preact Popup\n    // If anchorRef is undefined, we use WindowOverlay as anchor\n\n    const setInitialFocus = () => {\n      let derivedInitialFocus = initialFocus;\n      if (initialFocus === 'auto') {\n        if (modality === 'modal') {\n          // modal mode - set focus to first focusable\n          derivedInitialFocus = 'firstFocusable';\n        } else {\n          // modeless mode - do not steal focus by default\n          derivedInitialFocus = 'none';\n        }\n      }\n\n      // Case: 'popup'\n      // Focus on Popup container\n      if (derivedInitialFocus === 'popup') {\n        focusOn(contentWrapperRef.current as HTMLElement);\n        onFocusSet?.();\n        onTransitionEnd?.(false);\n      }\n\n      // Case: 'firstFocusable'\n      // Focus on first tabbable in the Popup container or container itself if there is none\n      if (derivedInitialFocus === 'firstFocusable') {\n        focusWithin(contentWrapperRef.current as HTMLElement);\n        onFocusSet?.();\n      }\n    };\n\n    const getMainAxisOffset = (offset?: Offset) => {\n      let calcOffset = 0;\n      if (offset) {\n        // @ts-ignore as OffsetFunction is going to be removed\n        // Property 'mainAxis' does not exist on type 'OffsetFunction'.\n        calcOffset = typeof offset === 'number' ? offset : offset.mainAxis || 0;\n        if (tail === 'simple') {\n          calcOffset += 5;\n        }\n      }\n      return calcOffset;\n    };\n\n    const getCrossAxisOffset = (offset?: Offset) => {\n      if (!offset) {\n        return 0;\n      } else {\n        // @ts-ignore as OffsetFunction is going to be removed\n        // Property 'crossAxis' does not exist on type 'OffsetFunction'.\n        return typeof offset === 'number' ? 0 : offset.crossAxis || 0;\n      }\n    };\n\n    const finalOffset = {\n      mainAxis: getMainAxisOffset(offset),\n      crossAxis: getCrossAxisOffset(offset)\n    };\n\n    const handlePopupKeyDown = (event: KeyboardEvent) => {\n      const currentlyFocusedEl = getActiveElement();\n      const wrapperEl = contentWrapperRef.current;\n      const launcherEl = localLauncherRef.current;\n      if (wrapperEl === currentlyFocusedEl || wrapperEl?.contains(currentlyFocusedEl)) {\n        switch (event.code) {\n          case 'Escape': {\n            // Trigger onClose event with outside click detail\n            onClose?.({ reason: 'escapeKey' });\n            break;\n          }\n          case 'F6':\n            // Prevent default F6 handlers.\n            // F6 is a standard Chrome address bar shortcut on Windows.\n            event.preventDefault();\n            event.stopPropagation();\n\n            // Focus launcher\n            if (launcherEl && modality === 'modeless') {\n              focusOn(launcherEl);\n            }\n            break;\n        }\n      }\n    };\n\n    useLayoutEffect(() => {\n      if (\n        status === 'unmounted' ||\n        contentWrapperRef.current == null ||\n        popupBgColor != null ||\n        tail === 'none'\n      )\n        return;\n\n      const backgroundColorVar = getVarName(popupVars.backgroundColor);\n      const computedStyle = getComputedStyle(contentWrapperRef.current!);\n      setPopupBgColor(computedStyle.getPropertyValue(backgroundColorVar));\n    }, [status, contentWrapperRef, popupBgColor, tail]);\n\n    // Styles\n    const { baseTheme, classes } = useComponentTheme(PopupRedwoodTheme);\n    const isMounted = status !== 'unmounted';\n\n    const interpolations = [...Object.values(dimensionInterpolations)];\n    const styleInterpolations = mergeInterpolations<DimensionProps>(interpolations);\n    const { ...styles } = styleInterpolations(props);\n\n    const renderPopup = () => {\n      return (\n        <div\n          ref={contentWrapperRef}\n          tabIndex={-1}\n          role={role}\n          className={classNames([baseTheme, classes])}\n          style={styles}\n          onKeyDown={handlePopupKeyDown}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          {...testIdProps}>\n          {/*Setting restoreFocusRef to false because otherwise FocusTrap is stealing the focus back when :*/}\n          {/*we click outside of modeless Popup (that keeps being open).*/}\n          <FocusTrap restoreFocusRef={false}>{children}</FocusTrap>\n        </div>\n      );\n    };\n\n    const renderFloatingOrOverlayPopup = () => {\n      if (!anchorRef || !anchorRef.current) {\n        return (\n          <WindowOverlay placement={placement as WindowOverlayPlacement} offset={finalOffset}>\n            <div ref={stableRef}>{renderPopup()}</div>\n          </WindowOverlay>\n        );\n      } else {\n        return (\n          <Floating\n            ref={stableRef}\n            backgroundColor={popupBgColor}\n            anchorRef={anchorRef}\n            placement={placement as Placement}\n            offsetValue={finalOffset}\n            flipOptions={flipOptions}\n            shiftOptions={shiftOptions}\n            tail={tail}\n            onPosition={onPosition}>\n            {renderPopup()}\n          </Floating>\n        );\n      }\n    };\n\n    if (isMounted) {\n      if (modality === 'modal') {\n        return <Modal isOpen={isMounted}>{renderFloatingOrOverlayPopup()}</Modal>;\n      } else {\n        return <Layer>{renderFloatingOrOverlayPopup()}</Layer>;\n      }\n    } else return null;\n  }\n);\n"],"names":["Popup","forwardRef","anchorRef","launcherRef","children","isOpen","modality","offset","mainAxis","crossAxis","flipOptions","shiftOptions","onClickOutside","onClose","initialFocus","placement","tail","onTransitionEnd","onFocusSet","role","ariaLabel","ariaLabelledBy","ariaDescribedBy","testId","props","ref","localLauncherRef","useRef","popupBgColor","setPopupBgColor","useState","contentWrapperRef","testIdProps","useTestId","launcherKeyDownCallback","event","current","getActiveElement","code","preventDefault","stopPropagation","focusWithin","useOutsideClick","isDisabled","handler","setAnimationElementRef","status","onPosition","usePopupAnimation","isAnimatedOnMount","setInitialFocus","stableRef","useMemo","mergeRefs","returnFocus","useCallback","launcherEl","anchorEl","focusOn","Element","useEffect","contains","document","body","addEventListener","removeEventListener","derivedInitialFocus","finalOffset","calcOffset","getMainAxisOffset","getCrossAxisOffset","handlePopupKeyDown","currentlyFocusedEl","wrapperEl","reason","useLayoutEffect","backgroundColorVar","getVarName","popupVars","backgroundColor","computedStyle","getComputedStyle","getPropertyValue","baseTheme","classes","useComponentTheme","PopupRedwoodTheme","isMounted","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","styles","renderPopup","_jsx","tabIndex","className","classNames","style","onKeyDown","FocusTrap","restoreFocusRef","renderFloatingOrOverlayPopup","Floating","offsetValue","WindowOverlay","jsx","Modal","Layer"],"mappings":"knBAkJa,MAAAA,EAAQC,EAAAA,YACnB,EAEIC,YACAC,cACAC,WACAC,UAAS,EACTC,WAAW,WACXC,SAAS,CAAEC,SAAU,EAAGC,UAAW,GACnCC,cAAc,CAAEF,UAAU,EAAMC,WAAW,GAC3CE,eAAe,CAAEH,UAAU,EAAOC,WAAW,GAC7CG,iBACAC,UACAC,eAAe,OACfC,aAAYb,EAAY,MAAQ,UAChCc,OAAO,OACPC,kBACAC,aACAC,QAAoB,aAAbb,EAA0B,UAAY,UAC7C,aAAcc,EACd,kBAAmBC,EACnB,mBAAoBC,EACpBC,YACGC,GAELC,KAEA,MAAMC,EAAmBC,SAA2B,OAC7CC,EAAcC,GAAmBC,EAAQA,WAE1CC,EAAoBJ,SAA8B,MAGlDK,EAAcC,YAAUV,GAa9B,SAASW,EAAwBC,GAE7BT,EAAiBU,UAAYC,sBACd,OAAfF,EAAMG,MACO,aAAbhC,IAIA6B,EAAMI,iBACNJ,EAAMK,kBAENC,cAAYV,EAAkBK,SAC9BlB,MAEH,CAtBDwB,kBAAgB,CACdC,aAActC,GAAU0B,EAAkBK,SAC1CX,IAAKM,EACLa,QAAUT,IACRvB,IAAiBuB,EAAM,IAoB3B,MAUMU,uBAAEA,EAAsBC,OAAEA,EAAMC,WAAEA,GAAeC,EAAAA,kBAAkB,CACvE3C,SACA4C,mBAAmB,EACnBhC,gBAbwBZ,IACpBA,GACF6C,IACAjC,KAAkB,IAElBA,KAAkB,EACnB,EAQDF,UAAWA,IAEPoC,EAAYC,WAChB,IAAMC,YAAUR,EAAwBpB,IACxC,CAACoB,EAAwBpB,IAGrB6B,EAAcC,EAAAA,aAAY,KAE9B,MAAMC,EAAa9B,EAAiBU,QAC9BqB,EAAWvD,GAAWkC,QAExBoB,EACFE,EAAOA,QAACF,GAECC,GAAYA,aAAoBE,SACzCD,EAAOA,QAACD,EACT,GACA,CAAC/B,EAAkBxB,GAAWkC,UAEjCwB,EAAAA,WAAU,KAEHvD,GAAqB,YAAXyC,GAKTf,EAAkBK,SAASyB,SAASxB,EAAAA,qBACtCiB,GAEH,GACA,CAACjD,EAAQyC,EAAQQ,IAGpBM,EAAAA,WAAU,KACJvD,IACGF,GAAaiC,SAIPjC,EAAYiC,mBAAmBuB,QAGxCjC,EAAiBU,QAAU0B,SAASC,KAAKF,SAAS1D,EAAYiC,SAC1DjC,EAAYiC,QACXC,EAAAA,mBANLX,EAAiBU,QAAUC,EAAAA,mBAW7BX,EAAiBU,SAAS4B,iBAAiB,UAAW9B,IAEjD,KAELR,EAAiBU,SAAS6B,oBAAoB,UAAW/B,EAAwB,IAElF,CAAC7B,EAAQF,IAIZ,MAAM+C,EAAkB,KACtB,IAAIgB,EAAsBpD,EACL,SAAjBA,IAGAoD,EAFe,UAAb5D,EAEoB,iBAGA,QAME,UAAxB4D,IACFR,UAAQ3B,EAAkBK,SAC1BlB,MACAD,KAAkB,IAKQ,mBAAxBiD,IACFzB,cAAYV,EAAkBK,SAC9BlB,MACD,EA0BGiD,EAAc,CAClB3D,SAxBwB,CAACD,IACzB,IAAI6D,EAAa,EASjB,OARI7D,IAGF6D,EAA+B,iBAAX7D,EAAsBA,EAASA,EAAOC,UAAY,EACzD,WAATQ,IACFoD,GAAc,IAGXA,CAAU,EAcPC,CAAkB9D,GAC5BE,UAZyB,CAACF,GACrBA,EAKsB,iBAAXA,EAAsB,EAAIA,EAAOE,WAAa,EAJrD,EAUE6D,CAAmB/D,IAG1BgE,GAAsBpC,IAC1B,MAAMqC,EAAqBnC,EAAAA,mBACrBoC,EAAY1C,EAAkBK,QAC9BoB,EAAa9B,EAAiBU,QACpC,GAAIqC,IAAcD,GAAsBC,GAAWZ,SAASW,GAC1D,OAAQrC,EAAMG,MACZ,IAAK,SAEHzB,IAAU,CAAE6D,OAAQ,cACpB,MAEF,IAAK,KAGHvC,EAAMI,iBACNJ,EAAMK,kBAGFgB,GAA2B,aAAblD,GAChBoD,EAAOA,QAACF,GAIf,EAGHmB,EAAAA,iBAAgB,KACd,GACa,cAAX7B,GAC6B,MAA7Bf,EAAkBK,SACF,MAAhBR,GACS,SAATZ,EAEA,OAEF,MAAM4D,EAAqBC,EAAAA,WAAWC,EAASA,UAACC,iBAC1CC,EAAgBC,iBAAiBlD,EAAkBK,SACzDP,EAAgBmD,EAAcE,iBAAiBN,GAAoB,GAClE,CAAC9B,EAAQf,EAAmBH,EAAcZ,IAG7C,MAAMmE,UAAEA,GAASC,QAAEA,IAAYC,EAAiBA,kBAACC,EAAiBA,mBAC5DC,GAAuB,cAAXzC,EAEZ0C,GAAiB,IAAIC,OAAOC,OAAOC,EAAAA,0BACnCC,GAAsBC,sBAAoCL,QACrDM,IAAWF,GAAoBpE,GAEpCuE,GAAc,IAEhBC,EAAAA,IACE,MAAA,CAAAvE,IAAKM,EACLkE,UAAW,EACX9E,KAAMA,EACN+E,UAAWC,EAAAA,WAAW,CAAChB,GAAWC,KAClCgB,MAAON,GACPO,UAAW9B,gBACCnD,EAAS,kBACJC,EAAc,mBACbC,KACdU,EAGJ5B,SAAA4F,EAAAA,IAACM,EAAAA,UAAS,CAACC,iBAAiB,EAAKnG,SAAGA,MAKpCoG,GAA+B,IAC9BtG,GAAcA,EAAUkC,QAQzB4D,MAACS,EAAAA,SAAQ,CACPhF,IAAK0B,EACL4B,gBAAiBnD,EACjB1B,UAAWA,EACXa,UAAWA,EACX2F,YAAavC,EACbzD,YAAaA,EACbC,aAAcA,EACdK,KAAMA,EACN+B,WAAYA,EAAU3C,SACrB2F,OAhBHC,EAAAA,IAACW,EAAAA,cAAa,CAAC5F,UAAWA,EAAqCR,OAAQ4D,WACrE6B,EAAKY,IAAA,MAAA,CAAAnF,IAAK0B,EAAS/C,SAAG2F,SAqB9B,OAAIR,GACe,UAAbjF,EACK0F,EAAAY,IAACC,EAAKA,MAAA,CAACxG,OAAQkF,GAAYnF,SAAAoG,OAE3BR,EAAAA,IAACc,EAAAA,MAAK,CAAA1G,SAAEoG,OAEL,IAAI"}

package/amd/{ProgressBar-e9b37565.js → ProgressBar-f82d6b43.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useUser-9b166ca3', './useTranslationBundle-20bfc0f3', './useComponentTheme-5aa41a8f', './UNSAFE_ProgressBar/themes/redwood/ProgressBarTheme', './LinearMeter-82411a78'], (function(e,a,r,s,o,n,t,l){"use strict";const i=({id:e,width:i,edge:d="none",...c})=>{const{classes:u,styles:{valueStyle:m,indeterminate:g,animationStyleLTR:h,animationStyleRTL:v,highContrastValueStyle:x,trackBorderEdgeNone:B,trackBorderEdgeTop:T}}=n.useComponentTheme(t.ProgressBarRedwoodTheme,{edge:"none"===d?d:void 0}),{direction:p,forcedColors:f}=s.useUser(),j=r.classNames([m,g,"rtl"===p?v:h,"active"===f?x:""]),y=o.useTranslationBundle("@oracle/oraclejet-preact"),N={"aria-valuetext":c["aria-valuetext"]||y.progressIndeterminate(),role:"progressbar"},C="active"===f?void 0:"none"===d?B:T;return a.jsx(l.BarTrack,{id:e,ariaProps:N,class:r.classNames([u,C]),length:i,children:a.jsx(l.BarValue,{class:j})})},d=({value:e=0,max:o=100,id:i,width:d,edge:c="none"})=>{const{forcedColors:u}=s.useUser(),{classes:m,styles:{valueStyle:g,highContrastValueStyle:h,trackBorderEdgeNone:v,trackBorderEdgeTop:x}}=n.useComponentTheme(t.ProgressBarRedwoodTheme,{edge:"none"===c?c:void 0}),B=r.classNames([g,"active"===u?h:""]),T=100*Math.min(Math.max(0,e/o),1)+"%",p={};return p["aria-valuemin"]=null!=e?0:void 0,p["aria-valuemax"]=null!=e?o:void 0,p["aria-valuenow"]=null!=e?e:void 0,p.role="progressbar",a.jsx(l.BarTrack,{ariaProps:p,id:i,length:d,class:r.classNames([m,"none"===c?v:x]),children:a.jsx(l.BarValue,{class:B,length:T})})};e.ProgressBar=function({value:e,max:r,...s}){return"indeterminate"===e?a.jsx(i,{...s}):a.jsx(d,{value:e,max:r,...s})}}));
-//# sourceMappingURL=ProgressBar-e9b37565.js.map
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useUser-6dd85af9', './useTranslationBundle-6ef0dab6', './useComponentTheme-5aa41a8f', './UNSAFE_ProgressBar/themes/redwood/ProgressBarTheme', './LinearMeter-82411a78'], (function(e,a,r,s,o,n,t,l){"use strict";const i=({id:e,width:i,edge:d="none",...c})=>{const{classes:u,styles:{valueStyle:m,indeterminate:g,animationStyleLTR:h,animationStyleRTL:v,highContrastValueStyle:x,trackBorderEdgeNone:B,trackBorderEdgeTop:T}}=n.useComponentTheme(t.ProgressBarRedwoodTheme,{edge:"none"===d?d:void 0}),{direction:p,forcedColors:f}=s.useUser(),j=r.classNames([m,g,"rtl"===p?v:h,"active"===f?x:""]),y=o.useTranslationBundle("@oracle/oraclejet-preact"),N={"aria-valuetext":c["aria-valuetext"]||y.progressIndeterminate(),role:"progressbar"},C="active"===f?void 0:"none"===d?B:T;return a.jsx(l.BarTrack,{id:e,ariaProps:N,class:r.classNames([u,C]),length:i,children:a.jsx(l.BarValue,{class:j})})},d=({value:e=0,max:o=100,id:i,width:d,edge:c="none"})=>{const{forcedColors:u}=s.useUser(),{classes:m,styles:{valueStyle:g,highContrastValueStyle:h,trackBorderEdgeNone:v,trackBorderEdgeTop:x}}=n.useComponentTheme(t.ProgressBarRedwoodTheme,{edge:"none"===c?c:void 0}),B=r.classNames([g,"active"===u?h:""]),T=100*Math.min(Math.max(0,e/o),1)+"%",p={};return p["aria-valuemin"]=null!=e?0:void 0,p["aria-valuemax"]=null!=e?o:void 0,p["aria-valuenow"]=null!=e?e:void 0,p.role="progressbar",a.jsx(l.BarTrack,{ariaProps:p,id:i,length:d,class:r.classNames([m,"none"===c?v:x]),children:a.jsx(l.BarValue,{class:B,length:T})})};e.ProgressBar=function({value:e,max:r,...s}){return"indeterminate"===e?a.jsx(i,{...s}):a.jsx(d,{value:e,max:r,...s})}}));
+//# sourceMappingURL=ProgressBar-f82d6b43.js.map

package/amd/{ProgressBar-e9b37565.js.map → ProgressBar-f82d6b43.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar-e9b37565.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.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 { ComponentProps } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { BarTrack, BarValue } from '../PRIVATE_Meter';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { ProgressBarStyles, ProgressBarVariantOptions } from './themes/ProgressBarStyles.css';\nimport { ProgressBarRedwoodTheme } from './themes/redwood/ProgressBarTheme';\n\ntype ariaPropsType = ComponentProps<typeof BarTrack>['ariaProps'];\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\n\ntype ProgressBarProps = IntrinsicProps & {\n  /**\n   * Specifies the id of the progress bar.  If the progress bar is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n   */\n  id?: HTMLAttributesSignalExcluded<HTMLDivElement>['id'];\n  /**\n   * The value of the progress bar.  If the value is 'indeterminate', an indeterminate progress bar will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * Whether the progress bar is positioned at the top edge of a container or not.\n   * If set to 'top', the curved borders will be removed.\n   */\n  edge?: 'none' | 'top';\n\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The width of the progress bar.  This will use the CSS lengths styling.\n   */\n  // TODO: use the dimensions work the Jeanne is doing JET-49961\n  width?: string;\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'. This will be used for the aria-valuetext of the DOM element.\n   */\n  'aria-valuetext'?: string;\n};\n/**\n * A progress bar allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressBar({ value, max, ...otherProps }: ProgressBarProps) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressBar {...otherProps} />\n  ) : (\n    <DeterminateProgressBar value={value} max={max} {...otherProps} />\n  );\n}\n\ntype IndeterminateProps = Omit<ProgressBarProps, 'value' | 'max'>;\n\nconst IndeterminateProgressBar = ({ id, width, edge = 'none', ...props }: IndeterminateProps) => {\n  const {\n    classes,\n    styles: {\n      valueStyle,\n      indeterminate,\n      animationStyleLTR,\n      animationStyleRTL,\n      highContrastValueStyle,\n      trackBorderEdgeNone,\n      trackBorderEdgeTop\n    }\n  } = useComponentTheme<ProgressBarVariantOptions, ProgressBarStyles>(ProgressBarRedwoodTheme, {\n    edge: edge === 'none' ? edge : undefined\n  });\n\n  const { direction, forcedColors } = useUser();\n  const barValueClasses = classNames([\n    valueStyle,\n    indeterminate,\n    direction === 'rtl' ? animationStyleRTL : animationStyleLTR,\n    forcedColors === 'active' ? highContrastValueStyle : ''\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': props['aria-valuetext'] || translations.progressIndeterminate(),\n    role: 'progressbar'\n  };\n  const trackBorderClass =\n    forcedColors === 'active'\n      ? undefined\n      : edge === 'none'\n      ? trackBorderEdgeNone\n      : trackBorderEdgeTop;\n  return (\n    <BarTrack\n      id={id}\n      ariaProps={ariaProps}\n      class={classNames([classes, trackBorderClass])}\n      length={width}>\n      <BarValue class={barValueClasses} />\n    </BarTrack>\n  );\n};\n\ntype DeterminateProps = Omit<ProgressBarProps, 'aria-valuetext'> & {\n  value?: number;\n};\n\nconst DeterminateProgressBar = ({\n  value = 0,\n  max = 100,\n  id,\n  width,\n  edge = 'none'\n}: DeterminateProps) => {\n  const { forcedColors } = useUser();\n  const {\n    classes,\n    styles: { valueStyle, highContrastValueStyle, trackBorderEdgeNone, trackBorderEdgeTop }\n  } = useComponentTheme<ProgressBarVariantOptions, ProgressBarStyles>(ProgressBarRedwoodTheme, {\n    edge: edge === 'none' ? edge : undefined\n  });\n\n  const barValueClasses = classNames([\n    valueStyle,\n    forcedColors === 'active' ? highContrastValueStyle : ''\n  ]);\n\n  const percentage = `${Math.min(Math.max(0, value / max), 1) * 100}%`;\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? 0 : undefined;\n  ariaProps['aria-valuemax'] = value != null ? max : undefined;\n  ariaProps['aria-valuenow'] = value != null ? value : undefined;\n  ariaProps['role'] = 'progressbar';\n  return (\n    <BarTrack\n      ariaProps={ariaProps}\n      id={id}\n      length={width}\n      class={classNames([classes, edge === 'none' ? trackBorderEdgeNone : trackBorderEdgeTop])}>\n      <BarValue class={barValueClasses} length={percentage} />\n    </BarTrack>\n  );\n};\n"],"names":["IndeterminateProgressBar","id","width","edge","props","classes","styles","valueStyle","indeterminate","animationStyleLTR","animationStyleRTL","highContrastValueStyle","trackBorderEdgeNone","trackBorderEdgeTop","useComponentTheme","ProgressBarRedwoodTheme","undefined","direction","forcedColors","useUser","barValueClasses","classNames","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","trackBorderClass","_jsx","jsx","BarTrack","class","length","children","BarValue","DeterminateProgressBar","value","max","percentage","Math","min","otherProps"],"mappings":"8QAmEA,MAAMA,EAA2B,EAAGC,KAAIC,QAAOC,OAAO,UAAWC,MAC/D,MAAMC,QACJA,EACAC,QAAQC,WACNA,EAAUC,cACVA,EAAaC,kBACbA,EAAiBC,kBACjBA,EAAiBC,uBACjBA,EAAsBC,oBACtBA,EAAmBC,mBACnBA,IAEAC,EAAAA,kBAAgEC,EAAAA,wBAAyB,CAC3FZ,KAAe,SAATA,EAAkBA,OAAOa,KAG3BC,UAAEA,EAASC,aAAEA,GAAiBC,EAAOA,UACrCC,EAAkBC,EAAAA,WAAW,CACjCd,EACAC,EACc,QAAdS,EAAsBP,EAAoBD,EACzB,WAAjBS,EAA4BP,EAAyB,KAEjDW,EAAeC,uBAAiC,4BAChDC,EAA2B,CAC/B,iBAAkBpB,EAAM,mBAAqBkB,EAAaG,wBAC1DC,KAAM,eAEFC,EACa,WAAjBT,OACIF,EACS,SAATb,EACAS,EACAC,EACN,OACEe,EAACC,IAAAC,WACC,CAAA7B,GAAIA,EACJuB,UAAWA,EACXO,MAAOV,EAAUA,WAAC,CAAChB,EAASsB,IAC5BK,OAAQ9B,EACR+B,SAAAL,EAAAC,IAACK,WAAQ,CAACH,MAAOX,KAEnB,EAOEe,EAAyB,EAC7BC,QAAQ,EACRC,MAAM,IACNpC,KACAC,QACAC,OAAO,WAEP,MAAMe,aAAEA,GAAiBC,EAAAA,WACnBd,QACJA,EACAC,QAAQC,WAAEA,EAAUI,uBAAEA,EAAsBC,oBAAEA,EAAmBC,mBAAEA,IACjEC,EAAiBA,kBAA+CC,0BAAyB,CAC3FZ,KAAe,SAATA,EAAkBA,OAAOa,IAG3BI,EAAkBC,EAAAA,WAAW,CACjCd,EACiB,WAAjBW,EAA4BP,EAAyB,KAGjD2B,EAAwD,IAAxCC,KAAKC,IAAID,KAAKF,IAAI,EAAGD,EAAQC,GAAM,GAAtC,IACbb,EAA2B,CAAA,EAKjC,OAJAA,EAAU,iBAA4B,MAATY,EAAgB,OAAIpB,EACjDQ,EAAU,iBAA4B,MAATY,EAAgBC,OAAMrB,EACnDQ,EAAU,iBAA4B,MAATY,EAAgBA,OAAQpB,EACrDQ,EAAgB,KAAI,cAElBI,MAACE,EAAQA,SAAA,CACPN,UAAWA,EACXvB,GAAIA,EACJ+B,OAAQ9B,EACR6B,MAAOV,EAAUA,WAAC,CAAChB,EAAkB,SAATF,EAAkBS,EAAsBC,IACpEoB,SAAAL,EAAAA,IAACM,EAAAA,SAAS,CAAAH,MAAOX,EAAiBY,OAAQM,KAE5C,gBA7FE,UAAsBF,MAAEA,EAAKC,IAAEA,KAAQI,IAC3C,MAAiB,kBAAVL,EACLR,EAAAC,IAAC7B,EAAwB,IAAKyC,IAE9Bb,EAAAA,IAACO,EAAuB,CAAAC,MAAOA,EAAOC,IAAKA,KAASI,GAExD"}
+{"version":3,"file":"ProgressBar-f82d6b43.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.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 { ComponentProps } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { BarTrack, BarValue } from '../PRIVATE_Meter';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { ProgressBarStyles, ProgressBarVariantOptions } from './themes/ProgressBarStyles.css';\nimport { ProgressBarRedwoodTheme } from './themes/redwood/ProgressBarTheme';\n\ntype ariaPropsType = ComponentProps<typeof BarTrack>['ariaProps'];\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\n\ntype ProgressBarProps = IntrinsicProps & {\n  /**\n   * Specifies the id of the progress bar.  If the progress bar is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n   */\n  id?: HTMLAttributesSignalExcluded<HTMLDivElement>['id'];\n  /**\n   * The value of the progress bar.  If the value is 'indeterminate', an indeterminate progress bar will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * Whether the progress bar is positioned at the top edge of a container or not.\n   * If set to 'top', the curved borders will be removed.\n   */\n  edge?: 'none' | 'top';\n\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The width of the progress bar.  This will use the CSS lengths styling.\n   */\n  // TODO: use the dimensions work the Jeanne is doing JET-49961\n  width?: string;\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'. This will be used for the aria-valuetext of the DOM element.\n   */\n  'aria-valuetext'?: string;\n};\n/**\n * A progress bar allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressBar({ value, max, ...otherProps }: ProgressBarProps) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressBar {...otherProps} />\n  ) : (\n    <DeterminateProgressBar value={value} max={max} {...otherProps} />\n  );\n}\n\ntype IndeterminateProps = Omit<ProgressBarProps, 'value' | 'max'>;\n\nconst IndeterminateProgressBar = ({ id, width, edge = 'none', ...props }: IndeterminateProps) => {\n  const {\n    classes,\n    styles: {\n      valueStyle,\n      indeterminate,\n      animationStyleLTR,\n      animationStyleRTL,\n      highContrastValueStyle,\n      trackBorderEdgeNone,\n      trackBorderEdgeTop\n    }\n  } = useComponentTheme<ProgressBarVariantOptions, ProgressBarStyles>(ProgressBarRedwoodTheme, {\n    edge: edge === 'none' ? edge : undefined\n  });\n\n  const { direction, forcedColors } = useUser();\n  const barValueClasses = classNames([\n    valueStyle,\n    indeterminate,\n    direction === 'rtl' ? animationStyleRTL : animationStyleLTR,\n    forcedColors === 'active' ? highContrastValueStyle : ''\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': props['aria-valuetext'] || translations.progressIndeterminate(),\n    role: 'progressbar'\n  };\n  const trackBorderClass =\n    forcedColors === 'active'\n      ? undefined\n      : edge === 'none'\n      ? trackBorderEdgeNone\n      : trackBorderEdgeTop;\n  return (\n    <BarTrack\n      id={id}\n      ariaProps={ariaProps}\n      class={classNames([classes, trackBorderClass])}\n      length={width}>\n      <BarValue class={barValueClasses} />\n    </BarTrack>\n  );\n};\n\ntype DeterminateProps = Omit<ProgressBarProps, 'aria-valuetext'> & {\n  value?: number;\n};\n\nconst DeterminateProgressBar = ({\n  value = 0,\n  max = 100,\n  id,\n  width,\n  edge = 'none'\n}: DeterminateProps) => {\n  const { forcedColors } = useUser();\n  const {\n    classes,\n    styles: { valueStyle, highContrastValueStyle, trackBorderEdgeNone, trackBorderEdgeTop }\n  } = useComponentTheme<ProgressBarVariantOptions, ProgressBarStyles>(ProgressBarRedwoodTheme, {\n    edge: edge === 'none' ? edge : undefined\n  });\n\n  const barValueClasses = classNames([\n    valueStyle,\n    forcedColors === 'active' ? highContrastValueStyle : ''\n  ]);\n\n  const percentage = `${Math.min(Math.max(0, value / max), 1) * 100}%`;\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? 0 : undefined;\n  ariaProps['aria-valuemax'] = value != null ? max : undefined;\n  ariaProps['aria-valuenow'] = value != null ? value : undefined;\n  ariaProps['role'] = 'progressbar';\n  return (\n    <BarTrack\n      ariaProps={ariaProps}\n      id={id}\n      length={width}\n      class={classNames([classes, edge === 'none' ? trackBorderEdgeNone : trackBorderEdgeTop])}>\n      <BarValue class={barValueClasses} length={percentage} />\n    </BarTrack>\n  );\n};\n"],"names":["IndeterminateProgressBar","id","width","edge","props","classes","styles","valueStyle","indeterminate","animationStyleLTR","animationStyleRTL","highContrastValueStyle","trackBorderEdgeNone","trackBorderEdgeTop","useComponentTheme","ProgressBarRedwoodTheme","undefined","direction","forcedColors","useUser","barValueClasses","classNames","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","trackBorderClass","_jsx","jsx","BarTrack","class","length","children","BarValue","DeterminateProgressBar","value","max","percentage","Math","min","otherProps"],"mappings":"8QAmEA,MAAMA,EAA2B,EAAGC,KAAIC,QAAOC,OAAO,UAAWC,MAC/D,MAAMC,QACJA,EACAC,QAAQC,WACNA,EAAUC,cACVA,EAAaC,kBACbA,EAAiBC,kBACjBA,EAAiBC,uBACjBA,EAAsBC,oBACtBA,EAAmBC,mBACnBA,IAEAC,EAAAA,kBAAgEC,EAAAA,wBAAyB,CAC3FZ,KAAe,SAATA,EAAkBA,OAAOa,KAG3BC,UAAEA,EAASC,aAAEA,GAAiBC,EAAOA,UACrCC,EAAkBC,EAAAA,WAAW,CACjCd,EACAC,EACc,QAAdS,EAAsBP,EAAoBD,EACzB,WAAjBS,EAA4BP,EAAyB,KAEjDW,EAAeC,uBAAiC,4BAChDC,EAA2B,CAC/B,iBAAkBpB,EAAM,mBAAqBkB,EAAaG,wBAC1DC,KAAM,eAEFC,EACa,WAAjBT,OACIF,EACS,SAATb,EACAS,EACAC,EACN,OACEe,EAACC,IAAAC,WACC,CAAA7B,GAAIA,EACJuB,UAAWA,EACXO,MAAOV,EAAUA,WAAC,CAAChB,EAASsB,IAC5BK,OAAQ9B,EACR+B,SAAAL,EAAAC,IAACK,WAAQ,CAACH,MAAOX,KAEnB,EAOEe,EAAyB,EAC7BC,QAAQ,EACRC,MAAM,IACNpC,KACAC,QACAC,OAAO,WAEP,MAAMe,aAAEA,GAAiBC,EAAAA,WACnBd,QACJA,EACAC,QAAQC,WAAEA,EAAUI,uBAAEA,EAAsBC,oBAAEA,EAAmBC,mBAAEA,IACjEC,EAAiBA,kBAA+CC,0BAAyB,CAC3FZ,KAAe,SAATA,EAAkBA,OAAOa,IAG3BI,EAAkBC,EAAAA,WAAW,CACjCd,EACiB,WAAjBW,EAA4BP,EAAyB,KAGjD2B,EAAwD,IAAxCC,KAAKC,IAAID,KAAKF,IAAI,EAAGD,EAAQC,GAAM,GAAtC,IACbb,EAA2B,CAAA,EAKjC,OAJAA,EAAU,iBAA4B,MAATY,EAAgB,OAAIpB,EACjDQ,EAAU,iBAA4B,MAATY,EAAgBC,OAAMrB,EACnDQ,EAAU,iBAA4B,MAATY,EAAgBA,OAAQpB,EACrDQ,EAAgB,KAAI,cAElBI,MAACE,EAAQA,SAAA,CACPN,UAAWA,EACXvB,GAAIA,EACJ+B,OAAQ9B,EACR6B,MAAOV,EAAUA,WAAC,CAAChB,EAAkB,SAATF,EAAkBS,EAAsBC,IACpEoB,SAAAL,EAAAA,IAACM,EAAAA,SAAS,CAAAH,MAAOX,EAAiBY,OAAQM,KAE5C,gBA7FE,UAAsBF,MAAEA,EAAKC,IAAEA,KAAQI,IAC3C,MAAiB,kBAAVL,EACLR,EAAAC,IAAC7B,EAAwB,IAAKyC,IAE9Bb,EAAAA,IAACO,EAAuB,CAAAC,MAAOA,EAAOC,IAAKA,KAASI,GAExD"}

package/amd/{ProgressCircle-3b0d70d1.js → ProgressCircle-fc85cd7c.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './meterUtils-dcd89d95', './circleUtils-1886e5b4', './useTranslationBundle-20bfc0f3', './useComponentTheme-5aa41a8f', './UNSAFE_ProgressCircle/themes/redwood/ProgressCircleTheme', './CircularMeter-d19358bc'], (function(e,s,r,a,l,i,t,n,c){"use strict";const o=({id:e,size:r,...a})=>{const{classes:l,styles:{indeterminate:o}}=t.useComponentTheme(n.ProgressCircleRedwoodTheme,{size:r,type:"indeterminate"}),d=i.useTranslationBundle("@oracle/oraclejet-preact"),m={"aria-valuetext":a["aria-valuetext"]||d.progressIndeterminate(),role:"progressbar"};return s.jsx(c.CircleWrapper,{id:e,ariaProps:m,class:l,children:s.jsx(c.CircleInner,{class:o})})},d=({value:e=0,max:a=100,id:i,size:o})=>{const{classes:d,styles:{determinate:m,track:u,valueStyle:p}}=t.useComponentTheme(n.ProgressCircleRedwoodTheme,{size:o}),x=Math.min(Math.max(0,e/a),1),C=l.getProgressClipPath(x),h={};return h["aria-valuemin"]=null!=e?0:void 0,h["aria-valuemax"]=null!=e?a:void 0,h["aria-valuenow"]=null!=e?e:void 0,h.role="progressbar",s.jsxs(c.CircleWrapper,{id:i,ariaProps:h,class:d,children:[s.jsx(c.CircleInner,{class:r.classNames([m,u])}),s.jsx(c.CircleInner,{class:r.classNames([m,p]),clipPath:C})]})};e.ProgressCircle=function({value:e,max:r,...a}){return"indeterminate"===e?s.jsx(o,{...a}):s.jsx(d,{value:e,max:r,...a})}}));
-//# sourceMappingURL=ProgressCircle-3b0d70d1.js.map
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './meterUtils-dcd89d95', './circleUtils-1886e5b4', './useTranslationBundle-6ef0dab6', './useComponentTheme-5aa41a8f', './UNSAFE_ProgressCircle/themes/redwood/ProgressCircleTheme', './CircularMeter-d19358bc'], (function(e,s,r,a,l,i,t,n,c){"use strict";const o=({id:e,size:r,...a})=>{const{classes:l,styles:{indeterminate:o}}=t.useComponentTheme(n.ProgressCircleRedwoodTheme,{size:r,type:"indeterminate"}),d=i.useTranslationBundle("@oracle/oraclejet-preact"),m={"aria-valuetext":a["aria-valuetext"]||d.progressIndeterminate(),role:"progressbar"};return s.jsx(c.CircleWrapper,{id:e,ariaProps:m,class:l,children:s.jsx(c.CircleInner,{class:o})})},d=({value:e=0,max:a=100,id:i,size:o})=>{const{classes:d,styles:{determinate:m,track:u,valueStyle:p}}=t.useComponentTheme(n.ProgressCircleRedwoodTheme,{size:o}),x=Math.min(Math.max(0,e/a),1),C=l.getProgressClipPath(x),h={};return h["aria-valuemin"]=null!=e?0:void 0,h["aria-valuemax"]=null!=e?a:void 0,h["aria-valuenow"]=null!=e?e:void 0,h.role="progressbar",s.jsxs(c.CircleWrapper,{id:i,ariaProps:h,class:d,children:[s.jsx(c.CircleInner,{class:r.classNames([m,u])}),s.jsx(c.CircleInner,{class:r.classNames([m,p]),clipPath:C})]})};e.ProgressCircle=function({value:e,max:r,...a}){return"indeterminate"===e?s.jsx(o,{...a}):s.jsx(d,{value:e,max:r,...a})}}));
+//# sourceMappingURL=ProgressCircle-fc85cd7c.js.map

package/amd/{ProgressCircle-3b0d70d1.js.map → ProgressCircle-fc85cd7c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ProgressCircle-3b0d70d1.js","sources":["../../src/UNSAFE_ProgressCircle/ProgressCircle.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 { ComponentChildren, ComponentProps } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CircleWrapper, CircleInner } from '../PRIVATE_Meter';\nimport { getProgressClipPath } from '../utils/PRIVATE_meterUtils';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport {\n  ProgressCircleStyles,\n  ProgressCircleVariantOptions\n} from './themes/ProgressCircleStyles.css';\nimport { ProgressCircleRedwoodTheme } from './themes/redwood/ProgressCircleTheme';\ntype ariaPropsType = ComponentProps<typeof CircleWrapper>['ariaProps'];\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\n\ntype ProgressCircleProps = IntrinsicProps & {\n  /**\n   * Specifies the id of the progress circle.  If the progress circle is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressCircle\n   */\n  id?: HTMLAttributesSignalExcluded<HTMLDivElement>['id'];\n  /**\n   * The value of the progress circle.  If the value is 'indeterminate', an indeterminate progress circle will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * The maximum value of the progress circle.\n   */\n  max?: number;\n  /**\n   * The size of the progress circle. The default value of this property is theme driven.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'. This will be used for the aria-valuetext of the DOM element.\n   */\n  'aria-valuetext'?: string;\n  /**\n   * Specifies the children.\n   */\n  children?: ComponentChildren;\n};\n/**\n * A progress circle allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressCircle({ value, max, ...otherProps }: ProgressCircleProps) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressCircle {...otherProps}></IndeterminateProgressCircle>\n  ) : (\n    <DeterminateProgressCircle value={value} max={max} {...otherProps}></DeterminateProgressCircle>\n  );\n}\n\ntype IndeterminateProps = Omit<ProgressCircleProps, 'value' | 'max'>;\n\nconst IndeterminateProgressCircle = ({ id, size, ...props }: IndeterminateProps) => {\n  const {\n    classes,\n    styles: { indeterminate }\n  } = useComponentTheme<ProgressCircleVariantOptions, ProgressCircleStyles>(\n    ProgressCircleRedwoodTheme,\n    {\n      size,\n      type: 'indeterminate'\n    }\n  );\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': props['aria-valuetext'] || translations.progressIndeterminate(),\n    role: 'progressbar'\n  };\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} class={classes}>\n      <CircleInner class={indeterminate} />\n    </CircleWrapper>\n  );\n};\n\ntype DeterminateProps = Omit<ProgressCircleProps, 'aria-valuetext'> & {\n  value?: number;\n};\n\nconst DeterminateProgressCircle = ({ value = 0, max = 100, id, size }: DeterminateProps) => {\n  const {\n    classes,\n    styles: { determinate, track, valueStyle }\n  } = useComponentTheme<ProgressCircleVariantOptions, ProgressCircleStyles>(\n    ProgressCircleRedwoodTheme,\n    {\n      size\n    }\n  );\n\n  const percentage = Math.min(Math.max(0, value / max), 1);\n  const clipPath = getProgressClipPath(percentage);\n\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? 0 : undefined;\n  ariaProps['aria-valuemax'] = value != null ? max : undefined;\n  ariaProps['aria-valuenow'] = value != null ? value : undefined;\n  ariaProps['role'] = 'progressbar';\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} class={classes}>\n      <CircleInner class={classNames([determinate, track])} />\n      <CircleInner class={classNames([determinate, valueStyle])} clipPath={clipPath} />\n    </CircleWrapper>\n  );\n};\n"],"names":["IndeterminateProgressCircle","id","size","props","classes","styles","indeterminate","useComponentTheme","ProgressCircleRedwoodTheme","type","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","_jsx","CircleWrapper","class","children","jsx","CircleInner","DeterminateProgressCircle","value","max","determinate","track","valueStyle","percentage","Math","min","clipPath","getProgressClipPath","undefined","_jsxs","classNames","otherProps"],"mappings":"oTAiEA,MAAMA,EAA8B,EAAGC,KAAIC,UAASC,MAClD,MAAMC,QACJA,EACAC,QAAQC,cAAEA,IACRC,EAAiBA,kBACnBC,6BACA,CACEN,OACAO,KAAM,kBAIJC,EAAeC,uBAAiC,4BAChDC,EAA2B,CAC/B,iBAAkBT,EAAM,mBAAqBO,EAAaG,wBAC1DC,KAAM,eAER,OACEC,EAAAA,IAACC,EAAAA,cAAc,CAAAf,GAAIA,EAAIW,UAAWA,EAAWK,MAAOb,EAClDc,SAAAH,EAAAI,IAACC,cAAW,CAACH,MAAOX,KAEtB,EAOEe,EAA4B,EAAGC,QAAQ,EAAGC,MAAM,IAAKtB,KAAIC,WAC7D,MAAME,QACJA,EACAC,QAAQmB,YAAEA,EAAWC,MAAEA,EAAKC,WAAEA,IAC5BnB,EAAiBA,kBACnBC,6BACA,CACEN,SAIEyB,EAAaC,KAAKC,IAAID,KAAKL,IAAI,EAAGD,EAAQC,GAAM,GAChDO,EAAWC,sBAAoBJ,GAE/Bf,EAA2B,CAAA,EAKjC,OAJAA,EAAU,iBAA4B,MAATU,EAAgB,OAAIU,EACjDpB,EAAU,iBAA4B,MAATU,EAAgBC,OAAMS,EACnDpB,EAAU,iBAA4B,MAATU,EAAgBA,OAAQU,EACrDpB,EAAgB,KAAI,cAElBqB,EAAAA,KAACjB,EAAAA,cAAa,CAACf,GAAIA,EAAIW,UAAWA,EAAWK,MAAOb,EAAOc,SAAA,CACzDH,EAAAA,IAACK,EAAAA,aAAYH,MAAOiB,aAAW,CAACV,EAAaC,MAC7CV,EAAAI,IAACC,EAAWA,YAAC,CAAAH,MAAOiB,EAAUA,WAAC,CAACV,EAAaE,IAAcI,SAAUA,MAEvE,mBA9DE,UAAyBR,MAAEA,EAAKC,IAAEA,KAAQY,IAC9C,MAAiB,kBAAVb,EACLP,EAAAI,IAACnB,EAA2B,IAAKmC,IAEjCpB,EAAAA,IAACM,EAA0B,CAAAC,MAAOA,EAAOC,IAAKA,KAASY,GAE3D"}
+{"version":3,"file":"ProgressCircle-fc85cd7c.js","sources":["../../src/UNSAFE_ProgressCircle/ProgressCircle.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 { ComponentChildren, ComponentProps } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CircleWrapper, CircleInner } from '../PRIVATE_Meter';\nimport { getProgressClipPath } from '../utils/PRIVATE_meterUtils';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport {\n  ProgressCircleStyles,\n  ProgressCircleVariantOptions\n} from './themes/ProgressCircleStyles.css';\nimport { ProgressCircleRedwoodTheme } from './themes/redwood/ProgressCircleTheme';\ntype ariaPropsType = ComponentProps<typeof CircleWrapper>['ariaProps'];\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\n\ntype ProgressCircleProps = IntrinsicProps & {\n  /**\n   * Specifies the id of the progress circle.  If the progress circle is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressCircle\n   */\n  id?: HTMLAttributesSignalExcluded<HTMLDivElement>['id'];\n  /**\n   * The value of the progress circle.  If the value is 'indeterminate', an indeterminate progress circle will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * The maximum value of the progress circle.\n   */\n  max?: number;\n  /**\n   * The size of the progress circle. The default value of this property is theme driven.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'. This will be used for the aria-valuetext of the DOM element.\n   */\n  'aria-valuetext'?: string;\n  /**\n   * Specifies the children.\n   */\n  children?: ComponentChildren;\n};\n/**\n * A progress circle allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressCircle({ value, max, ...otherProps }: ProgressCircleProps) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressCircle {...otherProps}></IndeterminateProgressCircle>\n  ) : (\n    <DeterminateProgressCircle value={value} max={max} {...otherProps}></DeterminateProgressCircle>\n  );\n}\n\ntype IndeterminateProps = Omit<ProgressCircleProps, 'value' | 'max'>;\n\nconst IndeterminateProgressCircle = ({ id, size, ...props }: IndeterminateProps) => {\n  const {\n    classes,\n    styles: { indeterminate }\n  } = useComponentTheme<ProgressCircleVariantOptions, ProgressCircleStyles>(\n    ProgressCircleRedwoodTheme,\n    {\n      size,\n      type: 'indeterminate'\n    }\n  );\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': props['aria-valuetext'] || translations.progressIndeterminate(),\n    role: 'progressbar'\n  };\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} class={classes}>\n      <CircleInner class={indeterminate} />\n    </CircleWrapper>\n  );\n};\n\ntype DeterminateProps = Omit<ProgressCircleProps, 'aria-valuetext'> & {\n  value?: number;\n};\n\nconst DeterminateProgressCircle = ({ value = 0, max = 100, id, size }: DeterminateProps) => {\n  const {\n    classes,\n    styles: { determinate, track, valueStyle }\n  } = useComponentTheme<ProgressCircleVariantOptions, ProgressCircleStyles>(\n    ProgressCircleRedwoodTheme,\n    {\n      size\n    }\n  );\n\n  const percentage = Math.min(Math.max(0, value / max), 1);\n  const clipPath = getProgressClipPath(percentage);\n\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? 0 : undefined;\n  ariaProps['aria-valuemax'] = value != null ? max : undefined;\n  ariaProps['aria-valuenow'] = value != null ? value : undefined;\n  ariaProps['role'] = 'progressbar';\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} class={classes}>\n      <CircleInner class={classNames([determinate, track])} />\n      <CircleInner class={classNames([determinate, valueStyle])} clipPath={clipPath} />\n    </CircleWrapper>\n  );\n};\n"],"names":["IndeterminateProgressCircle","id","size","props","classes","styles","indeterminate","useComponentTheme","ProgressCircleRedwoodTheme","type","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","_jsx","CircleWrapper","class","children","jsx","CircleInner","DeterminateProgressCircle","value","max","determinate","track","valueStyle","percentage","Math","min","clipPath","getProgressClipPath","undefined","_jsxs","classNames","otherProps"],"mappings":"oTAiEA,MAAMA,EAA8B,EAAGC,KAAIC,UAASC,MAClD,MAAMC,QACJA,EACAC,QAAQC,cAAEA,IACRC,EAAiBA,kBACnBC,6BACA,CACEN,OACAO,KAAM,kBAIJC,EAAeC,uBAAiC,4BAChDC,EAA2B,CAC/B,iBAAkBT,EAAM,mBAAqBO,EAAaG,wBAC1DC,KAAM,eAER,OACEC,EAAAA,IAACC,EAAAA,cAAc,CAAAf,GAAIA,EAAIW,UAAWA,EAAWK,MAAOb,EAClDc,SAAAH,EAAAI,IAACC,cAAW,CAACH,MAAOX,KAEtB,EAOEe,EAA4B,EAAGC,QAAQ,EAAGC,MAAM,IAAKtB,KAAIC,WAC7D,MAAME,QACJA,EACAC,QAAQmB,YAAEA,EAAWC,MAAEA,EAAKC,WAAEA,IAC5BnB,EAAiBA,kBACnBC,6BACA,CACEN,SAIEyB,EAAaC,KAAKC,IAAID,KAAKL,IAAI,EAAGD,EAAQC,GAAM,GAChDO,EAAWC,sBAAoBJ,GAE/Bf,EAA2B,CAAA,EAKjC,OAJAA,EAAU,iBAA4B,MAATU,EAAgB,OAAIU,EACjDpB,EAAU,iBAA4B,MAATU,EAAgBC,OAAMS,EACnDpB,EAAU,iBAA4B,MAATU,EAAgBA,OAAQU,EACrDpB,EAAgB,KAAI,cAElBqB,EAAAA,KAACjB,EAAAA,cAAa,CAACf,GAAIA,EAAIW,UAAWA,EAAWK,MAAOb,EAAOc,SAAA,CACzDH,EAAAA,IAACK,EAAAA,aAAYH,MAAOiB,aAAW,CAACV,EAAaC,MAC7CV,EAAAI,IAACC,EAAWA,YAAC,CAAAH,MAAOiB,EAAUA,WAAC,CAACV,EAAaE,IAAcI,SAAUA,MAEvE,mBA9DE,UAAyBR,MAAEA,EAAKC,IAAEA,KAAQY,IAC9C,MAAiB,kBAAVb,EACLP,EAAAI,IAACnB,EAA2B,IAAKmC,IAEjCpB,EAAAA,IAACM,EAA0B,CAAAC,MAAOA,EAAOC,IAAKA,KAASY,GAE3D"}

package/amd/RadioItem-27c120ba.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useComponentTheme-5aa41a8f', './useFocus-4194fc59', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './useId-c9578d26', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useInteractionStyle-360d25a5', './useTranslationBundle-20bfc0f3', './CheckboxRadioContext-6a0fead0', './Check-f4a21893', './RadiobuttonOff-8879a87f', './RadiobuttonOn-bc368b49', './HiddenAccessible-037ef42d', './RadioItemContext-70878de8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', 'preact/hooks', './Flex-db3ddadb', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltipControlled-18271c7a', 'css!./IconStyle.styles.css', './IconButton-1b328b69', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './LayerHost-0a244de8', 'preact/compat', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-b5495d55', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './IconUserAssistance-f8928f19', './UNSAFE_RadioItem/themes/RadioIconContract.css', './UNSAFE_RadioItem/themes/redwood/RadioIconTheme', './UNSAFE_RadioItem/themes/redwood/RadioTheme'], (function(e,s,a,o,t,n,d,i,c,l,r,b,u,m,h,p,S,x,C,y,F,A,R,f,g,T,v,I,U,M,w,_,j,B,E,N,L,k,D,V,H,O,P,z,G,$,q,J,K,Q,W){"use strict";e.RadioItem=({value:e,children:t,...d})=>{const{isReadonly:l,isDisabled:y}=n.useFormContext(),{isDisabled:F,isReadonly:A}=i.useFormFieldContext(),{name:R,value:f,onCommit:g}=C.useRadioSetContext(),{isFocusRingShown:T}=m.useCheckboxRadioContext(),{index:v}=C.useRadioItemContext(),{isTabbable:I}=r.useTabbableMode(),U=c.useId(),{isFocus:M,focusProps:w}=o.useFocus(),_=f===e,j=F??y,B=A??l,{interactionProps:E,applyActiveStyle:N}=b.useInteractionStyle(),{classes:L,styles:{valueLabelStyle:k}}=a.useComponentTheme(W.RadioRedwoodTheme,{disabled:j?"isDisabled":"notDisabled",focused:M&&T?"isFocused":""}),{classes:D}=a.useComponentTheme(Q.RadioIconRedwoodTheme,{disabled:j?"isDisabled":"notDisabled",selected:_?"isSelected":"notSelected",readonly:B?"isReadonly":"notReadonly",active:N?"isActive":"notActive"}),{assistiveText:V,helpSourceLink:H}=d,O=!(j||B||!V&&!H),P=O?`${U}-help-available`:void 0,z=O?`${U}-icon-ua`:void 0,G=u.useTranslationBundle("@oracle/oraclejet-preact").formControl_helpAvailable(),$=B?_?h.SvgCheck:p.SvgRadiobuttonOff:_?S.SvgRadiobuttonOn:p.SvgRadiobuttonOff,q=!1!==I&&(0===v&&!f||_)?0:-1;return s.jsx("div",{children:s.jsxs("label",{class:L,children:[s.jsxs(x.HiddenAccessible,{children:[s.jsx("input",{type:"radio",name:R,id:U,value:e,...!B&&!j&&{onChange:s=>{s.stopPropagation(),g?.({previousValue:f,value:e})}},checked:_,disabled:j,"aria-describedby":P,tabIndex:q,...w}),O&&s.jsx(x.HiddenAccessible,{id:P,isHidden:!0,children:G})]}),s.jsx("span",{"aria-hidden":"true",class:D,...E,children:s.jsx($,{size:K.radioIconVars.iconSize,color:"currentColor"})}),s.jsxs("span",{class:k,children:[s.jsx("span",{...E,children:t}),O&&s.jsx(J.IconUserAssistance,{...d,isTabbable:I&&M,id:z})]})]})})}}));
+define(['exports', 'preact/jsx-runtime', './useComponentTheme-5aa41a8f', './useFocus-4194fc59', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './useId-c9578d26', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useInteractionStyle-360d25a5', './useTranslationBundle-6ef0dab6', './CheckboxRadioContext-6a0fead0', './Check-f4a21893', './RadiobuttonOff-8879a87f', './RadiobuttonOn-bc368b49', './HiddenAccessible-037ef42d', './RadioItemContext-70878de8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', 'preact/hooks', './Flex-1f27b601', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltipControlled-abf886f2', 'css!./IconStyle.styles.css', './IconButton-1b328b69', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './LayerHost-eab40731', 'preact/compat', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-249d77c3', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './IconUserAssistance-5bdaa6bf', './UNSAFE_RadioItem/themes/RadioIconContract.css', './UNSAFE_RadioItem/themes/redwood/RadioIconTheme', './UNSAFE_RadioItem/themes/redwood/RadioTheme'], (function(e,s,a,o,t,n,d,i,c,l,r,b,u,m,h,p,S,x,C,y,F,A,R,f,g,T,v,I,U,M,w,_,j,B,E,N,L,k,D,V,H,O,P,z,G,$,q,J,K,Q,W){"use strict";e.RadioItem=({value:e,children:t,...d})=>{const{isReadonly:l,isDisabled:y}=n.useFormContext(),{isDisabled:F,isReadonly:A}=i.useFormFieldContext(),{name:R,value:f,onCommit:g}=C.useRadioSetContext(),{isFocusRingShown:T}=m.useCheckboxRadioContext(),{index:v}=C.useRadioItemContext(),{isTabbable:I}=r.useTabbableMode(),U=c.useId(),{isFocus:M,focusProps:w}=o.useFocus(),_=f===e,j=F??y,B=A??l,{interactionProps:E,applyActiveStyle:N}=b.useInteractionStyle(),{classes:L,styles:{valueLabelStyle:k}}=a.useComponentTheme(W.RadioRedwoodTheme,{disabled:j?"isDisabled":"notDisabled",focused:M&&T?"isFocused":""}),{classes:D}=a.useComponentTheme(Q.RadioIconRedwoodTheme,{disabled:j?"isDisabled":"notDisabled",selected:_?"isSelected":"notSelected",readonly:B?"isReadonly":"notReadonly",active:N?"isActive":"notActive"}),{assistiveText:V,helpSourceLink:H}=d,O=!(j||B||!V&&!H),P=O?`${U}-help-available`:void 0,z=O?`${U}-icon-ua`:void 0,G=u.useTranslationBundle("@oracle/oraclejet-preact").formControl_helpAvailable(),$=B?_?h.SvgCheck:p.SvgRadiobuttonOff:_?S.SvgRadiobuttonOn:p.SvgRadiobuttonOff,q=!1!==I&&(0===v&&!f||_)?0:-1;return s.jsx("div",{children:s.jsxs("label",{class:L,children:[s.jsxs(x.HiddenAccessible,{children:[s.jsx("input",{type:"radio",name:R,id:U,value:e,...!B&&!j&&{onChange:s=>{s.stopPropagation(),g?.({previousValue:f,value:e})}},checked:_,disabled:j,"aria-describedby":P,tabIndex:q,...w}),O&&s.jsx(x.HiddenAccessible,{id:P,isHidden:!0,children:G})]}),s.jsx("span",{"aria-hidden":"true",class:D,...E,children:s.jsx($,{size:K.radioIconVars.iconSize,color:"currentColor"})}),s.jsxs("span",{class:k,children:[s.jsx("span",{...E,children:t}),O&&s.jsx(J.IconUserAssistance,{...d,isTabbable:I&&M,id:z})]})]})})}}));
 //# sourceMappingURL=RadioItem-27c120ba.js.map

package/amd/RatingGauge-dfe9f698.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './classNames-08d99695', './UNSAFE_RatingGauge/themes/RatingGaugeContract.css', './useComponentTheme-5aa41a8f', './useUser-9b166ca3', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeTheme', './useKeyboardEvents-57008a1d', 'preact/compat', './LayerHost-0a244de8', 'css!./LayerStyles.styles.css', './Floating-8f519f4d', 'css!./useDatatip.styles.css', './datatipUtils-1b8ab042', './meterUtils-dcd89d95', './useDatatip-34fb67d2', './useTooltipControlled-18271c7a', './mergeProps-bcfa6a92', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTestId-f3b8b319'], (function(e,t,s,a,o,i,n,l,r,d,c,u,h,b,p,g,m,y,x,R,f,S,v,C){"use strict";function D(e,t,s,a,o){const i=a.current;if(!i||0===i.width)return-1;const n=e-i.x,l=t*(o?i.width-n:n)/i.width/s;return l<.5?0:Math.min(t,Math.ceil(l)*s)}function w(e){if(!e)return{width:0,x:0};const t=e.getBoundingClientRect();return{width:t.width,x:t.x+window.scrollX}}const T=({isSelected:e,isDisabled:s,isReadOnly:a,color:c="neutral"})=>{const{forcedColors:u}=l.useUser(),h="active"===u,b=h&&s,p=function(e){return"neutral"===e||"gold"===e||"danger"===e||"warning"===e||"success"===e?e:void 0}(c),g=r.assignInlineVars({[i.ratingGaugeVars.colorSelected]:c,[i.ratingGaugeVars.borderColorSelected]:c,[i.ratingGaugeVars.colorSelectedReadonly]:c}),{variantClasses:m,styles:{ratingStarBaseStyle:y,innerRatingStarColor:x,outerRatingStarColor:R,outerDisabledHighContrastBaseStyle:f,outerDisabledHighContrastSelectedStyle:S,outerDisabledHighContrastUnselectedStyle:v}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{color:p,selectionState:e?"isSelected":"isNotSelected",disabledState:s?"isDisabled":"isNotDisabled",readonlyState:a?"isReadonly":"isNotReadonly",highContrastState:h?"isHighContrast":"isNotHighContrast"});return t.jsx("svg",{viewBox:"0 0 36 36",height:"100%",width:"100%",style:p?void 0:g,class:o.classNames([y,p?m:""]),children:t.jsxs("g",{children:[t.jsx("path",{class:x,d:"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z"}),t.jsx("path",{class:o.classNames([R,b?f:"",b?e?S:v:""]),d:"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z"})]})})},j=({fillRatio:e,isDisabled:a,isReadonly:o,color:i})=>{const{direction:r}=l.useUser(),c="rtl"===r,{styles:{fractionalStarBaseStyle:u}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme);return 1===e||0===e?t.jsx(T,{isSelected:1===e,isDisabled:a,isReadOnly:o,color:i}):t.jsxs(s.Fragment,{children:[t.jsx("div",{class:u,style:{clipPath:`inset(0% ${c?100*(1-e):0}% 0% ${c?0:100*e}%)`},children:t.jsx(T,{isSelected:!1,isDisabled:a,isReadOnly:o,color:i})}),t.jsx("div",{class:u,style:{clipPath:`inset(0% ${c?0:100*(1-e)}% 0% ${c?100*(1-e):0}%)`},children:t.jsx(T,{isSelected:!0,isDisabled:a,isReadOnly:o,color:i})})]})};e.RatingGauge=function({max:e=5,value:i=0,size:r,color:u="neutral",step:h=1,isReadonly:b,isDisabled:p,testId:g,...m}){const S=C.useTestId(g);y.validateRange(0,e,i,h);const T=a.useRef(null),P=a.useRef(w(null)),M=!b&&!p;a.useEffect((()=>{P.current=w(T.current)}),[r,e]);const N=((e,t,s,o,i,n,r,d)=>{const u=a.useRef(),{direction:h}=l.useUser(),b="rtl"===h,p=e=>{d?.({value:e}),u.current=e},g=c.useKeyboardEvents(s,0,e,t,u,r,d);return n?{onPointerUp:s=>{const a=D(s.pageX,e,t,i,b);-1!==a&&r?.({value:a})},onBlur:()=>{r?.({value:s})},onPointerMove:s=>{const a=D(s.pageX,e,t,i,b);-1!==a&&a!=u.current&&p(a)},onKeyUp:g.onKeyUp,onKeyDown:g.onKeyDown,onPointerLeave:()=>{p(void 0)},onPointerEnter:()=>{i.current=w(o.current)}}:{}})(e,h,i,T,P,M,m.onCommit,m.onInput),{datatipContent:U,datatipProps:G}=function({max:e,value:t,isDisabled:s,isReadonly:a,datatip:o,thresholds:i,width:n}){const l=(Math.max(1,Math.ceil(t))-Math.ceil(e/2))*n/e,r=o||!i||s?o:y.findThreshold(t,i)?.accessibleLabel,{datatipContent:d,datatipProps:c}=x.useDatatip({content:s||a?null:r,anchor:"element",offset:{mainAxis:8,crossAxis:l},placement:"bottom",touchResponse:"touchStart"});return{datatipContent:d,datatipProps:a&&!s?{"aria-describedby":void 0}:c}}({max:e,value:i,isDisabled:p,isReadonly:b,datatip:m.datatip,thresholds:m.thresholds,width:P.current.width}),{tooltipContent:A,tooltipProps:B}=function({isReadonly:e,isDisabled:t,tooltip:s}){const[o,i]=a.useState(!1),n=e&&!t?s:"",{tooltipContent:l,tooltipProps:r}=R.useTooltipControlled({text:n,isOpen:o,anchor:{x:"element",y:"element"},position:"bottom",offset:{mainAxis:8,crossAxis:0},isDisabled:t,onToggle:({value:e})=>i(e),variant:"tooltip"});return{tooltipContent:l,tooltipProps:!t&&e?r:{"aria-describedby":void 0}}}({isReadonly:b,isDisabled:p,tooltip:m.tooltip}),z=y.getMeterAriaProps(i,0,e,m["aria-label"],m["aria-labelledby"],m.thresholds,p,b,m.tooltip),{"aria-describedby":E,...F}=G,{"aria-describedby":H,...I}=B,K=f.mergeProps(N,F,I),O=[E,H,m["aria-describedby"]].filter(Boolean).join(" "),V=y.getThresholdColorFromValue(i,u,m.thresholds),{isTabbable:L}=v.useTabbableMode(),{classes:$,styles:{baseStyle:X,interactiveStyle:_,itemStyle:k,sizeStyle:q}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{size:r});return t.jsxs(s.Fragment,{children:[t.jsx("div",{...S,...z,ref:T,class:o.classNames([$,X,M?_:void 0]),tabIndex:L&&!p?0:-1,...K,"aria-describedby":O,children:[...Array(e)].map(((e,s)=>{const a=Math.min(Math.max(0,i-s),1);return t.jsx("div",{className:o.classNames([q,k]),children:t.jsx(j,{fillRatio:a,isDisabled:p,isReadonly:b,color:V})})}))}),U,A]})}}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './classNames-08d99695', './UNSAFE_RatingGauge/themes/RatingGaugeContract.css', './useComponentTheme-5aa41a8f', './useUser-6dd85af9', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeTheme', './useKeyboardEvents-e9a2b72b', 'preact/compat', './LayerHost-eab40731', 'css!./LayerStyles.styles.css', './Floating-85851b1a', 'css!./useDatatip.styles.css', './datatipUtils-1b8ab042', './meterUtils-dcd89d95', './useDatatip-d00735e9', './useTooltipControlled-abf886f2', './mergeProps-bcfa6a92', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTestId-82cf22a4'], (function(e,t,s,a,o,i,n,l,r,d,c,u,h,b,p,g,m,y,x,R,f,S,v,C){"use strict";function D(e,t,s,a,o){const i=a.current;if(!i||0===i.width)return-1;const n=e-i.x,l=t*(o?i.width-n:n)/i.width/s;return l<.5?0:Math.min(t,Math.ceil(l)*s)}function w(e){if(!e)return{width:0,x:0};const t=e.getBoundingClientRect();return{width:t.width,x:t.x+window.scrollX}}const T=({isSelected:e,isDisabled:s,isReadOnly:a,color:c="neutral"})=>{const{forcedColors:u}=l.useUser(),h="active"===u,b=h&&s,p=function(e){return"neutral"===e||"gold"===e||"danger"===e||"warning"===e||"success"===e?e:void 0}(c),g=r.assignInlineVars({[i.ratingGaugeVars.colorSelected]:c,[i.ratingGaugeVars.borderColorSelected]:c,[i.ratingGaugeVars.colorSelectedReadonly]:c}),{variantClasses:m,styles:{ratingStarBaseStyle:y,innerRatingStarColor:x,outerRatingStarColor:R,outerDisabledHighContrastBaseStyle:f,outerDisabledHighContrastSelectedStyle:S,outerDisabledHighContrastUnselectedStyle:v}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{color:p,selectionState:e?"isSelected":"isNotSelected",disabledState:s?"isDisabled":"isNotDisabled",readonlyState:a?"isReadonly":"isNotReadonly",highContrastState:h?"isHighContrast":"isNotHighContrast"});return t.jsx("svg",{viewBox:"0 0 36 36",height:"100%",width:"100%",style:p?void 0:g,class:o.classNames([y,p?m:""]),children:t.jsxs("g",{children:[t.jsx("path",{class:x,d:"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z"}),t.jsx("path",{class:o.classNames([R,b?f:"",b?e?S:v:""]),d:"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z"})]})})},j=({fillRatio:e,isDisabled:a,isReadonly:o,color:i})=>{const{direction:r}=l.useUser(),c="rtl"===r,{styles:{fractionalStarBaseStyle:u}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme);return 1===e||0===e?t.jsx(T,{isSelected:1===e,isDisabled:a,isReadOnly:o,color:i}):t.jsxs(s.Fragment,{children:[t.jsx("div",{class:u,style:{clipPath:`inset(0% ${c?100*(1-e):0}% 0% ${c?0:100*e}%)`},children:t.jsx(T,{isSelected:!1,isDisabled:a,isReadOnly:o,color:i})}),t.jsx("div",{class:u,style:{clipPath:`inset(0% ${c?0:100*(1-e)}% 0% ${c?100*(1-e):0}%)`},children:t.jsx(T,{isSelected:!0,isDisabled:a,isReadOnly:o,color:i})})]})};e.RatingGauge=function({max:e=5,value:i=0,size:r,color:u="neutral",step:h=1,isReadonly:b,isDisabled:p,testId:g,...m}){const S=C.useTestId(g);y.validateRange(0,e,i,h);const T=a.useRef(null),P=a.useRef(w(null)),M=!b&&!p;a.useEffect((()=>{P.current=w(T.current)}),[r,e]);const N=((e,t,s,o,i,n,r,d)=>{const u=a.useRef(),{direction:h}=l.useUser(),b="rtl"===h,p=e=>{d?.({value:e}),u.current=e},g=c.useKeyboardEvents(s,0,e,t,u,r,d);return n?{onPointerUp:s=>{const a=D(s.pageX,e,t,i,b);-1!==a&&r?.({value:a})},onBlur:()=>{r?.({value:s})},onPointerMove:s=>{const a=D(s.pageX,e,t,i,b);-1!==a&&a!=u.current&&p(a)},onKeyUp:g.onKeyUp,onKeyDown:g.onKeyDown,onPointerLeave:()=>{p(void 0)},onPointerEnter:()=>{i.current=w(o.current)}}:{}})(e,h,i,T,P,M,m.onCommit,m.onInput),{datatipContent:U,datatipProps:G}=function({max:e,value:t,isDisabled:s,isReadonly:a,datatip:o,thresholds:i,width:n}){const l=(Math.max(1,Math.ceil(t))-Math.ceil(e/2))*n/e,r=o||!i||s?o:y.findThreshold(t,i)?.accessibleLabel,{datatipContent:d,datatipProps:c}=x.useDatatip({content:s||a?null:r,anchor:"element",offset:{mainAxis:8,crossAxis:l},placement:"bottom",touchResponse:"touchStart"});return{datatipContent:d,datatipProps:a&&!s?{"aria-describedby":void 0}:c}}({max:e,value:i,isDisabled:p,isReadonly:b,datatip:m.datatip,thresholds:m.thresholds,width:P.current.width}),{tooltipContent:A,tooltipProps:B}=function({isReadonly:e,isDisabled:t,tooltip:s}){const[o,i]=a.useState(!1),n=e&&!t?s:"",{tooltipContent:l,tooltipProps:r}=R.useTooltipControlled({text:n,isOpen:o,anchor:{x:"element",y:"element"},position:"bottom",offset:{mainAxis:8,crossAxis:0},isDisabled:t,onToggle:({value:e})=>i(e),variant:"tooltip"});return{tooltipContent:l,tooltipProps:!t&&e?r:{"aria-describedby":void 0}}}({isReadonly:b,isDisabled:p,tooltip:m.tooltip}),z=y.getMeterAriaProps(i,0,e,m["aria-label"],m["aria-labelledby"],m.thresholds,p,b,m.tooltip),{"aria-describedby":E,...F}=G,{"aria-describedby":H,...I}=B,K=f.mergeProps(N,F,I),O=[E,H,m["aria-describedby"]].filter(Boolean).join(" "),V=y.getThresholdColorFromValue(i,u,m.thresholds),{isTabbable:L}=v.useTabbableMode(),{classes:$,styles:{baseStyle:X,interactiveStyle:_,itemStyle:k,sizeStyle:q}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{size:r});return t.jsxs(s.Fragment,{children:[t.jsx("div",{...S,...z,ref:T,class:o.classNames([$,X,M?_:void 0]),tabIndex:L&&!p?0:-1,...K,"aria-describedby":O,children:[...Array(e)].map(((e,s)=>{const a=Math.min(Math.max(0,i-s),1);return t.jsx("div",{className:o.classNames([q,k]),children:t.jsx(j,{fillRatio:a,isDisabled:p,isReadonly:b,color:V})})}))}),U,A]})}}));
 //# sourceMappingURL=RatingGauge-dfe9f698.js.map

package/amd/ReadonlyTextFieldInput-a5e85e5d.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useAccessibleContext-23e8a333', './FormContext-5130e198', './useFormContext-30acdd33', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './classNames-08d99695', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme', './useTranslationBundle-20bfc0f3'], (function(e,a,o,t,l,s,n,r,i,d,b,u,c,m,x){"use strict";e.ReadonlyTextFieldInput=function({"aria-describedby":e,"aria-label":t,"aria-labelledby":s,autoFocus:b,as:y="div",elementRef:F,hasEmptyLabel:f,hasInsideLabel:p=!1,inlineUserAssistance:T,innerReadonlyField:C,rows:L,type:h,value:I="",variant:R,...A}){const j=x.useTranslationBundle("@oracle/oraclejet-preact").formControl_loading(),{isFormLayout:v,isReadonly:g}=l.useFormContext(),{isLoading:w}=u.useFormFieldContext(),B=w?j:t,M=[...Object.values(i.textInterpolations)],N=d.mergeInterpolations(M),{class:E}=N(A),{classes:U}=c.useComponentTheme(m.ReadonlyTextFieldInputRedwoodTheme,{textarea:"textarea"===R?"isTextArea":"notTextArea",formLayout:v?"isFormLayout":"notFormLayout",readonlyForm:g?"isReadonlyForm":"notReadonlyForm",insideLabel:p?"hasInsideLabel":"noInsideLabel"}),_=r.classNames([U,E]),{isTabbable:S,tabbableModeProps:O}=n.useTabbableMode(),{UNSAFE_ariaLabelledBy:P}=o.useAccessibleContext(),k=f?function(...e){return e.filter(Boolean).join(" ")||void 0}(s,P):s;return"input"===y?a.jsx("input",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,autofocus:b,class:_,readonly:!0,ref:F,type:h,value:I,...!S&&O}):"textarea"===y?a.jsx("textarea",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,autofocus:b,class:_,readonly:!0,ref:F,rows:L,...!S&&O,children:I}):a.jsx("div",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,"aria-readonly":!0,autofocus:b,class:_,ref:F,role:"textbox",...O,children:I})}}));
+define(['exports', 'preact/jsx-runtime', './useAccessibleContext-23e8a333', './FormContext-5130e198', './useFormContext-30acdd33', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './classNames-08d99695', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme', './useTranslationBundle-6ef0dab6'], (function(e,a,o,t,l,s,n,r,i,d,b,u,c,m,x){"use strict";e.ReadonlyTextFieldInput=function({"aria-describedby":e,"aria-label":t,"aria-labelledby":s,autoFocus:b,as:y="div",elementRef:F,hasEmptyLabel:f,hasInsideLabel:p=!1,inlineUserAssistance:T,innerReadonlyField:C,rows:L,type:h,value:I="",variant:R,...A}){const j=x.useTranslationBundle("@oracle/oraclejet-preact").formControl_loading(),{isFormLayout:v,isReadonly:g}=l.useFormContext(),{isLoading:w}=u.useFormFieldContext(),B=w?j:t,M=[...Object.values(i.textInterpolations)],N=d.mergeInterpolations(M),{class:E}=N(A),{classes:U}=c.useComponentTheme(m.ReadonlyTextFieldInputRedwoodTheme,{textarea:"textarea"===R?"isTextArea":"notTextArea",formLayout:v?"isFormLayout":"notFormLayout",readonlyForm:g?"isReadonlyForm":"notReadonlyForm",insideLabel:p?"hasInsideLabel":"noInsideLabel"}),_=r.classNames([U,E]),{isTabbable:S,tabbableModeProps:O}=n.useTabbableMode(),{UNSAFE_ariaLabelledBy:P}=o.useAccessibleContext(),k=f?function(...e){return e.filter(Boolean).join(" ")||void 0}(s,P):s;return"input"===y?a.jsx("input",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,autofocus:b,class:_,readonly:!0,ref:F,type:h,value:I,...!S&&O}):"textarea"===y?a.jsx("textarea",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,autofocus:b,class:_,readonly:!0,ref:F,rows:L,...!S&&O,children:I}):a.jsx("div",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,"aria-readonly":!0,autofocus:b,class:_,ref:F,role:"textbox",...O,children:I})}}));
 //# sourceMappingURL=ReadonlyTextFieldInput-a5e85e5d.js.map

package/amd/RemovableNavigationListItem-87ecbae7.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './BaseNavigationListItem-4a940426', './Close-479a300b', 'preact/hooks', './useHover-1890d6a0', './useTranslationBundle-20bfc0f3', './EmbeddedIconButton-b22df710'], (function(e,t,a,i,o,n,s,r){"use strict";e.RemovableNavigationListItem=function({itemKey:e,label:l,badge:c,metadata:d,severity:v}){const{selection:u,currentKey:m,onRemove:b}=a.useNavigationListContext(),x=u===e,g=m===e,j=o.useCallback((()=>{b?.({value:e})}),[b,e]),{hoverProps:B,isHover:f}=n.useHover({}),p=s.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{...B,children:t.jsx(a.BaseNavigationListItem,{itemKey:e,label:l,badge:c,metadata:d,severity:v,removeIcon:t.jsx("span",{"data-oj-navigationlist-item-remove-icon":!0,children:t.jsx(r.EmbeddedIconButton,{"aria-label":p.tabBarNavigationList_removeCueText(),size:"xs",onAction:j,children:(f||x||g)&&t.jsx(i.SvgClose,{})})})})})}}));
+define(['exports', 'preact/jsx-runtime', './BaseNavigationListItem-4a940426', './Close-479a300b', 'preact/hooks', './useHover-1890d6a0', './useTranslationBundle-6ef0dab6', './EmbeddedIconButton-b22df710'], (function(e,t,a,i,o,n,s,r){"use strict";e.RemovableNavigationListItem=function({itemKey:e,label:l,badge:d,metadata:c,severity:v}){const{selection:u,currentKey:m,onRemove:b}=a.useNavigationListContext(),x=u===e,g=m===e,j=o.useCallback((()=>{b?.({value:e})}),[b,e]),{hoverProps:B,isHover:p}=n.useHover({}),I=s.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{...B,children:t.jsx(a.BaseNavigationListItem,{itemKey:e,label:l,badge:d,metadata:c,severity:v,removeIcon:t.jsx("span",{"data-oj-navigationlist-item-remove-icon":!0,children:t.jsx(r.EmbeddedIconButton,{"aria-label":I.tabBarNavigationList_removeCueText(),size:"xs",onAction:j,children:(p||x||g)&&t.jsx(i.SvgClose,{})})})})})}}));
 //# sourceMappingURL=RemovableNavigationListItem-87ecbae7.js.map

package/amd/RemovableTabBarItem-89287a9b.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useHover-1890d6a0', './Close-479a300b', './Flex-db3ddadb', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useTabBarContext-15a23bb6', './TabBarItem-7f4a5e0b', './useTranslationBundle-20bfc0f3', './EmbeddedIconButton-b22df710'], (function(e,a,t,o,r,n,s,l,i,c,b,d){"use strict";e.RemovableTabBarItem=function({itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:f,"aria-controls":B}){const{selection:j,currentKey:p,layout:I,onRemove:T}=i.useTabBarContext(),h=j===e,y=p===e,g=t.useCallback((()=>{T?.({value:e})}),[T,e]),{hoverProps:C,isHover:H}=o.useHover({}),K=s.mergeInterpolations([...Object.values(l.flexitemInterpolations)])({flex:"stretch"===I?"1 0 auto":"0 0 auto"}),k=b.useTranslationBundle("@oracle/oraclejet-preact");return a.jsx("div",{...C,style:K,children:a.jsx(n.Flex,{children:a.jsx(c.BaseTabBarItem,{"aria-controls":B,itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:f,removeIcon:a.jsx("span",{"data-oj-tabbar-item-remove-icon":"true",children:a.jsx(d.EmbeddedIconButton,{"aria-label":k.tabBarNavigationList_removeCueText(),size:"xs",onAction:g,children:(H||h||y)&&a.jsx(r.SvgClose,{})})})})})})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useHover-1890d6a0', './Close-479a300b', './Flex-1f27b601', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useTabBarContext-15a23bb6', './TabBarItem-7f4a5e0b', './useTranslationBundle-6ef0dab6', './EmbeddedIconButton-b22df710'], (function(e,a,t,o,r,n,s,l,i,c,b,d){"use strict";e.RemovableTabBarItem=function({itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:f,"aria-controls":B}){const{selection:j,currentKey:p,layout:I,onRemove:T}=i.useTabBarContext(),h=j===e,y=p===e,g=t.useCallback((()=>{T?.({value:e})}),[T,e]),{hoverProps:C,isHover:H}=o.useHover({}),K=s.mergeInterpolations([...Object.values(l.flexitemInterpolations)])({flex:"stretch"===I?"1 0 auto":"0 0 auto"}),k=b.useTranslationBundle("@oracle/oraclejet-preact");return a.jsx("div",{...C,style:K,children:a.jsx(n.Flex,{children:a.jsx(c.BaseTabBarItem,{"aria-controls":B,itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:f,removeIcon:a.jsx("span",{"data-oj-tabbar-item-remove-icon":"true",children:a.jsx(d.EmbeddedIconButton,{"aria-label":k.tabBarNavigationList_removeCueText(),size:"xs",onAction:g,children:(H||h||y)&&a.jsx(r.SvgClose,{})})})})})})}}));
 //# sourceMappingURL=RemovableTabBarItem-89287a9b.js.map

package/amd/ReorderableTabBar-05821909.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './HiddenAccessible-037ef42d', './LiveRegion-09197914', './TabBar-10096a0c', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './collectionUtils-6740111c', './LayerHost-0a244de8', 'preact/compat', './useReorderableItem-d977f935', './UNSAFE_ReorderableTabBar/themes/ReorderableTabBarItemStyles.css', './useTabBarContext-15a23bb6', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css'], (function(e,r,t,a,s,o,l,d,n,i,c,b,u,y,R,f,m){"use strict";const x='[role="tab"]';function g({children:e,dragKey:t,setDragKey:s,onReorder:o,layout:l,rootRef:c}){const b=a.useRef(null),f=a.useCallback((()=>b?.current?.querySelector(x)),[]),m=a.useCallback((e=>{e.dataTransfer?.setData("text/tabbar-item-key",i.getKey(f())+"")}),[f]),{currentKey:g}=R.useTabBarContext(),{rootProps:p,isDragged:h,overlayZoneBeforeProps:v,overlayZoneAfterProps:j}=u.useReorderableItem({currentKey:g,isDisabled:!o,draggable:!!o,dragKey:t,setDragKey:s,onReorder:o,rootRef:c,ref:b,getItem:f,setTransferData:m,itemStyles:y.styles,itemSelector:x}),I=d.mergeInterpolations([...Object.values(n.flexitemInterpolations)])({flex:"stretch"===l?"1 0 auto":"0 0 auto"});return r.jsxs("div",{...p,style:I,children:[e,!h&&t&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...v}),r.jsx("div",{...j})]})]})}e.ReorderableTabBar=function({"aria-label":e,"aria-labelledby":d,children:n,layout:i="stretch",display:c="standard",size:b="md",edge:y="top",selection:R,onSelect:f,onRemove:m,onReorder:p,testId:h}){const v=a.useRef(null),[j,I]=a.useState(void 0),S="stacked"===c?{display:c}:{display:c,size:b},{reorderProps:D,reorderContext:K,reorderInstructionsId:T,reorderStatus:B,reorderInstructions:C}=u.useReorderable({onReorder:p,rootRef:v,itemSelector:x});return r.jsxs("div",{ref:v,...D,children:[r.jsx(u.ReorderableContext.Provider,{value:K,children:r.jsx(l.TabBar,{"aria-label":e,"aria-labelledby":d,layout:i,edge:y,selection:R,onSelect:f,onRemove:m,testId:h,...S,"aria-describedby":T,children:t.toChildArray(n).map((e=>r.jsx(g,{dragKey:j,setDragKey:I,onReorder:p,layout:i,rootRef:v,children:e})))})}),r.jsx("span",{id:T,children:r.jsx(s.HiddenAccessible,{children:C})}),r.jsx(o.LiveRegion,{children:B})]})}}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './HiddenAccessible-037ef42d', './LiveRegion-be6f36d7', './TabBar-10096a0c', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './collectionUtils-6740111c', './LayerHost-eab40731', 'preact/compat', './useReorderableItem-d977f935', './UNSAFE_ReorderableTabBar/themes/ReorderableTabBarItemStyles.css', './useTabBarContext-15a23bb6', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css'], (function(e,r,t,a,s,o,l,d,n,i,c,b,u,y,f,R,m){"use strict";const x='[role="tab"]';function g({children:e,dragKey:t,setDragKey:s,onReorder:o,layout:l,rootRef:c}){const b=a.useRef(null),R=a.useCallback((()=>b?.current?.querySelector(x)),[]),m=a.useCallback((e=>{e.dataTransfer?.setData("text/tabbar-item-key",i.getKey(R())+"")}),[R]),{currentKey:g}=f.useTabBarContext(),{rootProps:p,isDragged:h,overlayZoneBeforeProps:v,overlayZoneAfterProps:j}=u.useReorderableItem({currentKey:g,isDisabled:!o,draggable:!!o,dragKey:t,setDragKey:s,onReorder:o,rootRef:c,ref:b,getItem:R,setTransferData:m,itemStyles:y.styles,itemSelector:x}),I=d.mergeInterpolations([...Object.values(n.flexitemInterpolations)])({flex:"stretch"===l?"1 0 auto":"0 0 auto"});return r.jsxs("div",{...p,style:I,children:[e,!h&&t&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...v}),r.jsx("div",{...j})]})]})}e.ReorderableTabBar=function({"aria-label":e,"aria-labelledby":d,children:n,layout:i="stretch",display:c="standard",size:b="md",edge:y="top",selection:f,onSelect:R,onRemove:m,onReorder:p,testId:h}){const v=a.useRef(null),[j,I]=a.useState(void 0),S="stacked"===c?{display:c}:{display:c,size:b},{reorderProps:D,reorderContext:K,reorderInstructionsId:T,reorderStatus:B,reorderInstructions:C}=u.useReorderable({onReorder:p,rootRef:v,itemSelector:x});return r.jsxs("div",{ref:v,...D,children:[r.jsx(u.ReorderableContext.Provider,{value:K,children:r.jsx(l.TabBar,{"aria-label":e,"aria-labelledby":d,layout:i,edge:y,selection:f,onSelect:R,onRemove:m,testId:h,...S,"aria-describedby":T,children:t.toChildArray(n).map((e=>r.jsx(g,{dragKey:j,setDragKey:I,onReorder:p,layout:i,rootRef:v,children:e})))})}),r.jsx("span",{id:T,children:r.jsx(s.HiddenAccessible,{children:C})}),r.jsx(o.LiveRegion,{children:B})]})}}));
 //# sourceMappingURL=ReorderableTabBar-05821909.js.map

package/amd/RevealToggleIcon-ef89d654.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './ViewHide-f3fd77c4', './View-b1adebab', './useTranslationBundle-20bfc0f3', './IconSwitchButton-0e888503'], (function(e,o,t,i,n,s){"use strict";e.RevealToggleIcon=function({accessibleLabel:e,isRevealed:l,onToggle:c,testId:a,tooltipHide:r,tooltipShow:d}){const u=n.useTranslationBundle("@oracle/oraclejet-preact"),f=r||u.formControl_hide(),b=d||u.formControl_show();return o.jsx(s.IconSwitchButton,{tooltip:l?f:b,accessibleLabel:e,isSelected:!l,onToggle:c,testId:a,size:"sm",children:l?o.jsx(t.SvgViewHide,{}):o.jsx(i.SvgView,{})})}}));
+define(['exports', 'preact/jsx-runtime', './ViewHide-f3fd77c4', './View-b1adebab', './useTranslationBundle-6ef0dab6', './IconSwitchButton-0e888503'], (function(e,o,t,i,n,s){"use strict";e.RevealToggleIcon=function({accessibleLabel:e,isRevealed:l,onToggle:c,testId:a,tooltipHide:r,tooltipShow:d}){const u=n.useTranslationBundle("@oracle/oraclejet-preact"),b=r||u.formControl_hide(),f=d||u.formControl_show();return o.jsx(s.IconSwitchButton,{tooltip:l?b:f,accessibleLabel:e,isSelected:!l,onToggle:c,testId:a,size:"sm",children:l?o.jsx(t.SvgViewHide,{}):o.jsx(i.SvgView,{})})}}));
 //# sourceMappingURL=RevealToggleIcon-ef89d654.js.map

package/amd/SectionalLegend-798dbecb.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useVisEvents-ac97d087', './mergeProps-bcfa6a92', './layoutUtils-3c2d340e', './useLegendContextMenu-5b1ca75b', './useItemFocus-75d6510d', './Flex-db3ddadb', './UNSAFE_Legend/themes/LegendStyles.css', './useCssVars-7efb591d', './classNames-08d99695', './useTestId-f3b8b319', './useVisTouchResponse-36416652', './stringUtils-0ae982c2'], (function(e,t,n,o,i,s,d,r,a,l,c,m,I,u,f){"use strict";function g(e,t){const{sectionIdx:n,itemIdx:o}=e;if(-1==n&&-1==o){const e=t[t.length-1].items.length;return t[t.length-1].items[e-1]}return t[n].items[o]}function x(e,t){let{itemIdx:n,sectionIdx:o}=e;if(-1==o&&-1==n)return{itemIdx:t[t.length-1].items.length-1,sectionIdx:t.length-1};n+=1;n>=t[o].items.length&&(o===t.length-1?n=e.itemIdx:(o+=1,n=0));const i=t[o].items[n];return"off"!==i?.actionable?{itemIdx:n,sectionIdx:o}:x({itemIdx:n,sectionIdx:o},t)}function h(e,t){let{itemIdx:n,sectionIdx:o}=e;-1==o&&-1==n&&(n=t[t.length-1].items.length-1,o=t.length-1),n-=1,n<0&&(0===o?n=0:(n=t[o-1].items.length-1,o-=1));const i=t[o].items[n];return"off"!==i?.actionable?{itemIdx:n,sectionIdx:o}:h({itemIdx:n,sectionIdx:o},t)}function p(e){return{getItem:t=>g(t,e),getDetailFromInfo:t=>{if(!t)return{itemId:void 0,sectionId:void 0,data:void 0};const n=g(t,e),o=e[t.sectionIdx].id;return{itemId:n.id,sectionId:o,data:e[t.sectionIdx].items[t.itemIdx]}},getPrevItemInfo:t=>h(t,e),getNextItemInfo:t=>x(t,e)}}e.SectionalLegend=function({orientation:e="horizontal",sectionTitleHAlign:g="start",sections:x,isReadOnly:h=!0,onItemAction:y,onItemHover:v,onItemFocus:b,testId:F,contextMenuConfig:S,hideAndShowBehavior:R="off",hoverBehavior:C="none",...L}){const T=I.useTestId(F),P=n.useRef(null),W=n.useRef(),{resolvedVars:w,cssContent:D}=c.useCssVars(d.legendVars),{getItem:M,getDetailFromInfo:V,getPrevItemInfo:j,getNextItemInfo:A}=p(x),B=d.getLegendTextStyle({fontStyle:L.textFontStyle,fontSize:L.textFontSize?.toString(),fontWeight:L.textFontWeight?.toString(),fontFamily:L.textFontFamily},w),z=d.getIsLegendItemActionable(x,h,!0),{textMeasureContent:N,layoutInfo:E}=d.useLegendLayout({rootRef:P,rootDimsRef:W,resolvedVars:w,sections:x,orientation:e,legendFontStylesObj:B,symbolWidth:L.symbolWidth}),{touchResponse:O,touchResponseStyle:U}=u.useVisTouchResponse({type:"touchStart"}),{focusedItemInfo:H,hoveredItemInfo:k,onContextMenuDismissed:q,activeId:G,eventsProps:K}=o.useVisEvent(O,!h,z,d.getKeyUpHandler,V,j,A,y,v,b,d.isEqualItem,d.getItemInfo,{itemIdx:0,sectionIdx:0}),{focusedItemRef:_}=r.useItemFocus(H),J=d.getDatatipText(x,M,H,k),{datatipContent:Q,datatipProps:{"aria-describedby":X,...Y}}=d.useLegendDatatip({text:J,rootDimsRef:W,focusedItemInfo:H,focusedItemRef:_,touchResponse:O}),Z=d.getAriaProps(h,L["aria-label"],L.hiddenIds,f.merge([L["aria-describedby"],X]),L["aria-labelledby"]),{contextMenuContent:$,contextMenuProps:ee}=d.useLegendContextMenu({rootRef:P,contextMenuConfig:S,focusedItemInfo:H,sections:x,isReadOnly:h,onContextMenuDismissed:q}),te=i.mergeProps(K,Y,ee),ne={fontFamily:L.sectionTitleFontFamily,fontSize:L.sectionTitleFontSize,color:L.sectionTitleColor,fontStyle:L.sectionTitleFontStyle,fontWeight:L.sectionTitleFontWeight,textDecoration:L.sectionTitleTextDecoration},{sectionalLegendBaseStyles:oe,renderedLegendStyle:ie,preRenderedLegendStyle:se}=l.styles,de="horizontal"===e,re="vertical"===e||!!E;return t.jsxs("div",{ref:P,tabIndex:h?void 0:0,role:"application",class:m.classNames([oe,re?ie:se]),style:U,...T,...Z,...te,"aria-activedescendant":G,children:[re?t.jsx(a.Flex,{direction:de?"row":"column",wrap:"wrap",gap:"4x",children:x.map(((n,o)=>{const i=h?"":s.getRandomId(),r=!!E&&E.isWrapped,l=!de||r?"column":"row",c=!de||r?"start":"center",{itemsPerCol:m,itemsPerRow:I}=d.getGridNums(n.items.length,E);return t.jsxs(a.Flex,{align:c,direction:l,maxWidth:"100%",justify:"start",wrap:"wrap",children:[t.jsx(d.LegendText,{text:n.title,...ne,type:"title",id:i,align:g}),t.jsx(d.BaseLegend,{...L,focusedItemRef:_,labelledBy:i,sectionIdx:o,items:n.items,orientation:e,itemsPerRow:I,itemsPerCol:m,itemWidth:E?.isWrapped?E?.maxItemWidth:void 0,isReadOnly:h,focusedItemInfo:H,hoveredItemInfo:k,activeId:G,hideAndShowBehavior:R,hoverBehavior:C})]})}))}):null,Q,N,D,$]})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useVisEvents-75dbf576', './mergeProps-bcfa6a92', './layoutUtils-3c2d340e', './useLegendContextMenu-5b1ca75b', './useItemFocus-75d6510d', './Flex-1f27b601', './UNSAFE_Legend/themes/LegendStyles.css', './useCssVars-948d1e7c', './classNames-08d99695', './useTestId-82cf22a4', './useVisTouchResponse-36416652', './stringUtils-0ae982c2'], (function(e,t,n,o,i,s,d,r,a,l,c,m,I,u,f){"use strict";function g(e,t){const{sectionIdx:n,itemIdx:o}=e;if(-1==n&&-1==o){const e=t[t.length-1].items.length;return t[t.length-1].items[e-1]}return t[n].items[o]}function x(e,t){let{itemIdx:n,sectionIdx:o}=e;if(-1==o&&-1==n)return{itemIdx:t[t.length-1].items.length-1,sectionIdx:t.length-1};n+=1;n>=t[o].items.length&&(o===t.length-1?n=e.itemIdx:(o+=1,n=0));const i=t[o].items[n];return"off"!==i?.actionable?{itemIdx:n,sectionIdx:o}:x({itemIdx:n,sectionIdx:o},t)}function h(e,t){let{itemIdx:n,sectionIdx:o}=e;-1==o&&-1==n&&(n=t[t.length-1].items.length-1,o=t.length-1),n-=1,n<0&&(0===o?n=0:(n=t[o-1].items.length-1,o-=1));const i=t[o].items[n];return"off"!==i?.actionable?{itemIdx:n,sectionIdx:o}:h({itemIdx:n,sectionIdx:o},t)}function p(e){return{getItem:t=>g(t,e),getDetailFromInfo:t=>{if(!t)return{itemId:void 0,sectionId:void 0,data:void 0};const n=g(t,e),o=e[t.sectionIdx].id;return{itemId:n.id,sectionId:o,data:e[t.sectionIdx].items[t.itemIdx]}},getPrevItemInfo:t=>h(t,e),getNextItemInfo:t=>x(t,e)}}e.SectionalLegend=function({orientation:e="horizontal",sectionTitleHAlign:g="start",sections:x,isReadOnly:h=!0,onItemAction:y,onItemHover:v,onItemFocus:F,testId:S,contextMenuConfig:R,hideAndShowBehavior:b="off",hoverBehavior:C="none",...L}){const T=I.useTestId(S),P=n.useRef(null),W=n.useRef(),{resolvedVars:w,cssContent:D}=c.useCssVars(d.legendVars),{getItem:M,getDetailFromInfo:V,getPrevItemInfo:j,getNextItemInfo:A}=p(x),B=d.getLegendTextStyle({fontStyle:L.textFontStyle,fontSize:L.textFontSize?.toString(),fontWeight:L.textFontWeight?.toString(),fontFamily:L.textFontFamily},w),z=d.getIsLegendItemActionable(x,h,!0),{textMeasureContent:N,layoutInfo:E}=d.useLegendLayout({rootRef:P,rootDimsRef:W,resolvedVars:w,sections:x,orientation:e,legendFontStylesObj:B,symbolWidth:L.symbolWidth}),{touchResponse:O,touchResponseStyle:U}=u.useVisTouchResponse({type:"touchStart"}),{focusedItemInfo:H,hoveredItemInfo:k,onContextMenuDismissed:q,activeId:G,eventsProps:K}=o.useVisEvent(O,!h,z,d.getKeyUpHandler,V,j,A,y,v,F,d.isEqualItem,d.getItemInfo,{itemIdx:0,sectionIdx:0}),{focusedItemRef:_}=r.useItemFocus(H),J=d.getDatatipText(x,M,H,k),{datatipContent:Q,datatipProps:{"aria-describedby":X,...Y}}=d.useLegendDatatip({text:J,rootDimsRef:W,focusedItemInfo:H,focusedItemRef:_,touchResponse:O}),Z=d.getAriaProps(h,L["aria-label"],L.hiddenIds,f.merge([L["aria-describedby"],X]),L["aria-labelledby"]),{contextMenuContent:$,contextMenuProps:ee}=d.useLegendContextMenu({rootRef:P,contextMenuConfig:R,focusedItemInfo:H,sections:x,isReadOnly:h,onContextMenuDismissed:q}),te=i.mergeProps(K,Y,ee),ne={fontFamily:L.sectionTitleFontFamily,fontSize:L.sectionTitleFontSize,color:L.sectionTitleColor,fontStyle:L.sectionTitleFontStyle,fontWeight:L.sectionTitleFontWeight,textDecoration:L.sectionTitleTextDecoration},{sectionalLegendBaseStyles:oe,renderedLegendStyle:ie,preRenderedLegendStyle:se}=l.styles,de="horizontal"===e,re="vertical"===e||!!E;return t.jsxs("div",{ref:P,tabIndex:h?void 0:0,role:"application",class:m.classNames([oe,re?ie:se]),style:U,...T,...Z,...te,"aria-activedescendant":G,children:[re?t.jsx(a.Flex,{direction:de?"row":"column",wrap:"wrap",gap:"4x",children:x.map(((n,o)=>{const i=h?"":s.getRandomId(),r=!!E&&E.isWrapped,l=!de||r?"column":"row",c=!de||r?"start":"center",{itemsPerCol:m,itemsPerRow:I}=d.getGridNums(n.items.length,E);return t.jsxs(a.Flex,{align:c,direction:l,maxWidth:"100%",justify:"start",wrap:"wrap",children:[t.jsx(d.LegendText,{text:n.title,...ne,type:"title",id:i,align:g}),t.jsx(d.BaseLegend,{...L,focusedItemRef:_,labelledBy:i,sectionIdx:o,items:n.items,orientation:e,itemsPerRow:I,itemsPerCol:m,itemWidth:E?.isWrapped?E?.maxItemWidth:void 0,isReadOnly:h,focusedItemInfo:H,hoveredItemInfo:k,activeId:G,hideAndShowBehavior:b,hoverBehavior:C})]})}))}):null,Q,N,D,$]})}}));
 //# sourceMappingURL=SectionalLegend-798dbecb.js.map

package/amd/SectionedContent-655a773a.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Dropdown-de472a1d', './Flex-1f27b601', './FocusTrap-eb3989cb', './keyboardUtils-244467a7', './useTestId-82cf22a4', './View-8701dec6'], (function(e,n,o,t,i,a,d,s,r){"use strict";const c="bottom-start";e.SectionedContent=({"aria-label":e,contentRef:t,gap:c,footer:l,hasFocusTrap:p=!1,header:u,main:x,paddingBlockEnd:g="4x",paddingBlockStart:b="4x",paddingInlineEnd:f="4x",paddingInlineStart:h="4x",role:k,testId:S})=>{const I=s.useTestId(S),j=o.useRef(null),m=t??j,w=o.useCallback((e=>{e.code===d.KEYS.TAB&&e.stopPropagation()}),[]),F=n.jsxs(i.Flex,{direction:"column",gap:c,children:[u,n.jsx(r.View,{paddingBlockEnd:g,paddingBlockStart:b,paddingInlineEnd:f,paddingInlineStart:h,children:x}),l]}),T=p?n.jsx(a.FocusTrap,{restoreFocusRef:!1,children:F}):{sections:F};return n.jsx("div",{"aria-label":e,onKeyDown:p?w:void 0,ref:m,role:k,...I,children:T})},e.StickyPositioningDropdown=({children:e,isOpen:i,onPosition:a,...d})=>{const[s,r]=o.useState(c),[l,p]=o.useState(i);l!==i&&(p(i),i||r(c));const u=o.useCallback((e=>{r(e.placement),a?.(e)}),[a,r]);return n.jsx(t.Dropdown,{isOpen:i,onPosition:u,placement:s,...d,children:e})}}));
+//# sourceMappingURL=SectionedContent-655a773a.js.map

package/amd/{SectionedContent-d896b84f.js.map → SectionedContent-655a773a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SectionedContent-d896b84f.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.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 { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n  DropdownProps,\n  | 'anchorRef'\n  | 'children'\n  | 'flipOptions'\n  | 'id'\n  | 'initialFocus'\n  | 'isOpen'\n  | 'minWidth'\n  | 'offset'\n  | 'onClose'\n  | 'onPosition'\n  | 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/**\n * StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n */\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n  const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n  }\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  return (\n    <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n      {children}\n    </Dropdown>\n  );\n};\n\nexport { StickyPositioningDropdown };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n  /**\n   * An accessible label that describes the content.\n   */\n  'aria-label'?: AriaAttributesSignalExcluded['aria-label'];\n\n  /**\n   * A ref to the content container.\n   */\n  contentRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * Child content in the footer section.\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The spacing between the sections.\n   */\n  gap?: FlexProps['gap'];\n\n  /**\n   * True if the tab key should cycle focus within the content.\n   * @default false\n   */\n  hasFocusTrap?: boolean;\n\n  /**\n   * Child content in the header section.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Child content in the main section.\n   */\n  main?: ComponentChildren;\n\n  /**\n   * The padding between the footer or bottom edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n  /**\n   * The padding between the header or top edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n  /**\n   * The padding between the right edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n  /**\n   * The padding between the left edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n  /**\n   * The aria role applied to the content container. For example, if the \"launcher\" element\n   * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n   * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n   * it controls an element with a role such as listbox or grid.\n   */\n  role?: HTMLAttributesSignalExcluded['role'];\n};\n\n/**\n * The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n  'aria-label': ariaLabel,\n  contentRef: propRef,\n  gap,\n  footer,\n  hasFocusTrap = false,\n  header,\n  main,\n  paddingBlockEnd = '4x',\n  paddingBlockStart = '4x',\n  paddingInlineEnd = '4x',\n  paddingInlineStart = '4x',\n  role,\n  testId\n}: Props) => {\n  const testIdProps = useTestId(testId);\n\n  const cRef = useRef<HTMLDivElement>(null);\n  const contentRef = propRef ?? cRef;\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (event.code === KEYS.TAB) {\n      event.stopPropagation();\n    }\n  }, []);\n\n  const sections = (\n    <Flex direction=\"column\" gap={gap}>\n      {header}\n      <View\n        paddingBlockEnd={paddingBlockEnd}\n        paddingBlockStart={paddingBlockStart}\n        paddingInlineEnd={paddingInlineEnd}\n        paddingInlineStart={paddingInlineStart}>\n        {main}\n      </View>\n      {footer}\n    </Flex>\n  );\n\n  // Use a FocusTrap around the content if hasFocusTrap is true.\n  const childContent = hasFocusTrap ? (\n    <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n  ) : (\n    { sections }\n  );\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n      ref={contentRef}\n      role={role}\n      {...testIdProps}>\n      {childContent}\n    </div>\n  );\n};\n"],"names":["DEFAULT_PLACEMENT","ariaLabel","contentRef","propRef","gap","footer","hasFocusTrap","header","main","paddingBlockEnd","paddingBlockStart","paddingInlineEnd","paddingInlineStart","role","testId","testIdProps","useTestId","cRef","useRef","handleKeyDown","useCallback","event","code","KEYS","TAB","stopPropagation","sections","_jsxs","Flex","direction","children","_jsx","View","childContent","FocusTrap","restoreFocusRef","onKeyDown","undefined","ref","isOpen","onPosition","rest","placement","setPlacement","useState","prevIsOpen","setPrevIsOpen","handlePosition","positionData","Dropdown"],"mappings":"oOA8BA,MAAMA,EAAoB,kCCqEM,EAC9B,aAAcC,EACdC,WAAYC,EACZC,MACAC,SACAC,gBAAe,EACfC,SACAC,OACAC,kBAAkB,KAClBC,oBAAoB,KACpBC,mBAAmB,KACnBC,qBAAqB,KACrBC,OACAC,aAEA,MAAMC,EAAcC,YAAUF,GAExBG,EAAOC,SAAuB,MAC9BhB,EAAaC,GAAWc,EAExBE,EAAgBC,eAAaC,IAC7BA,EAAMC,OAASC,EAAIA,KAACC,KACtBH,EAAMI,iBACP,GACA,IAEGC,EACJC,OAACC,OAAI,CAACC,UAAU,SAASzB,IAAKA,EAAG0B,SAAA,CAC9BvB,EACDwB,EAAAA,IAACC,EAAAA,KACC,CAAAvB,gBAAiBA,EACjBC,kBAAmBA,EACnBC,iBAAkBA,EAClBC,mBAAoBA,WACnBJ,IAEFH,KAKC4B,EAAe3B,EACnByB,MAACG,EAAAA,UAAS,CAACC,iBAAiB,EAAQL,SAAAJ,KAElCA,YAGJ,OACEK,EAAAA,IAAA,MAAA,CAAA,aACc9B,EACZmC,UAAW9B,EAAea,OAAgBkB,EAC1CC,IAAKpC,EACLW,KAAMA,KACFE,EAAWe,SACdG,GAEH,8BDpH8B,EAAGH,WAAUS,SAAQC,gBAAeC,MACpE,MAAOC,EAAWC,GAAgBC,EAAQA,SAA6B5C,IAChE6C,EAAYC,GAAiBF,EAAQA,SAACL,GAEzCM,IAAeN,IACjBO,EAAcP,GAKTA,GACHI,EAAa3C,IAGjB,MAAM+C,EAAiB3B,eACpB4B,IAICL,EAAaK,EAAaN,WAG1BF,IAAaQ,EAAa,GAE5B,CAACR,EAAYG,IAGf,OACEZ,MAACkB,EAAQA,SAAA,CAACV,OAAQA,EAAQC,WAAYO,EAAgBL,UAAWA,KAAeD,EAC7EX,SAAAA,GAEH"}
+{"version":3,"file":"SectionedContent-655a773a.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.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 { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n  DropdownProps,\n  | 'anchorRef'\n  | 'children'\n  | 'flipOptions'\n  | 'id'\n  | 'initialFocus'\n  | 'isOpen'\n  | 'minWidth'\n  | 'offset'\n  | 'onClose'\n  | 'onPosition'\n  | 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/**\n * StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n */\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n  const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n  }\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  return (\n    <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n      {children}\n    </Dropdown>\n  );\n};\n\nexport { StickyPositioningDropdown };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n  /**\n   * An accessible label that describes the content.\n   */\n  'aria-label'?: AriaAttributesSignalExcluded['aria-label'];\n\n  /**\n   * A ref to the content container.\n   */\n  contentRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * Child content in the footer section.\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The spacing between the sections.\n   */\n  gap?: FlexProps['gap'];\n\n  /**\n   * True if the tab key should cycle focus within the content.\n   * @default false\n   */\n  hasFocusTrap?: boolean;\n\n  /**\n   * Child content in the header section.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Child content in the main section.\n   */\n  main?: ComponentChildren;\n\n  /**\n   * The padding between the footer or bottom edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n  /**\n   * The padding between the header or top edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n  /**\n   * The padding between the right edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n  /**\n   * The padding between the left edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n  /**\n   * The aria role applied to the content container. For example, if the \"launcher\" element\n   * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n   * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n   * it controls an element with a role such as listbox or grid.\n   */\n  role?: HTMLAttributesSignalExcluded['role'];\n};\n\n/**\n * The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n  'aria-label': ariaLabel,\n  contentRef: propRef,\n  gap,\n  footer,\n  hasFocusTrap = false,\n  header,\n  main,\n  paddingBlockEnd = '4x',\n  paddingBlockStart = '4x',\n  paddingInlineEnd = '4x',\n  paddingInlineStart = '4x',\n  role,\n  testId\n}: Props) => {\n  const testIdProps = useTestId(testId);\n\n  const cRef = useRef<HTMLDivElement>(null);\n  const contentRef = propRef ?? cRef;\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (event.code === KEYS.TAB) {\n      event.stopPropagation();\n    }\n  }, []);\n\n  const sections = (\n    <Flex direction=\"column\" gap={gap}>\n      {header}\n      <View\n        paddingBlockEnd={paddingBlockEnd}\n        paddingBlockStart={paddingBlockStart}\n        paddingInlineEnd={paddingInlineEnd}\n        paddingInlineStart={paddingInlineStart}>\n        {main}\n      </View>\n      {footer}\n    </Flex>\n  );\n\n  // Use a FocusTrap around the content if hasFocusTrap is true.\n  const childContent = hasFocusTrap ? (\n    <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n  ) : (\n    { sections }\n  );\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n      ref={contentRef}\n      role={role}\n      {...testIdProps}>\n      {childContent}\n    </div>\n  );\n};\n"],"names":["DEFAULT_PLACEMENT","ariaLabel","contentRef","propRef","gap","footer","hasFocusTrap","header","main","paddingBlockEnd","paddingBlockStart","paddingInlineEnd","paddingInlineStart","role","testId","testIdProps","useTestId","cRef","useRef","handleKeyDown","useCallback","event","code","KEYS","TAB","stopPropagation","sections","_jsxs","Flex","direction","children","_jsx","View","childContent","FocusTrap","restoreFocusRef","onKeyDown","undefined","ref","isOpen","onPosition","rest","placement","setPlacement","useState","prevIsOpen","setPrevIsOpen","handlePosition","positionData","Dropdown"],"mappings":"oOA8BA,MAAMA,EAAoB,kCCqEM,EAC9B,aAAcC,EACdC,WAAYC,EACZC,MACAC,SACAC,gBAAe,EACfC,SACAC,OACAC,kBAAkB,KAClBC,oBAAoB,KACpBC,mBAAmB,KACnBC,qBAAqB,KACrBC,OACAC,aAEA,MAAMC,EAAcC,YAAUF,GAExBG,EAAOC,SAAuB,MAC9BhB,EAAaC,GAAWc,EAExBE,EAAgBC,eAAaC,IAC7BA,EAAMC,OAASC,EAAIA,KAACC,KACtBH,EAAMI,iBACP,GACA,IAEGC,EACJC,OAACC,OAAI,CAACC,UAAU,SAASzB,IAAKA,EAAG0B,SAAA,CAC9BvB,EACDwB,EAAAA,IAACC,EAAAA,KACC,CAAAvB,gBAAiBA,EACjBC,kBAAmBA,EACnBC,iBAAkBA,EAClBC,mBAAoBA,WACnBJ,IAEFH,KAKC4B,EAAe3B,EACnByB,MAACG,EAAAA,UAAS,CAACC,iBAAiB,EAAQL,SAAAJ,KAElCA,YAGJ,OACEK,EAAAA,IAAA,MAAA,CAAA,aACc9B,EACZmC,UAAW9B,EAAea,OAAgBkB,EAC1CC,IAAKpC,EACLW,KAAMA,KACFE,EAAWe,SACdG,GAEH,8BDpH8B,EAAGH,WAAUS,SAAQC,gBAAeC,MACpE,MAAOC,EAAWC,GAAgBC,EAAQA,SAA6B5C,IAChE6C,EAAYC,GAAiBF,EAAQA,SAACL,GAEzCM,IAAeN,IACjBO,EAAcP,GAKTA,GACHI,EAAa3C,IAGjB,MAAM+C,EAAiB3B,eACpB4B,IAICL,EAAaK,EAAaN,WAG1BF,IAAaQ,EAAa,GAE5B,CAACR,EAAYG,IAGf,OACEZ,MAACkB,EAAQA,SAAA,CAACV,OAAQA,EAAQC,WAAYO,EAAgBL,UAAWA,KAAeD,EAC7EX,SAAAA,GAEH"}

package/amd/SelectMultiple-fabd883c.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './Label-3f8fc274', 'preact/hooks', 'preact/compat', './TextFieldInput-dfd9529f', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-a5e85e5d', './StyledTextField-8ac3bbb4', './Flex-db3ddadb', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'css!./LabelValueLayoutStyles.styles.css', './logger-0f873e29', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./RadioStyles.styles.css', 'module', './UNSAFE_RadioItem/themes/redwood/RadioVariants.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/FormLayoutStyles.css', 'module', 'css!./CheckboxStyles.styles.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css', './InputGroupContext-372087af', './LayerHost-0a244de8', './useTranslationBundle-20bfc0f3', 'css!./LiveRegionStyles.styles.css', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-f4d1fa1b', './CompactUserAssistance-b2cbdbad', './useTooltipControlled-18271c7a', 'preact', 'css!./IconStyle.styles.css', './Popup-b5495d55', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useFocusableTextField-c2f98a8b', './useLoadingIndicatorTimer-20a3bf5f', './useTextField-e6877c79', './useSelectCommon-8657b927', './useAccessibleContext-23e8a333', './textAlign-ef924afd', './useFormFieldContext-8196183c', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './TextField-0fc70892', './UNSAFE_SelectMultiple/themes/SelectedValuesCountStyles.css', './Chip-26339152', './IconButton-1b328b69', './CancelS-a0d8e178', './useFocusWithin-5a504fca', './useUser-9b166ca3', './keyboardUtils-244467a7', './classNames-08d99695', './dimensions-89f18413', './mergeInterpolations-9ede4cf7', './HiddenAccessible-037ef42d', './Text-e132dec0', './Close-479a300b', './useId-c9578d26', './UNSAFE_SelectMultiple/themes/TextTagStyles.css', './UNSAFE_SelectMultiple/themes/TextTagListStyles.css', './LiveRegion-09197914', './View-10a5769c', './UNSAFE_SelectMultiple/themes/MobileDropdownFooterStyles.css', './Button-43090a22', './useEffectEvent-8467275b', './equals-e73adbe3', './mergeProps-bcfa6a92', './stringUtils-0ae982c2'], (function(e,s,t,n,o,i,a,l,r,d,c,u,p,h,b,y,x,m,S,f,v,w,T,g,F,C,D,A,L,R,I,E,k,V,K,U,j,P,B,M,O,N,_,H,z,q,Y,W,$,G,Z,J,Q,X,ee,se,te,ne,oe,ie,ae,le,re,de,ce,ue,pe,he,be,ye,xe,me,Se,fe,ve,we,Te,ge,Fe,Ce,De,Ae,Le){"use strict";function Re({assistiveText:e,currentKey:t,data:n,dropdownId:o,dropdownRef:i,helpSourceLink:a,helpSourceText:l,isAddToListShown:r,isDisabled:d,isDropdownAbove:c,isEmptyResults:u,isOpen:p,isReadonly:h,isSelectedOnlyView:b,isUserFiltering:y,itemRenderer:x,itemText:m,label:S,mainFieldRef:f,searchText:v,selectedKeys:w,userAssistanceDensity:T,onAddToListAction:g,onAutoDismiss:F,onCurrentKeyChange:C,onLoadRange:D,onPosition:A,onSelectionChange:L}){const R=K.useTranslationBundle("@oracle/oraclejet-preact"),I=!p||c||d||h||!e&&!a||"efficient"!==T&&"reflow"!==T?void 0:s.jsx(Q.DropdownUserAssistance,{assistiveText:e,fieldLabel:S,helpSourceLink:a,helpSourceText:l,userAssistanceDensity:T}),E=u?r?void 0:s.jsx(Q.EmptyResults,{}):s.jsx(Q.DefaultList,{"aria-label":S??"",currentItemVariant:"highlight",currentKey:t,data:n,itemRenderer:x,itemText:m,searchText:b?void 0:y?v:void 0,selectedKeys:w,selectionMode:"multiple",onCurrentKeyChange:C,onLoadRange:D,onSelectionChange:L}),k=r?s.jsx(Q.LinkItem,{isHighlighted:u,onAction:g,children:R.select_addToList()}):void 0;return s.jsxs(Q.Dropdown,{dropdownRef:i,id:o,isOpen:p,anchorRef:f,onAutoDismiss:F,onPosition:A,children:[s.jsxs(Q.DropdownList,{hasBottomGap:void 0===I,isLoading:null===n,children:[E,k]}),I]})}function Ie({"aria-label":e,count:t=0,onKeyDown:n,onKeyUp:o,onMouseDown:i,...a}){const l=K.useTranslationBundle("@oracle/oraclejet-preact"),r=l.selectMultiple_showSelectedValues(),d=e?`${e}. `:"",c=l.selectMultiple_countPlus({COUNT:"99"}),u=t>99?`${c}`:`${t}`,p=`${d}${l.selectMultiple_valuesSelected({VALUE_COUNT:`${t}`})} ${r}`;return s.jsx("div",{class:ie.selectedValueCountStyles.base,onKeyDown:n,onKeyUp:o,onMouseDown:i,children:s.jsx(ae.Chip,{"aria-label":p,...a,children:u})})}function Ee({children:e,columnSpan:t,fieldLabel:n,hasInsideLabel:o,isBackButtonShown:i,isClearButtonShown:a,isDropdownArrowShown:l,isDropdownSelectedOnlyView:r,isSelectedValuesCountShown:c,selectedValuesCount:u,onBackButtonClick:p,onClearButtonClick:h,onDropdownArrowClick:b,onSelectedValuesCountKeyDown:y,onSelectedValuesCountKeyUp:x,onSelectedValuesCountMouseDown:m,onSelectedValuesCountToggle:S,...f}){const{isDisabled:v,isLoading:w}=se.useFormFieldContext(),T=K.useTranslationBundle("@oracle/oraclejet-preact"),g=i?s.jsx(le.IconButton,{"aria-label":T.selectMultiple_back(),size:"xs",variant:"ghost",onAction:p,children:s.jsx(re.SvgNavLeft,{})}):null,F=a?s.jsx(le.IconButton,{"aria-label":T.formControl_clear(),size:"sm",variant:"ghost",onAction:h,children:s.jsx(re.SvgCancelS,{})}):null,C=l?s.jsx(Q.DropdownArrow,{isDisabled:v,onClick:b,testId:`${f.testId}_dropdownarrow`}):null,D=w?void 0:c?s.jsxs(d.Flex,{align:"center",justify:"center",gap:[0,"1x"],children:[s.jsx(Ie,{"aria-label":n,count:u,isDisabled:v,isSelected:r,onKeyDown:y,onKeyUp:x,onMouseDown:m,onToggle:S}),a&&F,l&&C]}):s.jsxs(s.Fragment,{children:[a&&F,l&&C]});return s.jsx(oe.TextField,{columnSpan:t,startContent:i&&g,mainContent:e,endContent:D,...f})}function ke({children:e,removeIcon:t="never",isSelected:o=!1,onRemoveAction:i,onSelect:a,onRemoveIconClick:l,isFocused:r,value:d}){const c=K.useTranslationBundle("@oracle/oraclejet-preact"),u=n.useRef(null),p=Se.useId(),h=pe.classNames([fe.textTagStyles.base,o&&fe.textTagStyles.selected]),b=n.useCallback((()=>{i?.(d)}),[d,i]),y=n.useCallback((()=>{a?.(d)}),[d,a]),x=n.useCallback((()=>{l?.(d)}),[d,l]),m=n.useCallback((e=>{ue.isBackspaceOrDelete(e)&&b()}),[b]);return n.useEffect((()=>{r&&o&&(u.current?.focus(),u.current?.scrollIntoView({block:"nearest"}))}),[r,o]),s.jsxs(s.Fragment,{children:[s.jsxs("span",{ref:u,class:h,tabIndex:-1,onClick:y,onKeyUp:m,onMouseDown:Q.preventDefault,role:"option","aria-describedby":p,"aria-selected":o?"true":"false",children:[s.jsx(xe.Text,{size:"md",variant:"inherit",children:e}),"always"===t&&s.jsx(j.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx(le.IconButton,{size:"xs",variant:"ghost",onAction:x,children:s.jsx(me.SvgClose,{})})})]}),s.jsx(ye.HiddenAccessible,{id:p,children:c.selectMultiple_removeSelectedTagInstructionText()})]})}const Ve=Array.from(["maxWidth"],(e=>he.dimensionInterpolations[e])),Ke=be.mergeInterpolations(Ve);const Ue=o.forwardRef((function(e,t=(()=>{})){const{"aria-label":o,data:i,hasInsideLabel:a=!1,removeIcon:l="never",onExitNavigation:r,onRemove:d}=e,c=n.useRef(null),[u,p]=n.useState([]),{direction:h}=ce.useUser(),b=n.useRef(-1),y=i.at(-1)?.value,x=n.useRef({value:y,index:i.length-1});x.current={value:y,index:i.length-1};const m=n.useCallback((e=>{const s=i.at(e)?.value;null!=s&&p([s])}),[i]),S=n.useCallback((()=>{p((e=>(b.current=-1,e.length?[]:e)))}),[]),f=n.useCallback((e=>{d?.([e]),r?.(),S()}),[S,r,d]),v=n.useCallback((e=>{const s=[...u];u.includes(e)||s.push(e),d?.(s),r?.(),S()}),[u,S,r,d]),w=n.useCallback((e=>{p([e]),b.current=i.findIndex((s=>s.value===e))}),[i,p]),T=n.useCallback((e=>{if(0!==i.length){if("ltr"===h&&"ArrowLeft"===e.code||"rtl"===h&&"ArrowRight"===e.code){if(0===b.current)return;return b.current-=1,void m(b.current)}return"ltr"===h&&"ArrowRight"===e.code||"rtl"===h&&"ArrowLeft"===e.code?b.current===i.length-1?void r?.():(b.current+=1,void m(b.current)):"Home"===e.code?(b.current=0,void m(b.current)):"End"===e.code?(b.current=i.length-1,void m(b.current)):ue.isSelectAll(e)?(p(i.map((e=>e.value))),void e.preventDefault()):void 0}}),[i,h,r,m,p]),g=n.useCallback((()=>{p((e=>e.length||void 0===x.current.value?e:(b.current=x.current.index,[x.current.value])))}),[]),F=n.useCallback((()=>{S()}),[S]),{focusProps:C}=de.useFocusWithin({onBlurWithin:F});n.useImperativeHandle(t,(()=>({blur:F,focus:g})),[F,g]),n.useEffect((()=>{c.current?.scrollTo({left:c.current.scrollWidth*("ltr"===h?1:-1)})}),[i,h]);const D=Ke(e),A=pe.classNames([ve.textTagListStyles.textTagListBase,a&&ve.textTagListStyles.textTagListInsideLabel]);return s.jsx("div",{class:A,ref:c,tabIndex:-1,onKeyDown:T,role:"listbox","aria-label":o,"aria-multiselectable":"true",style:D,...C,children:i.map(((e,t)=>s.jsx(ke,{isFocused:b.current===t,isSelected:u.includes(e.value),onRemoveAction:v,onSelect:w,onRemoveIconClick:f,removeIcon:l,value:e.value,children:e.label},e.value)))})}));function je({displayValue:e,isAddToListShown:t,isKeyboardNavigable:o,isTextTagListShown:a,isUserFiltering:l,liveRegionText:r,onExitNavigation:c,onRemove:u,removeIcon:p,selectedValuesDescriptionId:h,selectedValuesKeyboardNavDescriptionId:b,textTagListData:y,textTagListRef:x,userInput:m,virtualKeyboard:S,...f}){const v=K.useTranslationBundle("@oracle/oraclejet-preact"),w=t?v.select_addToListAvailable():void 0,T=o&&e&&e.length>0?v.selectMultiple_highlightSelectedTagsInstructionText():void 0,{isInputFocused:g}=se.useFormFieldContext(),[F,C]=n.useState(T),[D,A]=n.useState(!1);return g&&a&&!F&&T&&!D?A(!0):g||!D||A(!1),F!==T&&C(T),s.jsxs(s.Fragment,{children:[a&&s.jsx(Ue,{"aria-label":v.selectMultiple_selectedValues(),data:y,hasInsideLabel:f.hasInsideLabel,maxWidth:"50%",onExitNavigation:c,onRemove:u,ref:x,removeIcon:p}),s.jsx(d.Flex,{flex:1,children:s.jsx(i.TextFieldInput,{"aria-autocomplete":"list",autoComplete:"off",hasPrefix:a,role:"combobox",hasEndContent:!0,spellcheck:!1,type:"auto"===S?"search":S,value:l||a?m:e,...f})}),a&&s.jsx(ye.HiddenAccessible,{id:h,isHidden:!0,children:e}),a&&T&&!D&&s.jsx(ye.HiddenAccessible,{id:b,isHidden:!0,children:T}),s.jsx(we.LiveRegion,{children:r}),a&&s.jsx(we.LiveRegion,{children:D?T:void 0}),t?s.jsx(we.LiveRegion,{children:w}):void 0]})}function Pe({onApply:e}){const t=K.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx("div",{class:ge.mobileDropdownFooterStyles.base,children:s.jsx(Fe.Button,{display:"label",edge:"bottom",label:t.selectMultiple_apply(),size:"sm",variant:"callToAction",onAction:e})})}function Be(e,s){const t=K.useTranslationBundle("@oracle/oraclejet-preact").plural_separator();return{displayValue:n.useMemo((()=>{if(void 0===s)return"";const n=function(e,s){const t=s?[...s?.values()]:[],n=s=>Q.renderItemText(s,e),o=t.map(n);return new Set(o)}(e,s),o=function(e,s){return Array.from(e.values()).join(s)}(n,t);return o}),[e,t,s]),textTags:n.useMemo((()=>void 0===s?[]:function(e,s=[]){return s.map((s=>({label:Q.renderItemText(s,e)??"",value:s.key})))}(e,s)),[e,s])}}function Me({isDropdownSelectedOnlyView:e=!1,valueItems:s}){const t=Ce.useEffectEvent((e=>e&&s&&0!==s.length?{offset:0,totalSize:s.length,sizePrecision:"exact",data:s.map((e=>({data:e.data,metadata:e.metadata??{key:e.key}})))}:void 0));return{data:n.useMemo((()=>t(e)),[t,e]),onLoadRange:void 0}}const Oe=[];const Ne=(e,s,t)=>s.data.forEach((s=>{t.has(s.metadata.key)&&e.set(s.metadata.key,{data:s.data,key:s.metadata.key,metadata:s.metadata})})),_e=e=>new Set(e.map((e=>e.key)));function He({"aria-describedby":e,"aria-label":o,assistiveText:i,data:a,dropdownId:l,enabledElementRef:r,helpSourceLink:d,helpSourceText:c,isAddToListShown:u,isDisabled:h,isEmptyResults:b,isFocused:y,isLoading:x,isOpen:m,isReadonly:S,isRequired:f,isSelectedOnlyView:v,isUserFiltering:w,itemRenderer:T,itemText:g,label:F,liveRegionText:C,placeholder:D,propIsLoading:A,searchText:L,selectedValuesDescriptionId:R,setDropdownOpen:I,setUserInput:E,stopFiltering:k,textAlign:V,textTagListRef:U,userAssistanceDensity:j,userInput:P,valueItems:B,virtualKeyboard:M,onAddToListAction:O,onCommit:N,onFieldBlur:_,onFieldFocus:H,onFieldInput:z,onFieldKeyDown:q,onFieldKeyUp:Y,onLoadRange:W}){const $=K.useTranslationBundle("@oracle/oraclejet-preact"),{collectionProps:G,footerProps:Z,selectMultipleFieldInputProps:X,selectMultipleFieldProps:ee,selectedValuesCountProps:se,isDropdownSelectedOnlyView:te}=function({data:e,inputRef:s,isDropdownOpen:t,isDropdownSelectedOnlyView:o,itemText:i,textTagListRef:a,userInput:l,valueItems:r=Oe,onCommit:d,onLoadRange:c,setDropdownOpen:u,setUserInput:p,stopFiltering:h}){const[b,y]=n.useState({rowKey:void 0}),[x,m]=n.useState(_e(r)),[S,f]=n.useState(o),v=n.useRef(new Map),w=n.useMemo((()=>{const e=[];return x.forEach((s=>{const t=r.find((e=>e.key===s));t?e.push(t):v.current.has(s)&&e.push(v.current.get(s))})),e}),[x,r]),{textTags:T,displayValue:g}=Be(i,w),F=n.useRef(null),{data:C,onLoadRange:D}=Me({isDropdownSelectedOnlyView:S,valueItems:w}),A=n.useCallback((e=>{y({rowKey:e.value})}),[y]),L=n.useCallback((s=>{const t=new Set(s.value.keys?.values());m(t),p(""),e&&Ne(v.current,e,t)}),[e,m,p]),R=n.useCallback((({value:e=!1})=>{f((s=>(s!==e&&h(),e)))}),[f,h]),I=n.useCallback((()=>{m(new Set(r.map((e=>e.key)))),v.current.clear(),u(!1),h(),s.current?.focus()}),[s,u,h,r]),E=n.useCallback((()=>{d({previousValue:_e(r),value:x}),I()}),[x,r,I,d]),k=n.useCallback((()=>{I()}),[I]),V=n.useCallback((()=>{m(new Set),h()}),[h]),K=n.useCallback((e=>{const s=new Set(x);e.forEach((e=>s.delete(e))),m(s)}),[x]),U=n.useCallback((()=>{setTimeout((()=>F.current?.focus()),0)}),[]),j=n.useRef(t);n.useEffect((()=>{if(t){if(j.current)return;return setTimeout((()=>F.current?.focus()),0),void(j.current=!0)}j.current=!1}),[t]);const[P,B]=n.useState(r);return P!==r&&(t||m((e=>{const s=_e(r);return De.equals(e,s)?e:s})),B(r)),{collectionProps:{currentKey:b.rowKey,data:S?C:e,selectedKeys:x,onCurrentKeyChange:A,onLoadRange:S?D:c,onSelectionChange:L},footerProps:{onApply:E},selectMultipleFieldInputProps:{displayValue:g,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:F,isTextTagListShown:T.length>0,isUserFiltering:!0,removeIcon:"always",userInput:l,textTagListData:T,textTagListRef:a,onExitNavigation:U,onRemove:K},selectMultipleFieldProps:{hasInsideLabel:!0,isBackButtonShown:!0,isClearButtonShown:!Q.isSearchTextEmptyOrUndefined(l)||0!==T.length,isDropdownArrowShown:!1,isDropdownSelectedOnlyView:S,isSelectedValuesCountShown:x.size>0||S,selectedValuesCount:x.size,styleVariant:"embedded",onBackButtonClick:k,onClearButtonClick:V},selectedValuesCountProps:{onSelectedValuesCountToggle:R},isDropdownSelectedOnlyView:S}}({data:a,inputRef:r,isDropdownOpen:m,isDropdownSelectedOnlyView:v,itemText:g,textTagListRef:U,userInput:P,valueItems:B,onCommit:N,onLoadRange:W,setDropdownOpen:I,setUserInput:E,stopFiltering:k}),{formFieldContext:ne,inputProps:oe,labelProps:ie,textFieldProps:ae,userAssistanceProps:le}=J.useTextField({ariaDescribedBy:e,helpSourceLink:d,helpSourceText:c,isDisabled:!1,isFocused:y,isLoading:x,isReadonly:!1,isRequiredShown:!1,labelEdge:"inside",styleVariant:"default",value:ee.selectedValuesCount>0||void 0});ne.hasValue=A||ne.hasValue;const re={label:s.jsx(t.Label,{...ie,children:F}),labelEdge:"inside"},de=!m||h||S||!i&&!d||"efficient"!==j&&"reflow"!==j?void 0:s.jsx(Q.DropdownUserAssistance,{assistiveText:i,fieldLabel:F,helpSourceLink:d,helpSourceText:c,userAssistanceDensity:j,...le}),ce=b?u?void 0:s.jsx(Q.EmptyResults,{}):s.jsx(Q.DefaultList,{...G,"aria-label":F??"",itemRenderer:T,itemText:g,searchText:te?void 0:w?L:void 0,selectionMode:"multiple"}),ue=u?s.jsx(Q.LinkItem,{onAction:O,children:$.select_addToList()}):void 0;return s.jsx(Q.SelectMobileDropdown,{header:s.jsxs(p.FormFieldContext.Provider,{value:ne,children:[s.jsx(Te.View,{children:s.jsx(Ee,{fieldLabel:F,onBlur:_,onFocus:H,...re,...ae,...ee,...se,children:s.jsx(je,{"aria-controls":l,"aria-expanded":m,"aria-label":o,isAddToListShown:u,isRequired:f,liveRegionText:C,placeholder:D,selectedValuesDescriptionId:R,textAlign:V,virtualKeyboard:M,onInput:z,onKeyDown:q,onKeyUp:Y,...oe,...X})})}),de]}),footer:s.jsx(Pe,{...Z}),id:l,isOpen:m,children:s.jsxs(Q.DropdownList,{hasTopGap:!ue,hasBottomGap:!0,isLoading:null===a,children:[ce,ue]})})}function ze(e){const s=e?.reduce(((e,s)=>(e.add(s.key),e)),new Set);return s}const qe=o.forwardRef((({addToList:e="off","aria-describedby":o,assistiveText:i,columnSpan:a,data:d,helpSourceLink:c,helpSourceText:h,isDisabled:b,isLoading:y,isReadonly:x,isRequired:m,isRequiredShown:S,itemRenderer:f,itemText:v,label:w,labelEdge:T,labelStartWidth:g,messages:F,onAddToListAction:C,onCommit:D,onFilter:A,onLoadRange:L,placeholder:R,testId:I,textAlign:E,userAssistanceDensity:k,valueItems:V,variant:U="default",virtualKeyboard:j},P)=>{const{isDisabled:B,isReadonly:M,labelEdge:_,labelStartWidth:z,textAlign:q,userAssistanceDensity:Y}=u.useFormContext(),W=b??B,$=x??M,X=T??_,ee=g??z,se=E??q,te=k??Y,{enabledElementRef:ne,focusProps:oe,isFocused:ie,readonlyElementRef:ae}=G.useFocusableTextField({isDisabled:W,isReadonly:$,ref:P}),{addToListEventHandlers:le,ariaProps:re,collectionProps:de,data:pe,dropdownArrowEventHandlers:he,dropdownEventHandlers:be,dropdownRef:ye,hasSelectedValuesCount:xe,inputEventHandlers:me,isAddToListShown:fe,isDataFetched:ve,isDropdownAbove:we,isDropdownOpen:Te,isDropdownSelectedOnlyView:ge,isEmptyResults:Fe,isFocused:Ce,isUserFiltering:De,mainFieldRef:Ie,mouseProps:ke,searchText:Ve,selectedValuesCountProps:Ke,selectedValuesDescriptionId:Ue,selectedValuesKeyboardNavDescriptionId:Pe,setDropdownOpen:Oe,setUserInput:Ne,stopFiltering:_e,textTagListProps:qe,userInput:Ye}=function({addToList:e,ariaDescribedBy:s,data:t,inputRef:o,isDisabled:i,isFocused:a,isReadonly:l,onAddToListAction:r,onCommit:d,onFilter:c,onLoadRange:u,valueItems:p}){const[h,b]=n.useState(!1),y=p?.length,x=void 0!==y&&y>0||h,m=Me({isDropdownSelectedOnlyView:h,valueItems:p}),S=h?m.data:t,f=h?m.onLoadRange:u,v=n.useCallback((e=>{Q.isSearchTextEmptyOrUndefined(e.searchText)||b(!1),c?.(e)}),[c]),{currentRow:w,dropdownRef:T,handleDropdownArrowClick:g,handleDropdownAutoDismiss:F,handleDropdownPosition:C,handleInput:D,handleMainFieldKeyDown:A,handleMainFieldKeyUp:L,handleUpDownArrowKeys:R,isDropdownAbove:I,isDropdownOpen:E,isFocused:k,isUserFiltering:V,mainFieldRef:K,onCurrentKeyChange:U,onMouseDown:j,searchText:P,setCurrentRow:B,setDropdownOpen:M,setUserInput:O,stopFiltering:N,userInput:_}=Q.useSelectCommon({data:S,inputRef:o,isFocused:a,onFilter:v}),[H,z]=n.useState(E),[q,Y]=n.useState(p),[W,$]=n.useState(ze(p)),G=null!=S&&!Q.isBeforeDataFetch(S),Z=G&&0===S?.totalSize,J="on"===e&&V&&null!=P&&P.length>0&&Z,X=n.useCallback((()=>{M(!1),N(),r?.({searchText:V?P:void 0})}),[V,r,P,M,N]),ee=n.useRef(null),{direction:se}=ce.useUser(),te=Se.useId(),ne=Se.useId(),oe=Le.merge([k&&ne,k&&te,s]),ie=n.useCallback((()=>{T.current?.parentElement?.removeChild(T.current)}),[T]),ae=n.useCallback((e=>V&&E&&!Q.isSearchTextEmptyOrUndefined(_)&&(S?.data.length??0)>0&&void 0!==e.rowKey),[S,E,V,_]),le=n.useCallback((e=>{if(W?.has(e))return;const s=void 0===W?new Set([e]):new Set([...W.values(),e]);d({previousValue:W,value:s}),$(s)}),[d,W,$]),re=n.useCallback((e=>{if(E&&"keydown"===e?.type){const s=e;s.code===ue.KEYS.TAB&&(s.shiftKey||!x?o.current?.focus():pe.current?.focus(),ie())}}),[x,o,E,ie]),de=n.useCallback((e=>{if(!ue.isControlOrFunctionKey(e))switch(e.code){case ue.KEYS.TAB:E&&(e.shiftKey||!x&&!e.shiftKey)&&(ie(),M(!1)),x&&!e.shiftKey&&e.stopPropagation();break;case ue.KEYS.LEFT:"ltr"===se&&o.current instanceof HTMLInputElement&&0===o.current?.selectionStart&&0===o.current?.selectionEnd&&ee.current?.focus();break;case ue.KEYS.RIGHT:"rtl"===se&&o.current instanceof HTMLInputElement&&0===o.current?.selectionStart&&0===o.current?.selectionEnd&&ee.current?.focus();break;case ue.KEYS.ENTER:case ue.KEYS.NUMPAD_ENTER:if(Q.isPhone())return;if(J)return void X();ae(w)&&(M(!1),N(),le(w.rowKey))}}),[w,se,X,x,o,J,E,ie,le,M,ae,N]);if(q!==p){const e=ze(p);$(e)}const pe=n.useRef(null);n.useEffect((()=>{pe.current=x&&K.current?.querySelector?K.current.querySelector('[role="switch"]'):null}),[x,i,l,K]);const he=n.useCallback((e=>{switch(e.code){case ue.KEYS.TAB:E&&!e.shiftKey&&(ie(),M(!1)),e.shiftKey&&e.stopPropagation();break;case ue.KEYS.UP:case ue.KEYS.DOWN:e.preventDefault();break;case ue.KEYS.ESC:E&&(M(!1),e.preventDefault(),e.stopPropagation());break;case ue.KEYS.ENTER:e.stopPropagation()}}),[E,ie,M]),be=n.useCallback((e=>{switch(e.code){case ue.KEYS.UP:case ue.KEYS.DOWN:R(e)}}),[R]),ye=n.useCallback((e=>{e.preventDefault(),o.current?.focus()}),[o]),xe=n.useCallback((e=>{E||M(!0);const s=e.value??!1;s!==h&&(b(s),s&&N())}),[E,h,M,N]);!E&&h&&b(!1);const me=n.useCallback((e=>{const s=new Set(e.value.keys?.values());$(s),O(""),d?.({value:s,previousValue:W})}),[d,W,$,O]),fe=n.useCallback((()=>{setTimeout((()=>o.current?.focus()),0)}),[o]),ve=n.useCallback((e=>{const s=W,t=new Set(W);e.forEach((e=>t.delete(e))),d?.({previousValue:s,value:t})}),[d,W]),we=n.useMemo((()=>Ae.mergeProps({onAutoDismiss:F,onPosition:C},{onAutoDismiss:re})),[F,C,re]),Te=n.useMemo((()=>Ae.mergeProps({onInput:D,onKeyDown:A,onKeyUp:L},{onKeyDown:de})),[A,D,L,de]),ge=n.useMemo((()=>({textTagListRef:ee,onExitNavigation:fe,onRemove:ve})),[fe,ve]);E&&!H&&B({rowKey:void 0}),H&&!E&&!_&&N();const Fe=n.useRef(S);if(Fe.current!==S){const e=S?.data[0]?.metadata.key;E&&V&&null!=e&&0===S?.offset&&B({rowKey:Q.isSearchTextEmptyOrUndefined(P)?void 0:e}),Fe.current=S}return H!==E&&z(E),q!==p&&Y(p),{addToListEventHandlers:{onAction:X},ariaProps:{ariaDescribedBy:oe},collectionProps:{currentKey:w.rowKey,data:S,onCurrentKeyChange:U,onSelectionChange:me,onLoadRange:f,selectedKeys:W},data:S,dropdownArrowEventHandlers:{onClick:g},dropdownEventHandlers:we,dropdownRef:T,hasSelectedValuesCount:x,inputEventHandlers:Te,inputRef:o,isAddToListShown:J,isDataFetched:G,isDropdownAbove:I,isDropdownOpen:E,isDropdownSelectedOnlyView:h,isEmptyResults:Z,isFocused:k,isUserFiltering:V,mainFieldRef:K,mouseProps:i||l?{}:{onMouseDown:j},searchText:P,selectedValuesCountProps:{onKeyDown:he,onKeyUp:be,onMouseDown:ye,onToggle:xe},selectedValuesDescriptionId:te,selectedValuesKeyboardNavDescriptionId:ne,setDropdownOpen:M,setUserInput:O,stopFiltering:N,textTagListProps:ge,userInput:_}}({addToList:e,ariaDescribedBy:o,data:d,inputRef:ne,isDisabled:W,isFocused:ie,isReadonly:$,onAddToListAction:C,onCommit:D,onFilter:A,onLoadRange:L,valueItems:V}),We=Z.useLoadingIndicatorTimer(y??!1),{baseId:$e,formFieldContext:Ge,inputProps:Ze,labelProps:Je,textFieldProps:Qe,userAssistanceProps:Xe}=J.useTextField({ariaDescribedBy:re.ariaDescribedBy,helpSourceLink:c,helpSourceText:h,isDisabled:W,isFocused:Ce,isLoading:We,isReadonly:$,isRequiredShown:S,labelEdge:X,messages:F,styleVariant:U,userAssistanceDensity:te,value:void 0!==V&&V.length>0||void 0});Ge.hasValue=y||Ge.hasValue;const es=`${$e}-dropdown`,{displayValue:ss,textTags:ts}=Be(v,V),ns="none"!==X?s.jsx(t.Label,{...Je,...Q.isPhone()?{forId:void 0}:{},children:w}):void 0,os={label:"none"!==X?ns:void 0,labelEdge:"none"!==X?X:void 0,labelStartWidth:"none"!==X?ee:void 0},is="none"===X?w:void 0,as="efficient"===te||"reflow"===te?W||$?"efficient"!==te?void 0:s.jsx(O.InlineUserAssistance,{userAssistanceDensity:te,...Xe}):s.jsx(O.InlineUserAssistance,{assistiveText:i,fieldLabel:w,helpSourceLink:c,helpSourceText:h,messages:F,isRequiredShown:S,userAssistanceDensity:te,...Xe}):void 0,ls="compact"===te?s.jsx(N.CompactUserAssistance,{anchorRef:Ie,messages:F,assistiveText:i,...Xe}):void 0,rs=K.useTranslationBundle("@oracle/oraclejet-preact");if($){const e=s.jsx(l.ReadonlyTextFieldInput,{"aria-describedby":Ze["aria-describedby"],"aria-label":is,"aria-labelledby":Je.id,as:"div",elementRef:ae,hasEmptyLabel:""===w&&"none"===X,hasInsideLabel:void 0!==w&&"inside"===X,textAlign:se,value:ss});return s.jsx(p.FormFieldContext.Provider,{value:Ge,children:s.jsx(r.ReadonlyTextField,{role:"presentation",columnSpan:a,compactUserAssistance:ls,inlineUserAssistance:as,onBlur:oe.onFocusOut,onFocus:oe.onFocusIn,ref:Ie,mainContent:e,testId:I,...os})})}const ds="inside"===X,cs=Te&&ve?0===pe?.totalSize?rs.select_noMatchesFound():1===pe?.totalSize?rs.select_oneMatchFound():"exact"===pe?.sizePrecision?rs.select_sizeMatchesFound({TOTAL_SIZE:`${pe?.totalSize}`}):rs.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${pe?.totalSize}`}):"",us=Te&&void 0!==pe&&(null===pe||pe.totalSize>0||Q.isBeforeDataFetch(pe)||Fe),ps=""===w&&"none"===X,hs=Q.isPhone()&&!W?s.jsx(Q.SelectMobileFieldInput,{"aria-controls":es,"aria-describedby":Ze["aria-describedby"],"aria-expanded":Te,"aria-invalid":Ze["aria-invalid"],"aria-label":is,"aria-labelledby":Je.id,displayValue:ss,hasEmptyLabel:ps,hasInsideLabel:ds,isRequired:m,onBlur:Ze.onBlur,onFocus:Ze.onFocus,placeholder:R,ref:ne,textAlign:se,variant:Ze.variant}):s.jsx(je,{"aria-controls":es,"aria-expanded":Te,"aria-label":is,displayValue:ss,hasEmptyLabel:ps,hasInsideLabel:ds,inputRef:ne,isAddToListShown:fe,isKeyboardNavigable:!W&&!Q.isMobile(),isRequired:m,isTextTagListShown:Ce&&0!==ts.length,isUserFiltering:De,liveRegionText:cs,placeholder:R,removeIcon:Q.isTablet()?"always":"never",selectedValuesDescriptionId:Ue,selectedValuesKeyboardNavDescriptionId:Pe,textAlign:se,textTagListData:ts,userInput:Ye,virtualKeyboard:Q.isTablet()?j:void 0,...me,...Ze,...qe}),bs=us?Q.isPhone()?s.jsx(He,{"aria-describedby":re.ariaDescribedBy,"aria-label":is,assistiveText:i,data:d,dropdownId:es,enabledElementRef:ne,helpSourceLink:c,helpSourceText:h,isAddToListShown:fe,isDisabled:W,isEmptyResults:Fe,isFocused:Ce,isLoading:We,isOpen:us,isReadonly:$,isRequired:m,isSelectedOnlyView:ge,isUserFiltering:De,itemRenderer:f,itemText:v,label:w,liveRegionText:cs,placeholder:R,propIsLoading:y,searchText:Ve,selectedValuesDescriptionId:Ue,setDropdownOpen:Oe,setUserInput:Ne,stopFiltering:_e,textAlign:se,textTagListRef:qe.textTagListRef,userAssistanceDensity:te,userInput:Ye,valueItems:V,virtualKeyboard:j,onAddToListAction:le.onAction,onCommit:D,onFieldBlur:oe.onFocusOut,onFieldFocus:oe.onFocusIn,onFieldInput:me.onInput,onFieldKeyDown:me.onKeyDown,onFieldKeyUp:me.onKeyUp,onLoadRange:L}):s.jsx(Re,{...de,...be,assistiveText:i,dropdownId:es,dropdownRef:ye,helpSourceLink:c,helpSourceText:h,isAddToListShown:fe,isDisabled:W,isDropdownAbove:we,isEmptyResults:Fe,isOpen:us,isReadonly:$,isSelectedOnlyView:ge,isUserFiltering:De,itemRenderer:f,itemText:v,label:w,mainFieldRef:Ie,onAddToListAction:le.onAction,searchText:Ve,userAssistanceDensity:te}):null;return s.jsxs(H.Fragment,{children:[s.jsx(p.FormFieldContext.Provider,{value:Ge,children:s.jsx(Ee,{columnSpan:a,compactUserAssistance:ls,fieldLabel:w,hasInsideLabel:ds,inlineUserAssistance:as,isDropdownArrowShown:!0,isDropdownSelectedOnlyView:ge,isSelectedValuesCountShown:xe,mainFieldRef:Ie,onBlur:oe.onFocusOut,onFocus:oe.onFocusIn,onDropdownArrowClick:he.onClick,onSelectedValuesCountKeyDown:Ke.onKeyDown,onSelectedValuesCountKeyUp:Ke.onKeyUp,onSelectedValuesCountMouseDown:Ke.onMouseDown,onSelectedValuesCountToggle:Ke.onToggle,selectedValuesCount:V?.length,testId:I,...os,...ke,...Qe,children:hs})}),bs]})}));e.SelectMultiple=qe}));
+define(['exports', 'preact/jsx-runtime', './Label-3f8fc274', 'preact/hooks', 'preact/compat', './TextFieldInput-dfd9529f', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-a5e85e5d', './StyledTextField-8ac3bbb4', './Flex-1f27b601', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'css!./LabelValueLayoutStyles.styles.css', './logger-0f873e29', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./RadioStyles.styles.css', 'module', './UNSAFE_RadioItem/themes/redwood/RadioVariants.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/FormLayoutStyles.css', 'module', 'css!./CheckboxStyles.styles.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css', './InputGroupContext-372087af', './LayerHost-eab40731', './useTranslationBundle-6ef0dab6', 'css!./LiveRegionStyles.styles.css', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-f4d1fa1b', './CompactUserAssistance-b2cbdbad', './useTooltipControlled-abf886f2', 'preact', 'css!./IconStyle.styles.css', './Popup-249d77c3', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useFocusableTextField-c2f98a8b', './useLoadingIndicatorTimer-20a3bf5f', './useTextField-e6877c79', './useSelectCommon-8657b927', './useAccessibleContext-23e8a333', './textAlign-ef924afd', './useFormFieldContext-8196183c', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './TextField-0fc70892', './UNSAFE_SelectMultiple/themes/SelectedValuesCountStyles.css', './Chip-26339152', './IconButton-1b328b69', './CancelS-a0d8e178', './useFocusWithin-5a504fca', './useUser-6dd85af9', './keyboardUtils-244467a7', './classNames-08d99695', './dimensions-89f18413', './mergeInterpolations-9ede4cf7', './HiddenAccessible-037ef42d', './Text-e132dec0', './Close-479a300b', './useId-c9578d26', './UNSAFE_SelectMultiple/themes/TextTagStyles.css', './UNSAFE_SelectMultiple/themes/TextTagListStyles.css', './LiveRegion-be6f36d7', './View-8701dec6', './UNSAFE_SelectMultiple/themes/MobileDropdownFooterStyles.css', './Button-43090a22', './useEffectEvent-8467275b', './equals-e73adbe3', './mergeProps-bcfa6a92', './stringUtils-0ae982c2'], (function(e,s,t,n,o,i,a,l,r,d,c,u,p,h,b,y,x,m,S,f,v,w,T,g,F,C,D,A,L,R,I,E,k,V,K,U,j,P,B,M,O,N,_,H,z,q,Y,W,$,G,Z,J,Q,X,ee,se,te,ne,oe,ie,ae,le,re,de,ce,ue,pe,he,be,ye,xe,me,Se,fe,ve,we,Te,ge,Fe,Ce,De,Ae,Le){"use strict";function Re({assistiveText:e,currentKey:t,data:n,dropdownId:o,dropdownRef:i,helpSourceLink:a,helpSourceText:l,isAddToListShown:r,isDisabled:d,isDropdownAbove:c,isEmptyResults:u,isOpen:p,isReadonly:h,isSelectedOnlyView:b,isUserFiltering:y,itemRenderer:x,itemText:m,label:S,mainFieldRef:f,searchText:v,selectedKeys:w,userAssistanceDensity:T,onAddToListAction:g,onAutoDismiss:F,onCurrentKeyChange:C,onLoadRange:D,onPosition:A,onSelectionChange:L}){const R=K.useTranslationBundle("@oracle/oraclejet-preact"),I=!p||c||d||h||!e&&!a||"efficient"!==T&&"reflow"!==T?void 0:s.jsx(Q.DropdownUserAssistance,{assistiveText:e,fieldLabel:S,helpSourceLink:a,helpSourceText:l,userAssistanceDensity:T}),E=u?r?void 0:s.jsx(Q.EmptyResults,{}):s.jsx(Q.DefaultList,{"aria-label":S??"",currentItemVariant:"highlight",currentKey:t,data:n,itemRenderer:x,itemText:m,searchText:b?void 0:y?v:void 0,selectedKeys:w,selectionMode:"multiple",onCurrentKeyChange:C,onLoadRange:D,onSelectionChange:L}),k=r?s.jsx(Q.LinkItem,{isHighlighted:u,onAction:g,children:R.select_addToList()}):void 0;return s.jsxs(Q.Dropdown,{dropdownRef:i,id:o,isOpen:p,anchorRef:f,onAutoDismiss:F,onPosition:A,children:[s.jsxs(Q.DropdownList,{hasBottomGap:void 0===I,isLoading:null===n,children:[E,k]}),I]})}function Ie({"aria-label":e,count:t=0,onKeyDown:n,onKeyUp:o,onMouseDown:i,...a}){const l=K.useTranslationBundle("@oracle/oraclejet-preact"),r=l.selectMultiple_showSelectedValues(),d=e?`${e}. `:"",c=l.selectMultiple_countPlus({COUNT:"99"}),u=t>99?`${c}`:`${t}`,p=`${d}${l.selectMultiple_valuesSelected({VALUE_COUNT:`${t}`})} ${r}`;return s.jsx("div",{class:ie.selectedValueCountStyles.base,onKeyDown:n,onKeyUp:o,onMouseDown:i,children:s.jsx(ae.Chip,{"aria-label":p,...a,children:u})})}function Ee({children:e,columnSpan:t,fieldLabel:n,hasInsideLabel:o,isBackButtonShown:i,isClearButtonShown:a,isDropdownArrowShown:l,isDropdownSelectedOnlyView:r,isSelectedValuesCountShown:c,selectedValuesCount:u,onBackButtonClick:p,onClearButtonClick:h,onDropdownArrowClick:b,onSelectedValuesCountKeyDown:y,onSelectedValuesCountKeyUp:x,onSelectedValuesCountMouseDown:m,onSelectedValuesCountToggle:S,...f}){const{isDisabled:v,isLoading:w}=se.useFormFieldContext(),T=K.useTranslationBundle("@oracle/oraclejet-preact"),g=i?s.jsx(le.IconButton,{"aria-label":T.selectMultiple_back(),size:"xs",variant:"ghost",onAction:p,children:s.jsx(re.SvgNavLeft,{})}):null,F=a?s.jsx(le.IconButton,{"aria-label":T.formControl_clear(),size:"sm",variant:"ghost",onAction:h,children:s.jsx(re.SvgCancelS,{})}):null,C=l?s.jsx(Q.DropdownArrow,{isDisabled:v,onClick:b,testId:`${f.testId}_dropdownarrow`}):null,D=w?void 0:c?s.jsxs(d.Flex,{align:"center",justify:"center",gap:[0,"1x"],children:[s.jsx(Ie,{"aria-label":n,count:u,isDisabled:v,isSelected:r,onKeyDown:y,onKeyUp:x,onMouseDown:m,onToggle:S}),a&&F,l&&C]}):s.jsxs(s.Fragment,{children:[a&&F,l&&C]});return s.jsx(oe.TextField,{columnSpan:t,startContent:i&&g,mainContent:e,endContent:D,...f})}function ke({children:e,removeIcon:t="never",isSelected:o=!1,onRemoveAction:i,onSelect:a,onRemoveIconClick:l,isFocused:r,value:d}){const c=K.useTranslationBundle("@oracle/oraclejet-preact"),u=n.useRef(null),p=Se.useId(),h=pe.classNames([fe.textTagStyles.base,o&&fe.textTagStyles.selected]),b=n.useCallback((()=>{i?.(d)}),[d,i]),y=n.useCallback((()=>{a?.(d)}),[d,a]),x=n.useCallback((()=>{l?.(d)}),[d,l]),m=n.useCallback((e=>{ue.isBackspaceOrDelete(e)&&b()}),[b]);return n.useEffect((()=>{r&&o&&(u.current?.focus(),u.current?.scrollIntoView({block:"nearest"}))}),[r,o]),s.jsxs(s.Fragment,{children:[s.jsxs("span",{ref:u,class:h,tabIndex:-1,onClick:y,onKeyUp:m,onMouseDown:Q.preventDefault,role:"option","aria-describedby":p,"aria-selected":o?"true":"false",children:[s.jsx(xe.Text,{size:"md",variant:"inherit",children:e}),"always"===t&&s.jsx(j.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx(le.IconButton,{size:"xs",variant:"ghost",onAction:x,children:s.jsx(me.SvgClose,{})})})]}),s.jsx(ye.HiddenAccessible,{id:p,children:c.selectMultiple_removeSelectedTagInstructionText()})]})}const Ve=Array.from(["maxWidth"],(e=>he.dimensionInterpolations[e])),Ke=be.mergeInterpolations(Ve);const Ue=o.forwardRef((function(e,t=(()=>{})){const{"aria-label":o,data:i,hasInsideLabel:a=!1,removeIcon:l="never",onExitNavigation:r,onRemove:d}=e,c=n.useRef(null),[u,p]=n.useState([]),{direction:h}=ce.useUser(),b=n.useRef(-1),y=i.at(-1)?.value,x=n.useRef({value:y,index:i.length-1});x.current={value:y,index:i.length-1};const m=n.useCallback((e=>{const s=i.at(e)?.value;null!=s&&p([s])}),[i]),S=n.useCallback((()=>{p((e=>(b.current=-1,e.length?[]:e)))}),[]),f=n.useCallback((e=>{d?.([e]),r?.(),S()}),[S,r,d]),v=n.useCallback((e=>{const s=[...u];u.includes(e)||s.push(e),d?.(s),r?.(),S()}),[u,S,r,d]),w=n.useCallback((e=>{p([e]),b.current=i.findIndex((s=>s.value===e))}),[i,p]),T=n.useCallback((e=>{if(0!==i.length){if("ltr"===h&&"ArrowLeft"===e.code||"rtl"===h&&"ArrowRight"===e.code){if(0===b.current)return;return b.current-=1,void m(b.current)}return"ltr"===h&&"ArrowRight"===e.code||"rtl"===h&&"ArrowLeft"===e.code?b.current===i.length-1?void r?.():(b.current+=1,void m(b.current)):"Home"===e.code?(b.current=0,void m(b.current)):"End"===e.code?(b.current=i.length-1,void m(b.current)):ue.isSelectAll(e)?(p(i.map((e=>e.value))),void e.preventDefault()):void 0}}),[i,h,r,m,p]),g=n.useCallback((()=>{p((e=>e.length||void 0===x.current.value?e:(b.current=x.current.index,[x.current.value])))}),[]),F=n.useCallback((()=>{S()}),[S]),{focusProps:C}=de.useFocusWithin({onBlurWithin:F});n.useImperativeHandle(t,(()=>({blur:F,focus:g})),[F,g]),n.useEffect((()=>{c.current?.scrollTo({left:c.current.scrollWidth*("ltr"===h?1:-1)})}),[i,h]);const D=Ke(e),A=pe.classNames([ve.textTagListStyles.textTagListBase,a&&ve.textTagListStyles.textTagListInsideLabel]);return s.jsx("div",{class:A,ref:c,tabIndex:-1,onKeyDown:T,role:"listbox","aria-label":o,"aria-multiselectable":"true",style:D,...C,children:i.map(((e,t)=>s.jsx(ke,{isFocused:b.current===t,isSelected:u.includes(e.value),onRemoveAction:v,onSelect:w,onRemoveIconClick:f,removeIcon:l,value:e.value,children:e.label},e.value)))})}));function je({displayValue:e,isAddToListShown:t,isKeyboardNavigable:o,isTextTagListShown:a,isUserFiltering:l,liveRegionText:r,onExitNavigation:c,onRemove:u,removeIcon:p,selectedValuesDescriptionId:h,selectedValuesKeyboardNavDescriptionId:b,textTagListData:y,textTagListRef:x,userInput:m,virtualKeyboard:S,...f}){const v=K.useTranslationBundle("@oracle/oraclejet-preact"),w=t?v.select_addToListAvailable():void 0,T=o&&e&&e.length>0?v.selectMultiple_highlightSelectedTagsInstructionText():void 0,{isInputFocused:g}=se.useFormFieldContext(),[F,C]=n.useState(T),[D,A]=n.useState(!1);return g&&a&&!F&&T&&!D?A(!0):g||!D||A(!1),F!==T&&C(T),s.jsxs(s.Fragment,{children:[a&&s.jsx(Ue,{"aria-label":v.selectMultiple_selectedValues(),data:y,hasInsideLabel:f.hasInsideLabel,maxWidth:"50%",onExitNavigation:c,onRemove:u,ref:x,removeIcon:p}),s.jsx(d.Flex,{flex:1,children:s.jsx(i.TextFieldInput,{"aria-autocomplete":"list",autoComplete:"off",hasPrefix:a,role:"combobox",hasEndContent:!0,spellcheck:!1,type:"auto"===S?"search":S,value:l||a?m:e,...f})}),a&&s.jsx(ye.HiddenAccessible,{id:h,isHidden:!0,children:e}),a&&T&&!D&&s.jsx(ye.HiddenAccessible,{id:b,isHidden:!0,children:T}),s.jsx(we.LiveRegion,{children:r}),a&&s.jsx(we.LiveRegion,{children:D?T:void 0}),t?s.jsx(we.LiveRegion,{children:w}):void 0]})}function Pe({onApply:e}){const t=K.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx("div",{class:ge.mobileDropdownFooterStyles.base,children:s.jsx(Fe.Button,{display:"label",edge:"bottom",label:t.selectMultiple_apply(),size:"sm",variant:"callToAction",onAction:e})})}function Be(e,s){const t=K.useTranslationBundle("@oracle/oraclejet-preact").plural_separator();return{displayValue:n.useMemo((()=>{if(void 0===s)return"";const n=function(e,s){const t=s?[...s?.values()]:[],n=s=>Q.renderItemText(s,e),o=t.map(n);return new Set(o)}(e,s),o=function(e,s){return Array.from(e.values()).join(s)}(n,t);return o}),[e,t,s]),textTags:n.useMemo((()=>void 0===s?[]:function(e,s=[]){return s.map((s=>({label:Q.renderItemText(s,e)??"",value:s.key})))}(e,s)),[e,s])}}function Me({isDropdownSelectedOnlyView:e=!1,valueItems:s}){const t=Ce.useEffectEvent((e=>e&&s&&0!==s.length?{offset:0,totalSize:s.length,sizePrecision:"exact",data:s.map((e=>({data:e.data,metadata:e.metadata??{key:e.key}})))}:void 0));return{data:n.useMemo((()=>t(e)),[t,e]),onLoadRange:void 0}}const Oe=[];const Ne=(e,s,t)=>s.data.forEach((s=>{t.has(s.metadata.key)&&e.set(s.metadata.key,{data:s.data,key:s.metadata.key,metadata:s.metadata})})),_e=e=>new Set(e.map((e=>e.key)));function He({"aria-describedby":e,"aria-label":o,assistiveText:i,data:a,dropdownId:l,enabledElementRef:r,helpSourceLink:d,helpSourceText:c,isAddToListShown:u,isDisabled:h,isEmptyResults:b,isFocused:y,isLoading:x,isOpen:m,isReadonly:S,isRequired:f,isSelectedOnlyView:v,isUserFiltering:w,itemRenderer:T,itemText:g,label:F,liveRegionText:C,placeholder:D,propIsLoading:A,searchText:L,selectedValuesDescriptionId:R,setDropdownOpen:I,setUserInput:E,stopFiltering:k,textAlign:V,textTagListRef:U,userAssistanceDensity:j,userInput:P,valueItems:B,virtualKeyboard:M,onAddToListAction:O,onCommit:N,onFieldBlur:_,onFieldFocus:H,onFieldInput:z,onFieldKeyDown:q,onFieldKeyUp:Y,onLoadRange:W}){const $=K.useTranslationBundle("@oracle/oraclejet-preact"),{collectionProps:G,footerProps:Z,selectMultipleFieldInputProps:X,selectMultipleFieldProps:ee,selectedValuesCountProps:se,isDropdownSelectedOnlyView:te}=function({data:e,inputRef:s,isDropdownOpen:t,isDropdownSelectedOnlyView:o,itemText:i,textTagListRef:a,userInput:l,valueItems:r=Oe,onCommit:d,onLoadRange:c,setDropdownOpen:u,setUserInput:p,stopFiltering:h}){const[b,y]=n.useState({rowKey:void 0}),[x,m]=n.useState(_e(r)),[S,f]=n.useState(o),v=n.useRef(new Map),w=n.useMemo((()=>{const e=[];return x.forEach((s=>{const t=r.find((e=>e.key===s));t?e.push(t):v.current.has(s)&&e.push(v.current.get(s))})),e}),[x,r]),{textTags:T,displayValue:g}=Be(i,w),F=n.useRef(null),{data:C,onLoadRange:D}=Me({isDropdownSelectedOnlyView:S,valueItems:w}),A=n.useCallback((e=>{y({rowKey:e.value})}),[y]),L=n.useCallback((s=>{const t=new Set(s.value.keys?.values());m(t),p(""),e&&Ne(v.current,e,t)}),[e,m,p]),R=n.useCallback((({value:e=!1})=>{f((s=>(s!==e&&h(),e)))}),[f,h]),I=n.useCallback((()=>{m(new Set(r.map((e=>e.key)))),v.current.clear(),u(!1),h(),s.current?.focus()}),[s,u,h,r]),E=n.useCallback((()=>{d({previousValue:_e(r),value:x}),I()}),[x,r,I,d]),k=n.useCallback((()=>{I()}),[I]),V=n.useCallback((()=>{m(new Set),h()}),[h]),K=n.useCallback((e=>{const s=new Set(x);e.forEach((e=>s.delete(e))),m(s)}),[x]),U=n.useCallback((()=>{setTimeout((()=>F.current?.focus()),0)}),[]),j=n.useRef(t);n.useEffect((()=>{if(t){if(j.current)return;return setTimeout((()=>F.current?.focus()),0),void(j.current=!0)}j.current=!1}),[t]);const[P,B]=n.useState(r);return P!==r&&(t||m((e=>{const s=_e(r);return De.equals(e,s)?e:s})),B(r)),{collectionProps:{currentKey:b.rowKey,data:S?C:e,selectedKeys:x,onCurrentKeyChange:A,onLoadRange:S?D:c,onSelectionChange:L},footerProps:{onApply:E},selectMultipleFieldInputProps:{displayValue:g,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:F,isTextTagListShown:T.length>0,isUserFiltering:!0,removeIcon:"always",userInput:l,textTagListData:T,textTagListRef:a,onExitNavigation:U,onRemove:K},selectMultipleFieldProps:{hasInsideLabel:!0,isBackButtonShown:!0,isClearButtonShown:!Q.isSearchTextEmptyOrUndefined(l)||0!==T.length,isDropdownArrowShown:!1,isDropdownSelectedOnlyView:S,isSelectedValuesCountShown:x.size>0||S,selectedValuesCount:x.size,styleVariant:"embedded",onBackButtonClick:k,onClearButtonClick:V},selectedValuesCountProps:{onSelectedValuesCountToggle:R},isDropdownSelectedOnlyView:S}}({data:a,inputRef:r,isDropdownOpen:m,isDropdownSelectedOnlyView:v,itemText:g,textTagListRef:U,userInput:P,valueItems:B,onCommit:N,onLoadRange:W,setDropdownOpen:I,setUserInput:E,stopFiltering:k}),{formFieldContext:ne,inputProps:oe,labelProps:ie,textFieldProps:ae,userAssistanceProps:le}=J.useTextField({ariaDescribedBy:e,helpSourceLink:d,helpSourceText:c,isDisabled:!1,isFocused:y,isLoading:x,isReadonly:!1,isRequiredShown:!1,labelEdge:"inside",styleVariant:"default",value:ee.selectedValuesCount>0||void 0});ne.hasValue=A||ne.hasValue;const re={label:s.jsx(t.Label,{...ie,children:F}),labelEdge:"inside"},de=!m||h||S||!i&&!d||"efficient"!==j&&"reflow"!==j?void 0:s.jsx(Q.DropdownUserAssistance,{assistiveText:i,fieldLabel:F,helpSourceLink:d,helpSourceText:c,userAssistanceDensity:j,...le}),ce=b?u?void 0:s.jsx(Q.EmptyResults,{}):s.jsx(Q.DefaultList,{...G,"aria-label":F??"",itemRenderer:T,itemText:g,searchText:te?void 0:w?L:void 0,selectionMode:"multiple"}),ue=u?s.jsx(Q.LinkItem,{onAction:O,children:$.select_addToList()}):void 0;return s.jsx(Q.SelectMobileDropdown,{header:s.jsxs(p.FormFieldContext.Provider,{value:ne,children:[s.jsx(Te.View,{children:s.jsx(Ee,{fieldLabel:F,onBlur:_,onFocus:H,...re,...ae,...ee,...se,children:s.jsx(je,{"aria-controls":l,"aria-expanded":m,"aria-label":o,isAddToListShown:u,isRequired:f,liveRegionText:C,placeholder:D,selectedValuesDescriptionId:R,textAlign:V,virtualKeyboard:M,onInput:z,onKeyDown:q,onKeyUp:Y,...oe,...X})})}),de]}),footer:s.jsx(Pe,{...Z}),id:l,isOpen:m,children:s.jsxs(Q.DropdownList,{hasTopGap:!ue,hasBottomGap:!0,isLoading:null===a,children:[ce,ue]})})}function ze(e){const s=e?.reduce(((e,s)=>(e.add(s.key),e)),new Set);return s}const qe=o.forwardRef((({addToList:e="off","aria-describedby":o,assistiveText:i,columnSpan:a,data:d,helpSourceLink:c,helpSourceText:h,isDisabled:b,isLoading:y,isReadonly:x,isRequired:m,isRequiredShown:S,itemRenderer:f,itemText:v,label:w,labelEdge:T,labelStartWidth:g,messages:F,onAddToListAction:C,onCommit:D,onFilter:A,onLoadRange:L,placeholder:R,testId:I,textAlign:E,userAssistanceDensity:k,valueItems:V,variant:U="default",virtualKeyboard:j},P)=>{const{isDisabled:B,isReadonly:M,labelEdge:_,labelStartWidth:z,textAlign:q,userAssistanceDensity:Y}=u.useFormContext(),W=b??B,$=x??M,X=T??_,ee=g??z,se=E??q,te=k??Y,{enabledElementRef:ne,focusProps:oe,isFocused:ie,readonlyElementRef:ae}=G.useFocusableTextField({isDisabled:W,isReadonly:$,ref:P}),{addToListEventHandlers:le,ariaProps:re,collectionProps:de,data:pe,dropdownArrowEventHandlers:he,dropdownEventHandlers:be,dropdownRef:ye,hasSelectedValuesCount:xe,inputEventHandlers:me,isAddToListShown:fe,isDataFetched:ve,isDropdownAbove:we,isDropdownOpen:Te,isDropdownSelectedOnlyView:ge,isEmptyResults:Fe,isFocused:Ce,isUserFiltering:De,mainFieldRef:Ie,mouseProps:ke,searchText:Ve,selectedValuesCountProps:Ke,selectedValuesDescriptionId:Ue,selectedValuesKeyboardNavDescriptionId:Pe,setDropdownOpen:Oe,setUserInput:Ne,stopFiltering:_e,textTagListProps:qe,userInput:Ye}=function({addToList:e,ariaDescribedBy:s,data:t,inputRef:o,isDisabled:i,isFocused:a,isReadonly:l,onAddToListAction:r,onCommit:d,onFilter:c,onLoadRange:u,valueItems:p}){const[h,b]=n.useState(!1),y=p?.length,x=void 0!==y&&y>0||h,m=Me({isDropdownSelectedOnlyView:h,valueItems:p}),S=h?m.data:t,f=h?m.onLoadRange:u,v=n.useCallback((e=>{Q.isSearchTextEmptyOrUndefined(e.searchText)||b(!1),c?.(e)}),[c]),{currentRow:w,dropdownRef:T,handleDropdownArrowClick:g,handleDropdownAutoDismiss:F,handleDropdownPosition:C,handleInput:D,handleMainFieldKeyDown:A,handleMainFieldKeyUp:L,handleUpDownArrowKeys:R,isDropdownAbove:I,isDropdownOpen:E,isFocused:k,isUserFiltering:V,mainFieldRef:K,onCurrentKeyChange:U,onMouseDown:j,searchText:P,setCurrentRow:B,setDropdownOpen:M,setUserInput:O,stopFiltering:N,userInput:_}=Q.useSelectCommon({data:S,inputRef:o,isFocused:a,onFilter:v}),[H,z]=n.useState(E),[q,Y]=n.useState(p),[W,$]=n.useState(ze(p)),G=null!=S&&!Q.isBeforeDataFetch(S),Z=G&&0===S?.totalSize,J="on"===e&&V&&null!=P&&P.length>0&&Z,X=n.useCallback((()=>{M(!1),N(),r?.({searchText:V?P:void 0})}),[V,r,P,M,N]),ee=n.useRef(null),{direction:se}=ce.useUser(),te=Se.useId(),ne=Se.useId(),oe=Le.merge([k&&ne,k&&te,s]),ie=n.useCallback((()=>{T.current?.parentElement?.removeChild(T.current)}),[T]),ae=n.useCallback((e=>V&&E&&!Q.isSearchTextEmptyOrUndefined(_)&&(S?.data.length??0)>0&&void 0!==e.rowKey),[S,E,V,_]),le=n.useCallback((e=>{if(W?.has(e))return;const s=void 0===W?new Set([e]):new Set([...W.values(),e]);d({previousValue:W,value:s}),$(s)}),[d,W,$]),re=n.useCallback((e=>{if(E&&"keydown"===e?.type){const s=e;s.code===ue.KEYS.TAB&&(s.shiftKey||!x?o.current?.focus():pe.current?.focus(),ie())}}),[x,o,E,ie]),de=n.useCallback((e=>{if(!ue.isControlOrFunctionKey(e))switch(e.code){case ue.KEYS.TAB:E&&(e.shiftKey||!x&&!e.shiftKey)&&(ie(),M(!1)),x&&!e.shiftKey&&e.stopPropagation();break;case ue.KEYS.LEFT:"ltr"===se&&o.current instanceof HTMLInputElement&&0===o.current?.selectionStart&&0===o.current?.selectionEnd&&ee.current?.focus();break;case ue.KEYS.RIGHT:"rtl"===se&&o.current instanceof HTMLInputElement&&0===o.current?.selectionStart&&0===o.current?.selectionEnd&&ee.current?.focus();break;case ue.KEYS.ENTER:case ue.KEYS.NUMPAD_ENTER:if(Q.isPhone())return;if(J)return void X();ae(w)&&(M(!1),N(),le(w.rowKey))}}),[w,se,X,x,o,J,E,ie,le,M,ae,N]);if(q!==p){const e=ze(p);$(e)}const pe=n.useRef(null);n.useEffect((()=>{pe.current=x&&K.current?.querySelector?K.current.querySelector('[role="switch"]'):null}),[x,i,l,K]);const he=n.useCallback((e=>{switch(e.code){case ue.KEYS.TAB:E&&!e.shiftKey&&(ie(),M(!1)),e.shiftKey&&e.stopPropagation();break;case ue.KEYS.UP:case ue.KEYS.DOWN:e.preventDefault();break;case ue.KEYS.ESC:E&&(M(!1),e.preventDefault(),e.stopPropagation());break;case ue.KEYS.ENTER:e.stopPropagation()}}),[E,ie,M]),be=n.useCallback((e=>{switch(e.code){case ue.KEYS.UP:case ue.KEYS.DOWN:R(e)}}),[R]),ye=n.useCallback((e=>{e.preventDefault(),o.current?.focus()}),[o]),xe=n.useCallback((e=>{E||M(!0);const s=e.value??!1;s!==h&&(b(s),s&&N())}),[E,h,M,N]);!E&&h&&b(!1);const me=n.useCallback((e=>{const s=new Set(e.value.keys?.values());$(s),O(""),d?.({value:s,previousValue:W})}),[d,W,$,O]),fe=n.useCallback((()=>{setTimeout((()=>o.current?.focus()),0)}),[o]),ve=n.useCallback((e=>{const s=W,t=new Set(W);e.forEach((e=>t.delete(e))),d?.({previousValue:s,value:t})}),[d,W]),we=n.useMemo((()=>Ae.mergeProps({onAutoDismiss:F,onPosition:C},{onAutoDismiss:re})),[F,C,re]),Te=n.useMemo((()=>Ae.mergeProps({onInput:D,onKeyDown:A,onKeyUp:L},{onKeyDown:de})),[A,D,L,de]),ge=n.useMemo((()=>({textTagListRef:ee,onExitNavigation:fe,onRemove:ve})),[fe,ve]);E&&!H&&B({rowKey:void 0}),H&&!E&&!_&&N();const Fe=n.useRef(S);if(Fe.current!==S){const e=S?.data[0]?.metadata.key;E&&V&&null!=e&&0===S?.offset&&B({rowKey:Q.isSearchTextEmptyOrUndefined(P)?void 0:e}),Fe.current=S}return H!==E&&z(E),q!==p&&Y(p),{addToListEventHandlers:{onAction:X},ariaProps:{ariaDescribedBy:oe},collectionProps:{currentKey:w.rowKey,data:S,onCurrentKeyChange:U,onSelectionChange:me,onLoadRange:f,selectedKeys:W},data:S,dropdownArrowEventHandlers:{onClick:g},dropdownEventHandlers:we,dropdownRef:T,hasSelectedValuesCount:x,inputEventHandlers:Te,inputRef:o,isAddToListShown:J,isDataFetched:G,isDropdownAbove:I,isDropdownOpen:E,isDropdownSelectedOnlyView:h,isEmptyResults:Z,isFocused:k,isUserFiltering:V,mainFieldRef:K,mouseProps:i||l?{}:{onMouseDown:j},searchText:P,selectedValuesCountProps:{onKeyDown:he,onKeyUp:be,onMouseDown:ye,onToggle:xe},selectedValuesDescriptionId:te,selectedValuesKeyboardNavDescriptionId:ne,setDropdownOpen:M,setUserInput:O,stopFiltering:N,textTagListProps:ge,userInput:_}}({addToList:e,ariaDescribedBy:o,data:d,inputRef:ne,isDisabled:W,isFocused:ie,isReadonly:$,onAddToListAction:C,onCommit:D,onFilter:A,onLoadRange:L,valueItems:V}),We=Z.useLoadingIndicatorTimer(y??!1),{baseId:$e,formFieldContext:Ge,inputProps:Ze,labelProps:Je,textFieldProps:Qe,userAssistanceProps:Xe}=J.useTextField({ariaDescribedBy:re.ariaDescribedBy,helpSourceLink:c,helpSourceText:h,isDisabled:W,isFocused:Ce,isLoading:We,isReadonly:$,isRequiredShown:S,labelEdge:X,messages:F,styleVariant:U,userAssistanceDensity:te,value:void 0!==V&&V.length>0||void 0});Ge.hasValue=y||Ge.hasValue;const es=`${$e}-dropdown`,{displayValue:ss,textTags:ts}=Be(v,V),ns="none"!==X?s.jsx(t.Label,{...Je,...Q.isPhone()?{forId:void 0}:{},children:w}):void 0,os={label:"none"!==X?ns:void 0,labelEdge:"none"!==X?X:void 0,labelStartWidth:"none"!==X?ee:void 0},is="none"===X?w:void 0,as="efficient"===te||"reflow"===te?W||$?"efficient"!==te?void 0:s.jsx(O.InlineUserAssistance,{userAssistanceDensity:te,...Xe}):s.jsx(O.InlineUserAssistance,{assistiveText:i,fieldLabel:w,helpSourceLink:c,helpSourceText:h,messages:F,isRequiredShown:S,userAssistanceDensity:te,...Xe}):void 0,ls="compact"===te?s.jsx(N.CompactUserAssistance,{anchorRef:Ie,messages:F,assistiveText:i,...Xe}):void 0,rs=K.useTranslationBundle("@oracle/oraclejet-preact");if($){const e=s.jsx(l.ReadonlyTextFieldInput,{"aria-describedby":Ze["aria-describedby"],"aria-label":is,"aria-labelledby":Je.id,as:"div",elementRef:ae,hasEmptyLabel:""===w&&"none"===X,hasInsideLabel:void 0!==w&&"inside"===X,textAlign:se,value:ss});return s.jsx(p.FormFieldContext.Provider,{value:Ge,children:s.jsx(r.ReadonlyTextField,{role:"presentation",columnSpan:a,compactUserAssistance:ls,inlineUserAssistance:as,onBlur:oe.onFocusOut,onFocus:oe.onFocusIn,ref:Ie,mainContent:e,testId:I,...os})})}const ds="inside"===X,cs=Te&&ve?0===pe?.totalSize?rs.select_noMatchesFound():1===pe?.totalSize?rs.select_oneMatchFound():"exact"===pe?.sizePrecision?rs.select_sizeMatchesFound({TOTAL_SIZE:`${pe?.totalSize}`}):rs.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${pe?.totalSize}`}):"",us=Te&&void 0!==pe&&(null===pe||pe.totalSize>0||Q.isBeforeDataFetch(pe)||Fe),ps=""===w&&"none"===X,hs=Q.isPhone()&&!W?s.jsx(Q.SelectMobileFieldInput,{"aria-controls":es,"aria-describedby":Ze["aria-describedby"],"aria-expanded":Te,"aria-invalid":Ze["aria-invalid"],"aria-label":is,"aria-labelledby":Je.id,displayValue:ss,hasEmptyLabel:ps,hasInsideLabel:ds,isRequired:m,onBlur:Ze.onBlur,onFocus:Ze.onFocus,placeholder:R,ref:ne,textAlign:se,variant:Ze.variant}):s.jsx(je,{"aria-controls":es,"aria-expanded":Te,"aria-label":is,displayValue:ss,hasEmptyLabel:ps,hasInsideLabel:ds,inputRef:ne,isAddToListShown:fe,isKeyboardNavigable:!W&&!Q.isMobile(),isRequired:m,isTextTagListShown:Ce&&0!==ts.length,isUserFiltering:De,liveRegionText:cs,placeholder:R,removeIcon:Q.isTablet()?"always":"never",selectedValuesDescriptionId:Ue,selectedValuesKeyboardNavDescriptionId:Pe,textAlign:se,textTagListData:ts,userInput:Ye,virtualKeyboard:Q.isTablet()?j:void 0,...me,...Ze,...qe}),bs=us?Q.isPhone()?s.jsx(He,{"aria-describedby":re.ariaDescribedBy,"aria-label":is,assistiveText:i,data:d,dropdownId:es,enabledElementRef:ne,helpSourceLink:c,helpSourceText:h,isAddToListShown:fe,isDisabled:W,isEmptyResults:Fe,isFocused:Ce,isLoading:We,isOpen:us,isReadonly:$,isRequired:m,isSelectedOnlyView:ge,isUserFiltering:De,itemRenderer:f,itemText:v,label:w,liveRegionText:cs,placeholder:R,propIsLoading:y,searchText:Ve,selectedValuesDescriptionId:Ue,setDropdownOpen:Oe,setUserInput:Ne,stopFiltering:_e,textAlign:se,textTagListRef:qe.textTagListRef,userAssistanceDensity:te,userInput:Ye,valueItems:V,virtualKeyboard:j,onAddToListAction:le.onAction,onCommit:D,onFieldBlur:oe.onFocusOut,onFieldFocus:oe.onFocusIn,onFieldInput:me.onInput,onFieldKeyDown:me.onKeyDown,onFieldKeyUp:me.onKeyUp,onLoadRange:L}):s.jsx(Re,{...de,...be,assistiveText:i,dropdownId:es,dropdownRef:ye,helpSourceLink:c,helpSourceText:h,isAddToListShown:fe,isDisabled:W,isDropdownAbove:we,isEmptyResults:Fe,isOpen:us,isReadonly:$,isSelectedOnlyView:ge,isUserFiltering:De,itemRenderer:f,itemText:v,label:w,mainFieldRef:Ie,onAddToListAction:le.onAction,searchText:Ve,userAssistanceDensity:te}):null;return s.jsxs(H.Fragment,{children:[s.jsx(p.FormFieldContext.Provider,{value:Ge,children:s.jsx(Ee,{columnSpan:a,compactUserAssistance:ls,fieldLabel:w,hasInsideLabel:ds,inlineUserAssistance:as,isDropdownArrowShown:!0,isDropdownSelectedOnlyView:ge,isSelectedValuesCountShown:xe,mainFieldRef:Ie,onBlur:oe.onFocusOut,onFocus:oe.onFocusIn,onDropdownArrowClick:he.onClick,onSelectedValuesCountKeyDown:Ke.onKeyDown,onSelectedValuesCountKeyUp:Ke.onKeyUp,onSelectedValuesCountMouseDown:Ke.onMouseDown,onSelectedValuesCountToggle:Ke.onToggle,selectedValuesCount:V?.length,testId:I,...os,...ke,...Qe,children:hs})}),bs]})}));e.SelectMultiple=qe}));
 //# sourceMappingURL=SelectMultiple-fabd883c.js.map