@oracle/oraclejet-preact 18.0.2 → 18.0.4

package/amd/{Dialog-5f36f8aa.js → Dialog-53f92591.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './WindowOverlay-43c10424', './useTestId-b5cd4766', './useAnimation-5a74955f', 'preact/hooks', './refUtils-d354a169', './UNSAFE_Dialog/themes/redwood/DialogTheme', './FocusTrap-60520575', './Layer-6f29b67f', './LayerHost-639b3284', './Modal-7bece8d5', './classNames-08d99695', './ImageVars.css-17386400', './useComponentTheme-5aa41a8f', './useId-c9578d26', './dimensions-60420dbb', './mergeInterpolations-9ede4cf7', './useResizeObserver-275c3e83', './useDraggable-7f591a3d', './Floating-5d98c1ca', './IconButton-ae9a01ce', './Close-04d8a398', './Resizable-d12fcde1', './useBreakpoints-52d11a72', './useTranslationBundle-d07d4b20', './animationUtils-716a9aa6', './tabbableUtils-85aa6918'], (function(e,n,o,a,s,i,t,r,l,c,d,u,m,f,b,g,h,p,y,R,v,D,S,x,E,z,j,I,A){"use strict";const O=({children:e,id:o,cancelBehavior:a,onClose:s,draggableProps:i,headerDecoration:t="on"})=>{const{styles:r}=g.useComponentTheme(l.DialogRedwoodTheme),c=f.classNames([r.dialogHeaderStyle,..."on"===t?[r.dialogHeaderDecorationStyle]:[]]),d="string"==typeof e?n.jsx("h1",{id:o,className:r.dialogTitleStyle,children:e}):n.jsx("div",{children:e}),u=j.useTranslationBundle("@oracle/oraclejet-preact"),m="icon"===a?n.jsx("div",{children:n.jsx("div",{className:r.dialogHeaderCloseIconStyle,children:n.jsx(S.IconButton,{"aria-label":u.message_close(),size:"sm",variant:"ghost",onAction:()=>{s?.({reason:"icon"})},children:n.jsx(x.SvgClose,{})})})}):null;return n.jsxs("div",{className:c,...i,children:[d,m]})},B=o.forwardRef((({children:e,style:o},a)=>n.jsx("div",{ref:a,className:o,children:e}))),C=o.forwardRef((({children:e,header:o,footer:a,visibility:i,labelId:c,role:d,ariaLabelledBy:u,ariaDescribedBy:m,cancelBehavior:h,draggableProps:p,isResizable:y,headerDecoration:v,containerRef:D,onClose:S,onResizeStart:x,onResize:j,onResizeEnd:I,onKeyDown:A,testId:C,style:T,footerRef:w},N)=>{const k=t.useRef(null),L=r.mergeRefs(N,k),[F,U]=t.useState(!1),P=!z.useBreakpoints().md,{classes:_,styles:W}=g.useComponentTheme(l.DialogRedwoodTheme),H=t.useCallback((()=>{k.current&&(k.current.clientHeight<400?U(!0):U(!1))}),[]);t.useEffect((()=>{H()}),[H]),R.useResizeObserver(k,H);const M=P?W.baseStyleSmallWidth:W.baseStyleDesktop,X=F?W.dialogContentStyleNoShrink:W.dialogContentStyle,G="visible"===i?W.visibilityVisible:W.visibilityHidden,K=s.useTestId(C);return n.jsxs("div",{ref:L,className:f.classNames([_,M,G,b.globalImages]),style:T,onKeyDown:A,role:d,"aria-labelledby":u,"aria-describedby":m,...K,children:[n.jsxs("div",{className:W.dialogContainerStyle,children:[n.jsx(O,{id:c,onClose:S,headerDecoration:v,cancelBehavior:h,draggableProps:p,children:o}),n.jsx("div",{className:X,children:n.jsx("div",{className:W.dialogBodyStyle,children:e})}),n.jsx(B,{ref:w,style:W.dialogFooterStyle,children:a})]}),y&&n.jsx(E.Resizable,{onResizeStart:x,onResize:j,onResizeEnd:I,containerRef:D})]})})),T=o.forwardRef((({autoFocusRef:e,children:o,isOpen:s,header:l="",footer:u,modality:f="modal",launcherRef:b,anchorRef:g,placement:R,offset:S=0,cancelBehavior:x="none",dragAffordance:E="none",resizeBehavior:j="none",headerDecoration:I="on",onDragStart:O,onDragMove:B,onDragEnd:T,onResizeStart:N,onResize:k,onResizeEnd:L,onFocusSet:F,onClose:U,onTransitionEnd:P,role:_="dialog","aria-labelledby":W,"aria-describedby":H,testId:M,...X},G)=>{const[K,Y]=t.useState(s?"initial":"unmounted"),[V,q]=t.useState("hidden"),J=t.useRef(null),Q=t.useRef(null),Z=t.useRef(null),$=t.useRef(null),ee=!z.useBreakpoints().md,ne=ee?"bottom":R||"center",oe=ee?"opening"===K?"slideUp":"slideDown":"opening"===K?"zoomIn":"zoomOut",ae=h.useId(),se=W||ae,ie=[...Object.values(p.dimensionInterpolations)],te=y.mergeInterpolations(ie),{...re}=te(X),le=t.useCallback((()=>{$.current&&A.allTabbableElements($.current).length>0?A.focusWithin($.current):A.focusWithin(Q.current),F?.()}),[F]),ce=t.useCallback((()=>{const e=Z.current;e&&A.focusOn(e)}),[Z]),{nodeRef:de}=i.useAnimation(oe,{animationStates:w,isAnimatedOnMount:!0,onAnimationEnd:()=>{s?P?.(!0):s||(ce(),de(null),q("hidden"),Y("unmounted"),P?.(!1))}}),ue=t.useMemo((()=>r.mergeRefs(Q,G)),[Q,G]),me=t.useCallback((e=>{Z.current===A.getActiveElement()&&"F6"===e.code&&(e.preventDefault(),e.stopPropagation(),A.focusWithin(Q.current),F?.())}),[f]),{draggableProps:fe}=v.useDraggable({isDisabled:"none"===E,containerRef:J,onDragStart:O,onDragMove:B,onDragEnd:T});t.useEffect((()=>{if("unmounted"!==K||s){if("unmounted"!==K||!s)return"initial"===K&&s?(de(Q.current),void Y("opening")):void("opening"===K&&s?q("visible"):s||Y("closing"));Y("initial")}}),[s,K,de]),t.useEffect((()=>(s&&(b?.current&&b.current instanceof Element?Z.current=document.body.contains(b.current)?b.current:A.getActiveElement():Z.current=A.getActiveElement(),"modeless"===f&&Z.current?.addEventListener("keydown",me)),()=>{"modeless"===f&&Z.current?.removeEventListener("keydown",me)})),[s,b,me,f]),t.useEffect((()=>{"visible"===V&&le()}),[V,le]);const be=e=>{switch(e.code){case"Escape":U?.({reason:"escapeKey"});break;case"F6":Z.current&&"modeless"===f&&A.focusOn(Z.current),e.preventDefault(),e.stopPropagation()}},ge=()=>n.jsx(c.FocusTrap,{autoFocusRef:e,children:n.jsx(C,{ref:ue,labelId:se,header:l,footer:u,role:_,ariaLabelledBy:se,ariaDescribedBy:H,onKeyDown:be,testId:M,style:re,visibility:V,cancelBehavior:x,draggableProps:fe,isResizable:"resizable"===j,headerDecoration:I,containerRef:J,onClose:U,onResizeStart:N,onResize:k,onResizeEnd:L,footerRef:$,children:o})}),he=()=>g&&g.current?n.jsx(D.Floating,{ref:J,anchorRef:g,placement:"bottom-start",flipOptions:{mainAxis:!1,crossAxis:!1},shiftOptions:{mainAxis:!1,crossAxis:!1},children:ge()}):n.jsx(a.WindowOverlay,{placement:ne,offset:S,children:ge()});return"modal"===f?n.jsx(m.Modal,{isOpen:"unmounted"!==K,children:he()}):"unmounted"!==K?n.jsx(d.Layer,{children:he()}):null})),w={zoomIn:{from:{scaleX:.9,scaleY:.9,transformOrigin:"center",opacity:0},to:{scaleX:1,scaleY:1,opacity:1},options:{duration:200}},zoomOut:{from:{scaleX:1,scaleY:1,transformOrigin:"center",opacity:1},to:{scaleX:.9,scaleY:.9,opacity:0},options:{duration:200}},slideUp:{...I.SLIDE_UP_XLARGE,options:{duration:I.DURATION_LARGE}},slideDown:{...I.SLIDE_DOWN_XLARGE,options:{duration:I.DURATION_LARGE}}};e.Dialog=T}));
-//# sourceMappingURL=Dialog-5f36f8aa.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './WindowOverlay-a2d80d55', './useTestId-3a316499', './useAnimation-5a74955f', 'preact/hooks', './refUtils-d354a169', './UNSAFE_Dialog/themes/redwood/DialogTheme', './FocusTrap-60520575', './Layer-447c68e6', './LayerHost-e95c5f30', './Modal-d6b2e905', './classNames-08d99695', './ImageVars.css-17386400', './useComponentTheme-5aa41a8f', './useId-c9578d26', './dimensions-60420dbb', './mergeInterpolations-9ede4cf7', './useResizeObserver-275c3e83', './useDraggable-7f591a3d', './Floating-1ec5ec2a', './IconButton-ae9a01ce', './Close-04d8a398', './Resizable-d12fcde1', './useBreakpoints-52d11a72', './useTranslationBundle-516b1b83', './animationUtils-716a9aa6', './tabbableUtils-85aa6918'], (function(e,n,o,a,s,i,t,r,l,c,d,u,m,f,g,b,h,p,y,R,v,D,S,x,E,z,j,I,A){"use strict";const O=({children:e,id:o,cancelBehavior:a,onClose:s,draggableProps:i,headerDecoration:t="on"})=>{const{styles:r}=b.useComponentTheme(l.DialogRedwoodTheme),c=f.classNames([r.dialogHeaderStyle,..."on"===t?[r.dialogHeaderDecorationStyle]:[]]),d="string"==typeof e?n.jsx("h1",{id:o,className:r.dialogTitleStyle,children:e}):n.jsx("div",{children:e}),u=j.useTranslationBundle("@oracle/oraclejet-preact"),m="icon"===a?n.jsx("div",{children:n.jsx("div",{className:r.dialogHeaderCloseIconStyle,children:n.jsx(S.IconButton,{"aria-label":u.message_close(),size:"sm",variant:"ghost",onAction:()=>{s?.({reason:"icon"})},children:n.jsx(x.SvgClose,{})})})}):null;return n.jsxs("div",{className:c,...i,children:[d,m]})},B=o.forwardRef((({children:e,style:o},a)=>n.jsx("div",{ref:a,className:o,children:e}))),C=o.forwardRef((({children:e,header:o,footer:a,visibility:i,labelId:c,role:d,ariaLabelledBy:u,ariaDescribedBy:m,cancelBehavior:h,draggableProps:p,isResizable:y,headerDecoration:v,containerRef:D,onClose:S,onResizeStart:x,onResize:j,onResizeEnd:I,onKeyDown:A,testId:C,style:T,footerRef:w},N)=>{const k=t.useRef(null),L=r.mergeRefs(N,k),[F,U]=t.useState(!1),P=!z.useBreakpoints().md,{classes:_,styles:W}=b.useComponentTheme(l.DialogRedwoodTheme),H=t.useCallback((()=>{k.current&&(k.current.clientHeight<400?U(!0):U(!1))}),[]);t.useEffect((()=>{H()}),[H]),R.useResizeObserver(k,H);const M=P?W.baseStyleSmallWidth:W.baseStyleDesktop,X=F?W.dialogContentStyleNoShrink:W.dialogContentStyle,G="visible"===i?W.visibilityVisible:W.visibilityHidden,K=s.useTestId(C);return n.jsxs("div",{ref:L,className:f.classNames([_,M,G,g.globalImages]),style:T,onKeyDown:A,role:d,"aria-labelledby":u,"aria-describedby":m,...K,children:[n.jsxs("div",{className:W.dialogContainerStyle,children:[n.jsx(O,{id:c,onClose:S,headerDecoration:v,cancelBehavior:h,draggableProps:p,children:o}),n.jsx("div",{className:X,children:n.jsx("div",{className:W.dialogBodyStyle,children:e})}),n.jsx(B,{ref:w,style:W.dialogFooterStyle,children:a})]}),y&&n.jsx(E.Resizable,{onResizeStart:x,onResize:j,onResizeEnd:I,containerRef:D})]})})),T=o.forwardRef((({autoFocusRef:e,children:o,isOpen:s,header:l="",footer:u,modality:f="modal",launcherRef:g,anchorRef:b,placement:R,offset:S=0,cancelBehavior:x="none",dragAffordance:E="none",resizeBehavior:j="none",headerDecoration:I="on",onDragStart:O,onDragMove:B,onDragEnd:T,onResizeStart:N,onResize:k,onResizeEnd:L,onFocusSet:F,onClose:U,onTransitionEnd:P,role:_="dialog","aria-labelledby":W,"aria-describedby":H,testId:M,...X},G)=>{const[K,Y]=t.useState(s?"initial":"unmounted"),[V,q]=t.useState("hidden"),J=t.useRef(null),Q=t.useRef(null),Z=t.useRef(null),$=t.useRef(null),ee=!z.useBreakpoints().md,ne=ee?"bottom":R||"center",oe=ee?"opening"===K?"slideUp":"slideDown":"opening"===K?"zoomIn":"zoomOut",ae=h.useId(),se=W||ae,ie=[...Object.values(p.dimensionInterpolations)],te=y.mergeInterpolations(ie),{...re}=te(X),le=t.useCallback((()=>{$.current&&A.allTabbableElements($.current).length>0?A.focusWithin($.current):A.focusWithin(Q.current),F?.()}),[F]),ce=t.useCallback((()=>{const e=Z.current;e&&A.focusOn(e)}),[Z]),{nodeRef:de}=i.useAnimation(oe,{animationStates:w,isAnimatedOnMount:!0,onAnimationEnd:()=>{s?P?.(!0):s||(ce(),de(null),q("hidden"),Y("unmounted"),P?.(!1))}}),ue=t.useMemo((()=>r.mergeRefs(Q,G)),[Q,G]),me=t.useCallback((e=>{Z.current===A.getActiveElement()&&"F6"===e.code&&(e.preventDefault(),e.stopPropagation(),A.focusWithin(Q.current),F?.())}),[f]),{draggableProps:fe}=v.useDraggable({isDisabled:"none"===E,containerRef:J,onDragStart:O,onDragMove:B,onDragEnd:T});t.useEffect((()=>{if("unmounted"!==K||s){if("unmounted"!==K||!s)return"initial"===K&&s?(de(Q.current),void Y("opening")):void("opening"===K&&s?q("visible"):s||Y("closing"));Y("initial")}}),[s,K,de]),t.useEffect((()=>(s&&(g?.current&&g.current instanceof Element?Z.current=document.body.contains(g.current)?g.current:A.getActiveElement():Z.current=A.getActiveElement(),"modeless"===f&&Z.current?.addEventListener("keydown",me)),()=>{"modeless"===f&&Z.current?.removeEventListener("keydown",me)})),[s,g,me,f]),t.useEffect((()=>{"visible"===V&&le()}),[V,le]);const ge=e=>{switch(e.code){case"Escape":U?.({reason:"escapeKey"});break;case"F6":Z.current&&"modeless"===f&&A.focusOn(Z.current),e.preventDefault(),e.stopPropagation()}},be=()=>n.jsx(c.FocusTrap,{autoFocusRef:e,children:n.jsx(C,{ref:ue,labelId:se,header:l,footer:u,role:_,ariaLabelledBy:se,ariaDescribedBy:H,onKeyDown:ge,testId:M,style:re,visibility:V,cancelBehavior:x,draggableProps:fe,isResizable:"resizable"===j,headerDecoration:I,containerRef:J,onClose:U,onResizeStart:N,onResize:k,onResizeEnd:L,footerRef:$,children:o})}),he=()=>b&&b.current?n.jsx(D.Floating,{ref:J,anchorRef:b,placement:"bottom-start",flipOptions:{mainAxis:!1,crossAxis:!1},shiftOptions:{mainAxis:!1,crossAxis:!1},children:be()}):n.jsx(a.WindowOverlay,{placement:ne,offset:S,children:be()});return"modal"===f?n.jsx(m.Modal,{isOpen:"unmounted"!==K,children:he()}):"unmounted"!==K?n.jsx(d.Layer,{children:he()}):null})),w={zoomIn:{from:{scaleX:.9,scaleY:.9,transformOrigin:"center",opacity:0},to:{scaleX:1,scaleY:1,opacity:1},options:{duration:200}},zoomOut:{from:{scaleX:1,scaleY:1,transformOrigin:"center",opacity:1},to:{scaleX:.9,scaleY:.9,opacity:0},options:{duration:200}},slideUp:{...I.SLIDE_UP_XLARGE,options:{duration:I.DURATION_LARGE}},slideDown:{...I.SLIDE_DOWN_XLARGE,options:{duration:I.DURATION_LARGE}}};e.Dialog=T}));
+//# sourceMappingURL=Dialog-53f92591.js.map

package/amd/{Dialog-5f36f8aa.js.map → Dialog-53f92591.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Dialog-5f36f8aa.js","sources":["../../src/UNSAFE_Dialog/Dialog.tsx"],"sourcesContent":["import type { ComponentChild, RefObject } from 'preact';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { Offset, WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { TestIdProps, useTestId } from '../hooks/UNSAFE_useTestId';\nimport { useAnimation } from '../hooks/UNSAFE_useAnimation';\nimport { useEffect, useRef, useCallback, useMemo, useState } from 'preact/hooks';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\n\nimport { DialogRedwoodTheme } from './themes/redwood/DialogTheme';\nimport { DialogStyles } from './themes/DialogStyles.css';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { globalImages } from '#/ImageVars.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { dimensionInterpolations, DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useResizeObserver } from '../hooks/UNSAFE_useResizeObserver';\n\nimport { DraggableProps, useDraggable } from '../hooks/PRIVATE_useDraggable';\nimport { Floating, Coords } from '../UNSAFE_Floating';\nimport { IconButton } from '../UNSAFE_IconButton';\nimport { CloseIcon } from '../PRIVATE_ThemedIcons/CloseIcon';\nimport { Resizable } from '../PRIVATE_Resizable/Resizable';\nimport { Position, Rect } from '../utils/UNSAFE_flexibleComponentUtils';\nimport { useBreakpoints } from '../hooks/UNSAFE_useBreakpoints';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport {\n  SLIDE_DOWN_XLARGE,\n  SLIDE_UP_XLARGE,\n  DURATION_LARGE\n} from '../utils/PRIVATE_animationUtils';\nimport {\n  allTabbableElements,\n  focusOn,\n  focusWithin,\n  getActiveElement\n} from '../utils/PRIVATE_tabbableUtils';\n\n// dialog states\ntype Status = 'initial' | 'opening' | 'closing' | 'unmounted';\ntype VisibilityStatus = 'hidden' | 'visible';\ntype Animations = 'zoomIn' | 'zoomOut' | 'slideUp' | 'slideDown';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children' | 'role'>;\n\nexport type OnCloseDetail = {\n  reason: 'escapeKey' | 'icon';\n};\n\nexport type CancelBehavior = 'none' | 'escape' | 'icon';\n\ntype DialogProps = IntrinsicProps &\n  DimensionProps & {\n    /**\n     * Optional ref for an element to focus on when component mounts\n     */\n    autoFocusRef?: RefObject<HTMLElement>;\n\n    /**\n     * On Close callback.\n     */\n    onClose?: (detail: OnCloseDetail) => void;\n\n    /**\n     * On opening or closing transition end callback.\n     */\n    onTransitionEnd?: (value: boolean) => void;\n\n    /**\n     * Determines whether the Dialog is open.\n     */\n    isOpen: boolean;\n\n    /**\n     * Dialog header content. Can be a string or VNode (Component Child).\n     * <p>\n     * When a plain string is passed, it will be used as the dialog title. Otherwise, the prop value\n     * will be used as the header content.\n     * </p>\n     * <p>\n     * Dialog will automatically refer to the header content as the accessible label.\n     * The user can override this behavior by specifying the <code>aria-labelledby</code> property\n     * and setting its value as needed.\n     * </p>\n     */\n    header?: ComponentChild;\n\n    /**\n     * Dialog footer content.\n     */\n    footer?: ComponentChild;\n\n    /**\n     * Determines dialog modality. Default is 'modal'.\n     */\n    modality?: 'modal' | 'modeless';\n\n    /**\n     * Specifies dialog's cancel behavior. Default is 'none'.\n     */\n    cancelBehavior?: CancelBehavior;\n\n    /**\n     * Specifies dialog's launcher. After dialog closes, it returns focus to the launcher.\n     * If not specified, focus goes back to the last active element before dialog opened.\n     */\n    launcherRef?: RefObject<HTMLElement>;\n\n    /**\n     * Specifies dialog's anchor. Dialog is placed relative to its anchor. If not specified,\n     * it is placed relatively to window.\n     */\n    anchorRef?: RefObject<Element | Coords>;\n\n    /**\n     * Determines placement of the dialog relative to the viewport.\n     * Supported values are:\n     * <p> <code>center</code>, <code>top</code>, <code>top-start</code>, <code>top-end</code>,\n     * <code>end</code>, <code>end-top</code>, <code>end-bottom</code>,\n     * <code>bottom</code>, <code>bottom-start</code>, <code>bottom-end</code>,\n     * <code>start</code>, <code>start-top</code>, <code>start-bottom</code>\n     * </p>\n     * Default is <code>center</code>.\n     */\n    placement?: WindowOverlayPlacement;\n\n    /**\n     * Determines the offset of the Dialog from its core placement along the specified axes.\n     *\n     * Offset could be a number or an object\n     *\n     * An object has the following type:\n     * <pre>\n     *   {\n     *     mainAxis?: number;\n     *     crossAxis?: number;\n     *   }\n     * </pre>\n     * For the <code>center</code> placement the convention for the offset type is that mainAxis defines\n     * offset from the top, crossAxis defines offset from the left side of the view port.\n     *\n     * A number is a shortcut for setting the mainAxis.\n     */\n    offset?: Offset;\n\n    /**\n     * Determines if the Dialog should be sensitive to drag gestures. To create a draggable dialog,\n     * set <code>dragAffordance='header'</code> and specify the <code>onDragMove</code> handler.\n     */\n    dragAffordance?: 'none' | 'header';\n\n    /**\n     * Determines if the Dialog should support resizing. To create a resizable dialog,\n     * set <code>resizeBehavior='resizable'</code> and specify the <code>onResize</code> handler.\n     */\n    resizeBehavior?: 'none' | 'resizable';\n\n    /**\n     * Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is initiated.\n     * The current position is reported in the <code>pos</code> parameter.\n     *\n     * @param pos\n     */\n    onDragStart?: (pos: Position) => void;\n\n    /**\n     * Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is detected.\n     * The current position is reported in the <code>pos</code> parameter.\n     *\n     * @param pos\n     */\n    onDragMove?: (pos: Position) => void;\n\n    /**\n     * Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is completed.\n     * The current position is reported in the <code>pos</code> parameter.\n     *\n     * @param pos\n     */\n    onDragEnd?: (pos: Position) => void;\n\n    /**\n     * Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n     * a resize gesture is initiated. The current position and dimensions are reported in the\n     * <code>rect</code> parameter.\n     *\n     * @param rect\n     */\n    onResizeStart?: (rect: Rect) => void;\n\n    /**\n     * Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n     * a resize gesture is detected. The current position and dimensions are reported in the\n     * <code>rect</code> parameter.\n     *\n     * @param rect\n     */\n    onResize?: (rect: Rect) => void;\n\n    /**\n     * Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n     * a resize gesture is completed. The current position and dimensions are reported in the\n     * <code>rect</code> parameter.\n     *\n     * @param rect\n     */\n    onResizeEnd?: (rect: Rect) => void;\n\n    /**\n     * Specifies callback triggered when initial focus is set or when a modeless dialog receives focus\n     * via the F6 key.\n     */\n    onFocusSet?: () => void;\n\n    /**\n     * Determines if the header decoration should be displayed. The default is <code>on</code>\n     * which renders a textured strip at the top of the dialog header in the Redwood theme.\n     * If set to <code>off</code>, no decoration is rendered.\n     */\n    headerDecoration?: 'off' | 'on';\n\n    /**\n     * Specifies the ARIA role type. Depending on how the dialog is used in the page, the developer\n     * should choose from the following:\n     * <ul>\n     *   <li><code>dialog</code> defines an application window that is designed to interrupt the current\n     *      processing of an application in order to prompt the user to enter information or require\n     *      a response.</li>\n     *   <li><code>alertdialog</code> defines type of dialog that contains an alert message, where initial\n     *      focus goes to an element within the dialog.</li>\n     * </ul>\n     */\n    role?: string;\n\n    /**\n     * Optional <code>aria-labelledby</code> property referring to the content to be used as Dialog's\n     * accessible <label htmlFor=\"\" className=\"\"></label>\n     * If not specified, the Dialog will automatically refer to the entire header content as the accessible label.\n     */\n    'aria-labelledby'?: string;\n\n    /**\n     * Optional accessible description for the dialog.\n     */\n    'aria-describedby'?: string;\n  } & TestIdProps;\n\n// dialog header\ntype DialogHeaderProps = Pick<DialogProps, 'children'> & {\n  id?: string;\n  cancelBehavior?: CancelBehavior;\n  onClose?: (detail: OnCloseDetail) => void;\n  draggableProps?: DraggableProps;\n  headerDecoration?: 'off' | 'on';\n};\n\nconst StyledDialogHeader = ({\n  children,\n  id,\n  cancelBehavior,\n  onClose,\n  draggableProps,\n  headerDecoration = 'on'\n}: DialogHeaderProps) => {\n  const { styles } = useComponentTheme<never, DialogStyles>(DialogRedwoodTheme);\n\n  const classes = classNames([\n    styles.dialogHeaderStyle,\n    ...(headerDecoration === 'on' ? [styles.dialogHeaderDecorationStyle] : [])\n  ]);\n\n  const content: ComponentChild =\n    typeof children === 'string' ? (\n      <h1 id={id} className={styles.dialogTitleStyle}>\n        {children}\n      </h1>\n    ) : (\n      <div>{children}</div>\n    );\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const handleIconClose = () => {\n    onClose?.({ reason: 'icon' });\n  };\n\n  const closeIcon: ComponentChild =\n    cancelBehavior === 'icon' ? (\n      <div>\n        <div className={styles.dialogHeaderCloseIconStyle}>\n          <IconButton\n            aria-label={translations.message_close()}\n            size=\"sm\"\n            variant=\"ghost\"\n            onAction={handleIconClose}>\n            <CloseIcon />\n          </IconButton>\n        </div>\n      </div>\n    ) : null;\n\n  return (\n    <div className={classes} {...draggableProps}>\n      {content}\n      {closeIcon}\n    </div>\n  );\n};\n\n// dialog footer\n\ntype DialogFooterProps = Pick<DialogProps, 'children'> & {\n  style?: string;\n};\n\nconst StyledDialogFooter = forwardRef(\n  ({ children, style }: DialogFooterProps, ref: ForwardedRef<HTMLDivElement | null>) => {\n    return (\n      <div ref={ref} className={style}>\n        {children}\n      </div>\n    );\n  }\n);\n\n// styled dialog\n\ntype MainProps = Pick<DialogProps, 'children' | 'header' | 'footer' | 'role'> &\n  Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'style' | 'onKeyDown'> & {\n    visibility: VisibilityStatus;\n    labelId?: string;\n    ariaLabelledBy?: string;\n    ariaDescribedBy?: string;\n    cancelBehavior?: CancelBehavior;\n    draggableProps?: DraggableProps;\n    isResizable?: boolean;\n    headerDecoration?: 'off' | 'on';\n    containerRef?: RefObject<HTMLElement>;\n    onClose?: (detail: OnCloseDetail) => void;\n    onResizeStart?: (rect: Rect) => void;\n    onResize?: (rect: Rect) => void;\n    onResizeEnd?: (rect: Rect) => void;\n    footerRef?: RefObject<HTMLDivElement | null>;\n  } & TestIdProps;\n\nconst StyledDialog = forwardRef(\n  (\n    {\n      children,\n      header,\n      footer,\n      visibility,\n      labelId,\n      role,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      cancelBehavior,\n      draggableProps,\n      isResizable,\n      headerDecoration,\n      containerRef,\n      onClose,\n      onResizeStart,\n      onResize,\n      onResizeEnd,\n      onKeyDown,\n      testId,\n      style,\n      footerRef\n    }: MainProps,\n    ref: ForwardedRef<HTMLDivElement | null>\n  ) => {\n    const elementRef = useRef<HTMLDivElement>(null);\n    const mergedRef = mergeRefs(ref, elementRef);\n\n    const [isSmallHeight, setSmallHeight] = useState<boolean>(false);\n    const isSmallWidth = !useBreakpoints()['md'];\n\n    const { classes: styleClasses, styles } = useComponentTheme<never, DialogStyles>(\n      DialogRedwoodTheme\n    );\n\n    const resizeHandler = useCallback(() => {\n      if (elementRef.current) {\n        if (elementRef.current.clientHeight < 400) {\n          setSmallHeight(true);\n        } else {\n          setSmallHeight(false);\n        }\n      }\n    }, []);\n\n    // set initial Height\n    useEffect(() => {\n      resizeHandler();\n    }, [resizeHandler]);\n\n    useResizeObserver(elementRef, resizeHandler);\n\n    // for small widths (mobile), use the 'smallWidth' dialog style\n    // otherwise, check for small height to apply 'smallWidth' or 'desktop' styles accordingly\n    const baseStyle = isSmallWidth ? styles.baseStyleSmallWidth : styles.baseStyleDesktop;\n\n    // content should scroll depending on the viewport height\n    // on large screens, the header and footer should be \"sticky\",\n    // at small viewport heights, the entire content should be scrollable\n    const contentStyle = isSmallHeight\n      ? styles.dialogContentStyleNoShrink\n      : styles.dialogContentStyle;\n\n    const visibilityStyle =\n      visibility === 'visible' ? styles.visibilityVisible : styles.visibilityHidden;\n\n    const testIdProps = useTestId(testId);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={classNames([styleClasses, baseStyle, visibilityStyle, globalImages])}\n        style={style}\n        onKeyDown={onKeyDown}\n        role={role}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedBy}\n        {...testIdProps}>\n        <div className={styles.dialogContainerStyle}>\n          <StyledDialogHeader\n            id={labelId}\n            onClose={onClose}\n            headerDecoration={headerDecoration}\n            cancelBehavior={cancelBehavior}\n            draggableProps={draggableProps}>\n            {header}\n          </StyledDialogHeader>\n          <div className={contentStyle}>\n            <div className={styles.dialogBodyStyle}>{children}</div>\n          </div>\n          <StyledDialogFooter ref={footerRef} style={styles.dialogFooterStyle}>\n            {footer}\n          </StyledDialogFooter>\n        </div>\n        {isResizable && (\n          <Resizable\n            onResizeStart={onResizeStart}\n            onResize={onResize}\n            onResizeEnd={onResizeEnd}\n            containerRef={containerRef}></Resizable>\n        )}\n      </div>\n    );\n  }\n);\n\n// main Dialog component\n\n/**\n * WAI-ARIA-compliant dialog component. A dialog is a floating window that typically contains\n * a title bar and a content area.\n * The dialog is generally placed on top of the rest of the page content. It can be either modal\n * (only the content in the dialog can be interacted with) or non-modal (it's still possible\n * to interact with content outside of the dialog).\n */\nexport const Dialog = forwardRef(\n  (\n    {\n      autoFocusRef,\n      children,\n      isOpen,\n      header = '',\n      footer,\n      modality = 'modal',\n      launcherRef,\n      anchorRef,\n      placement,\n      offset = 0,\n      cancelBehavior = 'none',\n      dragAffordance = 'none',\n      resizeBehavior = 'none',\n      headerDecoration = 'on',\n      onDragStart,\n      onDragMove,\n      onDragEnd,\n      onResizeStart,\n      onResize,\n      onResizeEnd,\n      onFocusSet,\n      onClose,\n      onTransitionEnd,\n      role = 'dialog',\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      testId,\n      ...props\n    }: DialogProps,\n    ref: ForwardedRef<HTMLDivElement | null>\n  ) => {\n    const [status, setStatus] = useState<Status>(isOpen ? 'initial' : 'unmounted');\n    const [visibility, setVisibility] = useState<VisibilityStatus>('hidden');\n\n    const floatingRef = useRef<HTMLDivElement>(null);\n    const contentWrapperRef = useRef<HTMLDivElement | null>(null);\n    const localLauncherRef = useRef<HTMLElement | null>(null);\n    const footerRef = useRef<HTMLDivElement | null>(null);\n\n    const isSmallWidth = !useBreakpoints()['md'];\n    const derivedPlacement = isSmallWidth ? 'bottom' : placement ? placement : 'center';\n    const animationType = isSmallWidth\n      ? status === 'opening'\n        ? 'slideUp'\n        : 'slideDown'\n      : status === 'opening'\n      ? 'zoomIn'\n      : 'zoomOut';\n\n    const uniqueId = useId();\n    const labelId = ariaLabelledBy ? ariaLabelledBy : uniqueId;\n\n    const interpolations = [...Object.values(dimensionInterpolations)];\n    const styleInterpolations = mergeInterpolations<DimensionProps>(interpolations);\n    const { ...styles } = styleInterpolations(props);\n\n    const setInitialFocus = useCallback(() => {\n      // Focus on first tabbable in the Dialog container or container itself if there is none\n      if (footerRef.current && allTabbableElements(footerRef.current).length > 0) {\n        focusWithin(footerRef.current);\n      } else {\n        focusWithin(contentWrapperRef.current as HTMLElement);\n      }\n      onFocusSet?.();\n    }, [onFocusSet]);\n\n    const returnFocus = useCallback((): void => {\n      // Try to return focus to 1.launcher or 2.anchor\n      const launcherEl = localLauncherRef.current;\n\n      if (launcherEl) {\n        focusOn(launcherEl);\n        // Checking instanceof to avoid Coords type that can not be focused\n      }\n    }, [localLauncherRef]);\n\n    // Animation\n    const { nodeRef } = useAnimation<Animations, HTMLDivElement>(animationType, {\n      animationStates,\n      isAnimatedOnMount: true,\n      onAnimationEnd: () => {\n        if (isOpen) {\n          onTransitionEnd?.(true);\n        } else if (!isOpen) {\n          returnFocus();\n          nodeRef(null);\n          setVisibility('hidden');\n          setStatus('unmounted');\n          onTransitionEnd?.(false);\n        }\n      }\n    });\n\n    const mergedRef = useMemo(() => mergeRefs(contentWrapperRef, ref), [contentWrapperRef, ref]);\n\n    const launcherKeyDownCallback = useCallback(\n      (event: KeyboardEvent): void => {\n        if (localLauncherRef.current === getActiveElement() && event.code === '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          focusWithin(contentWrapperRef.current as HTMLElement);\n          onFocusSet?.();\n        }\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [modality]\n    );\n\n    const { draggableProps } = useDraggable({\n      isDisabled: dragAffordance === 'none',\n      containerRef: floatingRef,\n      onDragStart,\n      onDragMove,\n      onDragEnd\n    });\n\n    useEffect(() => {\n      // 1. Ignore status update on initial render\n      if (status === 'unmounted' && !isOpen) {\n        return;\n      }\n\n      // 2. Mount visually hidden component\n      // Component gets mounted, but will be visually hidden to avoid flickering\n      // Flickering happens because it gets rendered before animation hook repositions\n      // it in next render cycle\n      if (status === 'unmounted' && isOpen) {\n        setStatus('initial');\n        return;\n      }\n\n      // 3. Setup animation\n      // Component has been mounted.\n      // We will kick out animation as node is already present in DOM.\n      // To avoid flickering, we still keep it visually hidden until the next render cycle.\n      if (status === 'initial' && isOpen) {\n        nodeRef(contentWrapperRef.current);\n        setStatus('opening');\n        return;\n      }\n\n      // 3. Unhide component. It becomes visible.\n      if (status === 'opening' && isOpen) {\n        setVisibility('visible');\n        return;\n      }\n\n      // 4. Closing\n      if (!isOpen) {\n        setStatus('closing');\n      }\n    }, [isOpen, status, nodeRef]);\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 the dialog 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 a modeless dialog\n        if (modality === 'modeless') {\n          localLauncherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n        }\n      }\n      return () => {\n        // Deregister F6 key handler\n        if (modality === 'modeless') {\n          localLauncherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n        }\n      };\n    }, [isOpen, launcherRef, launcherKeyDownCallback, modality]);\n\n    // setInitialFocus when the dialog becomes visible\n    useEffect(() => {\n      if (visibility === 'visible') {\n        setInitialFocus();\n      }\n    }, [visibility, setInitialFocus]);\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      switch (event.code) {\n        case 'Escape':\n          onClose?.({ reason: 'escapeKey' });\n          break;\n        case 'F6':\n          // Focus launcher\n          if (localLauncherRef.current && modality === 'modeless') {\n            focusOn(localLauncherRef.current);\n          }\n          // Prevent default F6 handlers. F6 is a standard Chrome address bar shortcut on Windows.\n          event.preventDefault();\n          event.stopPropagation();\n          break;\n      }\n    };\n\n    const renderDialogContent = () => {\n      return (\n        <FocusTrap autoFocusRef={autoFocusRef}>\n          <StyledDialog\n            ref={mergedRef}\n            labelId={labelId}\n            header={header}\n            footer={footer}\n            role={role}\n            ariaLabelledBy={labelId}\n            ariaDescribedBy={ariaDescribedBy}\n            onKeyDown={handleKeyDown}\n            testId={testId}\n            style={styles}\n            visibility={visibility}\n            cancelBehavior={cancelBehavior}\n            draggableProps={draggableProps}\n            isResizable={resizeBehavior === 'resizable'}\n            headerDecoration={headerDecoration}\n            containerRef={floatingRef}\n            onClose={onClose}\n            onResizeStart={onResizeStart}\n            onResize={onResize}\n            onResizeEnd={onResizeEnd}\n            footerRef={footerRef}>\n            {children}\n          </StyledDialog>\n        </FocusTrap>\n      );\n    };\n\n    const renderDialog = () => {\n      if (anchorRef && anchorRef.current) {\n        return (\n          <Floating\n            ref={floatingRef}\n            anchorRef={anchorRef}\n            placement={'bottom-start'}\n            flipOptions={{ mainAxis: false, crossAxis: false }}\n            shiftOptions={{ mainAxis: false, crossAxis: false }}>\n            {renderDialogContent()}\n          </Floating>\n        );\n      } else {\n        return (\n          <WindowOverlay placement={derivedPlacement} offset={offset}>\n            {renderDialogContent()}\n          </WindowOverlay>\n        );\n      }\n    };\n\n    if (modality === 'modal') {\n      return <Modal isOpen={status !== 'unmounted'}>{renderDialog()}</Modal>;\n    } else {\n      return status !== 'unmounted' ? <Layer>{renderDialog()}</Layer> : null;\n    }\n  }\n);\n\nconst animationStates = {\n  zoomIn: {\n    from: {\n      scaleX: 0.9,\n      scaleY: 0.9,\n      transformOrigin: 'center',\n      opacity: 0\n    },\n    to: {\n      scaleX: 1,\n      scaleY: 1,\n      opacity: 1\n    },\n    options: {\n      duration: 200\n    }\n  },\n  zoomOut: {\n    from: {\n      scaleX: 1,\n      scaleY: 1,\n      transformOrigin: 'center',\n      opacity: 1\n    },\n    to: {\n      scaleX: 0.9,\n      scaleY: 0.9,\n      opacity: 0\n    },\n    options: {\n      duration: 200\n    }\n  },\n  slideUp: {\n    ...SLIDE_UP_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  },\n  slideDown: {\n    ...SLIDE_DOWN_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  }\n};\n"],"names":["StyledDialogHeader","children","id","cancelBehavior","onClose","draggableProps","headerDecoration","styles","useComponentTheme","DialogRedwoodTheme","classes","classNames","dialogHeaderStyle","dialogHeaderDecorationStyle","content","_jsx","className","dialogTitleStyle","jsx","translations","useTranslationBundle","closeIcon","dialogHeaderCloseIconStyle","IconButton","message_close","size","variant","onAction","reason","CloseIcon","SvgClose","_jsxs","StyledDialogFooter","forwardRef","style","ref","StyledDialog","header","footer","visibility","labelId","role","ariaLabelledBy","ariaDescribedBy","isResizable","containerRef","onResizeStart","onResize","onResizeEnd","onKeyDown","testId","footerRef","elementRef","useRef","mergedRef","mergeRefs","isSmallHeight","setSmallHeight","useState","isSmallWidth","useBreakpoints","styleClasses","resizeHandler","useCallback","current","clientHeight","useEffect","useResizeObserver","baseStyle","baseStyleSmallWidth","baseStyleDesktop","contentStyle","dialogContentStyleNoShrink","dialogContentStyle","visibilityStyle","visibilityVisible","visibilityHidden","testIdProps","useTestId","jsxs","globalImages","dialogContainerStyle","dialogBodyStyle","dialogFooterStyle","Resizable","Dialog","autoFocusRef","isOpen","modality","launcherRef","anchorRef","placement","offset","dragAffordance","resizeBehavior","onDragStart","onDragMove","onDragEnd","onFocusSet","onTransitionEnd","props","status","setStatus","setVisibility","floatingRef","contentWrapperRef","localLauncherRef","derivedPlacement","animationType","uniqueId","useId","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","setInitialFocus","allTabbableElements","length","focusWithin","returnFocus","launcherEl","focusOn","nodeRef","useAnimation","animationStates","isAnimatedOnMount","onAnimationEnd","useMemo","launcherKeyDownCallback","event","getActiveElement","code","preventDefault","stopPropagation","useDraggable","isDisabled","Element","document","body","contains","addEventListener","removeEventListener","handleKeyDown","renderDialogContent","FocusTrap","renderDialog","Floating","flipOptions","mainAxis","crossAxis","shiftOptions","WindowOverlay","Modal","Layer","zoomIn","from","scaleX","scaleY","transformOrigin","opacity","to","options","duration","zoomOut","slideUp","SLIDE_UP_XLARGE","DURATION_LARGE","slideDown","SLIDE_DOWN_XLARGE"],"mappings":"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"}
+{"version":3,"file":"Dialog-53f92591.js","sources":["../../src/UNSAFE_Dialog/Dialog.tsx"],"sourcesContent":["import type { ComponentChild, RefObject } from 'preact';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { Offset, WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { TestIdProps, useTestId } from '../hooks/UNSAFE_useTestId';\nimport { useAnimation } from '../hooks/UNSAFE_useAnimation';\nimport { useEffect, useRef, useCallback, useMemo, useState } from 'preact/hooks';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\n\nimport { DialogRedwoodTheme } from './themes/redwood/DialogTheme';\nimport { DialogStyles } from './themes/DialogStyles.css';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { globalImages } from '#/ImageVars.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { dimensionInterpolations, DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useResizeObserver } from '../hooks/UNSAFE_useResizeObserver';\n\nimport { DraggableProps, useDraggable } from '../hooks/PRIVATE_useDraggable';\nimport { Floating, Coords } from '../UNSAFE_Floating';\nimport { IconButton } from '../UNSAFE_IconButton';\nimport { CloseIcon } from '../PRIVATE_ThemedIcons/CloseIcon';\nimport { Resizable } from '../PRIVATE_Resizable/Resizable';\nimport { Position, Rect } from '../utils/UNSAFE_flexibleComponentUtils';\nimport { useBreakpoints } from '../hooks/UNSAFE_useBreakpoints';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport {\n  SLIDE_DOWN_XLARGE,\n  SLIDE_UP_XLARGE,\n  DURATION_LARGE\n} from '../utils/PRIVATE_animationUtils';\nimport {\n  allTabbableElements,\n  focusOn,\n  focusWithin,\n  getActiveElement\n} from '../utils/PRIVATE_tabbableUtils';\n\n// dialog states\ntype Status = 'initial' | 'opening' | 'closing' | 'unmounted';\ntype VisibilityStatus = 'hidden' | 'visible';\ntype Animations = 'zoomIn' | 'zoomOut' | 'slideUp' | 'slideDown';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children' | 'role'>;\n\nexport type OnCloseDetail = {\n  reason: 'escapeKey' | 'icon';\n};\n\nexport type CancelBehavior = 'none' | 'escape' | 'icon';\n\ntype DialogProps = IntrinsicProps &\n  DimensionProps & {\n    /**\n     * Optional ref for an element to focus on when component mounts\n     */\n    autoFocusRef?: RefObject<HTMLElement>;\n\n    /**\n     * On Close callback.\n     */\n    onClose?: (detail: OnCloseDetail) => void;\n\n    /**\n     * On opening or closing transition end callback.\n     */\n    onTransitionEnd?: (value: boolean) => void;\n\n    /**\n     * Determines whether the Dialog is open.\n     */\n    isOpen: boolean;\n\n    /**\n     * Dialog header content. Can be a string or VNode (Component Child).\n     * <p>\n     * When a plain string is passed, it will be used as the dialog title. Otherwise, the prop value\n     * will be used as the header content.\n     * </p>\n     * <p>\n     * Dialog will automatically refer to the header content as the accessible label.\n     * The user can override this behavior by specifying the <code>aria-labelledby</code> property\n     * and setting its value as needed.\n     * </p>\n     */\n    header?: ComponentChild;\n\n    /**\n     * Dialog footer content.\n     */\n    footer?: ComponentChild;\n\n    /**\n     * Determines dialog modality. Default is 'modal'.\n     */\n    modality?: 'modal' | 'modeless';\n\n    /**\n     * Specifies dialog's cancel behavior. Default is 'none'.\n     */\n    cancelBehavior?: CancelBehavior;\n\n    /**\n     * Specifies dialog's launcher. After dialog closes, it returns focus to the launcher.\n     * If not specified, focus goes back to the last active element before dialog opened.\n     */\n    launcherRef?: RefObject<HTMLElement>;\n\n    /**\n     * Specifies dialog's anchor. Dialog is placed relative to its anchor. If not specified,\n     * it is placed relatively to window.\n     */\n    anchorRef?: RefObject<Element | Coords>;\n\n    /**\n     * Determines placement of the dialog relative to the viewport.\n     * Supported values are:\n     * <p> <code>center</code>, <code>top</code>, <code>top-start</code>, <code>top-end</code>,\n     * <code>end</code>, <code>end-top</code>, <code>end-bottom</code>,\n     * <code>bottom</code>, <code>bottom-start</code>, <code>bottom-end</code>,\n     * <code>start</code>, <code>start-top</code>, <code>start-bottom</code>\n     * </p>\n     * Default is <code>center</code>.\n     */\n    placement?: WindowOverlayPlacement;\n\n    /**\n     * Determines the offset of the Dialog from its core placement along the specified axes.\n     *\n     * Offset could be a number or an object\n     *\n     * An object has the following type:\n     * <pre>\n     *   {\n     *     mainAxis?: number;\n     *     crossAxis?: number;\n     *   }\n     * </pre>\n     * For the <code>center</code> placement the convention for the offset type is that mainAxis defines\n     * offset from the top, crossAxis defines offset from the left side of the view port.\n     *\n     * A number is a shortcut for setting the mainAxis.\n     */\n    offset?: Offset;\n\n    /**\n     * Determines if the Dialog should be sensitive to drag gestures. To create a draggable dialog,\n     * set <code>dragAffordance='header'</code> and specify the <code>onDragMove</code> handler.\n     */\n    dragAffordance?: 'none' | 'header';\n\n    /**\n     * Determines if the Dialog should support resizing. To create a resizable dialog,\n     * set <code>resizeBehavior='resizable'</code> and specify the <code>onResize</code> handler.\n     */\n    resizeBehavior?: 'none' | 'resizable';\n\n    /**\n     * Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is initiated.\n     * The current position is reported in the <code>pos</code> parameter.\n     *\n     * @param pos\n     */\n    onDragStart?: (pos: Position) => void;\n\n    /**\n     * Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is detected.\n     * The current position is reported in the <code>pos</code> parameter.\n     *\n     * @param pos\n     */\n    onDragMove?: (pos: Position) => void;\n\n    /**\n     * Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is completed.\n     * The current position is reported in the <code>pos</code> parameter.\n     *\n     * @param pos\n     */\n    onDragEnd?: (pos: Position) => void;\n\n    /**\n     * Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n     * a resize gesture is initiated. The current position and dimensions are reported in the\n     * <code>rect</code> parameter.\n     *\n     * @param rect\n     */\n    onResizeStart?: (rect: Rect) => void;\n\n    /**\n     * Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n     * a resize gesture is detected. The current position and dimensions are reported in the\n     * <code>rect</code> parameter.\n     *\n     * @param rect\n     */\n    onResize?: (rect: Rect) => void;\n\n    /**\n     * Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n     * a resize gesture is completed. The current position and dimensions are reported in the\n     * <code>rect</code> parameter.\n     *\n     * @param rect\n     */\n    onResizeEnd?: (rect: Rect) => void;\n\n    /**\n     * Specifies callback triggered when initial focus is set or when a modeless dialog receives focus\n     * via the F6 key.\n     */\n    onFocusSet?: () => void;\n\n    /**\n     * Determines if the header decoration should be displayed. The default is <code>on</code>\n     * which renders a textured strip at the top of the dialog header in the Redwood theme.\n     * If set to <code>off</code>, no decoration is rendered.\n     */\n    headerDecoration?: 'off' | 'on';\n\n    /**\n     * Specifies the ARIA role type. Depending on how the dialog is used in the page, the developer\n     * should choose from the following:\n     * <ul>\n     *   <li><code>dialog</code> defines an application window that is designed to interrupt the current\n     *      processing of an application in order to prompt the user to enter information or require\n     *      a response.</li>\n     *   <li><code>alertdialog</code> defines type of dialog that contains an alert message, where initial\n     *      focus goes to an element within the dialog.</li>\n     * </ul>\n     */\n    role?: string;\n\n    /**\n     * Optional <code>aria-labelledby</code> property referring to the content to be used as Dialog's\n     * accessible <label htmlFor=\"\" className=\"\"></label>\n     * If not specified, the Dialog will automatically refer to the entire header content as the accessible label.\n     */\n    'aria-labelledby'?: string;\n\n    /**\n     * Optional accessible description for the dialog.\n     */\n    'aria-describedby'?: string;\n  } & TestIdProps;\n\n// dialog header\ntype DialogHeaderProps = Pick<DialogProps, 'children'> & {\n  id?: string;\n  cancelBehavior?: CancelBehavior;\n  onClose?: (detail: OnCloseDetail) => void;\n  draggableProps?: DraggableProps;\n  headerDecoration?: 'off' | 'on';\n};\n\nconst StyledDialogHeader = ({\n  children,\n  id,\n  cancelBehavior,\n  onClose,\n  draggableProps,\n  headerDecoration = 'on'\n}: DialogHeaderProps) => {\n  const { styles } = useComponentTheme<never, DialogStyles>(DialogRedwoodTheme);\n\n  const classes = classNames([\n    styles.dialogHeaderStyle,\n    ...(headerDecoration === 'on' ? [styles.dialogHeaderDecorationStyle] : [])\n  ]);\n\n  const content: ComponentChild =\n    typeof children === 'string' ? (\n      <h1 id={id} className={styles.dialogTitleStyle}>\n        {children}\n      </h1>\n    ) : (\n      <div>{children}</div>\n    );\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const handleIconClose = () => {\n    onClose?.({ reason: 'icon' });\n  };\n\n  const closeIcon: ComponentChild =\n    cancelBehavior === 'icon' ? (\n      <div>\n        <div className={styles.dialogHeaderCloseIconStyle}>\n          <IconButton\n            aria-label={translations.message_close()}\n            size=\"sm\"\n            variant=\"ghost\"\n            onAction={handleIconClose}>\n            <CloseIcon />\n          </IconButton>\n        </div>\n      </div>\n    ) : null;\n\n  return (\n    <div className={classes} {...draggableProps}>\n      {content}\n      {closeIcon}\n    </div>\n  );\n};\n\n// dialog footer\n\ntype DialogFooterProps = Pick<DialogProps, 'children'> & {\n  style?: string;\n};\n\nconst StyledDialogFooter = forwardRef(\n  ({ children, style }: DialogFooterProps, ref: ForwardedRef<HTMLDivElement | null>) => {\n    return (\n      <div ref={ref} className={style}>\n        {children}\n      </div>\n    );\n  }\n);\n\n// styled dialog\n\ntype MainProps = Pick<DialogProps, 'children' | 'header' | 'footer' | 'role'> &\n  Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'style' | 'onKeyDown'> & {\n    visibility: VisibilityStatus;\n    labelId?: string;\n    ariaLabelledBy?: string;\n    ariaDescribedBy?: string;\n    cancelBehavior?: CancelBehavior;\n    draggableProps?: DraggableProps;\n    isResizable?: boolean;\n    headerDecoration?: 'off' | 'on';\n    containerRef?: RefObject<HTMLElement>;\n    onClose?: (detail: OnCloseDetail) => void;\n    onResizeStart?: (rect: Rect) => void;\n    onResize?: (rect: Rect) => void;\n    onResizeEnd?: (rect: Rect) => void;\n    footerRef?: RefObject<HTMLDivElement | null>;\n  } & TestIdProps;\n\nconst StyledDialog = forwardRef(\n  (\n    {\n      children,\n      header,\n      footer,\n      visibility,\n      labelId,\n      role,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      cancelBehavior,\n      draggableProps,\n      isResizable,\n      headerDecoration,\n      containerRef,\n      onClose,\n      onResizeStart,\n      onResize,\n      onResizeEnd,\n      onKeyDown,\n      testId,\n      style,\n      footerRef\n    }: MainProps,\n    ref: ForwardedRef<HTMLDivElement | null>\n  ) => {\n    const elementRef = useRef<HTMLDivElement>(null);\n    const mergedRef = mergeRefs(ref, elementRef);\n\n    const [isSmallHeight, setSmallHeight] = useState<boolean>(false);\n    const isSmallWidth = !useBreakpoints()['md'];\n\n    const { classes: styleClasses, styles } = useComponentTheme<never, DialogStyles>(\n      DialogRedwoodTheme\n    );\n\n    const resizeHandler = useCallback(() => {\n      if (elementRef.current) {\n        if (elementRef.current.clientHeight < 400) {\n          setSmallHeight(true);\n        } else {\n          setSmallHeight(false);\n        }\n      }\n    }, []);\n\n    // set initial Height\n    useEffect(() => {\n      resizeHandler();\n    }, [resizeHandler]);\n\n    useResizeObserver(elementRef, resizeHandler);\n\n    // for small widths (mobile), use the 'smallWidth' dialog style\n    // otherwise, check for small height to apply 'smallWidth' or 'desktop' styles accordingly\n    const baseStyle = isSmallWidth ? styles.baseStyleSmallWidth : styles.baseStyleDesktop;\n\n    // content should scroll depending on the viewport height\n    // on large screens, the header and footer should be \"sticky\",\n    // at small viewport heights, the entire content should be scrollable\n    const contentStyle = isSmallHeight\n      ? styles.dialogContentStyleNoShrink\n      : styles.dialogContentStyle;\n\n    const visibilityStyle =\n      visibility === 'visible' ? styles.visibilityVisible : styles.visibilityHidden;\n\n    const testIdProps = useTestId(testId);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={classNames([styleClasses, baseStyle, visibilityStyle, globalImages])}\n        style={style}\n        onKeyDown={onKeyDown}\n        role={role}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedBy}\n        {...testIdProps}>\n        <div className={styles.dialogContainerStyle}>\n          <StyledDialogHeader\n            id={labelId}\n            onClose={onClose}\n            headerDecoration={headerDecoration}\n            cancelBehavior={cancelBehavior}\n            draggableProps={draggableProps}>\n            {header}\n          </StyledDialogHeader>\n          <div className={contentStyle}>\n            <div className={styles.dialogBodyStyle}>{children}</div>\n          </div>\n          <StyledDialogFooter ref={footerRef} style={styles.dialogFooterStyle}>\n            {footer}\n          </StyledDialogFooter>\n        </div>\n        {isResizable && (\n          <Resizable\n            onResizeStart={onResizeStart}\n            onResize={onResize}\n            onResizeEnd={onResizeEnd}\n            containerRef={containerRef}></Resizable>\n        )}\n      </div>\n    );\n  }\n);\n\n// main Dialog component\n\n/**\n * WAI-ARIA-compliant dialog component. A dialog is a floating window that typically contains\n * a title bar and a content area.\n * The dialog is generally placed on top of the rest of the page content. It can be either modal\n * (only the content in the dialog can be interacted with) or non-modal (it's still possible\n * to interact with content outside of the dialog).\n */\nexport const Dialog = forwardRef(\n  (\n    {\n      autoFocusRef,\n      children,\n      isOpen,\n      header = '',\n      footer,\n      modality = 'modal',\n      launcherRef,\n      anchorRef,\n      placement,\n      offset = 0,\n      cancelBehavior = 'none',\n      dragAffordance = 'none',\n      resizeBehavior = 'none',\n      headerDecoration = 'on',\n      onDragStart,\n      onDragMove,\n      onDragEnd,\n      onResizeStart,\n      onResize,\n      onResizeEnd,\n      onFocusSet,\n      onClose,\n      onTransitionEnd,\n      role = 'dialog',\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      testId,\n      ...props\n    }: DialogProps,\n    ref: ForwardedRef<HTMLDivElement | null>\n  ) => {\n    const [status, setStatus] = useState<Status>(isOpen ? 'initial' : 'unmounted');\n    const [visibility, setVisibility] = useState<VisibilityStatus>('hidden');\n\n    const floatingRef = useRef<HTMLDivElement>(null);\n    const contentWrapperRef = useRef<HTMLDivElement | null>(null);\n    const localLauncherRef = useRef<HTMLElement | null>(null);\n    const footerRef = useRef<HTMLDivElement | null>(null);\n\n    const isSmallWidth = !useBreakpoints()['md'];\n    const derivedPlacement = isSmallWidth ? 'bottom' : placement ? placement : 'center';\n    const animationType = isSmallWidth\n      ? status === 'opening'\n        ? 'slideUp'\n        : 'slideDown'\n      : status === 'opening'\n      ? 'zoomIn'\n      : 'zoomOut';\n\n    const uniqueId = useId();\n    const labelId = ariaLabelledBy ? ariaLabelledBy : uniqueId;\n\n    const interpolations = [...Object.values(dimensionInterpolations)];\n    const styleInterpolations = mergeInterpolations<DimensionProps>(interpolations);\n    const { ...styles } = styleInterpolations(props);\n\n    const setInitialFocus = useCallback(() => {\n      // Focus on first tabbable in the Dialog container or container itself if there is none\n      if (footerRef.current && allTabbableElements(footerRef.current).length > 0) {\n        focusWithin(footerRef.current);\n      } else {\n        focusWithin(contentWrapperRef.current as HTMLElement);\n      }\n      onFocusSet?.();\n    }, [onFocusSet]);\n\n    const returnFocus = useCallback((): void => {\n      // Try to return focus to 1.launcher or 2.anchor\n      const launcherEl = localLauncherRef.current;\n\n      if (launcherEl) {\n        focusOn(launcherEl);\n        // Checking instanceof to avoid Coords type that can not be focused\n      }\n    }, [localLauncherRef]);\n\n    // Animation\n    const { nodeRef } = useAnimation<Animations, HTMLDivElement>(animationType, {\n      animationStates,\n      isAnimatedOnMount: true,\n      onAnimationEnd: () => {\n        if (isOpen) {\n          onTransitionEnd?.(true);\n        } else if (!isOpen) {\n          returnFocus();\n          nodeRef(null);\n          setVisibility('hidden');\n          setStatus('unmounted');\n          onTransitionEnd?.(false);\n        }\n      }\n    });\n\n    const mergedRef = useMemo(() => mergeRefs(contentWrapperRef, ref), [contentWrapperRef, ref]);\n\n    const launcherKeyDownCallback = useCallback(\n      (event: KeyboardEvent): void => {\n        if (localLauncherRef.current === getActiveElement() && event.code === '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          focusWithin(contentWrapperRef.current as HTMLElement);\n          onFocusSet?.();\n        }\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [modality]\n    );\n\n    const { draggableProps } = useDraggable({\n      isDisabled: dragAffordance === 'none',\n      containerRef: floatingRef,\n      onDragStart,\n      onDragMove,\n      onDragEnd\n    });\n\n    useEffect(() => {\n      // 1. Ignore status update on initial render\n      if (status === 'unmounted' && !isOpen) {\n        return;\n      }\n\n      // 2. Mount visually hidden component\n      // Component gets mounted, but will be visually hidden to avoid flickering\n      // Flickering happens because it gets rendered before animation hook repositions\n      // it in next render cycle\n      if (status === 'unmounted' && isOpen) {\n        setStatus('initial');\n        return;\n      }\n\n      // 3. Setup animation\n      // Component has been mounted.\n      // We will kick out animation as node is already present in DOM.\n      // To avoid flickering, we still keep it visually hidden until the next render cycle.\n      if (status === 'initial' && isOpen) {\n        nodeRef(contentWrapperRef.current);\n        setStatus('opening');\n        return;\n      }\n\n      // 3. Unhide component. It becomes visible.\n      if (status === 'opening' && isOpen) {\n        setVisibility('visible');\n        return;\n      }\n\n      // 4. Closing\n      if (!isOpen) {\n        setStatus('closing');\n      }\n    }, [isOpen, status, nodeRef]);\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 the dialog 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 a modeless dialog\n        if (modality === 'modeless') {\n          localLauncherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n        }\n      }\n      return () => {\n        // Deregister F6 key handler\n        if (modality === 'modeless') {\n          localLauncherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n        }\n      };\n    }, [isOpen, launcherRef, launcherKeyDownCallback, modality]);\n\n    // setInitialFocus when the dialog becomes visible\n    useEffect(() => {\n      if (visibility === 'visible') {\n        setInitialFocus();\n      }\n    }, [visibility, setInitialFocus]);\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      switch (event.code) {\n        case 'Escape':\n          onClose?.({ reason: 'escapeKey' });\n          break;\n        case 'F6':\n          // Focus launcher\n          if (localLauncherRef.current && modality === 'modeless') {\n            focusOn(localLauncherRef.current);\n          }\n          // Prevent default F6 handlers. F6 is a standard Chrome address bar shortcut on Windows.\n          event.preventDefault();\n          event.stopPropagation();\n          break;\n      }\n    };\n\n    const renderDialogContent = () => {\n      return (\n        <FocusTrap autoFocusRef={autoFocusRef}>\n          <StyledDialog\n            ref={mergedRef}\n            labelId={labelId}\n            header={header}\n            footer={footer}\n            role={role}\n            ariaLabelledBy={labelId}\n            ariaDescribedBy={ariaDescribedBy}\n            onKeyDown={handleKeyDown}\n            testId={testId}\n            style={styles}\n            visibility={visibility}\n            cancelBehavior={cancelBehavior}\n            draggableProps={draggableProps}\n            isResizable={resizeBehavior === 'resizable'}\n            headerDecoration={headerDecoration}\n            containerRef={floatingRef}\n            onClose={onClose}\n            onResizeStart={onResizeStart}\n            onResize={onResize}\n            onResizeEnd={onResizeEnd}\n            footerRef={footerRef}>\n            {children}\n          </StyledDialog>\n        </FocusTrap>\n      );\n    };\n\n    const renderDialog = () => {\n      if (anchorRef && anchorRef.current) {\n        return (\n          <Floating\n            ref={floatingRef}\n            anchorRef={anchorRef}\n            placement={'bottom-start'}\n            flipOptions={{ mainAxis: false, crossAxis: false }}\n            shiftOptions={{ mainAxis: false, crossAxis: false }}>\n            {renderDialogContent()}\n          </Floating>\n        );\n      } else {\n        return (\n          <WindowOverlay placement={derivedPlacement} offset={offset}>\n            {renderDialogContent()}\n          </WindowOverlay>\n        );\n      }\n    };\n\n    if (modality === 'modal') {\n      return <Modal isOpen={status !== 'unmounted'}>{renderDialog()}</Modal>;\n    } else {\n      return status !== 'unmounted' ? <Layer>{renderDialog()}</Layer> : null;\n    }\n  }\n);\n\nconst animationStates = {\n  zoomIn: {\n    from: {\n      scaleX: 0.9,\n      scaleY: 0.9,\n      transformOrigin: 'center',\n      opacity: 0\n    },\n    to: {\n      scaleX: 1,\n      scaleY: 1,\n      opacity: 1\n    },\n    options: {\n      duration: 200\n    }\n  },\n  zoomOut: {\n    from: {\n      scaleX: 1,\n      scaleY: 1,\n      transformOrigin: 'center',\n      opacity: 1\n    },\n    to: {\n      scaleX: 0.9,\n      scaleY: 0.9,\n      opacity: 0\n    },\n    options: {\n      duration: 200\n    }\n  },\n  slideUp: {\n    ...SLIDE_UP_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  },\n  slideDown: {\n    ...SLIDE_DOWN_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  }\n};\n"],"names":["StyledDialogHeader","children","id","cancelBehavior","onClose","draggableProps","headerDecoration","styles","useComponentTheme","DialogRedwoodTheme","classes","classNames","dialogHeaderStyle","dialogHeaderDecorationStyle","content","_jsx","className","dialogTitleStyle","jsx","translations","useTranslationBundle","closeIcon","dialogHeaderCloseIconStyle","IconButton","message_close","size","variant","onAction","reason","CloseIcon","SvgClose","_jsxs","StyledDialogFooter","forwardRef","style","ref","StyledDialog","header","footer","visibility","labelId","role","ariaLabelledBy","ariaDescribedBy","isResizable","containerRef","onResizeStart","onResize","onResizeEnd","onKeyDown","testId","footerRef","elementRef","useRef","mergedRef","mergeRefs","isSmallHeight","setSmallHeight","useState","isSmallWidth","useBreakpoints","styleClasses","resizeHandler","useCallback","current","clientHeight","useEffect","useResizeObserver","baseStyle","baseStyleSmallWidth","baseStyleDesktop","contentStyle","dialogContentStyleNoShrink","dialogContentStyle","visibilityStyle","visibilityVisible","visibilityHidden","testIdProps","useTestId","jsxs","globalImages","dialogContainerStyle","dialogBodyStyle","dialogFooterStyle","Resizable","Dialog","autoFocusRef","isOpen","modality","launcherRef","anchorRef","placement","offset","dragAffordance","resizeBehavior","onDragStart","onDragMove","onDragEnd","onFocusSet","onTransitionEnd","props","status","setStatus","setVisibility","floatingRef","contentWrapperRef","localLauncherRef","derivedPlacement","animationType","uniqueId","useId","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","setInitialFocus","allTabbableElements","length","focusWithin","returnFocus","launcherEl","focusOn","nodeRef","useAnimation","animationStates","isAnimatedOnMount","onAnimationEnd","useMemo","launcherKeyDownCallback","event","getActiveElement","code","preventDefault","stopPropagation","useDraggable","isDisabled","Element","document","body","contains","addEventListener","removeEventListener","handleKeyDown","renderDialogContent","FocusTrap","renderDialog","Floating","flipOptions","mainAxis","crossAxis","shiftOptions","WindowOverlay","Modal","Layer","zoomIn","from","scaleX","scaleY","transformOrigin","opacity","to","options","duration","zoomOut","slideUp","SLIDE_UP_XLARGE","DURATION_LARGE","slideDown","SLIDE_DOWN_XLARGE"],"mappings":"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"}

package/amd/DirectionalCollapseArrowIcon-20cef34d.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './CaretLeft-2331a7c8', './withDirectionIcon-74c39ee3'], (function(t,e,r,i){"use strict";t.DirectionalCollapseArrowIcon=t=>{const c=i.withDirectionIcon(r.SvgCaretLeft,r.SvgCaretRight);return e.jsx(c,{...t})}}));
+define(['exports', 'preact/jsx-runtime', './CaretLeft-2331a7c8', './withDirectionIcon-ce0c7432'], (function(t,e,r,c){"use strict";t.DirectionalCollapseArrowIcon=t=>{const i=c.withDirectionIcon(r.SvgCaretLeft,r.SvgCaretRight);return e.jsx(i,{...t})}}));
 //# sourceMappingURL=DirectionalCollapseArrowIcon-20cef34d.js.map

package/amd/DirectionalExpandArrowIcon-e9bdb06e.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './CaretLeft-2331a7c8', './withDirectionIcon-74c39ee3'], (function(t,e,r,i){"use strict";t.DirectionalExpandArrowIcon=t=>{const n=i.withDirectionIcon(r.SvgCaretRight,r.SvgCaretLeft);return e.jsx(n,{...t})}}));
+define(['exports', 'preact/jsx-runtime', './CaretLeft-2331a7c8', './withDirectionIcon-ce0c7432'], (function(t,e,r,c){"use strict";t.DirectionalExpandArrowIcon=t=>{const i=c.withDirectionIcon(r.SvgCaretRight,r.SvgCaretLeft);return e.jsx(i,{...t})}}));
 //# sourceMappingURL=DirectionalExpandArrowIcon-e9bdb06e.js.map

package/amd/{DragHandle-406d7f9a.js → DragHandle-699fefd6.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './mergeProps-bcfa6a92', './useActive-bb5dc069', './useTestId-b5cd4766', './DragV-a31b64bd', './UNSAFE_DragHandle/themes/DragHandleStyles.css'], (function(e,s,t,a,r,c,i,n){"use strict";e.DragHandle=function({testId:e}){const{isActive:d,activeProps:l}=r.useActive(),o=c.useTestId(e),g=t.classNames([n.iconStyle,d?n.activeStyle:n.hoverStyle]);return s.jsx("div",{...a.mergeProps(l,o),draggable:!0,class:g,role:"presentation",children:s.jsx(i.SvgDragV,{})})}}));
-//# sourceMappingURL=DragHandle-406d7f9a.js.map
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './mergeProps-bcfa6a92', './useActive-bb5dc069', './useTestId-3a316499', './DragV-a31b64bd', './UNSAFE_DragHandle/themes/DragHandleStyles.css'], (function(e,s,t,a,r,c,i,n){"use strict";e.DragHandle=function({testId:e}){const{isActive:d,activeProps:l}=r.useActive(),o=c.useTestId(e),g=t.classNames([n.iconStyle,d?n.activeStyle:n.hoverStyle]);return s.jsx("div",{...a.mergeProps(l,o),draggable:!0,class:g,role:"presentation",children:s.jsx(i.SvgDragV,{})})}}));
+//# sourceMappingURL=DragHandle-699fefd6.js.map

package/amd/{DragHandle-406d7f9a.js.map → DragHandle-699fefd6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DragHandle-406d7f9a.js","sources":["../../src/UNSAFE_DragHandle/DragHandle.tsx"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { DragHandleIcon } from '../PRIVATE_ThemedIcons/DragHandleIcon';\nimport { iconStyle, hoverStyle, activeStyle } from './themes/DragHandleStyles.css';\n\ntype Props = TestIdProps;\n\n/**\n * A draggable icon that shows grab cursor when users hover the mouse on it,\n * and shows grabbing cursor when users click the icon.\n */\nexport function DragHandle({ testId }: Props) {\n  const { isActive, activeProps } = useActive();\n  const testIdProps = useTestId(testId);\n  const classes = classNames([iconStyle, isActive ? activeStyle : hoverStyle]);\n  return (\n    <div\n      {...mergeProps(activeProps, testIdProps)}\n      draggable={true}\n      class={classes}\n      role=\"presentation\">\n      <DragHandleIcon />\n    </div>\n  );\n}\n"],"names":["testId","isActive","activeProps","useActive","testIdProps","useTestId","classes","classNames","iconStyle","activeStyle","hoverStyle","_jsx","jsx","mergeProps","draggable","class","role","children","DragHandleIcon"],"mappings":"gQAagB,UAAWA,OAAEA,IAC3B,MAAMC,SAAEA,EAAQC,YAAEA,GAAgBC,EAASA,YACrCC,EAAcC,YAAUL,GACxBM,EAAUC,EAAAA,WAAW,CAACC,EAAAA,UAAWP,EAAWQ,EAAWA,YAAGC,EAAUA,aAC1E,OACEC,EACMC,IAAA,MAAA,IAAAC,EAAAA,WAAWX,EAAaE,GAC5BU,WAAW,EACXC,MAAOT,EACPU,KAAK,eACLC,SAAAN,EAAAC,IAACM,WAAc,CAAA,IAGrB"}
+{"version":3,"file":"DragHandle-699fefd6.js","sources":["../../src/UNSAFE_DragHandle/DragHandle.tsx"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { DragHandleIcon } from '../PRIVATE_ThemedIcons/DragHandleIcon';\nimport { iconStyle, hoverStyle, activeStyle } from './themes/DragHandleStyles.css';\n\ntype Props = TestIdProps;\n\n/**\n * A draggable icon that shows grab cursor when users hover the mouse on it,\n * and shows grabbing cursor when users click the icon.\n */\nexport function DragHandle({ testId }: Props) {\n  const { isActive, activeProps } = useActive();\n  const testIdProps = useTestId(testId);\n  const classes = classNames([iconStyle, isActive ? activeStyle : hoverStyle]);\n  return (\n    <div\n      {...mergeProps(activeProps, testIdProps)}\n      draggable={true}\n      class={classes}\n      role=\"presentation\">\n      <DragHandleIcon />\n    </div>\n  );\n}\n"],"names":["testId","isActive","activeProps","useActive","testIdProps","useTestId","classes","classNames","iconStyle","activeStyle","hoverStyle","_jsx","jsx","mergeProps","draggable","class","role","children","DragHandleIcon"],"mappings":"gQAagB,UAAWA,OAAEA,IAC3B,MAAMC,SAAEA,EAAQC,YAAEA,GAAgBC,EAASA,YACrCC,EAAcC,YAAUL,GACxBM,EAAUC,EAAAA,WAAW,CAACC,EAAAA,UAAWP,EAAWQ,EAAWA,YAAGC,EAAUA,aAC1E,OACEC,EACMC,IAAA,MAAA,IAAAC,EAAAA,WAAWX,EAAaE,GAC5BU,WAAW,EACXC,MAAOT,EACPU,KAAK,eACLC,SAAAN,EAAAC,IAACM,WAAc,CAAA,IAGrB"}

package/amd/{Dropdown-abcacf49.js → Dropdown-4b421eff.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Floating-5d98c1ca', './Layer-6f29b67f', 'preact/compat', './LayerHost-639b3284', './keyboardUtils-fbb389f8', './tabbableUtils-85aa6918', './usePopupAnimation-6e53a0fe', './popupAnimationUtils-49b93365', './CollectionInteractionContext-0b4ed98b', './UNSAFE_Dropdown/themes/dropdownStyles.css', './useOutsideMousedown-73d5a78a', './animationUtils-716a9aa6'], (function(e,n,t,i,o,s,a,r,d,l,c,u,p,f,m){"use strict";const b={mainAxis:4,crossAxis:0},h={isMaxWidthAdjusted:!0,isMaxHeightAdjusted:!0},O={mainAxis:!0,crossAxis:!0},g={opening:e=>m.mergeAnimationStateObjects([m.SCALE_UP_FULL,{from:{transformOrigin:c.getTransformOrigin(e.placement,e.direction)},to:{transformOrigin:c.getTransformOrigin(e.placement,e.direction)}}],{duration:m.DURATION_LARGE})};e.Dropdown=function({isOpen:e=!1,anchorRef:s,children:a,id:c,onClose:m,minWidth:A,placement:x="bottom-start",offset:C=b,onPosition:P,flipOptions:j=O,sizeOptions:w=h,shiftOptions:y,initialFocus:S="none"}){const E=t.useRef(null),U=t.useCallback((e=>{if(e&&"firstFocusable"===S){const e=E.current;e&&d.focusWithin(e)}}),[S]),{status:F,setAnimationElementRef:L,onPosition:R}=l.usePopupAnimation({isOpen:e,placement:x,isAnimatedOnMount:!0,animationStates:g,onPosition:P,onTransitionEnd:U}),M=t.useCallback((e=>{m?.({reason:"outsideMousedown",target:e.target})}),[m]),k=t.useCallback((e=>{if(!e.defaultPrevented)switch(e.code){case r.KEYS.ESC:case r.KEYS.TAB:m?.({reason:"dismissed"})}}),[m]);return f.useOutsideMousedown({isDisabled:!1,ref:[E],handler:M}),n.jsx(n.Fragment,{children:"unmounted"!==F?n.jsx(o.Layer,{logicalParentRef:s,children:n.jsx(i.Floating,{anchorRef:s,ref:L,placement:x,flipOptions:j,shiftOptions:y,sizeOptions:w,offsetValue:C,onPosition:R,boundaryOptions:{padding:{top:8,bottom:8,left:0,right:0}},children:n.jsx("div",{ref:E,id:c,class:p.dropdownStyles.base,style:{minWidth:`${A||0}px`},onKeyDown:k,children:n.jsx(u.CollectionInteractionContext.Provider,{value:"embedded",children:a})})})}):null})}}));
-//# sourceMappingURL=Dropdown-abcacf49.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Floating-1ec5ec2a', './Layer-447c68e6', 'preact/compat', './LayerHost-e95c5f30', './keyboardUtils-fbb389f8', './tabbableUtils-85aa6918', './usePopupAnimation-f679a4b0', './popupAnimationUtils-49b93365', './CollectionInteractionContext-0b4ed98b', './UNSAFE_Dropdown/themes/dropdownStyles.css', './useOutsideMousedown-73d5a78a', './animationUtils-716a9aa6'], (function(e,n,t,i,o,s,a,r,d,c,l,u,p,f,m){"use strict";const b={mainAxis:4,crossAxis:0},h={isMaxWidthAdjusted:!0,isMaxHeightAdjusted:!0},O={mainAxis:!0,crossAxis:!0},g={opening:e=>m.mergeAnimationStateObjects([m.SCALE_UP_FULL,{from:{transformOrigin:l.getTransformOrigin(e.placement,e.direction)},to:{transformOrigin:l.getTransformOrigin(e.placement,e.direction)}}],{duration:m.DURATION_LARGE})};e.Dropdown=function({isOpen:e=!1,anchorRef:s,children:a,id:l,onClose:m,minWidth:A,placement:x="bottom-start",offset:C=b,onPosition:P,flipOptions:j=O,sizeOptions:w=h,shiftOptions:y,initialFocus:S="none"}){const E=t.useRef(null),U=t.useCallback((e=>{if(e&&"firstFocusable"===S){const e=E.current;e&&d.focusWithin(e)}}),[S]),{status:F,setAnimationElementRef:L,onPosition:R}=c.usePopupAnimation({isOpen:e,placement:x,isAnimatedOnMount:!0,animationStates:g,onPosition:P,onTransitionEnd:U}),M=t.useCallback((e=>{m?.({reason:"outsideMousedown",target:e.target})}),[m]),k=t.useCallback((e=>{if(!e.defaultPrevented)switch(e.code){case r.KEYS.ESC:case r.KEYS.TAB:m?.({reason:"dismissed"})}}),[m]);return f.useOutsideMousedown({isDisabled:!1,ref:[E],handler:M}),n.jsx(n.Fragment,{children:"unmounted"!==F?n.jsx(o.Layer,{logicalParentRef:s,children:n.jsx(i.Floating,{anchorRef:s,ref:L,placement:x,flipOptions:j,shiftOptions:y,sizeOptions:w,offsetValue:C,onPosition:R,boundaryOptions:{padding:{top:8,bottom:8,left:0,right:0}},children:n.jsx("div",{ref:E,id:l,class:p.dropdownStyles.base,style:{minWidth:`${A||0}px`},onKeyDown:k,children:n.jsx(u.CollectionInteractionContext.Provider,{value:"embedded",children:a})})})}):null})}}));
+//# sourceMappingURL=Dropdown-4b421eff.js.map

package/amd/{Dropdown-abcacf49.js.map → Dropdown-4b421eff.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Dropdown-abcacf49.js","sources":["../../src/UNSAFE_Dropdown/Dropdown.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, RefObject, JSX } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\n\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { focusWithin } from '../utils/PRIVATE_tabbableUtils';\nimport { usePopupAnimation } from '#UNSAFE_Popup/usePopupAnimation';\nimport { getTransformOrigin } from '#utils/PRIVATE_popupAnimationUtils';\nimport { AnimationPopupElement } from '../UNSAFE_Popup/usePopupAnimation';\nimport { CollectionInteractionContext } from '#hooks/UNSAFE_useCollectionInteractionContext';\n\nimport { dropdownStyles } from './themes/dropdownStyles.css';\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\nimport {\n  DURATION_LARGE,\n  SCALE_UP_FULL,\n  mergeAnimationStateObjects\n} from '#utils/PRIVATE_animationUtils';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\n//Same as Menu onClose, only difference is mouseDown instead of outside click\n//Once menu consumes dropdown is going to start using mouseDown\nexport type CloseDetail = { reason: 'dismissed' } | { reason: 'outsideMousedown'; target: Element };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   *Specifies whether Dropdown is open.\n   */\n  isOpen?: boolean;\n  /**\n   * Trigger element reference.\n   */\n  anchorRef: FloatingProps['anchorRef'];\n  /**\n   * Id of the dropdown container.\n   * Used usually for accesibility reasons.\n   */\n  id?: string;\n  /**\n   * Called when dropdown is supposed to be closed.\n   * Called when user tab/esc or mouseDown outside the dropdown.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   *Min width represented in pixels of the dropdown container.\n   */\n  minWidth?: number;\n  /**\n   * Placement of the floating element relative to its reference element.\n   */\n  placement?: FloatingProps['placement'];\n  /**\n   * Offset displaces the floating element from its core placement along the specified axes.\n   */\n  offset?: FloatingProps['offsetValue'];\n  /**\n   * Triggered when placement or coordinates are changed after collision is detected.\n   */\n  onPosition?: FloatingProps['onPosition'];\n  /**\n   * Specifies the flipping behavior along the respective axis.\n   */\n  flipOptions?: FloatingProps['flipOptions'];\n  /**\n   * Specifies the resizing behaviour for max-height and max-width of the floating component.\n   */\n  sizeOptions?: FloatingProps['sizeOptions'];\n\n  /**\n   *  Specifies the shift behavior along the respective axis\n   */\n  shiftOptions?: FloatingProps['shiftOptions'];\n  /**\n   * Specifies initial focus.\n   */\n  initialFocus?: 'none' | 'firstFocusable';\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\nconst DEFAULT_OFFSET = { mainAxis: 4, crossAxis: 0 };\nconst DEFAULT_SIZE_OPTIONS = { isMaxWidthAdjusted: true, isMaxHeightAdjusted: true };\nconst DEFAULT_FLIP_OPTIONS = { mainAxis: true, crossAxis: true };\n\nconst animationStates: Parameters<typeof usePopupAnimation>[0]['animationStates'] = {\n  opening: (node: AnimationPopupElement) => {\n    return mergeAnimationStateObjects(\n      [\n        SCALE_UP_FULL,\n        {\n          from: { transformOrigin: getTransformOrigin(node.placement, node.direction) },\n          to: { transformOrigin: getTransformOrigin(node.placement, node.direction) }\n        }\n      ],\n      {\n        duration: DURATION_LARGE\n      }\n    );\n  }\n};\n\n//TODO: Add animation to dropdown. JET-62628\n//TODO: Investigate best approach to have different virtual padding depending on the position and implement it.JET-57950\nexport function Dropdown({\n  isOpen = false,\n  anchorRef,\n  children,\n  id,\n  onClose,\n  minWidth,\n  placement = DEFAULT_PLACEMENT,\n  offset = DEFAULT_OFFSET,\n  onPosition,\n  flipOptions = DEFAULT_FLIP_OPTIONS,\n  sizeOptions = DEFAULT_SIZE_OPTIONS,\n  shiftOptions,\n  initialFocus = 'none'\n}: Props) {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const onTransitionEnd = useCallback(\n    (isOpen: boolean) => {\n      if (isOpen && initialFocus === 'firstFocusable') {\n        const dropdownElement = dropdownRef.current;\n        if (dropdownElement) {\n          focusWithin(dropdownElement);\n        }\n      }\n    },\n    [initialFocus]\n  );\n\n  const {\n    status,\n    setAnimationElementRef,\n    onPosition: onPositionAnimated\n  } = usePopupAnimation({\n    isOpen,\n    placement,\n    isAnimatedOnMount: true,\n    animationStates,\n    onPosition,\n    onTransitionEnd\n  });\n\n  const handleMousedownClose = useCallback(\n    (event: MouseEvent) => {\n      onClose?.({ reason: 'outsideMousedown', target: event.target as Element });\n    },\n    [onClose]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented) {\n        return;\n      }\n      switch (event.code) {\n        case KEYS.ESC:\n          onClose?.({ reason: 'dismissed' });\n          break;\n        case KEYS.TAB:\n          onClose?.({ reason: 'dismissed' });\n          break;\n        default:\n          break;\n      }\n    },\n    [onClose]\n  );\n\n  // use the mousedown event to be consistent with legacy JET\n  useOutsideMousedown({\n    isDisabled: false,\n    ref: [dropdownRef],\n    handler: handleMousedownClose\n  });\n\n  return (\n    <>\n      {status !== 'unmounted' ? (\n        <Layer logicalParentRef={anchorRef as RefObject<Element>}>\n          <Floating\n            anchorRef={anchorRef}\n            ref={setAnimationElementRef}\n            placement={placement}\n            flipOptions={flipOptions}\n            shiftOptions={shiftOptions}\n            sizeOptions={sizeOptions}\n            offsetValue={offset}\n            onPosition={onPositionAnimated}\n            boundaryOptions={{ padding: { top: 8, bottom: 8, left: 0, right: 0 } }}>\n            <div\n              ref={dropdownRef}\n              id={id}\n              class={dropdownStyles.base}\n              style={{ minWidth: `${minWidth || 0}px` }}\n              onKeyDown={handleKeyDown}>\n              <CollectionInteractionContext.Provider value={'embedded'}>\n                {children}\n              </CollectionInteractionContext.Provider>\n            </div>\n          </Floating>\n        </Layer>\n      ) : null}\n    </>\n  );\n}\n"],"names":["DEFAULT_OFFSET","mainAxis","crossAxis","DEFAULT_SIZE_OPTIONS","isMaxWidthAdjusted","isMaxHeightAdjusted","DEFAULT_FLIP_OPTIONS","animationStates","opening","node","mergeAnimationStateObjects","SCALE_UP_FULL","from","transformOrigin","getTransformOrigin","placement","direction","to","duration","DURATION_LARGE","isOpen","anchorRef","children","id","onClose","minWidth","offset","onPosition","flipOptions","sizeOptions","shiftOptions","initialFocus","dropdownRef","useRef","onTransitionEnd","useCallback","dropdownElement","current","focusWithin","status","setAnimationElementRef","onPositionAnimated","usePopupAnimation","isAnimatedOnMount","handleMousedownClose","event","reason","target","handleKeyDown","defaultPrevented","code","KEYS","ESC","TAB","useOutsideMousedown","isDisabled","ref","handler","_jsx","_Fragment","jsx","Layer","logicalParentRef","Floating","offsetValue","boundaryOptions","padding","top","bottom","left","right","class","dropdownStyles","base","style","onKeyDown","CollectionInteractionContext","Provider","value"],"mappings":"wcA0FA,MACMA,EAAiB,CAAEC,SAAU,EAAGC,UAAW,GAC3CC,EAAuB,CAAEC,oBAAoB,EAAMC,qBAAqB,GACxEC,EAAuB,CAAEL,UAAU,EAAMC,WAAW,GAEpDK,EAA8E,CAClFC,QAAUC,GACDC,6BACL,CACEC,EAAaA,cACb,CACEC,KAAM,CAAEC,gBAAiBC,EAAkBA,mBAACL,EAAKM,UAAWN,EAAKO,YACjEC,GAAI,CAAEJ,gBAAiBC,EAAkBA,mBAACL,EAAKM,UAAWN,EAAKO,cAGnE,CACEE,SAAUC,EAAcA,uCAQPC,OACvBA,GAAS,EAAKC,UACdA,EAASC,SACTA,EAAQC,GACRA,EAAEC,QACFA,EAAOC,SACPA,EAAQV,UACRA,EA/BwB,eA+BKW,OAC7BA,EAAS1B,EAAc2B,WACvBA,EAAUC,YACVA,EAActB,EAAoBuB,YAClCA,EAAc1B,EAAoB2B,aAClCA,EAAYC,aACZA,EAAe,SAEf,MAAMC,EAAcC,SAAuB,MAErCC,EAAkBC,eACrBf,IACC,GAAIA,GAA2B,mBAAjBW,EAAmC,CAC/C,MAAMK,EAAkBJ,EAAYK,QAChCD,GACFE,EAAWA,YAACF,EAEf,IAEH,CAACL,KAGGQ,OACJA,EAAMC,uBACNA,EACAb,WAAYc,GACVC,EAAAA,kBAAkB,CACpBtB,SACAL,YACA4B,mBAAmB,EACnBpC,kBACAoB,aACAO,oBAGIU,EAAuBT,eAC1BU,IACCrB,IAAU,CAAEsB,OAAQ,mBAAoBC,OAAQF,EAAME,QAAoB,GAE5E,CAACvB,IAGGwB,EAAgBb,eACnBU,IACC,IAAIA,EAAMI,iBAGV,OAAQJ,EAAMK,MACZ,KAAKC,EAAIA,KAACC,IAGV,KAAKD,EAAIA,KAACE,IACR7B,IAAU,CAAEsB,OAAQ,cAIvB,GAEH,CAACtB,IAUH,OANA8B,sBAAoB,CAClBC,YAAY,EACZC,IAAK,CAACxB,GACNyB,QAASb,IAITc,EAAAA,IAAAC,EAAAA,SAAA,CAAArC,SACc,cAAXiB,EACCmB,EAAAE,IAACC,QAAK,CAACC,iBAAkBzC,EAA+BC,SACtDoC,EAAAA,IAACK,EAAQA,SACP,CAAA1C,UAAWA,EACXmC,IAAKhB,EACLzB,UAAWA,EACXa,YAAaA,EACbE,aAAcA,EACdD,YAAaA,EACbmC,YAAatC,EACbC,WAAYc,EACZwB,gBAAiB,CAAEC,QAAS,CAAEC,IAAK,EAAGC,OAAQ,EAAGC,KAAM,EAAGC,MAAO,IAAKhD,SACtEoC,EAAAA,IACE,MAAA,CAAAF,IAAKxB,EACLT,GAAIA,EACJgD,MAAOC,EAAAA,eAAeC,KACtBC,MAAO,CAAEjD,SAAU,GAAGA,GAAY,OAClCkD,UAAW3B,EAAa1B,SACxBoC,MAACkB,EAAAA,6BAA6BC,SAAS,CAAAC,MAAO,WAC3CxD,SAAAA,UAKP,MAGV"}
+{"version":3,"file":"Dropdown-4b421eff.js","sources":["../../src/UNSAFE_Dropdown/Dropdown.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, RefObject, JSX } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\n\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { focusWithin } from '../utils/PRIVATE_tabbableUtils';\nimport { usePopupAnimation } from '#UNSAFE_Popup/usePopupAnimation';\nimport { getTransformOrigin } from '#utils/PRIVATE_popupAnimationUtils';\nimport { AnimationPopupElement } from '../UNSAFE_Popup/usePopupAnimation';\nimport { CollectionInteractionContext } from '#hooks/UNSAFE_useCollectionInteractionContext';\n\nimport { dropdownStyles } from './themes/dropdownStyles.css';\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\nimport {\n  DURATION_LARGE,\n  SCALE_UP_FULL,\n  mergeAnimationStateObjects\n} from '#utils/PRIVATE_animationUtils';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\n//Same as Menu onClose, only difference is mouseDown instead of outside click\n//Once menu consumes dropdown is going to start using mouseDown\nexport type CloseDetail = { reason: 'dismissed' } | { reason: 'outsideMousedown'; target: Element };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   *Specifies whether Dropdown is open.\n   */\n  isOpen?: boolean;\n  /**\n   * Trigger element reference.\n   */\n  anchorRef: FloatingProps['anchorRef'];\n  /**\n   * Id of the dropdown container.\n   * Used usually for accesibility reasons.\n   */\n  id?: string;\n  /**\n   * Called when dropdown is supposed to be closed.\n   * Called when user tab/esc or mouseDown outside the dropdown.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   *Min width represented in pixels of the dropdown container.\n   */\n  minWidth?: number;\n  /**\n   * Placement of the floating element relative to its reference element.\n   */\n  placement?: FloatingProps['placement'];\n  /**\n   * Offset displaces the floating element from its core placement along the specified axes.\n   */\n  offset?: FloatingProps['offsetValue'];\n  /**\n   * Triggered when placement or coordinates are changed after collision is detected.\n   */\n  onPosition?: FloatingProps['onPosition'];\n  /**\n   * Specifies the flipping behavior along the respective axis.\n   */\n  flipOptions?: FloatingProps['flipOptions'];\n  /**\n   * Specifies the resizing behaviour for max-height and max-width of the floating component.\n   */\n  sizeOptions?: FloatingProps['sizeOptions'];\n\n  /**\n   *  Specifies the shift behavior along the respective axis\n   */\n  shiftOptions?: FloatingProps['shiftOptions'];\n  /**\n   * Specifies initial focus.\n   */\n  initialFocus?: 'none' | 'firstFocusable';\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\nconst DEFAULT_OFFSET = { mainAxis: 4, crossAxis: 0 };\nconst DEFAULT_SIZE_OPTIONS = { isMaxWidthAdjusted: true, isMaxHeightAdjusted: true };\nconst DEFAULT_FLIP_OPTIONS = { mainAxis: true, crossAxis: true };\n\nconst animationStates: Parameters<typeof usePopupAnimation>[0]['animationStates'] = {\n  opening: (node: AnimationPopupElement) => {\n    return mergeAnimationStateObjects(\n      [\n        SCALE_UP_FULL,\n        {\n          from: { transformOrigin: getTransformOrigin(node.placement, node.direction) },\n          to: { transformOrigin: getTransformOrigin(node.placement, node.direction) }\n        }\n      ],\n      {\n        duration: DURATION_LARGE\n      }\n    );\n  }\n};\n\n//TODO: Add animation to dropdown. JET-62628\n//TODO: Investigate best approach to have different virtual padding depending on the position and implement it.JET-57950\nexport function Dropdown({\n  isOpen = false,\n  anchorRef,\n  children,\n  id,\n  onClose,\n  minWidth,\n  placement = DEFAULT_PLACEMENT,\n  offset = DEFAULT_OFFSET,\n  onPosition,\n  flipOptions = DEFAULT_FLIP_OPTIONS,\n  sizeOptions = DEFAULT_SIZE_OPTIONS,\n  shiftOptions,\n  initialFocus = 'none'\n}: Props) {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const onTransitionEnd = useCallback(\n    (isOpen: boolean) => {\n      if (isOpen && initialFocus === 'firstFocusable') {\n        const dropdownElement = dropdownRef.current;\n        if (dropdownElement) {\n          focusWithin(dropdownElement);\n        }\n      }\n    },\n    [initialFocus]\n  );\n\n  const {\n    status,\n    setAnimationElementRef,\n    onPosition: onPositionAnimated\n  } = usePopupAnimation({\n    isOpen,\n    placement,\n    isAnimatedOnMount: true,\n    animationStates,\n    onPosition,\n    onTransitionEnd\n  });\n\n  const handleMousedownClose = useCallback(\n    (event: MouseEvent) => {\n      onClose?.({ reason: 'outsideMousedown', target: event.target as Element });\n    },\n    [onClose]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented) {\n        return;\n      }\n      switch (event.code) {\n        case KEYS.ESC:\n          onClose?.({ reason: 'dismissed' });\n          break;\n        case KEYS.TAB:\n          onClose?.({ reason: 'dismissed' });\n          break;\n        default:\n          break;\n      }\n    },\n    [onClose]\n  );\n\n  // use the mousedown event to be consistent with legacy JET\n  useOutsideMousedown({\n    isDisabled: false,\n    ref: [dropdownRef],\n    handler: handleMousedownClose\n  });\n\n  return (\n    <>\n      {status !== 'unmounted' ? (\n        <Layer logicalParentRef={anchorRef as RefObject<Element>}>\n          <Floating\n            anchorRef={anchorRef}\n            ref={setAnimationElementRef}\n            placement={placement}\n            flipOptions={flipOptions}\n            shiftOptions={shiftOptions}\n            sizeOptions={sizeOptions}\n            offsetValue={offset}\n            onPosition={onPositionAnimated}\n            boundaryOptions={{ padding: { top: 8, bottom: 8, left: 0, right: 0 } }}>\n            <div\n              ref={dropdownRef}\n              id={id}\n              class={dropdownStyles.base}\n              style={{ minWidth: `${minWidth || 0}px` }}\n              onKeyDown={handleKeyDown}>\n              <CollectionInteractionContext.Provider value={'embedded'}>\n                {children}\n              </CollectionInteractionContext.Provider>\n            </div>\n          </Floating>\n        </Layer>\n      ) : null}\n    </>\n  );\n}\n"],"names":["DEFAULT_OFFSET","mainAxis","crossAxis","DEFAULT_SIZE_OPTIONS","isMaxWidthAdjusted","isMaxHeightAdjusted","DEFAULT_FLIP_OPTIONS","animationStates","opening","node","mergeAnimationStateObjects","SCALE_UP_FULL","from","transformOrigin","getTransformOrigin","placement","direction","to","duration","DURATION_LARGE","isOpen","anchorRef","children","id","onClose","minWidth","offset","onPosition","flipOptions","sizeOptions","shiftOptions","initialFocus","dropdownRef","useRef","onTransitionEnd","useCallback","dropdownElement","current","focusWithin","status","setAnimationElementRef","onPositionAnimated","usePopupAnimation","isAnimatedOnMount","handleMousedownClose","event","reason","target","handleKeyDown","defaultPrevented","code","KEYS","ESC","TAB","useOutsideMousedown","isDisabled","ref","handler","_jsx","_Fragment","jsx","Layer","logicalParentRef","Floating","offsetValue","boundaryOptions","padding","top","bottom","left","right","class","dropdownStyles","base","style","onKeyDown","CollectionInteractionContext","Provider","value"],"mappings":"wcA0FA,MACMA,EAAiB,CAAEC,SAAU,EAAGC,UAAW,GAC3CC,EAAuB,CAAEC,oBAAoB,EAAMC,qBAAqB,GACxEC,EAAuB,CAAEL,UAAU,EAAMC,WAAW,GAEpDK,EAA8E,CAClFC,QAAUC,GACDC,6BACL,CACEC,EAAaA,cACb,CACEC,KAAM,CAAEC,gBAAiBC,EAAkBA,mBAACL,EAAKM,UAAWN,EAAKO,YACjEC,GAAI,CAAEJ,gBAAiBC,EAAkBA,mBAACL,EAAKM,UAAWN,EAAKO,cAGnE,CACEE,SAAUC,EAAcA,uCAQPC,OACvBA,GAAS,EAAKC,UACdA,EAASC,SACTA,EAAQC,GACRA,EAAEC,QACFA,EAAOC,SACPA,EAAQV,UACRA,EA/BwB,eA+BKW,OAC7BA,EAAS1B,EAAc2B,WACvBA,EAAUC,YACVA,EAActB,EAAoBuB,YAClCA,EAAc1B,EAAoB2B,aAClCA,EAAYC,aACZA,EAAe,SAEf,MAAMC,EAAcC,SAAuB,MAErCC,EAAkBC,eACrBf,IACC,GAAIA,GAA2B,mBAAjBW,EAAmC,CAC/C,MAAMK,EAAkBJ,EAAYK,QAChCD,GACFE,EAAWA,YAACF,EAEf,IAEH,CAACL,KAGGQ,OACJA,EAAMC,uBACNA,EACAb,WAAYc,GACVC,EAAAA,kBAAkB,CACpBtB,SACAL,YACA4B,mBAAmB,EACnBpC,kBACAoB,aACAO,oBAGIU,EAAuBT,eAC1BU,IACCrB,IAAU,CAAEsB,OAAQ,mBAAoBC,OAAQF,EAAME,QAAoB,GAE5E,CAACvB,IAGGwB,EAAgBb,eACnBU,IACC,IAAIA,EAAMI,iBAGV,OAAQJ,EAAMK,MACZ,KAAKC,EAAIA,KAACC,IAGV,KAAKD,EAAIA,KAACE,IACR7B,IAAU,CAAEsB,OAAQ,cAIvB,GAEH,CAACtB,IAUH,OANA8B,sBAAoB,CAClBC,YAAY,EACZC,IAAK,CAACxB,GACNyB,QAASb,IAITc,EAAAA,IAAAC,EAAAA,SAAA,CAAArC,SACc,cAAXiB,EACCmB,EAAAE,IAACC,QAAK,CAACC,iBAAkBzC,EAA+BC,SACtDoC,EAAAA,IAACK,EAAQA,SACP,CAAA1C,UAAWA,EACXmC,IAAKhB,EACLzB,UAAWA,EACXa,YAAaA,EACbE,aAAcA,EACdD,YAAaA,EACbmC,YAAatC,EACbC,WAAYc,EACZwB,gBAAiB,CAAEC,QAAS,CAAEC,IAAK,EAAGC,OAAQ,EAAGC,KAAM,EAAGC,MAAO,IAAKhD,SACtEoC,EAAAA,IACE,MAAA,CAAAF,IAAKxB,EACLT,GAAIA,EACJgD,MAAOC,EAAAA,eAAeC,KACtBC,MAAO,CAAEjD,SAAU,GAAGA,GAAY,OAClCkD,UAAW3B,EAAa1B,SACxBoC,MAACkB,EAAAA,6BAA6BC,SAAS,CAAAC,MAAO,WAC3CxD,SAAAA,UAKP,MAGV"}

package/amd/{EnvironmentProvider-c0e1e39b.js → EnvironmentProvider-8f6fc388.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './LayerHost-639b3284', 'preact/hooks', './LayerManager-2972de92'], (function(e,n,r,t,o){"use strict";function s(e,n){const r=Object.assign({},e.user,n?.user),t=Object.assign({},e.theme,n?.theme),o=Object.assign({},e.translations),s=n?.translations||{};return Object.keys(s).forEach((e=>{let n=s[e];o[e]&&(n=Object.assign({},o[e],n)),o[e]=n})),{user:r,theme:t,translations:o,colorScheme:n?.colorScheme??e.colorScheme,scale:n?.scale??e.scale,currentBgColor:n?.currentBgColor??e.currentBgColor,mode:n?.mode??e.mode,density:n?.density??e.density}}e.EnvironmentProvider=function({children:e,environment:o}){const i=t.useContext(r.EnvironmentContext),c=t.useMemo((()=>s(i,o)),[i,o]);return n.jsx(r.EnvironmentContext.Provider,{value:c,children:e})},e.RootEnvironmentProvider=function({children:e,environment:i}){const c=t.useMemo((()=>s(r.DefaultEnvironment,i)),[i]);return n.jsx(r.EnvironmentContext.Provider,{value:c,children:n.jsx(o.LayerManager,{children:e})})}}));
-//# sourceMappingURL=EnvironmentProvider-c0e1e39b.js.map
+define(['exports', 'preact/jsx-runtime', './LayerHost-e95c5f30', 'preact/hooks', './LayerManager-76fcfb58'], (function(e,n,r,t,o){"use strict";function s(e,n){const r=Object.assign({},e.user,n?.user),t=Object.assign({},e.theme,n?.theme),o=Object.assign({},e.translations),s=n?.translations||{};return Object.keys(s).forEach((e=>{let n=s[e];o[e]&&(n=Object.assign({},o[e],n)),o[e]=n})),{user:r,theme:t,translations:o,colorScheme:n?.colorScheme??e.colorScheme,scale:n?.scale??e.scale,currentBgColor:n?.currentBgColor??e.currentBgColor,mode:n?.mode??e.mode,density:n?.density??e.density}}e.EnvironmentProvider=function({children:e,environment:o}){const c=t.useContext(r.EnvironmentContext),i=t.useMemo((()=>s(c,o)),[c,o]);return n.jsx(r.EnvironmentContext.Provider,{value:i,children:e})},e.RootEnvironmentProvider=function({children:e,environment:c}){const i=t.useMemo((()=>s(r.DefaultEnvironment,c)),[c]);return n.jsx(r.EnvironmentContext.Provider,{value:i,children:n.jsx(o.LayerManager,{children:e})})}}));
+//# sourceMappingURL=EnvironmentProvider-8f6fc388.js.map

package/amd/{EnvironmentProvider-c0e1e39b.js.map → EnvironmentProvider-8f6fc388.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentProvider-c0e1e39b.js","sources":["../../src/UNSAFE_Environment/EnvironmentProvider.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 {\n  CompleteEnvironmentType,\n  DefaultEnvironment,\n  Environment,\n  EnvironmentContext,\n  RootEnvironment\n} from './EnvironmentContext';\nimport { useContext, useMemo } from 'preact/hooks';\n\nimport { ComponentChildren } from 'preact';\nimport { LayerManager } from '../UNSAFE_Layer/LayerManager';\n\n// EnvironmentProvider properties\nexport declare type ProviderProperties<Env extends RootEnvironment | Environment> = {\n  environment?: Env;\n  children?: ComponentChildren;\n};\n\n// Custom merge function\nfunction mergeEnvironment(\n  env1: CompleteEnvironmentType,\n  env2: Partial<RootEnvironment> | undefined\n) {\n  const userValue = Object.assign({}, env1.user, env2?.user);\n  const themeValue = Object.assign({}, env1.theme, env2?.theme);\n\n  // Merge translation values - one level merge\n  const targetTranslations = Object.assign({}, env1.translations);\n  const sourceTranslations = env2?.translations || {};\n  Object.keys(sourceTranslations).forEach((key) => {\n    let newVal = sourceTranslations[key];\n    if (targetTranslations[key]) {\n      // merge is needed\n      newVal = Object.assign({}, targetTranslations[key], newVal);\n    }\n    targetTranslations[key] = newVal;\n  });\n\n  return {\n    user: userValue,\n    theme: themeValue,\n    translations: targetTranslations,\n    colorScheme: env2?.colorScheme ?? env1.colorScheme,\n    scale: env2?.scale ?? env1.scale,\n    currentBgColor: env2?.currentBgColor ?? env1.currentBgColor,\n    mode: env2?.mode ?? env1.mode,\n    density: env2?.density ?? env1.density\n  };\n}\n\n/**\n * The RootEnvironmentProvider component bootstraps essential services and\n * must be placed at the root of any application using components from '@oracle/oraclejet-preact'.\n * Minimally, the application must load the appropriate translation bundle for the user's locale\n * and set it on the RootEnvironmentProvider.\n */\nexport function RootEnvironmentProvider({\n  children,\n  environment\n}: ProviderProperties<RootEnvironment>) {\n  const mergedEnvironment = useMemo(\n    () => mergeEnvironment(DefaultEnvironment, environment),\n    [environment]\n  );\n  return (\n    <EnvironmentContext.Provider value={mergedEnvironment}>\n      <LayerManager>{children}</LayerManager>\n    </EnvironmentContext.Provider>\n  );\n}\n\n/**\n * The EnvironmentProvider is a component that should be used by the application when there is a need to overwrite\n * environment values for a subtree.\n * The component receives an Environment object that will be merged into the values provided by the nearest ancestor Provider.\n * The new environment will be passed to the component's children.\n * Note that some environment values cannot be overwritten. See the description of the Environment type for the list of values\n * that can be replaced.\n */\nexport function EnvironmentProvider({ children, environment }: ProviderProperties<Environment>) {\n  const consumerEnv = useContext(EnvironmentContext);\n  const mergedEnvironment = useMemo(\n    () => mergeEnvironment(consumerEnv, environment),\n    [consumerEnv, environment]\n  );\n\n  return (\n    <EnvironmentContext.Provider value={mergedEnvironment}>{children}</EnvironmentContext.Provider>\n  );\n}\n"],"names":["mergeEnvironment","env1","env2","userValue","Object","assign","user","themeValue","theme","targetTranslations","translations","sourceTranslations","keys","forEach","key","newVal","colorScheme","scale","currentBgColor","mode","density","children","environment","consumerEnv","useContext","EnvironmentContext","mergedEnvironment","useMemo","_jsx","jsx","Provider","value","DefaultEnvironment","LayerManager"],"mappings":"0IA2BA,SAASA,EACPC,EACAC,GAEA,MAAMC,EAAYC,OAAOC,OAAO,CAAA,EAAIJ,EAAKK,KAAMJ,GAAMI,MAC/CC,EAAaH,OAAOC,OAAO,CAAA,EAAIJ,EAAKO,MAAON,GAAMM,OAGjDC,EAAqBL,OAAOC,OAAO,CAAA,EAAIJ,EAAKS,cAC5CC,EAAqBT,GAAMQ,cAAgB,GAUjD,OATAN,OAAOQ,KAAKD,GAAoBE,SAASC,IACvC,IAAIC,EAASJ,EAAmBG,GAC5BL,EAAmBK,KAErBC,EAASX,OAAOC,OAAO,CAAA,EAAII,EAAmBK,GAAMC,IAEtDN,EAAmBK,GAAOC,CAAM,IAG3B,CACLT,KAAMH,EACNK,MAAOD,EACPG,aAAcD,EACdO,YAAad,GAAMc,aAAef,EAAKe,YACvCC,MAAOf,GAAMe,OAAShB,EAAKgB,MAC3BC,eAAgBhB,GAAMgB,gBAAkBjB,EAAKiB,eAC7CC,KAAMjB,GAAMiB,MAAQlB,EAAKkB,KACzBC,QAASlB,GAAMkB,SAAWnB,EAAKmB,QAEnC,iCA+BoCC,SAAEA,EAAQC,YAAEA,IAC9C,MAAMC,EAAcC,aAAWC,EAAAA,oBACzBC,EAAoBC,WACxB,IAAM3B,EAAiBuB,EAAaD,IACpC,CAACC,EAAaD,IAGhB,OACEM,EAAAC,IAACJ,EAAkBA,mBAACK,SAAQ,CAACC,MAAOL,EAAiBL,SAAGA,GAE5D,sCAjCwCA,SACtCA,EAAQC,YACRA,IAEA,MAAMI,EAAoBC,EAAOA,SAC/B,IAAM3B,EAAiBgC,EAAkBA,mBAAEV,IAC3C,CAACA,IAEH,OACEM,EAACC,IAAAJ,EAAkBA,mBAACK,UAASC,MAAOL,EAAiBL,SACnDO,MAACK,EAAYA,aAAA,CAAAZ,SAAEA,KAGrB"}
+{"version":3,"file":"EnvironmentProvider-8f6fc388.js","sources":["../../src/UNSAFE_Environment/EnvironmentProvider.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 {\n  CompleteEnvironmentType,\n  DefaultEnvironment,\n  Environment,\n  EnvironmentContext,\n  RootEnvironment\n} from './EnvironmentContext';\nimport { useContext, useMemo } from 'preact/hooks';\n\nimport { ComponentChildren } from 'preact';\nimport { LayerManager } from '../UNSAFE_Layer/LayerManager';\n\n// EnvironmentProvider properties\nexport declare type ProviderProperties<Env extends RootEnvironment | Environment> = {\n  environment?: Env;\n  children?: ComponentChildren;\n};\n\n// Custom merge function\nfunction mergeEnvironment(\n  env1: CompleteEnvironmentType,\n  env2: Partial<RootEnvironment> | undefined\n) {\n  const userValue = Object.assign({}, env1.user, env2?.user);\n  const themeValue = Object.assign({}, env1.theme, env2?.theme);\n\n  // Merge translation values - one level merge\n  const targetTranslations = Object.assign({}, env1.translations);\n  const sourceTranslations = env2?.translations || {};\n  Object.keys(sourceTranslations).forEach((key) => {\n    let newVal = sourceTranslations[key];\n    if (targetTranslations[key]) {\n      // merge is needed\n      newVal = Object.assign({}, targetTranslations[key], newVal);\n    }\n    targetTranslations[key] = newVal;\n  });\n\n  return {\n    user: userValue,\n    theme: themeValue,\n    translations: targetTranslations,\n    colorScheme: env2?.colorScheme ?? env1.colorScheme,\n    scale: env2?.scale ?? env1.scale,\n    currentBgColor: env2?.currentBgColor ?? env1.currentBgColor,\n    mode: env2?.mode ?? env1.mode,\n    density: env2?.density ?? env1.density\n  };\n}\n\n/**\n * The RootEnvironmentProvider component bootstraps essential services and\n * must be placed at the root of any application using components from '@oracle/oraclejet-preact'.\n * Minimally, the application must load the appropriate translation bundle for the user's locale\n * and set it on the RootEnvironmentProvider.\n */\nexport function RootEnvironmentProvider({\n  children,\n  environment\n}: ProviderProperties<RootEnvironment>) {\n  const mergedEnvironment = useMemo(\n    () => mergeEnvironment(DefaultEnvironment, environment),\n    [environment]\n  );\n  return (\n    <EnvironmentContext.Provider value={mergedEnvironment}>\n      <LayerManager>{children}</LayerManager>\n    </EnvironmentContext.Provider>\n  );\n}\n\n/**\n * The EnvironmentProvider is a component that should be used by the application when there is a need to overwrite\n * environment values for a subtree.\n * The component receives an Environment object that will be merged into the values provided by the nearest ancestor Provider.\n * The new environment will be passed to the component's children.\n * Note that some environment values cannot be overwritten. See the description of the Environment type for the list of values\n * that can be replaced.\n */\nexport function EnvironmentProvider({ children, environment }: ProviderProperties<Environment>) {\n  const consumerEnv = useContext(EnvironmentContext);\n  const mergedEnvironment = useMemo(\n    () => mergeEnvironment(consumerEnv, environment),\n    [consumerEnv, environment]\n  );\n\n  return (\n    <EnvironmentContext.Provider value={mergedEnvironment}>{children}</EnvironmentContext.Provider>\n  );\n}\n"],"names":["mergeEnvironment","env1","env2","userValue","Object","assign","user","themeValue","theme","targetTranslations","translations","sourceTranslations","keys","forEach","key","newVal","colorScheme","scale","currentBgColor","mode","density","children","environment","consumerEnv","useContext","EnvironmentContext","mergedEnvironment","useMemo","_jsx","jsx","Provider","value","DefaultEnvironment","LayerManager"],"mappings":"0IA2BA,SAASA,EACPC,EACAC,GAEA,MAAMC,EAAYC,OAAOC,OAAO,CAAA,EAAIJ,EAAKK,KAAMJ,GAAMI,MAC/CC,EAAaH,OAAOC,OAAO,CAAA,EAAIJ,EAAKO,MAAON,GAAMM,OAGjDC,EAAqBL,OAAOC,OAAO,CAAA,EAAIJ,EAAKS,cAC5CC,EAAqBT,GAAMQ,cAAgB,GAUjD,OATAN,OAAOQ,KAAKD,GAAoBE,SAASC,IACvC,IAAIC,EAASJ,EAAmBG,GAC5BL,EAAmBK,KAErBC,EAASX,OAAOC,OAAO,CAAA,EAAII,EAAmBK,GAAMC,IAEtDN,EAAmBK,GAAOC,CAAM,IAG3B,CACLT,KAAMH,EACNK,MAAOD,EACPG,aAAcD,EACdO,YAAad,GAAMc,aAAef,EAAKe,YACvCC,MAAOf,GAAMe,OAAShB,EAAKgB,MAC3BC,eAAgBhB,GAAMgB,gBAAkBjB,EAAKiB,eAC7CC,KAAMjB,GAAMiB,MAAQlB,EAAKkB,KACzBC,QAASlB,GAAMkB,SAAWnB,EAAKmB,QAEnC,iCA+BoCC,SAAEA,EAAQC,YAAEA,IAC9C,MAAMC,EAAcC,aAAWC,EAAAA,oBACzBC,EAAoBC,WACxB,IAAM3B,EAAiBuB,EAAaD,IACpC,CAACC,EAAaD,IAGhB,OACEM,EAAAC,IAACJ,EAAkBA,mBAACK,SAAQ,CAACC,MAAOL,EAAiBL,SAAGA,GAE5D,sCAjCwCA,SACtCA,EAAQC,YACRA,IAEA,MAAMI,EAAoBC,EAAOA,SAC/B,IAAM3B,EAAiBgC,EAAkBA,mBAAEV,IAC3C,CAACA,IAEH,OACEM,EAACC,IAAAJ,EAAkBA,mBAACK,UAASC,MAAOL,EAAiBL,SACnDO,MAACK,EAAYA,aAAA,CAAAZ,SAAEA,KAGrB"}

package/amd/ExpandableList-dd3a05b4.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', './classNames-08d99695', './useId-c9578d26', './useTranslationBundle-d07d4b20', './keys-4755c121', './HiddenAccessible-037ef42d', './ChevronDown-64f938c5', './CollapseIcon-e030531c', './LiveRegion-9a362373', './useUser-3ef25571', './collectionUtils-17f5cc64', './Button-3dc2a041', './GroupLoadingIndicator-6b2ab709', './List-0b764e84'], (function(e,t,n,a,s,o,i,r,l,d,c,u,p,x,g,y,m,k){"use strict";const f=e=>{"Enter"!==e.key&&" "!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.preventDefault()},h=(e,t,n,a,s)=>{const o=a(t);if(s&&o){const t=l.containsKey(n,o);(e&&t||!e&&!t)&&s({value:o})}},v=(e,t,n)=>{const a=t(e.target);n&&a&&(n({value:a}),"click"===e.type&&e.stopPropagation())};const b={all:!1,keys:new Set},C=s.memo((e=>{const n=o.classNames(["oj-listview-expander"]);return t.jsx("span",{class:n,role:"presentation",children:t.jsx(y.Button,{onAction:()=>{e.onToggle({value:e.itemKey})},variant:"ghost",startIcon:e.expanded?t.jsx(c.SvgChevronDown,{size:"6x"}):t.jsx(u.CollapseIcon,{size:"6x"})})})}),((e,t)=>e.itemKey===t.itemKey&&e.expanded===t.expanded&&e.onToggle===t.onToggle));e.ExpandableList=function({children:e,data:s,onSelectionChange:o,onToggle:c,onPersistCurrentItem:u,...y}){const[L,j]=a.useState(""),I=r.useTranslationBundle("@oracle/oraclejet-preact"),K=a.useRef(),T=a.useCallback((e=>{K.current=e.value,u?.(e)}),[u]),A=a.useCallback((e=>{if(c?.(e),s){const t=l.containsKey(s?.expanded,e.value);j(t?I.expandableList_groupCollapse():I.expandableList_groupExpand()),setTimeout((()=>{j("")}),1e3)}}),[c,s,I]),R=function(e,t,n){const{direction:s}=x.useUser(),o=a.useCallback((t=>{v(t,e,n)}),[e,n]),i=a.useCallback((a=>{if("Enter"===a.key||" "===a.key)v(a,e,n);else if("ArrowLeft"===a.key||"ArrowRight"===a.key){const o="rtl"===s,i="ArrowLeft"===a.key&&!o;h(i,a.target,t,e,n),a.preventDefault(),a.stopPropagation()}}),[e,n,t,s]);return n?{onClick:o,onKeyDown:f,onKeyUp:i}:{}}((e=>"treegrid"===e.getAttribute("role")?void 0===K.current?null:K.current:g.keyExtractor(e,m.GROUP_SELECTOR)),null==s?b:s.expanded,c&&A),w=i.useId(),D=a.useRef(w),E=a.useCallback((e=>{if(o&&s){const t=k.excludeGroup(s,e.value);l.isSameKey(t,e.value)?o(e):t.keys&&t.keys.size>0&&o({...e,value:t})}}),[o,s]);return t.jsxs(n.Fragment,{children:[t.jsx(k.List,{data:s,role:"treegrid",loadingIndicator:t.jsx(m.GroupLoadingIndicator,{}),onSelectionChange:E,customItemRenderer:n=>{const a=n.listItemContext.metadata.key,o=s&&c?{expanded:l.containsKey(s.expanded,a),onToggle:c}:void 0,i=((e,n)=>{const a=void 0!==n?()=>t.jsx(C,{itemKey:e.metadata.key,expanded:n.expanded,onToggle:n.onToggle}):void 0;return{...e,parentKey:e.metadata.parentKey,leaf:e.metadata.isLeaf??!0,depth:e.metadata.treeDepth??1,expander:a}})(n.listItemContext,o);return i.leaf?n.defaultListItem(i,{itemDepth:i.depth+1}):t.jsx(m.ListGroupHeader,{ariaDescribedBy:D.current,itemKey:i.metadata.key,itemIndex:i.index,itemDepth:i.depth,isFocused:n.isFocused,isFocusRingVisible:n.isFocusRingVisible,isActive:n.isActive,isGridlineVisible:!1,isExpandable:!0,expandedKeys:null==s?b:s.expanded,onToggle:c,children:e(i)},i.metadata.key)},onPersistCurrentItem:T,...y,...R,children:t=>e(t)}),c&&t.jsxs(n.Fragment,{children:[t.jsx(p.LiveRegion,{children:L}),t.jsx("span",{id:D.current,children:t.jsx(d.HiddenAccessible,{children:I.expandableList_expandCollapseInstructionText()})})]})]})}}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', './classNames-08d99695', './useId-c9578d26', './useTranslationBundle-516b1b83', './keys-4755c121', './HiddenAccessible-037ef42d', './ChevronDown-64f938c5', './CollapseIcon-e030531c', './LiveRegion-8142ed0d', './useUser-85c781ea', './collectionUtils-17f5cc64', './Button-3dc2a041', './GroupLoadingIndicator-6b2ab709', './List-0b764e84'], (function(e,t,n,a,s,o,i,r,l,d,c,u,p,x,g,y,m,k){"use strict";const f=e=>{"Enter"!==e.key&&" "!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.preventDefault()},h=(e,t,n,a,s)=>{const o=a(t);if(s&&o){const t=l.containsKey(n,o);(e&&t||!e&&!t)&&s({value:o})}},v=(e,t,n)=>{const a=t(e.target);n&&a&&(n({value:a}),"click"===e.type&&e.stopPropagation())};const b={all:!1,keys:new Set},C=s.memo((e=>{const n=o.classNames(["oj-listview-expander"]);return t.jsx("span",{class:n,role:"presentation",children:t.jsx(y.Button,{onAction:()=>{e.onToggle({value:e.itemKey})},variant:"ghost",startIcon:e.expanded?t.jsx(c.SvgChevronDown,{size:"6x"}):t.jsx(u.CollapseIcon,{size:"6x"})})})}),((e,t)=>e.itemKey===t.itemKey&&e.expanded===t.expanded&&e.onToggle===t.onToggle));e.ExpandableList=function({children:e,data:s,onSelectionChange:o,onToggle:c,onPersistCurrentItem:u,...y}){const[L,j]=a.useState(""),I=r.useTranslationBundle("@oracle/oraclejet-preact"),K=a.useRef(),T=a.useCallback((e=>{K.current=e.value,u?.(e)}),[u]),A=a.useCallback((e=>{if(c?.(e),s){const t=l.containsKey(s?.expanded,e.value);j(t?I.expandableList_groupCollapse():I.expandableList_groupExpand()),setTimeout((()=>{j("")}),1e3)}}),[c,s,I]),R=function(e,t,n){const{direction:s}=x.useUser(),o=a.useCallback((t=>{v(t,e,n)}),[e,n]),i=a.useCallback((a=>{if("Enter"===a.key||" "===a.key)v(a,e,n);else if("ArrowLeft"===a.key||"ArrowRight"===a.key){const o="rtl"===s,i="ArrowLeft"===a.key&&!o;h(i,a.target,t,e,n),a.preventDefault(),a.stopPropagation()}}),[e,n,t,s]);return n?{onClick:o,onKeyDown:f,onKeyUp:i}:{}}((e=>"treegrid"===e.getAttribute("role")?void 0===K.current?null:K.current:g.keyExtractor(e,m.GROUP_SELECTOR)),null==s?b:s.expanded,c&&A),w=i.useId(),D=a.useRef(w),E=a.useCallback((e=>{if(o&&s){const t=k.excludeGroup(s,e.value);l.isSameKey(t,e.value)?o(e):t.keys&&t.keys.size>0&&o({...e,value:t})}}),[o,s]);return t.jsxs(n.Fragment,{children:[t.jsx(k.List,{data:s,role:"treegrid",loadingIndicator:t.jsx(m.GroupLoadingIndicator,{}),onSelectionChange:E,customItemRenderer:n=>{const a=n.listItemContext.metadata.key,o=s&&c?{expanded:l.containsKey(s.expanded,a),onToggle:c}:void 0,i=((e,n)=>{const a=void 0!==n?()=>t.jsx(C,{itemKey:e.metadata.key,expanded:n.expanded,onToggle:n.onToggle}):void 0;return{...e,parentKey:e.metadata.parentKey,leaf:e.metadata.isLeaf??!0,depth:e.metadata.treeDepth??1,expander:a}})(n.listItemContext,o);return i.leaf?n.defaultListItem(i,{itemDepth:i.depth+1}):t.jsx(m.ListGroupHeader,{ariaDescribedBy:D.current,itemKey:i.metadata.key,itemIndex:i.index,itemDepth:i.depth,isFocused:n.isFocused,isFocusRingVisible:n.isFocusRingVisible,isActive:n.isActive,isGridlineVisible:!1,isExpandable:!0,expandedKeys:null==s?b:s.expanded,onToggle:c,children:e(i)},i.metadata.key)},onPersistCurrentItem:T,...y,...R,children:t=>e(t)}),c&&t.jsxs(n.Fragment,{children:[t.jsx(p.LiveRegion,{children:L}),t.jsx("span",{id:D.current,children:t.jsx(d.HiddenAccessible,{children:I.expandableList_expandCollapseInstructionText()})})]})]})}}));
 //# sourceMappingURL=ExpandableList-dd3a05b4.js.map

package/amd/FilePicker-4636b49b.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './mergeProps-bcfa6a92', './classNames-08d99695', './useTranslationBundle-d07d4b20', './size-a75b3f13', './stringUtils-0ae982c2', './filePickerUtils-e4392bf2', './clientHints-4f5a07b0', './usePress-949a0d03', 'preact/hooks', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTestId-b5cd4766', './useComponentTheme-5aa41a8f', './useInteractionStyle-76a64325', './UNSAFE_FilePicker/themes/redwood/FilePickerTheme'], (function(e,t,r,s,i,a,n,l,o,d,c,u,p,y,h,f,m){"use strict";const v=({ariaLabel:e,isDisabled:t,translations:r,primaryText:s,secondaryText:i,selectionMode:a})=>e||`${t?"":r.filePicker_addFiles()+". "}${T(s,r)}. ${g(i,r,a)}`,b=(e,t)=>({width:e?a.sizeToCSS(e):void 0,height:t?a.sizeToCSS(t):void 0}),T=(e,t)=>e||t.filePicker_dropzonePrimaryText(),g=(e,t,r)=>{const s="multiple"===r?t.filePicker_dropzoneSecondaryTextMultiple():t.filePicker_dropzoneSecondaryText();return e||s},x=(e,t,r)=>{const s=[],i=[];let a,n;if(e)for(let l=0;l<e.length;l++){a=e[l];const o=a.name;if(n=r.filePicker_unknownFileTypeUploadError(),o){const e=o.split(".");n=e.length>1?"."+e.pop():n}n=a.type?a.type:n,-1===s.indexOf(n)&&-1===i.indexOf(n)&&(k(a,t)?s.push(n):i.push(n))}return{accepted:s,rejected:i}},P=e=>{const t={length:{value:e.length},item:{value(e){return this[e]}}};for(let r=0;r<e.length;r++)t[r]={value:e[r],enumerable:!0};return Object.create(FileList.prototype,t)},D=(e,t)=>"single"!==t||1===e.length,S=(e,t)=>{const r=[];return 1===e.length?r.push({severity:"error",summary:t.filePicker_singleTypeUploadError({fileType:e[0]})}):r.push({severity:"error",summary:t.filePicker_multipleFileTypeUploadError({fileTypes:e.join(t.plural_separator())})}),r},k=(e,t)=>{const r=t;if(!r||0===r.length||!e)return!0;let s;for(let t=0;t<r.length;t++){if(s=n.trim(r[t]),!s)return!0;if(s.startsWith(".",0)){if(!e.name||e.name&&e.name.toLowerCase().endsWith(s.toLowerCase()))return!0}else{if(!e.type)return!1;if("image/*"===s){if(e.type.startsWith("image/",0))return!0}else if("video/*"===s){if(e.type.startsWith("video/",0))return!0}else if("audio/*"===s){if(e.type.startsWith("audio/",0))return!0}else if(e.type===s)return!0}}return!1},j=(e,t,r)=>{let s;const i=t?new Promise((e=>{s=e})):null;return r?.({messages:e,until:i}),s},H=(e,t)=>{const r=P(e);t?.({files:r})},M=(e,t,r)=>{const{callback:s,validation:i}=w(e),{pressProps:a}=d.usePress(s);return{validation:i,dragAndDropProps:C(e.accept,e.selectionMode,j,H,t,e.translations,e.onCommit,e.onReject,r),pressProps:a}},w=e=>{const t=t=>{if(t.length>0){const r=x(t,e.accept,e.translations).rejected;r.length>0?j(S(r,e.translations),!1,e.onReject):H(t,e.onCommit)}};return{callback:r=>{("click"===r.type||"keyup"===r.type&&"Enter"===r.code)&&(r.preventDefault(),l.pickFiles(t,{accept:e.accept,selectionMode:e.selectionMode??"multiple",capture:e.capture??"none"}))},validation:t}},C=(e,t,r,s,i,a,n,l,d)=>{const u=c.useRef(!1),p=c.useRef(!1),y=c.useRef(),h=(e,t=!1)=>{u.current&&(e.preventDefault(),e.stopPropagation(),i.current?.contains(e.relatedTarget)||(u.current=!1,d?.("NA"),p.current||t||y.current?.()))};return{onDragEnter:e=>{e.preventDefault(),e.stopPropagation()},onDragOver:s=>{if(s.preventDefault(),s.stopPropagation(),u.current)return;const i=o.getClientHints().browser;if(u.current=!0,p.current=!0,"safari"!==i){if(!s.dataTransfer)return;const i=P(s.dataTransfer.items);let n=[];const o=D(i,t),c=x(i,e,a);o&&0===c.rejected.length?d?.("valid"):(p.current=!1,o?n=S(c.rejected,a):n.push({severity:"error",summary:a.filePicker_singleFileUploadError()}),d?.("invalid"),y.current=r(n,!0,l))}else d?.("valid")},onDragLeave:h,onDrop:i=>{if(u.current){if(i.preventDefault(),i.stopPropagation(),!i.dataTransfer)return void(u.current=!1);const o=P(i.dataTransfer.files);let d=!1;if(p.current){let i=[];if(D(o,t)){const t=x(o,e,a);t.rejected.length>0&&(i=S(t.rejected,a),d=!0)}else i.push({severity:"error",summary:a.filePicker_singleFileUploadError()});i.length>0&&(p.current=!1,r(i,!1,l)),p.current&&s(o,n)}h(i,d)}}}},F=({isDisabled:e,primaryText:r,secondaryText:s,translations:i,selectionMode:a})=>{const{styles:{disabledPrimaryTextStyle:n,primaryTextStyle:l,disabledSecondaryTextStyle:o,secondaryTextStyle:d}}=h.useComponentTheme(m.FilePickerRedwoodTheme);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:e?n:l,children:T(r,i)}),t.jsx("div",{class:e?o:d,children:g(s,i,a)})]})};const R=e=>{const i=y.useTestId(e.testId),{interactionProps:a,applyActiveStyle:n,applyHoverStyle:l,applyPseudoHoverStyle:o}=f.useInteractionStyle({isDisabled:!1}),{classes:d,styles:{maxWidth:u,inner:T,activeStyle:g,innerNeedsEventsHoverStyle:x,innerPseudoHoverStyle:P,invalidDrop:D,validDrop:S}}=h.useComponentTheme(m.FilePickerRedwoodTheme,{hoveredState:l?"isHover":void 0,pseudoHoveredState:o?"isPseudoHover":void 0}),k=[n?g:"",l?x:"",o?P:""],[j,H]=c.useState("NA"),w="valid"===j?S:"invalid"===j?D:void 0,C=c.useRef(null),{validation:R,dragAndDropProps:I,pressProps:_}=M(e,C,H),L=r.mergeProps(_,a);E(I,R,e.testHandlersRef||null);const N=s.classNames([d,void 0===e.width&&u]),{isTabbable:U}=p.useTabbableMode(),{primaryText:W,secondaryText:A,translations:z,selectionMode:O,width:$,height:B}=e;return t.jsx("div",{...i,...L,class:N,tabIndex:U?0:-1,role:"button","aria-label":v({ariaLabel:e["aria-label"],isDisabled:!1,translations:z,primaryText:W,secondaryText:A,selectionMode:O}),ref:C,style:b($,B),children:t.jsx("div",{class:s.classNames([T,w,...k]),...I,children:t.jsx(F,{...e,isDisabled:!1})})})},I=({children:e,primaryText:r,secondaryText:i,translations:a,width:n,height:l,testId:o,...d})=>{const c=y.useTestId(o),{classes:u,styles:{maxWidth:p,inner:f,noChildrenMargin:T}}=h.useComponentTheme(m.FilePickerRedwoodTheme,{disabledState:"isDisabled"});return t.jsx("div",{class:s.classNames([u,f,T,void 0===n&&p]),role:"button","aria-label":v({ariaLabel:d["aria-label"],isDisabled:!0,translations:a,primaryText:r,secondaryText:i}),"aria-hidden":"true",...c,style:b(n,l),children:e||t.jsx(F,{secondaryText:i,primaryText:r,...d,isDisabled:!0,translations:a})})},_=e=>{const i=y.useTestId(e.testId),{interactionProps:a,applyHoverStyle:n,applyPseudoHoverStyle:l}=f.useInteractionStyle({isDisabled:!1}),{classes:o,styles:{maxWidth:d,noChildrenMargin:u}}=h.useComponentTheme(m.FilePickerRedwoodTheme,{hoveredState:n?"isHover":void 0,pseudoHoveredState:l?"isPseudoHover":void 0}),T=c.useRef(null),{validation:g,dragAndDropProps:x,pressProps:P}=M(e,T),D=r.mergeProps(P,x,a);E(x,g,e.testHandlersRef||null);const S=s.classNames([o,u,void 0===e.width&&d]),{translations:k,selectionMode:j}=e,{isTabbable:H}=p.useTabbableMode();return t.jsx("div",{class:s.classNames([S]),tabIndex:H?void 0:-1,role:"button","aria-label":v({ariaLabel:e["aria-label"],isDisabled:!1,translations:k,selectionMode:j}),ref:T,style:b(e.width,e.height),...i,...D,children:e.children})},E=(e,t,r)=>{c.useImperativeHandle(r,(()=>({onDragEnter:e.onDragEnter,onDragOver:e.onDragOver,onDrop:e.onDrop,onDragLeave:e.onDragLeave,onClickSelected:t})))};e.FilePicker=function({capture:e="none",isDisabled:r=!1,selectionMode:s="multiple",children:a,...n}){const l=n.__testHandlerSymbol,o={capture:e,selectionMode:s,translations:i.useTranslationBundle("@oracle/oraclejet-preact"),...n};return r?t.jsx(I,{...o,children:a}):a?t.jsx(_,{testHandlersRef:l,...o,children:a}):t.jsx(R,{testHandlersRef:l,...o})}}));
+define(['exports', 'preact/jsx-runtime', './mergeProps-bcfa6a92', './classNames-08d99695', './useTranslationBundle-516b1b83', './size-a75b3f13', './stringUtils-0ae982c2', './filePickerUtils-e4392bf2', './clientHints-4f5a07b0', './usePress-949a0d03', 'preact/hooks', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTestId-3a316499', './useComponentTheme-5aa41a8f', './useInteractionStyle-76a64325', './UNSAFE_FilePicker/themes/redwood/FilePickerTheme'], (function(e,t,r,s,i,a,n,l,o,d,c,u,p,y,h,f,m){"use strict";const v=({ariaLabel:e,isDisabled:t,translations:r,primaryText:s,secondaryText:i,selectionMode:a})=>e||`${t?"":r.filePicker_addFiles()+". "}${T(s,r)}. ${g(i,r,a)}`,b=(e,t)=>({width:e?a.sizeToCSS(e):void 0,height:t?a.sizeToCSS(t):void 0}),T=(e,t)=>e||t.filePicker_dropzonePrimaryText(),g=(e,t,r)=>{const s="multiple"===r?t.filePicker_dropzoneSecondaryTextMultiple():t.filePicker_dropzoneSecondaryText();return e||s},x=(e,t,r)=>{const s=[],i=[];let a,n;if(e)for(let l=0;l<e.length;l++){a=e[l];const o=a.name;if(n=r.filePicker_unknownFileTypeUploadError(),o){const e=o.split(".");n=e.length>1?"."+e.pop():n}n=a.type?a.type:n,-1===s.indexOf(n)&&-1===i.indexOf(n)&&(k(a,t)?s.push(n):i.push(n))}return{accepted:s,rejected:i}},P=e=>{const t={length:{value:e.length},item:{value(e){return this[e]}}};for(let r=0;r<e.length;r++)t[r]={value:e[r],enumerable:!0};return Object.create(FileList.prototype,t)},D=(e,t)=>"single"!==t||1===e.length,S=(e,t)=>{const r=[];return 1===e.length?r.push({severity:"error",summary:t.filePicker_singleTypeUploadError({fileType:e[0]})}):r.push({severity:"error",summary:t.filePicker_multipleFileTypeUploadError({fileTypes:e.join(t.plural_separator())})}),r},k=(e,t)=>{const r=t;if(!r||0===r.length||!e)return!0;let s;for(let t=0;t<r.length;t++){if(s=n.trim(r[t]),!s)return!0;if(s.startsWith(".",0)){if(!e.name||e.name&&e.name.toLowerCase().endsWith(s.toLowerCase()))return!0}else{if(!e.type)return!1;if("image/*"===s){if(e.type.startsWith("image/",0))return!0}else if("video/*"===s){if(e.type.startsWith("video/",0))return!0}else if("audio/*"===s){if(e.type.startsWith("audio/",0))return!0}else if(e.type===s)return!0}}return!1},j=(e,t,r)=>{let s;const i=t?new Promise((e=>{s=e})):null;return r?.({messages:e,until:i}),s},H=(e,t)=>{const r=P(e);t?.({files:r})},M=(e,t,r)=>{const{callback:s,validation:i}=w(e),{pressProps:a}=d.usePress(s);return{validation:i,dragAndDropProps:C(e.accept,e.selectionMode,j,H,t,e.translations,e.onCommit,e.onReject,r),pressProps:a}},w=e=>{const t=t=>{if(t.length>0){const r=x(t,e.accept,e.translations).rejected;r.length>0?j(S(r,e.translations),!1,e.onReject):H(t,e.onCommit)}};return{callback:r=>{("click"===r.type||"keyup"===r.type&&"Enter"===r.code)&&(r.preventDefault(),l.pickFiles(t,{accept:e.accept,selectionMode:e.selectionMode??"multiple",capture:e.capture??"none"}))},validation:t}},C=(e,t,r,s,i,a,n,l,d)=>{const u=c.useRef(!1),p=c.useRef(!1),y=c.useRef(),h=(e,t=!1)=>{u.current&&(e.preventDefault(),e.stopPropagation(),i.current?.contains(e.relatedTarget)||(u.current=!1,d?.("NA"),p.current||t||y.current?.()))};return{onDragEnter:e=>{e.preventDefault(),e.stopPropagation()},onDragOver:s=>{if(s.preventDefault(),s.stopPropagation(),u.current)return;const i=o.getClientHints().browser;if(u.current=!0,p.current=!0,"safari"!==i){if(!s.dataTransfer)return;const i=P(s.dataTransfer.items);let n=[];const o=D(i,t),c=x(i,e,a);o&&0===c.rejected.length?d?.("valid"):(p.current=!1,o?n=S(c.rejected,a):n.push({severity:"error",summary:a.filePicker_singleFileUploadError()}),d?.("invalid"),y.current=r(n,!0,l))}else d?.("valid")},onDragLeave:h,onDrop:i=>{if(u.current){if(i.preventDefault(),i.stopPropagation(),!i.dataTransfer)return void(u.current=!1);const o=P(i.dataTransfer.files);let d=!1;if(p.current){let i=[];if(D(o,t)){const t=x(o,e,a);t.rejected.length>0&&(i=S(t.rejected,a),d=!0)}else i.push({severity:"error",summary:a.filePicker_singleFileUploadError()});i.length>0&&(p.current=!1,r(i,!1,l)),p.current&&s(o,n)}h(i,d)}}}},F=({isDisabled:e,primaryText:r,secondaryText:s,translations:i,selectionMode:a})=>{const{styles:{disabledPrimaryTextStyle:n,primaryTextStyle:l,disabledSecondaryTextStyle:o,secondaryTextStyle:d}}=h.useComponentTheme(m.FilePickerRedwoodTheme);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:e?n:l,children:T(r,i)}),t.jsx("div",{class:e?o:d,children:g(s,i,a)})]})};const R=e=>{const i=y.useTestId(e.testId),{interactionProps:a,applyActiveStyle:n,applyHoverStyle:l,applyPseudoHoverStyle:o}=f.useInteractionStyle({isDisabled:!1}),{classes:d,styles:{maxWidth:u,inner:T,activeStyle:g,innerNeedsEventsHoverStyle:x,innerPseudoHoverStyle:P,invalidDrop:D,validDrop:S}}=h.useComponentTheme(m.FilePickerRedwoodTheme,{hoveredState:l?"isHover":void 0,pseudoHoveredState:o?"isPseudoHover":void 0}),k=[n?g:"",l?x:"",o?P:""],[j,H]=c.useState("NA"),w="valid"===j?S:"invalid"===j?D:void 0,C=c.useRef(null),{validation:R,dragAndDropProps:I,pressProps:_}=M(e,C,H),L=r.mergeProps(_,a);E(I,R,e.testHandlersRef||null);const N=s.classNames([d,void 0===e.width&&u]),{isTabbable:U}=p.useTabbableMode(),{primaryText:W,secondaryText:A,translations:z,selectionMode:O,width:$,height:B}=e;return t.jsx("div",{...i,...L,class:N,tabIndex:U?0:-1,role:"button","aria-label":v({ariaLabel:e["aria-label"],isDisabled:!1,translations:z,primaryText:W,secondaryText:A,selectionMode:O}),ref:C,style:b($,B),children:t.jsx("div",{class:s.classNames([T,w,...k]),...I,children:t.jsx(F,{...e,isDisabled:!1})})})},I=({children:e,primaryText:r,secondaryText:i,translations:a,width:n,height:l,testId:o,...d})=>{const c=y.useTestId(o),{classes:u,styles:{maxWidth:p,inner:f,noChildrenMargin:T}}=h.useComponentTheme(m.FilePickerRedwoodTheme,{disabledState:"isDisabled"});return t.jsx("div",{class:s.classNames([u,f,T,void 0===n&&p]),role:"button","aria-label":v({ariaLabel:d["aria-label"],isDisabled:!0,translations:a,primaryText:r,secondaryText:i}),"aria-hidden":"true",...c,style:b(n,l),children:e||t.jsx(F,{secondaryText:i,primaryText:r,...d,isDisabled:!0,translations:a})})},_=e=>{const i=y.useTestId(e.testId),{interactionProps:a,applyHoverStyle:n,applyPseudoHoverStyle:l}=f.useInteractionStyle({isDisabled:!1}),{classes:o,styles:{maxWidth:d,noChildrenMargin:u}}=h.useComponentTheme(m.FilePickerRedwoodTheme,{hoveredState:n?"isHover":void 0,pseudoHoveredState:l?"isPseudoHover":void 0}),T=c.useRef(null),{validation:g,dragAndDropProps:x,pressProps:P}=M(e,T),D=r.mergeProps(P,x,a);E(x,g,e.testHandlersRef||null);const S=s.classNames([o,u,void 0===e.width&&d]),{translations:k,selectionMode:j}=e,{isTabbable:H}=p.useTabbableMode();return t.jsx("div",{class:s.classNames([S]),tabIndex:H?void 0:-1,role:"button","aria-label":v({ariaLabel:e["aria-label"],isDisabled:!1,translations:k,selectionMode:j}),ref:T,style:b(e.width,e.height),...i,...D,children:e.children})},E=(e,t,r)=>{c.useImperativeHandle(r,(()=>({onDragEnter:e.onDragEnter,onDragOver:e.onDragOver,onDrop:e.onDrop,onDragLeave:e.onDragLeave,onClickSelected:t})))};e.FilePicker=function({capture:e="none",isDisabled:r=!1,selectionMode:s="multiple",children:a,...n}){const l=n.__testHandlerSymbol,o={capture:e,selectionMode:s,translations:i.useTranslationBundle("@oracle/oraclejet-preact"),...n};return r?t.jsx(I,{...o,children:a}):a?t.jsx(_,{testHandlersRef:l,...o,children:a}):t.jsx(R,{testHandlersRef:l,...o})}}));
 //# sourceMappingURL=FilePicker-4636b49b.js.map

package/amd/Flex-56ecdf4c.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './useTestId-3a316499', './classNames-08d99695', './boxalignment-905057dc', './dimensions-60420dbb', './flexbox-8521f6aa', './flexitem-5db48325', './mergeInterpolations-9ede4cf7', 'css!./FlexStyles.styles.css'], (function(e,s,t,l,n,a,o,i,r,c){"use strict";var x="FlexStyles_marginZeroStyles__10p93f61";const d=[...Object.values(a.dimensionInterpolations),...Object.values(o.flexboxInterpolations),...Object.values(i.flexitemInterpolations),...Object.values(n.boxAlignmentInterpolations)],m=r.mergeInterpolations(d);e.Flex=({children:e,hasZeroMargins:n=!0,testId:a,...o})=>{const i=l.classNames(["FlexStyles_baseStyles__10p93f60",n&&x]),{class:r,...c}=m(o),d=t.useTestId(a);return s.jsx("div",{class:`${i} ${r}`,style:c,...d,children:e})},e.marginZeroStyles=x}));
+//# sourceMappingURL=Flex-56ecdf4c.js.map

package/amd/{Flex-3421f0df.js.map → Flex-56ecdf4c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Flex-3421f0df.js","sources":["../../src/UNSAFE_Flex/Flex.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 { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { flexboxInterpolations } from '../utils/UNSAFE_interpolations/flexbox';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles, marginZeroStyles } from './FlexStyles.css';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps &\n  TestIdProps & {\n    children?: ComponentChildren;\n    /**\n     * @default true\n     */\n    hasZeroMargins?: boolean;\n  };\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(flexboxInterpolations),\n  ...Object.values(flexitemInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nexport const Flex = ({ children, hasZeroMargins = true, testId, ...props }: Props) => {\n  const flexComponentClasses = classNames([baseStyles, hasZeroMargins && marginZeroStyles]);\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const testIdProps = useTestId(testId);\n  return (\n    <div class={`${flexComponentClasses} ${cls}`} style={styles} {...testIdProps}>\n      {children}\n    </div>\n  );\n};\n"],"names":["interpolations","Object","values","dimensionInterpolations","flexboxInterpolations","flexitemInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","children","hasZeroMargins","testId","props","flexComponentClasses","classNames","marginZeroStyles","class","cls","styles","testIdProps","useTestId","_jsx","style"],"mappings":"yUAgCA,MAAMA,EAAiB,IAClBC,OAAOC,OAAOC,8BACdF,OAAOC,OAAOE,4BACdH,OAAOC,OAAOG,6BACdJ,OAAOC,OAAOI,+BAGbC,EAAsBC,EAAAA,oBAA2BR,UAEnC,EAAGS,WAAUC,kBAAiB,EAAMC,YAAWC,MACjE,MAAMC,EAAuBC,EAAAA,WAAW,mCAAaJ,GAAkBK,KAC/DC,MAAOC,KAAQC,GAAWX,EAAoBK,GAChDO,EAAcC,YAAUT,GAC9B,OACEU,EAAAA,IAAK,MAAA,CAAAL,MAAO,GAAGH,KAAwBI,IAAOK,MAAOJ,KAAYC,WAC9DV,GAEH"}
+{"version":3,"file":"Flex-56ecdf4c.js","sources":["../../src/UNSAFE_Flex/Flex.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 { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { flexboxInterpolations } from '../utils/UNSAFE_interpolations/flexbox';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles, marginZeroStyles } from './FlexStyles.css';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps &\n  TestIdProps & {\n    children?: ComponentChildren;\n    /**\n     * @default true\n     */\n    hasZeroMargins?: boolean;\n  };\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(flexboxInterpolations),\n  ...Object.values(flexitemInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nexport const Flex = ({ children, hasZeroMargins = true, testId, ...props }: Props) => {\n  const flexComponentClasses = classNames([baseStyles, hasZeroMargins && marginZeroStyles]);\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const testIdProps = useTestId(testId);\n  return (\n    <div class={`${flexComponentClasses} ${cls}`} style={styles} {...testIdProps}>\n      {children}\n    </div>\n  );\n};\n"],"names":["interpolations","Object","values","dimensionInterpolations","flexboxInterpolations","flexitemInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","children","hasZeroMargins","testId","props","flexComponentClasses","classNames","marginZeroStyles","class","cls","styles","testIdProps","useTestId","_jsx","style"],"mappings":"yUAgCA,MAAMA,EAAiB,IAClBC,OAAOC,OAAOC,8BACdF,OAAOC,OAAOE,4BACdH,OAAOC,OAAOG,6BACdJ,OAAOC,OAAOI,+BAGbC,EAAsBC,EAAAA,oBAA2BR,UAEnC,EAAGS,WAAUC,kBAAiB,EAAMC,YAAWC,MACjE,MAAMC,EAAuBC,EAAAA,WAAW,mCAAaJ,GAAkBK,KAC/DC,MAAOC,KAAQC,GAAWX,EAAoBK,GAChDO,EAAcC,YAAUT,GAC9B,OACEU,EAAAA,IAAK,MAAA,CAAAL,MAAO,GAAGH,KAAwBI,IAAOK,MAAOJ,KAAYC,WAC9DV,GAEH"}

package/amd/{Floating-5d98c1ca.js → Floating-1ec5ec2a.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './useFloating-bf8ed6cb', './refUtils-d354a169', './useOutsideClick-76c1ff6e', './useUser-3ef25571', './useComponentTheme-5aa41a8f', './classNames-08d99695', './utils-5077c092', './Common/themes/themeContract.css', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css'], (function(t,e,n,i,s,o,r,a,l,c,u,f,d,m,h,g){"use strict";const x=i.forwardRef((({data:t,anchorRef:i,tail:s,isRtl:r,backgroundColor:a},m)=>{const{styles:h,baseTheme:g}=l.useComponentTheme(d.FloatingRedwoodTheme),x=n.useRef(null),[p,b]=n.useState({arrowStyle:{visibility:"hidden"},arrowInnerStyle:{visibility:"hidden"}});n.useLayoutEffect((()=>{if(null==x.current)return;const{isCornerVerticalPlacement:e,isCornerHorizontalPlacement:n}=function(t,e,n){if("simple"===e&&n&&n.arrow){const{centerOffset:e}=n.arrow,i=7;let s=0,o=0;const r=t.current,a=void 0===r?.x&&void 0===r?.y;a&&(s=Math.round(r.getBoundingClientRect().height),o=Math.round(t.current?.getBoundingClientRect().width));return{isCornerVerticalPlacement:a?Math.abs(e)>=s/2-i/2:["start-top-corner","start-bottom-corner","end-top-corner","end-bottom-corner"].includes(n.origPlacement),isCornerHorizontalPlacement:a?Math.abs(e)>=o/2-i/2:["top-start-corner","top-end-corner","bottom-start-corner","bottom-end-corner"].includes(n.origPlacement)}}return{isCornerVerticalPlacement:!1,isCornerHorizontalPlacement:!1}}(i,s,t);b(function(t,e,n,i,s,o){const r={visibility:"visible"},a={visibility:"visible"};if("simple"===t&&s&&s.arrow){const{x:l,y:c,centerOffset:d}=s.arrow,m=7,h=6,g=5,x=5,p=0===d,b=d>0;function y(t){const e=t?h:m;C({borderTop:`${S(e)} solid ${u.rgba(f.colorSchemeVars.palette.neutral[90],.1)}`,borderRight:R(e),borderLeft:R(e)},r);const n=t?x:g;w({borderTop:`${S(n)} solid ${o}`,borderRight:`${R(n)}`,borderLeft:`${R(n)}`},a)}function C(t,e){Object.assign(e,t)}function w(t,e){Object.assign(e,t)}function A(t){return`rotate(${45*t}deg)`}function S(t){return`${t}px`}function R(t){return`${S(t)} solid transparent`}y(n||i);switch(s.placement.split("-")[0]){case"top":v();break;case"end":e?F():j();break;case"bottom":k();break;case"start":e?j():F()}function v(){null!=l&&(i?(C({top:"",bottom:S(2-m),left:S(l+(b?5:-5)),transform:A(b?5:3)},r),M()):(C({top:"",bottom:S(-m),left:S(p?l:l+(b?1:-1)),transform:A(0)},r),O()))}function j(){null!=c&&(n?(C({top:S(c+(b?2:-2)),right:"",left:S(-m-1),transform:A(b?7:5)},r),M()):(C({top:S(p?c:c+(b?-2:2)),right:"",left:S(1.5*-m),transform:A(2)},r),O()))}function k(){null!=l&&(i?(C({top:S(3-m),bottom:"",left:S(l+(b?4:-4)),transform:A(b?2:6)},r),w({top:S(-g),left:S((b?1:-1)-g)},a)):(C({top:S(-m),bottom:"",left:S(p?l:l+(b?1:-1)),transform:A(4)},r),O()))}function F(){null!=c&&(n?(C({top:S(c+(b?2:-2)),right:S(-m-1),left:"",transform:A(b?1:3)},r),w({top:S(-g),left:S((b?-2:2)-g)},a)):(C({top:S(p?c:c+(b?-2:2)),right:S(1.5*-m),left:"",transform:A(6)},r),O()))}function M(){w({top:S(-g),left:S((b?2:-2)-g)},a)}function O(){w({top:S(-g-2),left:S(-g)},a)}}return{arrowStyle:r,arrowInnerStyle:a}}(s,r,e,n,t,a))}),[t,a,t?.placement,t?.x,t?.y,t?.offset,t?.arrow,s,r,i]);const y=n.useMemo((()=>o.mergeRefs(m,x)),[m,x]);return"simple"===s&&e.jsxs("div",{ref:y,class:c.classNames([g,h.floatingTailBaseStyle]),style:p.arrowStyle,children:[" ",e.jsx("div",{class:c.classNames([h.floatingTailBaseStyle]),style:p.arrowInnerStyle})," "]})}));const p=i.forwardRef((({children:t,backgroundColor:i,onClickOutside:u,placement:f="bottom",anchorRef:p,offsetValue:b,class:y,tail:C="none",flipOptions:w={mainAxis:!0,crossAxis:!1},shiftOptions:A={mainAxis:!0,crossAxis:!1},sizeOptions:S={isMaxHeightAdjusted:!1,isMaxWidthAdjusted:!1},boundaryOptions:R={padding:0},onPosition:v},j)=>{const k=n.useRef(null),[F,M]=n.useState(),[O,E]=n.useState(null),{styles:P,baseTheme:T}=l.useComponentTheme(d.FloatingRedwoodTheme);n.useLayoutEffect((()=>{E(p.current)}),[p]),p.current!==O&&E(p.current);const{direction:$}=a.useUser(),H="rtl"===$,V=n.useCallback((t=>{M(t),v?.(t)}),[v]),B=[s.offset(b),s.flip({mainAxis:w.mainAxis,crossAxis:w.crossAxis,fallbackPlacements:w.fallbackPlacements?.map((t=>s.logicalSide(t,$))),padding:R.padding}),s.shift({mainAxis:A.mainAxis,crossAxis:A.crossAxis,limiter:s.limitShift({mainAxis:A.mainAxis,crossAxis:A.crossAxis})}),...k.current?[s.arrow({element:k.current})]:[]];(S.isMaxHeightAdjusted||S.isMaxWidthAdjusted)&&B.push(s.size({apply({availableWidth:t,availableHeight:e,elements:n}){S.isMaxHeightAdjusted&&parseInt(n.floating.style.maxHeight)!==e&&Object.assign(n.floating.style,{maxHeight:`${Math.min(e,S.maxHeightCeiling||e)}px`}),S.isMaxWidthAdjusted&&parseInt(n.floating.style.maxWidth)!==t&&Object.assign(n.floating.style,{maxWidth:`${Math.min(t,S.maxWidthCeiling||t)}px`})},padding:R.padding}));const{x:N,y:U,reference:W,floating:I,refs:z,update:L}=s.useFloating({placement:f,middleware:B,onPosition:V}),[_,D]=n.useState(!1);n.useEffect((()=>{if(z.reference.current&&z.floating.current&&!0===_)return s.autoUpdate(z.reference.current,z.floating.current,L)}),[z.floating,z.reference,L,_]),n.useEffect((()=>{null!=N&&null!=U&&D(!0)}),[N,U]),r.useOutsideClick({isDisabled:!1,ref:z.floating,handler:u}),n.useLayoutEffect((()=>{if(O instanceof Element){return void W(O)}const t=O;if(null!=t&&null!=t.contextElement){const e=function(t,e){let n=null,i=null,s=!1;return{contextElement:t||void 0,getBoundingClientRect(){const o=t?.getBoundingClientRect()||{width:0,height:0,x:0,y:0},r="x"===e.axis||"both"===e.axis,a="y"===e.axis||"both"===e.axis;let l=o.width,c=o.height,u=o.x,f=o.y;return null==n&&e.x&&r&&(n=o.x-e.x),null==i&&e.y&&a&&(i=o.y-e.y),u-=n||0,f-=i||0,l=0,c=0,s?s&&(c="x"===e.axis?o.height:c,l="y"===e.axis?o.width:l):(l="y"===e.axis?o.width:0,c="x"===e.axis?o.height:0,u=r&&null!=e.x?e.x:u,f=a&&null!=e.y?e.y:f),s=!0,{width:l,height:c,x:u,y:f,top:f,right:u+l,bottom:f+c,left:u}}}}(t.contextElement,{axis:"both",x:t.x,y:t.y});return void W(e)}const e={getBoundingClientRect:()=>({width:0,height:0,x:t.x,y:t.y,top:t.y,left:t.x,right:t.x,bottom:t.y})};t&&null!=t.x&&W(e)}),[O,W]);const q=n.useMemo((()=>o.mergeRefs(j,I)),[j,I]),G={top:U,left:N};let J={};i&&(J=h.assignInlineVars({[g.floatingVars.backgroundColor]:i}));const K=null==N&&null==U?m.floatingVisibilityStyles.hidden:m.floatingVisibilityStyles.visible,Q=c.classNames([y,T,P.baseStyle,K]),X=p&&p.current;return e.jsxs("div",{class:Q,ref:q,style:{...G,...J},children:[t,X&&e.jsx(x,{ref:k,backgroundColor:i,data:F,anchorRef:p,tail:C,isRtl:H})]})}));t.Floating=p}));
-//# sourceMappingURL=Floating-5d98c1ca.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './useFloating-acd30a55', './refUtils-d354a169', './useOutsideClick-f99b7a84', './useUser-85c781ea', './useComponentTheme-5aa41a8f', './classNames-08d99695', './utils-5077c092', './Common/themes/themeContract.css', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css'], (function(t,e,n,i,s,o,r,a,l,c,u,f,d,m,h,g){"use strict";const x=i.forwardRef((({data:t,anchorRef:i,tail:s,isRtl:r,backgroundColor:a},m)=>{const{styles:h,baseTheme:g}=l.useComponentTheme(d.FloatingRedwoodTheme),x=n.useRef(null),[p,b]=n.useState({arrowStyle:{visibility:"hidden"},arrowInnerStyle:{visibility:"hidden"}});n.useLayoutEffect((()=>{if(null==x.current)return;const{isCornerVerticalPlacement:e,isCornerHorizontalPlacement:n}=function(t,e,n){if("simple"===e&&n&&n.arrow){const{centerOffset:e}=n.arrow,i=7;let s=0,o=0;const r=t.current,a=void 0===r?.x&&void 0===r?.y;a&&(s=Math.round(r.getBoundingClientRect().height),o=Math.round(t.current?.getBoundingClientRect().width));return{isCornerVerticalPlacement:a?Math.abs(e)>=s/2-i/2:["start-top-corner","start-bottom-corner","end-top-corner","end-bottom-corner"].includes(n.origPlacement),isCornerHorizontalPlacement:a?Math.abs(e)>=o/2-i/2:["top-start-corner","top-end-corner","bottom-start-corner","bottom-end-corner"].includes(n.origPlacement)}}return{isCornerVerticalPlacement:!1,isCornerHorizontalPlacement:!1}}(i,s,t);b(function(t,e,n,i,s,o){const r={visibility:"visible"},a={visibility:"visible"};if("simple"===t&&s&&s.arrow){const{x:l,y:c,centerOffset:d}=s.arrow,m=7,h=6,g=5,x=5,p=0===d,b=d>0;function y(t){const e=t?h:m;C({borderTop:`${S(e)} solid ${u.rgba(f.colorSchemeVars.palette.neutral[90],.1)}`,borderRight:R(e),borderLeft:R(e)},r);const n=t?x:g;w({borderTop:`${S(n)} solid ${o}`,borderRight:`${R(n)}`,borderLeft:`${R(n)}`},a)}function C(t,e){Object.assign(e,t)}function w(t,e){Object.assign(e,t)}function A(t){return`rotate(${45*t}deg)`}function S(t){return`${t}px`}function R(t){return`${S(t)} solid transparent`}y(n||i);switch(s.placement.split("-")[0]){case"top":v();break;case"end":e?F():j();break;case"bottom":k();break;case"start":e?j():F()}function v(){null!=l&&(i?(C({top:"",bottom:S(2-m),left:S(l+(b?5:-5)),transform:A(b?5:3)},r),M()):(C({top:"",bottom:S(-m),left:S(p?l:l+(b?1:-1)),transform:A(0)},r),O()))}function j(){null!=c&&(n?(C({top:S(c+(b?2:-2)),right:"",left:S(-m-1),transform:A(b?7:5)},r),M()):(C({top:S(p?c:c+(b?-2:2)),right:"",left:S(1.5*-m),transform:A(2)},r),O()))}function k(){null!=l&&(i?(C({top:S(3-m),bottom:"",left:S(l+(b?4:-4)),transform:A(b?2:6)},r),w({top:S(-g),left:S((b?1:-1)-g)},a)):(C({top:S(-m),bottom:"",left:S(p?l:l+(b?1:-1)),transform:A(4)},r),O()))}function F(){null!=c&&(n?(C({top:S(c+(b?2:-2)),right:S(-m-1),left:"",transform:A(b?1:3)},r),w({top:S(-g),left:S((b?-2:2)-g)},a)):(C({top:S(p?c:c+(b?-2:2)),right:S(1.5*-m),left:"",transform:A(6)},r),O()))}function M(){w({top:S(-g),left:S((b?2:-2)-g)},a)}function O(){w({top:S(-g-2),left:S(-g)},a)}}return{arrowStyle:r,arrowInnerStyle:a}}(s,r,e,n,t,a))}),[t,a,t?.placement,t?.x,t?.y,t?.offset,t?.arrow,s,r,i]);const y=n.useMemo((()=>o.mergeRefs(m,x)),[m,x]);return"simple"===s&&e.jsxs("div",{ref:y,class:c.classNames([g,h.floatingTailBaseStyle]),style:p.arrowStyle,children:[" ",e.jsx("div",{class:c.classNames([h.floatingTailBaseStyle]),style:p.arrowInnerStyle})," "]})}));const p=i.forwardRef((({children:t,backgroundColor:i,onClickOutside:u,placement:f="bottom",anchorRef:p,offsetValue:b,class:y,tail:C="none",flipOptions:w={mainAxis:!0,crossAxis:!1},shiftOptions:A={mainAxis:!0,crossAxis:!1},sizeOptions:S={isMaxHeightAdjusted:!1,isMaxWidthAdjusted:!1},boundaryOptions:R={padding:0},onPosition:v},j)=>{const k=n.useRef(null),[F,M]=n.useState(),[O,E]=n.useState(null),{styles:P,baseTheme:T}=l.useComponentTheme(d.FloatingRedwoodTheme);n.useLayoutEffect((()=>{E(p.current)}),[p]),p.current!==O&&E(p.current);const{direction:$}=a.useUser(),H="rtl"===$,V=n.useCallback((t=>{M(t),v?.(t)}),[v]),B=[s.offset(b),s.flip({mainAxis:w.mainAxis,crossAxis:w.crossAxis,fallbackPlacements:w.fallbackPlacements?.map((t=>s.logicalSide(t,$))),padding:R.padding}),s.shift({mainAxis:A.mainAxis,crossAxis:A.crossAxis,limiter:s.limitShift({mainAxis:A.mainAxis,crossAxis:A.crossAxis})}),...k.current?[s.arrow({element:k.current})]:[]];(S.isMaxHeightAdjusted||S.isMaxWidthAdjusted)&&B.push(s.size({apply({availableWidth:t,availableHeight:e,elements:n}){S.isMaxHeightAdjusted&&parseInt(n.floating.style.maxHeight)!==e&&Object.assign(n.floating.style,{maxHeight:`${Math.min(e,S.maxHeightCeiling||e)}px`}),S.isMaxWidthAdjusted&&parseInt(n.floating.style.maxWidth)!==t&&Object.assign(n.floating.style,{maxWidth:`${Math.min(t,S.maxWidthCeiling||t)}px`})},padding:R.padding}));const{x:N,y:U,reference:W,floating:I,refs:z,update:L}=s.useFloating({placement:f,middleware:B,onPosition:V}),[_,D]=n.useState(!1);n.useEffect((()=>{if(z.reference.current&&z.floating.current&&!0===_)return s.autoUpdate(z.reference.current,z.floating.current,L)}),[z.floating,z.reference,L,_]),n.useEffect((()=>{null!=N&&null!=U&&D(!0)}),[N,U]),r.useOutsideClick({isDisabled:!1,ref:z.floating,handler:u}),n.useLayoutEffect((()=>{if(O instanceof Element){return void W(O)}const t=O;if(null!=t&&null!=t.contextElement){const e=function(t,e){let n=null,i=null,s=!1;return{contextElement:t||void 0,getBoundingClientRect(){const o=t?.getBoundingClientRect()||{width:0,height:0,x:0,y:0},r="x"===e.axis||"both"===e.axis,a="y"===e.axis||"both"===e.axis;let l=o.width,c=o.height,u=o.x,f=o.y;return null==n&&e.x&&r&&(n=o.x-e.x),null==i&&e.y&&a&&(i=o.y-e.y),u-=n||0,f-=i||0,l=0,c=0,s?s&&(c="x"===e.axis?o.height:c,l="y"===e.axis?o.width:l):(l="y"===e.axis?o.width:0,c="x"===e.axis?o.height:0,u=r&&null!=e.x?e.x:u,f=a&&null!=e.y?e.y:f),s=!0,{width:l,height:c,x:u,y:f,top:f,right:u+l,bottom:f+c,left:u}}}}(t.contextElement,{axis:"both",x:t.x,y:t.y});return void W(e)}const e={getBoundingClientRect:()=>({width:0,height:0,x:t.x,y:t.y,top:t.y,left:t.x,right:t.x,bottom:t.y})};t&&null!=t.x&&W(e)}),[O,W]);const q=n.useMemo((()=>o.mergeRefs(j,I)),[j,I]),G={top:U,left:N};let J={};i&&(J=h.assignInlineVars({[g.floatingVars.backgroundColor]:i}));const K=null==N&&null==U?m.floatingVisibilityStyles.hidden:m.floatingVisibilityStyles.visible,Q=c.classNames([y,T,P.baseStyle,K]),X=p&&p.current;return e.jsxs("div",{class:Q,ref:q,style:{...G,...J},children:[t,X&&e.jsx(x,{ref:k,backgroundColor:i,data:F,anchorRef:p,tail:C,isRtl:H})]})}));t.Floating=p}));
+//# sourceMappingURL=Floating-1ec5ec2a.js.map