@oracle/oraclejet-preact 20.1.1 → 20.1.2

package/amd/{useHiddenTestMethod-6bbe8a43.js → useHiddenTestMethod-8321d341.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './LayerHost-1a734852', 'preact/jsx-runtime', 'preact/compat'], (function(e,t,n,o,r){"use strict";e.useHiddenTestMethod=function({elementRef:e,method:o,name:r}){const c=t.useContext(n.EnvironmentContext);t.useEffect((()=>{e.current&&"production"!==c.mode&&(e.current[r]=o)}),[c.mode,e,o,r])}}));
-//# sourceMappingURL=useHiddenTestMethod-6bbe8a43.js.map
+define(['exports', 'preact/hooks', './LayerHost-0b288129', 'preact/jsx-runtime', 'preact/compat'], (function(e,t,n,o,r){"use strict";e.useHiddenTestMethod=function({elementRef:e,method:o,name:r}){const c=t.useContext(n.EnvironmentContext);t.useEffect((()=>{e.current&&"production"!==c.mode&&(e.current[r]=o)}),[c.mode,e,o,r])}}));
+//# sourceMappingURL=useHiddenTestMethod-8321d341.js.map

package/amd/{useHiddenTestMethod-6bbe8a43.js.map → useHiddenTestMethod-8321d341.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useHiddenTestMethod-6bbe8a43.js","sources":["../../src/hooks/UNSAFE_useHiddenTestMethod/useHiddenTestMethod.ts"],"sourcesContent":["import { RefObject } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\nimport { useContext } from 'preact/hooks';\n\ntype UseHiddenTestMethodProps = {\n  elementRef: RefObject<HTMLElement>;\n  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n  method: (...args: any[]) => void;\n  name: string;\n};\n\n/**\n * This hook is used to add a hidden method to a component's root DOM element\n * that can be called by test adapters. The hidden method is only added when\n * we are not running in production mode, i.e. it's only used for testing.\n *\n * @param elementRef The ref to a component's root DOM element\n * @param method The hidden method to expose in the DOM\n * @param name The name of the hidden method in the DOM\n */\nexport function useHiddenTestMethod({ elementRef, method, name }: UseHiddenTestMethodProps) {\n  const context = useContext(EnvironmentContext);\n\n  // Add the hidden method to the DOM element only when mode !== production.\n  useEffect(() => {\n    if (elementRef.current && context.mode !== 'production') {\n      /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n      (elementRef.current as any)[name] = method;\n    }\n  }, [context.mode, elementRef, method, name]);\n}\n"],"names":["elementRef","method","name","context","useContext","EnvironmentContext","useEffect","current","mode"],"mappings":"sJAqBM,UAA8BA,WAAEA,EAAUC,OAAEA,EAAMC,KAAEA,IACxD,MAAMC,EAAUC,aAAWC,EAAAA,oBAG3BC,EAAAA,WAAU,KACJN,EAAWO,SAA4B,eAAjBJ,EAAQK,OAE/BR,EAAWO,QAAgBL,GAAQD,EACrC,GACA,CAACE,EAAQK,KAAMR,EAAYC,EAAQC,GACxC"}
+{"version":3,"file":"useHiddenTestMethod-8321d341.js","sources":["../../src/hooks/UNSAFE_useHiddenTestMethod/useHiddenTestMethod.ts"],"sourcesContent":["import { RefObject } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\nimport { useContext } from 'preact/hooks';\n\ntype UseHiddenTestMethodProps = {\n  elementRef: RefObject<HTMLElement>;\n  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n  method: (...args: any[]) => void;\n  name: string;\n};\n\n/**\n * This hook is used to add a hidden method to a component's root DOM element\n * that can be called by test adapters. The hidden method is only added when\n * we are not running in production mode, i.e. it's only used for testing.\n *\n * @param elementRef The ref to a component's root DOM element\n * @param method The hidden method to expose in the DOM\n * @param name The name of the hidden method in the DOM\n */\nexport function useHiddenTestMethod({ elementRef, method, name }: UseHiddenTestMethodProps) {\n  const context = useContext(EnvironmentContext);\n\n  // Add the hidden method to the DOM element only when mode !== production.\n  useEffect(() => {\n    if (elementRef.current && context.mode !== 'production') {\n      /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n      (elementRef.current as any)[name] = method;\n    }\n  }, [context.mode, elementRef, method, name]);\n}\n"],"names":["elementRef","method","name","context","useContext","EnvironmentContext","useEffect","current","mode"],"mappings":"sJAqBM,UAA8BA,WAAEA,EAAUC,OAAEA,EAAMC,KAAEA,IACxD,MAAMC,EAAUC,aAAWC,EAAAA,oBAG3BC,EAAAA,WAAU,KACJN,EAAWO,SAA4B,eAAjBJ,EAAQK,OAE/BR,EAAWO,QAAgBL,GAAQD,EACrC,GACA,CAACE,EAAQK,KAAMR,EAAYC,EAAQC,GACxC"}

package/amd/useKeyboardEvents-f0419128.js

@@ -0,0 +1,2 @@
+define(['exports', './useUser-08901aba', './meterUtils-0278713d'], (function(e,a,t){"use strict";const r=(e,a,t)=>{t?.({value:e}),a.current=e},s=e=>{e.preventDefault(),e.stopPropagation()};e.handleInput=r,e.useKeyboardEvents=function(e,n,o,c,u,i,b){const{direction:h}=a.useUser(),k="rtl"===h,p=t.adjustForStep(e+c,c,n,o),d=t.adjustForStep(e-c,c,n,o);return{onKeyUp:a=>{switch(a.key){case"Enter":i?.({value:e}),s(a);break;case"Tab":r(e,u,b),s(a);break;case"Home":r(n,u,b),s(a);break;case"End":r(o,u,b),s(a)}},onKeyDown:e=>{switch(e.key){case"Tab":return;case"ArrowDown":r(Math.max(n,d),u,b),s(e);break;case"ArrowUp":r(Math.min(o,p),u,b),s(e);break;case"ArrowLeft":{const a=k?Math.min(o,p):Math.max(n,d);r(a,u,b),s(e);break}case"ArrowRight":{const a=k?Math.max(n,d):Math.min(o,p);r(a,u,b),s(e);break}}}}}}));
+//# sourceMappingURL=useKeyboardEvents-f0419128.js.map

package/amd/{useKeyboardEvents-191a444a.js.map → useKeyboardEvents-f0419128.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardEvents-191a444a.js","sources":["../../src/hooks/PRIVATE_useVisMeterEvents/events.ts","../../src/hooks/PRIVATE_useVisMeterEvents/useKeyboardEvents.ts"],"sourcesContent":["import type { MutableRef } from 'preact/hooks';\nimport { InputDetail } from '#utils/UNSAFE_meterUtils';\n\nexport const handleInput = (\n  inputValue: number | undefined,\n  currentInput: MutableRef<number | undefined>,\n  onInput?: (detail: InputDetail) => void\n) => {\n  onInput?.({ value: inputValue } as InputDetail);\n  currentInput.current = inputValue;\n};\n\nexport const cancelEvent = (event: Event) => {\n  event.preventDefault();\n  event.stopPropagation();\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { MutableRef } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { handleInput, cancelEvent } from './events';\nimport { CommitDetail, InputDetail } from '#utils/UNSAFE_meterUtils';\nimport { adjustForStep } from '#utils/PRIVATE_meterUtils/meterUtils';\n\nexport function useKeyboardEvents(\n  value: number,\n  min: number,\n  max: number,\n  step: number,\n  currentInputRef: MutableRef<number | undefined>,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) {\n  const { direction } = useUser();\n\n  const isRtl = direction === 'rtl';\n\n  const stepIncrementedVal = adjustForStep(value + step, step, min, max);\n  const stepDecrementedVal = adjustForStep(value - step, step, min, max);\n\n  const keyDownHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown':\n        handleInput(Math.max(min, stepDecrementedVal), currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'ArrowUp':\n        handleInput(Math.min(max, stepIncrementedVal), currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'ArrowLeft': {\n        const inputValue = isRtl\n          ? Math.min(max, stepIncrementedVal)\n          : Math.max(min, stepDecrementedVal);\n        handleInput(inputValue, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowRight': {\n        const inputValue = isRtl\n          ? Math.max(min, stepDecrementedVal)\n          : Math.min(max, stepIncrementedVal);\n        handleInput(inputValue, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      }\n    }\n  };\n\n  const keyUpHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Enter':\n        onCommit?.({ value: value } as CommitDetail);\n        cancelEvent(event);\n        break;\n      case 'Tab':\n        handleInput(value, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'Home':\n        handleInput(min, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'End':\n        handleInput(max, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n    }\n  };\n\n  return {\n    onKeyUp: keyUpHandler,\n    onKeyDown: keyDownHandler\n  };\n}\n"],"names":["handleInput","inputValue","currentInput","onInput","value","current","cancelEvent","event","preventDefault","stopPropagation","min","max","step","currentInputRef","onCommit","direction","useUser","isRtl","stepIncrementedVal","adjustForStep","stepDecrementedVal","onKeyUp","key","onKeyDown","Math"],"mappings":"8FAGa,MAAAA,EAAc,CACzBC,EACAC,EACAC,KAEAA,IAAU,CAAEC,MAAOH,IACnBC,EAAaG,QAAUJ,CAAU,EAGtBK,EAAeC,IAC1BA,EAAMC,iBACND,EAAME,iBAAiB,sCCAT,SACdL,EACAM,EACAC,EACAC,EACAC,EACAC,EACAX,GAEA,MAAMY,UAAEA,GAAcC,EAAAA,UAEhBC,EAAsB,QAAdF,EAERG,EAAqBC,EAAAA,cAAcf,EAAQQ,EAAMA,EAAMF,EAAKC,GAC5DS,EAAqBD,EAAAA,cAAcf,EAAQQ,EAAMA,EAAMF,EAAKC,GA0DlE,MAAO,CACLU,QAxBoBd,IAGpB,OAFYA,EAAMe,KAGhB,IAAK,QACHR,IAAW,CAAEV,MAAOA,IACpBE,EAAYC,GACZ,MACF,IAAK,MACHP,EAAYI,EAAOS,EAAiBV,GACpCG,EAAYC,GACZ,MACF,IAAK,OACHP,EAAYU,EAAKG,EAAiBV,GAClCG,EAAYC,GACZ,MACF,IAAK,MACHP,EAAYW,EAAKE,EAAiBV,GAClCG,EAAYC,GAEf,EAKDgB,UA1DsBhB,IAGtB,OAFYA,EAAMe,KAGhB,IAAK,MACH,OACF,IAAK,YACHtB,EAAYwB,KAAKb,IAAID,EAAKU,GAAqBP,EAAiBV,GAChEG,EAAYC,GACZ,MACF,IAAK,UACHP,EAAYwB,KAAKd,IAAIC,EAAKO,GAAqBL,EAAiBV,GAChEG,EAAYC,GACZ,MACF,IAAK,YAAa,CAChB,MAAMN,EAAagB,EACfO,KAAKd,IAAIC,EAAKO,GACdM,KAAKb,IAAID,EAAKU,GAClBpB,EAAYC,EAAYY,EAAiBV,GACzCG,EAAYC,GACZ,KACD,CACD,IAAK,aAAc,CACjB,MAAMN,EAAagB,EACfO,KAAKb,IAAID,EAAKU,GACdI,KAAKd,IAAIC,EAAKO,GAClBlB,EAAYC,EAAYY,EAAiBV,GACzCG,EAAYC,GACZ,KACD,EACF,EA8BL"}
+{"version":3,"file":"useKeyboardEvents-f0419128.js","sources":["../../src/hooks/PRIVATE_useVisMeterEvents/events.ts","../../src/hooks/PRIVATE_useVisMeterEvents/useKeyboardEvents.ts"],"sourcesContent":["import type { MutableRef } from 'preact/hooks';\nimport { InputDetail } from '#utils/UNSAFE_meterUtils';\n\nexport const handleInput = (\n  inputValue: number | undefined,\n  currentInput: MutableRef<number | undefined>,\n  onInput?: (detail: InputDetail) => void\n) => {\n  onInput?.({ value: inputValue } as InputDetail);\n  currentInput.current = inputValue;\n};\n\nexport const cancelEvent = (event: Event) => {\n  event.preventDefault();\n  event.stopPropagation();\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { MutableRef } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { handleInput, cancelEvent } from './events';\nimport { CommitDetail, InputDetail } from '#utils/UNSAFE_meterUtils';\nimport { adjustForStep } from '#utils/PRIVATE_meterUtils/meterUtils';\n\nexport function useKeyboardEvents(\n  value: number,\n  min: number,\n  max: number,\n  step: number,\n  currentInputRef: MutableRef<number | undefined>,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) {\n  const { direction } = useUser();\n\n  const isRtl = direction === 'rtl';\n\n  const stepIncrementedVal = adjustForStep(value + step, step, min, max);\n  const stepDecrementedVal = adjustForStep(value - step, step, min, max);\n\n  const keyDownHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown':\n        handleInput(Math.max(min, stepDecrementedVal), currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'ArrowUp':\n        handleInput(Math.min(max, stepIncrementedVal), currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'ArrowLeft': {\n        const inputValue = isRtl\n          ? Math.min(max, stepIncrementedVal)\n          : Math.max(min, stepDecrementedVal);\n        handleInput(inputValue, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowRight': {\n        const inputValue = isRtl\n          ? Math.max(min, stepDecrementedVal)\n          : Math.min(max, stepIncrementedVal);\n        handleInput(inputValue, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      }\n    }\n  };\n\n  const keyUpHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Enter':\n        onCommit?.({ value: value } as CommitDetail);\n        cancelEvent(event);\n        break;\n      case 'Tab':\n        handleInput(value, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'Home':\n        handleInput(min, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'End':\n        handleInput(max, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n    }\n  };\n\n  return {\n    onKeyUp: keyUpHandler,\n    onKeyDown: keyDownHandler\n  };\n}\n"],"names":["handleInput","inputValue","currentInput","onInput","value","current","cancelEvent","event","preventDefault","stopPropagation","min","max","step","currentInputRef","onCommit","direction","useUser","isRtl","stepIncrementedVal","adjustForStep","stepDecrementedVal","onKeyUp","key","onKeyDown","Math"],"mappings":"8FAGa,MAAAA,EAAc,CACzBC,EACAC,EACAC,KAEAA,IAAU,CAAEC,MAAOH,IACnBC,EAAaG,QAAUJ,CAAU,EAGtBK,EAAeC,IAC1BA,EAAMC,iBACND,EAAME,iBAAiB,sCCAT,SACdL,EACAM,EACAC,EACAC,EACAC,EACAC,EACAX,GAEA,MAAMY,UAAEA,GAAcC,EAAAA,UAEhBC,EAAsB,QAAdF,EAERG,EAAqBC,EAAAA,cAAcf,EAAQQ,EAAMA,EAAMF,EAAKC,GAC5DS,EAAqBD,EAAAA,cAAcf,EAAQQ,EAAMA,EAAMF,EAAKC,GA0DlE,MAAO,CACLU,QAxBoBd,IAGpB,OAFYA,EAAMe,KAGhB,IAAK,QACHR,IAAW,CAAEV,MAAOA,IACpBE,EAAYC,GACZ,MACF,IAAK,MACHP,EAAYI,EAAOS,EAAiBV,GACpCG,EAAYC,GACZ,MACF,IAAK,OACHP,EAAYU,EAAKG,EAAiBV,GAClCG,EAAYC,GACZ,MACF,IAAK,MACHP,EAAYW,EAAKE,EAAiBV,GAClCG,EAAYC,GAEf,EAKDgB,UA1DsBhB,IAGtB,OAFYA,EAAMe,KAGhB,IAAK,MACH,OACF,IAAK,YACHtB,EAAYwB,KAAKb,IAAID,EAAKU,GAAqBP,EAAiBV,GAChEG,EAAYC,GACZ,MACF,IAAK,UACHP,EAAYwB,KAAKd,IAAIC,EAAKO,GAAqBL,EAAiBV,GAChEG,EAAYC,GACZ,MACF,IAAK,YAAa,CAChB,MAAMN,EAAagB,EACfO,KAAKd,IAAIC,EAAKO,GACdM,KAAKb,IAAID,EAAKU,GAClBpB,EAAYC,EAAYY,EAAiBV,GACzCG,EAAYC,GACZ,KACD,CACD,IAAK,aAAc,CACjB,MAAMN,EAAagB,EACfO,KAAKb,IAAID,EAAKU,GACdI,KAAKd,IAAIC,EAAKO,GAClBlB,EAAYC,EAAYY,EAAiBV,GACzCG,EAAYC,GACZ,KACD,EACF,EA8BL"}

package/amd/useLegendContextMenu-9b6f6083.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', 'preact/compat', './PRIVATE_BaseLegend/themes/LegendStyles.css', './useLegendDnd-9b550023', './SvgSymbol-b672024f', './Text-31cabc49', 'preact/hooks', './useUser-e0677e8d', './datatipUtils-6846028e', './useDatatip-656c8df6', './useContextMenu-c4fc924d', './Menu-4b445ba5', './MenuItem-f3de5e35', 'preact', './logger-0f873e29', './LayerHost-1a734852', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-0761844d', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css'], (function(e,t,n,o,i,s,r,l,a,d,c,u,m,h,x,g,y,p,C,f,S,I,b,M,v,F,T,k,A,R){"use strict";function w(e){const{imageMarkerStyle:n}=i.styles;return t.jsx("img",{class:n,src:e.source,role:"none"})}const L=({markerColor:e="#a6acb1",lineColor:n="#a6acb1",markerShape:o="square",isHidden:s=!1,lineStyle:l="none",...a})=>{const{legendSymbolBaseStyle:d}=i.styles,c=!(null==a.width&&null==a.height)&&("rectangle"===o||"ellipse"===o),u="none"!=l&&"none"!=o?2:3;return t.jsx("div",{className:d,style:{width:a.width,height:a.height},children:a.source?t.jsx(w,{source:a.source}):t.jsx(r.SvgSymbol,{setAspectRatioNone:c,markerShape:s?"square":o,lineStyle:s?"none":l,lineColor:n,lineLength:a.lineLength,lineWidth:null!=a.lineWidth?a.lineWidth:u,markerColor:s?"transparent":e,borderColor:s?e||n:a.borderColor,setAbsolutePos:!0})})},W=({text:e,type:o="label",id:s,align:r="start",...a})=>{const{legendTextBaseStyle:d,legendTextTitle:c,legendTitleStartAlign:u,legendTitleCenterAlign:m,legendTitleEndAlign:h}=i.styles,x="title"===o;return t.jsx("div",{class:n.classNames([d,x?c:"",x&&"start"===r?u:"",x&&"center"===r?m:"",x&&"end"===r?h:""]),style:{...a},children:t.jsx(l.Text,{size:"inherit",variant:"inherit",weight:"inherit",truncation:"ellipsis",id:s,children:e})})},D=o.forwardRef((({id:e,text:o,sectionIdx:r,itemIdx:l,itemId:a,isHighlighted:d,symbolHeight:c,symbolWidth:u,isFocused:m,isCurrent:h,isHidden:x,actionable:g="inherit",hoverBehavior:y="none",hideAndShowBehavior:p="off",...C},f)=>{const S={fontFamily:C.textFontFamily,fontSize:C.textFontSize,color:C.textColor,fontStyle:C.textFontStyle,fontWeight:C.textFontWeight,textDecoration:C.textTextDecoration},I={lineStyle:C.lineStyle,lineWidth:C.lineWidth,markerShape:C.markerShape,markerColor:C.markerColor,source:C.source,borderColor:C.borderColor,lineColor:C.lineColor},b=d||null==d,{legendItemBaseStyle:M,legendItemOpacity:v,legendItemFocusRing:F}=i.styles;return t.jsxs("div",{class:n.classNames([M,s.getLegendCurrentItemStyle(h,d,p,y,x,g),b?"":v,m?F:"",C.class]),style:{gridRow:C.gridRow,gridColumn:C.gridCol,minWidth:void 0!==C.minWidth?`${C.minWidth}px`:void 0},id:e,ref:f,"data-oj-private-section":r,"data-oj-private-item":l,"data-oj-private-item-id":a,role:null!=x?"menuitemcheckbox":"img","aria-checked":null!=x?!x:void 0,"aria-label":C["aria-label"]||o,children:[t.jsx(L,{...I,isHidden:x,lineLength:u,width:null!=u?`${u}px`:void 0,height:null!=c?`${c}px`:void 0}),t.jsx(W,{...S,text:o,type:"label"})]})})),P=(e,t,n,o)=>{let i=0,s=c.DATATIP_OFFSET;if(e.current&&n.isCurrent&&t.current){const n=t.current,r=e.current.getBoundingClientRect();i=r.x+r.width/2-(n.x+n.width/2),i=o?-1*i:i,s+=n.y-r.y,s=Math.min(c.DATATIP_OFFSET,Math.max(s,r.height-n.height+c.DATATIP_OFFSET))}return{crossAxis:i,mainAxis:s}};e.BaseLegend=({orientation:e="horizontal",highlightedIds:o,hiddenIds:r,focusedItemInfo:l,hoveredItemInfo:a,sectionIdx:d,activeId:c,isReadOnly:u,items:m,symbolHeight:h,symbolWidth:x,hideAndShowBehavior:g="off",hoverBehavior:y="none",isTestEnv:p,...C})=>{const f="horizontal"===e,S=f?`repeat(${C.itemsPerRow}, ${C.itemWidth})`:void 0,{baseLegendStyles:I,baseLegendHorizontal:b,baseLegendVertical:M,baseLegendVerticalItem:v,baseLegendPaddingBottom:F,baseLegendPaddingTop:T,baseLegendPaddingEnd:k}=i.styles;return t.jsx("div",{className:n.classNames([I,f?b:M]),style:{gridTemplateColumns:S,maxWidth:"100%"},children:m.map(((e,i)=>{const{markerColor:S,markerShape:I,source:b,borderColor:M,lineColor:A,isCurrent:R,isFocused:w,isHidden:L,isHighlighted:W,key:P,actionable:j,text:B,lineStyle:H,lineWidth:E}=s.getItemProps(e,i,d,l,u,a,r,o),N=l.sectionIdx===d&&l.itemIdx===i,{gridRow:U,gridCol:_}=s.getGridCellIndices(m.length,i,C.itemsPerRow,C.itemsPerCol),O=null!=U&&U!=C.itemsPerCol,z=null!=U&&1!=U;return t.jsx(D,{ref:N?C.focusedItemRef:void 0,text:B,itemIdx:i,sectionIdx:d,itemId:p?e.id:void 0,symbolHeight:h,symbolWidth:x,markerColor:S,markerShape:I,lineStyle:H,lineWidth:E,source:b,borderColor:M,"aria-label":e["aria-label"],lineColor:A,isCurrent:R,isFocused:w,isHidden:L,isHighlighted:W,gridRow:U,gridCol:_,minWidth:C.itemWidth,id:R?c:"",textColor:C.textColor,textFontFamily:C.textFontFamily,textFontSize:C.textFontSize,textFontStyle:C.textFontStyle,textFontWeight:C.textFontWeight,textTextDecoration:C.textTextDecoration,class:n.classNames([f?"":v,z?T:"",O?F:"",k]),hideAndShowBehavior:g,hoverBehavior:y,actionable:j},P)}))})},e.LegendText=W,e.useLegendContextMenu=({rootRef:e,contextMenuConfig:t,focusedItemInfo:n,items:o,isReadOnly:i,onContextMenuDismissed:r})=>{const{contextMenuProps:l,contextMenuContent:a}=m.useContextMenu({onContextMenuHandler:({gesture:t,target:i})=>{if("keyboard"===t){const t=n.itemIdx,i=e.current?.querySelector(`[data-oj-private-item="${t}"]`)||null;return{type:"element",context:{type:"item",data:o[t]},elem:i}}const r=s.getItemInfo(i)?.itemIdx,l=void 0!==r?o[r]:null;return{type:"pointer",context:l?{type:"item",data:l}:{type:"background"}}},contextMenuOptions:{isDisabled:!t||i},rootRef:e,contextMenuConfig:t,onContextMenuDismissed:r});return{contextMenuContent:a,contextMenuProps:l}},e.useLegendDatatip=function({rootDimsRef:e,focusedItemRef:t,focusedItemInfo:n,touchResponse:o,isDisabled:i,datatip:s,items:r,hoveredItemInfo:l,sections:c}){const{direction:m}=d.useUser(),h="rtl"===m,[x,g]=a.useState(P(t,e,n,h));let y,p,C;a.useLayoutEffect((()=>{g(P(t,e,n,h))}),[n,t,h,e]);const f=n?.isCurrent?n:l?.isCurrent?l:void 0;if(f){const{itemIdx:e,sectionIdx:t}=f,n=c&&c.length>0?c[t].items[e]:r&&r[e];if(n){const o={data:n,itemIndex:e,sectionIndex:t,id:n.id};y=n.datatip;const i=s?.(o);i&&(y=i.content,p=i.borderColor,C=i.defaultContainer)}}const S=n?.isCurrent?"element":"pointer";return u.useDatatip({content:y,placement:"top",anchor:S,offset:x,touchResponse:o,isDisabled:i,borderColor:p,defaultContainer:C})},e.useSectionalLegendContextMenu=({rootRef:e,contextMenuConfig:t,focusedItemInfo:n,sections:o,isReadOnly:i,onContextMenuDismissed:r})=>{const{contextMenuProps:l,contextMenuContent:a}=m.useContextMenu({onContextMenuHandler:({gesture:t,target:i})=>{if("keyboard"===t){const t=n.itemIdx,i=n.sectionIdx,s=o[i]?.items[t];if(s){return{type:"element",context:{type:"item",itemIndexPath:[i,t],data:s},elem:e.current?.querySelector(`[data-oj-private-item="${t}"][data-oj-private-section="${i}"]`)||null}}}const r=s.getItemInfo(i)?.itemIdx,l=s.getItemInfo(i)?.sectionIdx,a=void 0!==l&&void 0!==r?o[l]?.items[r]:null;return{type:"pointer",context:a?{type:"item",data:a,itemIndexPath:[l,r]}:{type:"background"}}},contextMenuOptions:{isDisabled:!t||i},rootRef:e,contextMenuConfig:t,onContextMenuDismissed:r});return{contextMenuContent:a,contextMenuProps:l}}}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', 'preact/compat', './PRIVATE_BaseLegend/themes/LegendStyles.css', './useLegendDnd-9b550023', './SvgSymbol-b672024f', './Text-31cabc49', 'preact/hooks', './useUser-08901aba', './datatipUtils-6846028e', './useDatatip-df022581', './useContextMenu-c4fc924d', './Menu-4b445ba5', './MenuItem-f3de5e35', 'preact', './logger-0f873e29', './LayerHost-0b288129', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-66f3844a', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css'], (function(e,t,n,o,i,s,r,l,a,d,c,u,m,h,x,g,y,p,C,f,S,I,b,M,v,F,T,k,A,R){"use strict";function w(e){const{imageMarkerStyle:n}=i.styles;return t.jsx("img",{class:n,src:e.source,role:"none"})}const L=({markerColor:e="#a6acb1",lineColor:n="#a6acb1",markerShape:o="square",isHidden:s=!1,lineStyle:l="none",...a})=>{const{legendSymbolBaseStyle:d}=i.styles,c=!(null==a.width&&null==a.height)&&("rectangle"===o||"ellipse"===o),u="none"!=l&&"none"!=o?2:3;return t.jsx("div",{className:d,style:{width:a.width,height:a.height},children:a.source?t.jsx(w,{source:a.source}):t.jsx(r.SvgSymbol,{setAspectRatioNone:c,markerShape:s?"square":o,lineStyle:s?"none":l,lineColor:n,lineLength:a.lineLength,lineWidth:null!=a.lineWidth?a.lineWidth:u,markerColor:s?"transparent":e,borderColor:s?e||n:a.borderColor,setAbsolutePos:!0})})},W=({text:e,type:o="label",id:s,align:r="start",...a})=>{const{legendTextBaseStyle:d,legendTextTitle:c,legendTitleStartAlign:u,legendTitleCenterAlign:m,legendTitleEndAlign:h}=i.styles,x="title"===o;return t.jsx("div",{class:n.classNames([d,x?c:"",x&&"start"===r?u:"",x&&"center"===r?m:"",x&&"end"===r?h:""]),style:{...a},children:t.jsx(l.Text,{size:"inherit",variant:"inherit",weight:"inherit",truncation:"ellipsis",id:s,children:e})})},D=o.forwardRef((({id:e,text:o,sectionIdx:r,itemIdx:l,itemId:a,isHighlighted:d,symbolHeight:c,symbolWidth:u,isFocused:m,isCurrent:h,isHidden:x,actionable:g="inherit",hoverBehavior:y="none",hideAndShowBehavior:p="off",...C},f)=>{const S={fontFamily:C.textFontFamily,fontSize:C.textFontSize,color:C.textColor,fontStyle:C.textFontStyle,fontWeight:C.textFontWeight,textDecoration:C.textTextDecoration},I={lineStyle:C.lineStyle,lineWidth:C.lineWidth,markerShape:C.markerShape,markerColor:C.markerColor,source:C.source,borderColor:C.borderColor,lineColor:C.lineColor},b=d||null==d,{legendItemBaseStyle:M,legendItemOpacity:v,legendItemFocusRing:F}=i.styles;return t.jsxs("div",{class:n.classNames([M,s.getLegendCurrentItemStyle(h,d,p,y,x,g),b?"":v,m?F:"",C.class]),style:{gridRow:C.gridRow,gridColumn:C.gridCol,minWidth:void 0!==C.minWidth?`${C.minWidth}px`:void 0},id:e,ref:f,"data-oj-private-section":r,"data-oj-private-item":l,"data-oj-private-item-id":a,role:null!=x?"menuitemcheckbox":"img","aria-checked":null!=x?!x:void 0,"aria-label":C["aria-label"]||o,children:[t.jsx(L,{...I,isHidden:x,lineLength:u,width:null!=u?`${u}px`:void 0,height:null!=c?`${c}px`:void 0}),t.jsx(W,{...S,text:o,type:"label"})]})})),P=(e,t,n,o)=>{let i=0,s=c.DATATIP_OFFSET;if(e.current&&n.isCurrent&&t.current){const n=t.current,r=e.current.getBoundingClientRect();i=r.x+r.width/2-(n.x+n.width/2),i=o?-1*i:i,s+=n.y-r.y,s=Math.min(c.DATATIP_OFFSET,Math.max(s,r.height-n.height+c.DATATIP_OFFSET))}return{crossAxis:i,mainAxis:s}};e.BaseLegend=({orientation:e="horizontal",highlightedIds:o,hiddenIds:r,focusedItemInfo:l,hoveredItemInfo:a,sectionIdx:d,activeId:c,isReadOnly:u,items:m,symbolHeight:h,symbolWidth:x,hideAndShowBehavior:g="off",hoverBehavior:y="none",isTestEnv:p,...C})=>{const f="horizontal"===e,S=f?`repeat(${C.itemsPerRow}, ${C.itemWidth})`:void 0,{baseLegendStyles:I,baseLegendHorizontal:b,baseLegendVertical:M,baseLegendVerticalItem:v,baseLegendPaddingBottom:F,baseLegendPaddingTop:T,baseLegendPaddingEnd:k}=i.styles;return t.jsx("div",{className:n.classNames([I,f?b:M]),style:{gridTemplateColumns:S,maxWidth:"100%"},children:m.map(((e,i)=>{const{markerColor:S,markerShape:I,source:b,borderColor:M,lineColor:A,isCurrent:R,isFocused:w,isHidden:L,isHighlighted:W,key:P,actionable:j,text:B,lineStyle:H,lineWidth:E}=s.getItemProps(e,i,d,l,u,a,r,o),N=l.sectionIdx===d&&l.itemIdx===i,{gridRow:U,gridCol:_}=s.getGridCellIndices(m.length,i,C.itemsPerRow,C.itemsPerCol),O=null!=U&&U!=C.itemsPerCol,z=null!=U&&1!=U;return t.jsx(D,{ref:N?C.focusedItemRef:void 0,text:B,itemIdx:i,sectionIdx:d,itemId:p?e.id:void 0,symbolHeight:h,symbolWidth:x,markerColor:S,markerShape:I,lineStyle:H,lineWidth:E,source:b,borderColor:M,"aria-label":e["aria-label"],lineColor:A,isCurrent:R,isFocused:w,isHidden:L,isHighlighted:W,gridRow:U,gridCol:_,minWidth:C.itemWidth,id:R?c:"",textColor:C.textColor,textFontFamily:C.textFontFamily,textFontSize:C.textFontSize,textFontStyle:C.textFontStyle,textFontWeight:C.textFontWeight,textTextDecoration:C.textTextDecoration,class:n.classNames([f?"":v,z?T:"",O?F:"",k]),hideAndShowBehavior:g,hoverBehavior:y,actionable:j},P)}))})},e.LegendText=W,e.useLegendContextMenu=({rootRef:e,contextMenuConfig:t,focusedItemInfo:n,items:o,isReadOnly:i,onContextMenuDismissed:r})=>{const{contextMenuProps:l,contextMenuContent:a}=m.useContextMenu({onContextMenuHandler:({gesture:t,target:i})=>{if("keyboard"===t){const t=n.itemIdx,i=e.current?.querySelector(`[data-oj-private-item="${t}"]`)||null;return{type:"element",context:{type:"item",data:o[t]},elem:i}}const r=s.getItemInfo(i)?.itemIdx,l=void 0!==r?o[r]:null;return{type:"pointer",context:l?{type:"item",data:l}:{type:"background"}}},contextMenuOptions:{isDisabled:!t||i},rootRef:e,contextMenuConfig:t,onContextMenuDismissed:r});return{contextMenuContent:a,contextMenuProps:l}},e.useLegendDatatip=function({rootDimsRef:e,focusedItemRef:t,focusedItemInfo:n,touchResponse:o,isDisabled:i,datatip:s,items:r,hoveredItemInfo:l,sections:c}){const{direction:m}=d.useUser(),h="rtl"===m,[x,g]=a.useState(P(t,e,n,h));let y,p,C;a.useLayoutEffect((()=>{g(P(t,e,n,h))}),[n,t,h,e]);const f=n?.isCurrent?n:l?.isCurrent?l:void 0;if(f){const{itemIdx:e,sectionIdx:t}=f,n=c&&c.length>0?c[t].items[e]:r&&r[e];if(n){const o={data:n,itemIndex:e,sectionIndex:t,id:n.id};y=n.datatip;const i=s?.(o);i&&(y=i.content,p=i.borderColor,C=i.defaultContainer)}}const S=n?.isCurrent?"element":"pointer";return u.useDatatip({content:y,placement:"top",anchor:S,offset:x,touchResponse:o,isDisabled:i,borderColor:p,defaultContainer:C})},e.useSectionalLegendContextMenu=({rootRef:e,contextMenuConfig:t,focusedItemInfo:n,sections:o,isReadOnly:i,onContextMenuDismissed:r})=>{const{contextMenuProps:l,contextMenuContent:a}=m.useContextMenu({onContextMenuHandler:({gesture:t,target:i})=>{if("keyboard"===t){const t=n.itemIdx,i=n.sectionIdx,s=o[i]?.items[t];if(s){return{type:"element",context:{type:"item",itemIndexPath:[i,t],data:s},elem:e.current?.querySelector(`[data-oj-private-item="${t}"][data-oj-private-section="${i}"]`)||null}}}const r=s.getItemInfo(i)?.itemIdx,l=s.getItemInfo(i)?.sectionIdx,a=void 0!==l&&void 0!==r?o[l]?.items[r]:null;return{type:"pointer",context:a?{type:"item",data:a,itemIndexPath:[l,r]}:{type:"background"}}},contextMenuOptions:{isDisabled:!t||i},rootRef:e,contextMenuConfig:t,onContextMenuDismissed:r});return{contextMenuContent:a,contextMenuProps:l}}}));
 //# sourceMappingURL=useLegendContextMenu-9b6f6083.js.map

package/amd/useMeterDatatip-5598534c.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './useKeyboardEvents-f0419128', './useDatatip-df022581'], (function(t,e,n,r){"use strict";t.useMeterDatatip=function(t,e,n,o){const i=void 0===n?`${t}`:n,{datatipContent:u,datatipProps:c}=r.useDatatip({content:i,anchor:e.current?"pointer":"element",offset:{mainAxis:8,crossAxis:0},placement:"top",touchResponse:"touchStart"});return c["aria-describedby"]=[o,c["aria-describedby"]].filter(Boolean).join(" ")||void 0,{datatipContent:u,datatipProps:c}},t.usePointerEvents=function(t,r,o,i,u,c,a){const s=e.useRef(!1);return{onPointerUp:t=>{s.current=!1;const e=r(t);void 0!==e&&c?.({value:e}),u.current=!0},onBlur:()=>{s.current=!1,c?.({value:t}),u.current=!1},onPointerMove:t=>{if(s.current){const e=r(t);void 0!==e&&e!=i.current&&n.handleInput(e,i,a)}u.current=!0},onPointerDown:t=>{s.current=!0,o.current?.setPointerCapture(t.pointerId);const e=r(t);void 0!==e&&e!=i.current&&n.handleInput(e,i,a),u.current=!0},onPointerLeave:()=>{u.current=!1},onPointerEnter:()=>{u.current=!0}}}}));
+//# sourceMappingURL=useMeterDatatip-5598534c.js.map

package/amd/{useMeterDatatip-d6977d41.js.map → useMeterDatatip-5598534c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useMeterDatatip-d6977d41.js","sources":["../../src/hooks/PRIVATE_useVisMeterEvents/useMeterDatatip.tsx","../../src/hooks/PRIVATE_useVisMeterEvents/usePointerEvents.ts"],"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 */\nimport { MutableRef } from 'preact/hooks';\nimport { useDatatip } from '#hooks/PRIVATE_useDatatip';\n\nexport function useMeterDatatip(\n  value: number,\n  isPointerActiveRef: MutableRef<boolean>,\n  datatip?: string | null,\n  ariaDescribedBy?: string\n) {\n  const datatipText = datatip === undefined ? `${value}` : datatip;\n  const { datatipContent, datatipProps } = useDatatip({\n    content: datatipText,\n    anchor: isPointerActiveRef.current ? 'pointer' : 'element',\n    offset: {\n      mainAxis: 8,\n      crossAxis: 0\n    },\n    placement: 'top',\n    touchResponse: 'touchStart'\n  });\n\n  datatipProps['aria-describedby'] =\n    [ariaDescribedBy, datatipProps['aria-describedby']].filter(Boolean).join(' ') || undefined;\n\n  return { datatipContent, datatipProps };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { RefObject } from 'preact';\nimport { MutableRef, useRef } from 'preact/hooks';\nimport { handleInput } from './events';\nimport { CommitDetail, InputDetail } from '#utils/UNSAFE_meterUtils';\n\ntype getValueFromEvent = (event: PointerEvent) => number | undefined;\n\nexport function usePointerEvents(\n  value: number | undefined,\n  getValue: getValueFromEvent,\n  targetRef: RefObject<HTMLDivElement>,\n  currentInputRef: MutableRef<number | undefined>,\n  isPointerActiveRef: MutableRef<boolean | undefined>,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) {\n  const isPointerDown = useRef<boolean>(false);\n\n  const onPointerUp = (event: PointerEvent) => {\n    isPointerDown.current = false;\n    const val = getValue(event);\n    if (val !== undefined) {\n      onCommit?.({ value: val } as CommitDetail);\n    }\n    isPointerActiveRef.current = true;\n  };\n\n  const onPointerMove = (event: PointerEvent) => {\n    if (isPointerDown.current) {\n      const val = getValue(event);\n      if (val !== undefined && val != currentInputRef.current) {\n        handleInput(val, currentInputRef, onInput);\n      }\n    }\n    isPointerActiveRef.current = true;\n  };\n\n  const onPointerDown = (event: PointerEvent) => {\n    isPointerDown.current = true;\n    targetRef.current?.setPointerCapture(event.pointerId);\n    const val = getValue(event);\n    if (val !== undefined && val != currentInputRef.current) {\n      handleInput(val, currentInputRef, onInput);\n    }\n    isPointerActiveRef.current = true;\n  };\n\n  const onBlur = () => {\n    isPointerDown.current = false;\n    onCommit?.({ value: value } as CommitDetail);\n    isPointerActiveRef.current = false;\n  };\n\n  const onPointerLeave = () => {\n    isPointerActiveRef.current = false;\n  };\n\n  const onPointerEnter = () => {\n    isPointerActiveRef.current = true;\n  };\n\n  return {\n    onPointerUp,\n    onBlur,\n    onPointerMove,\n    onPointerDown,\n    onPointerLeave,\n    onPointerEnter\n  };\n}\n"],"names":["value","isPointerActiveRef","datatip","ariaDescribedBy","datatipText","undefined","datatipContent","datatipProps","useDatatip","content","anchor","current","offset","mainAxis","crossAxis","placement","touchResponse","filter","Boolean","join","getValue","targetRef","currentInputRef","onCommit","onInput","isPointerDown","useRef","onPointerUp","event","val","onBlur","onPointerMove","handleInput","onPointerDown","setPointerCapture","pointerId","onPointerLeave","onPointerEnter"],"mappings":"2IAUM,SACJA,EACAC,EACAC,EACAC,GAEA,MAAMC,OAA0BC,IAAZH,EAAwB,GAAGF,IAAUE,GACnDI,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,QAASL,EACTM,OAAQT,EAAmBU,QAAU,UAAY,UACjDC,OAAQ,CACNC,SAAU,EACVC,UAAW,GAEbC,UAAW,MACXC,cAAe,eAMjB,OAHAT,EAAa,oBACX,CAACJ,EAAiBI,EAAa,qBAAqBU,OAAOC,SAASC,KAAK,WAAQd,EAE5E,CAAEC,iBAAgBC,eAC3B,qBClBgB,SACdP,EACAoB,EACAC,EACAC,EACArB,EACAsB,EACAC,GAEA,MAAMC,EAAgBC,UAAgB,GA6CtC,MAAO,CACLC,YA5CmBC,IACnBH,EAAcd,SAAU,EACxB,MAAMkB,EAAMT,EAASQ,QACTvB,IAARwB,GACFN,IAAW,CAAEvB,MAAO6B,IAEtB5B,EAAmBU,SAAU,CAAI,EAuCjCmB,OAhBa,KACbL,EAAcd,SAAU,EACxBY,IAAW,CAAEvB,MAAOA,IACpBC,EAAmBU,SAAU,CAAK,EAclCoB,cArCqBH,IACrB,GAAIH,EAAcd,QAAS,CACzB,MAAMkB,EAAMT,EAASQ,QACTvB,IAARwB,GAAqBA,GAAOP,EAAgBX,SAC9CqB,EAAAA,YAAYH,EAAKP,EAAiBE,EAErC,CACDvB,EAAmBU,SAAU,CAAI,EA+BjCsB,cA5BqBL,IACrBH,EAAcd,SAAU,EACxBU,EAAUV,SAASuB,kBAAkBN,EAAMO,WAC3C,MAAMN,EAAMT,EAASQ,QACTvB,IAARwB,GAAqBA,GAAOP,EAAgBX,SAC9CqB,EAAAA,YAAYH,EAAKP,EAAiBE,GAEpCvB,EAAmBU,SAAU,CAAI,EAsBjCyB,eAbqB,KACrBnC,EAAmBU,SAAU,CAAK,EAalC0B,eAVqB,KACrBpC,EAAmBU,SAAU,CAAI,EAWrC"}
+{"version":3,"file":"useMeterDatatip-5598534c.js","sources":["../../src/hooks/PRIVATE_useVisMeterEvents/useMeterDatatip.tsx","../../src/hooks/PRIVATE_useVisMeterEvents/usePointerEvents.ts"],"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 */\nimport { MutableRef } from 'preact/hooks';\nimport { useDatatip } from '#hooks/PRIVATE_useDatatip';\n\nexport function useMeterDatatip(\n  value: number,\n  isPointerActiveRef: MutableRef<boolean>,\n  datatip?: string | null,\n  ariaDescribedBy?: string\n) {\n  const datatipText = datatip === undefined ? `${value}` : datatip;\n  const { datatipContent, datatipProps } = useDatatip({\n    content: datatipText,\n    anchor: isPointerActiveRef.current ? 'pointer' : 'element',\n    offset: {\n      mainAxis: 8,\n      crossAxis: 0\n    },\n    placement: 'top',\n    touchResponse: 'touchStart'\n  });\n\n  datatipProps['aria-describedby'] =\n    [ariaDescribedBy, datatipProps['aria-describedby']].filter(Boolean).join(' ') || undefined;\n\n  return { datatipContent, datatipProps };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { RefObject } from 'preact';\nimport { MutableRef, useRef } from 'preact/hooks';\nimport { handleInput } from './events';\nimport { CommitDetail, InputDetail } from '#utils/UNSAFE_meterUtils';\n\ntype getValueFromEvent = (event: PointerEvent) => number | undefined;\n\nexport function usePointerEvents(\n  value: number | undefined,\n  getValue: getValueFromEvent,\n  targetRef: RefObject<HTMLDivElement>,\n  currentInputRef: MutableRef<number | undefined>,\n  isPointerActiveRef: MutableRef<boolean | undefined>,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) {\n  const isPointerDown = useRef<boolean>(false);\n\n  const onPointerUp = (event: PointerEvent) => {\n    isPointerDown.current = false;\n    const val = getValue(event);\n    if (val !== undefined) {\n      onCommit?.({ value: val } as CommitDetail);\n    }\n    isPointerActiveRef.current = true;\n  };\n\n  const onPointerMove = (event: PointerEvent) => {\n    if (isPointerDown.current) {\n      const val = getValue(event);\n      if (val !== undefined && val != currentInputRef.current) {\n        handleInput(val, currentInputRef, onInput);\n      }\n    }\n    isPointerActiveRef.current = true;\n  };\n\n  const onPointerDown = (event: PointerEvent) => {\n    isPointerDown.current = true;\n    targetRef.current?.setPointerCapture(event.pointerId);\n    const val = getValue(event);\n    if (val !== undefined && val != currentInputRef.current) {\n      handleInput(val, currentInputRef, onInput);\n    }\n    isPointerActiveRef.current = true;\n  };\n\n  const onBlur = () => {\n    isPointerDown.current = false;\n    onCommit?.({ value: value } as CommitDetail);\n    isPointerActiveRef.current = false;\n  };\n\n  const onPointerLeave = () => {\n    isPointerActiveRef.current = false;\n  };\n\n  const onPointerEnter = () => {\n    isPointerActiveRef.current = true;\n  };\n\n  return {\n    onPointerUp,\n    onBlur,\n    onPointerMove,\n    onPointerDown,\n    onPointerLeave,\n    onPointerEnter\n  };\n}\n"],"names":["value","isPointerActiveRef","datatip","ariaDescribedBy","datatipText","undefined","datatipContent","datatipProps","useDatatip","content","anchor","current","offset","mainAxis","crossAxis","placement","touchResponse","filter","Boolean","join","getValue","targetRef","currentInputRef","onCommit","onInput","isPointerDown","useRef","onPointerUp","event","val","onBlur","onPointerMove","handleInput","onPointerDown","setPointerCapture","pointerId","onPointerLeave","onPointerEnter"],"mappings":"2IAUM,SACJA,EACAC,EACAC,EACAC,GAEA,MAAMC,OAA0BC,IAAZH,EAAwB,GAAGF,IAAUE,GACnDI,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,QAASL,EACTM,OAAQT,EAAmBU,QAAU,UAAY,UACjDC,OAAQ,CACNC,SAAU,EACVC,UAAW,GAEbC,UAAW,MACXC,cAAe,eAMjB,OAHAT,EAAa,oBACX,CAACJ,EAAiBI,EAAa,qBAAqBU,OAAOC,SAASC,KAAK,WAAQd,EAE5E,CAAEC,iBAAgBC,eAC3B,qBClBgB,SACdP,EACAoB,EACAC,EACAC,EACArB,EACAsB,EACAC,GAEA,MAAMC,EAAgBC,UAAgB,GA6CtC,MAAO,CACLC,YA5CmBC,IACnBH,EAAcd,SAAU,EACxB,MAAMkB,EAAMT,EAASQ,QACTvB,IAARwB,GACFN,IAAW,CAAEvB,MAAO6B,IAEtB5B,EAAmBU,SAAU,CAAI,EAuCjCmB,OAhBa,KACbL,EAAcd,SAAU,EACxBY,IAAW,CAAEvB,MAAOA,IACpBC,EAAmBU,SAAU,CAAK,EAclCoB,cArCqBH,IACrB,GAAIH,EAAcd,QAAS,CACzB,MAAMkB,EAAMT,EAASQ,QACTvB,IAARwB,GAAqBA,GAAOP,EAAgBX,SAC9CqB,EAAAA,YAAYH,EAAKP,EAAiBE,EAErC,CACDvB,EAAmBU,SAAU,CAAI,EA+BjCsB,cA5BqBL,IACrBH,EAAcd,SAAU,EACxBU,EAAUV,SAASuB,kBAAkBN,EAAMO,WAC3C,MAAMN,EAAMT,EAASQ,QACTvB,IAARwB,GAAqBA,GAAOP,EAAgBX,SAC9CqB,EAAAA,YAAYH,EAAKP,EAAiBE,GAEpCvB,EAAmBU,SAAU,CAAI,EAsBjCyB,eAbqB,KACrBnC,EAAmBU,SAAU,CAAK,EAalC0B,eAVqB,KACrBpC,EAAmBU,SAAU,CAAI,EAWrC"}

package/amd/useNavigation-8d7dae30.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './useCurrentKey-05038cac', './useReorderableContext-a5453bd7', './useCollectionFocusRing-734be5a1', './useTabbableModeSet-45117f02', './collectionUtils-3951928f', './mergeProps-bcfa6a92', './keys-4755c121'], (function(e,r,t,n,o,c,u,s,i){"use strict";const l=(e,t)=>{const[o,c]=r.useState(),u=r.useRef(),s=r.useRef(!1),i=n.useReorderableContext(),l=r.useMemo((()=>e=>{const r=e.value;c({rowKey:r}),t?.(e),null!=i?.currentItemKey&&(i.currentItemKey.current=r)}),[t,i?.currentItemKey]);return u.current!==e&&(u.current=e,o?.rowKey!==e?.rowKey&&(s.current=!0,l({value:e?.rowKey}))),r.useEffect((()=>{s.current=!1})),{currentKey:o?.rowKey,onCurrentKeyChange:l,isCurrentItemOverridden:s.current}},a=(e,r,t)=>{if(e&&r&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded():e.scrollIntoView({block:"nearest"}),t>0)){const n=r.getBoundingClientRect(),o=e.getBoundingClientRect(),c=n.top+t-o.top;c>0&&(r.scrollTop=r.scrollTop-c)}},d=(e,r,t,n)=>{if(r.current){const o=t?.scrollerRef.current,c=n?n(r.current):0;a(e,o||r.current,c)}},f=e=>!(!e.parentElement||!e.parentElement.classList.contains("oj-listview-expander"));e.LIST_ITEM_SELECTOR="[data-oj-list-item]",e.excludeGroup=(e,r)=>{if(!r.all){const t=e.data.filter((e=>!e.metadata.isLeaf)).map((e=>e.metadata.key)),n=Array.from(r.keys.values()).filter((e=>!t.includes(e)));return{...r,keys:new Set(n)}}return r},e.getViewportConfig=(e,r)=>r??{scrollerRef:e},e.isMultipleSelection=e=>"multiple"===e||"multipleToggle"===e,e.scrollToVisible=a,e.useCurrentItemOverride=l,e.useNavigation=(e,n,a,y,K,C,b,g,m,p,v,w,R,I)=>{const k=r.useRef(),E=r.useRef(!0),{currentKey:T,onCurrentKeyChange:x,isCurrentItemOverridden:S}=l(C,b),[A,h]=c.useTabbableModeSet(n,(e=>f(e)?null:u.keyExtractor(e,y)),T,x,void 0,void 0,I),{currentKeyProps:D}=t.useCurrentKey((e=>u.keyExtractor(e,y)),p,A(T),K.ArrowUp(T),K.ArrowDown(T),K.ArrowLeft?.(T),K.ArrowRight?.(T),T,x),[O,V]=o.useCollectionFocusRing(n,Object.keys(K)),F=r.useCallback((e=>{const r=u.keyExtractor(e.target,y);i.isKeyDefined(r)&&(k.current=r,r!==T&&(E.current=!1))}),[T]),L=r.useCallback((()=>{if(n.current&&(!v||A(void 0))){const e=k.current||u.getFirstVisibleKey(n.current,y);i.isKeyDefined(e)&&x({value:e})}}),[n,T,x,v,A]),M=r.useCallback((e=>{if(f(e.target))n.current?.focus({preventScroll:!0});else if(n.current)if(i.isKeyDefined(T)){const e=u.findElementByKey(n.current,T,y);e?(E.current&&d(e,n,g,m),E.current=!0):L()}else L()}),[n,T,L,g,m]);return r.useEffect((()=>{if(w&&n.current&&i.isKeyDefined(T)){const e=u.findElementByKey(n.current,T,y);if(e){const r=a(e),t=n.current.getAttribute("aria-activedescendant");if(""!==r&&t!==r){n.current.setAttribute("aria-activedescendant",r);const t=n.current?.contains(document.activeElement);(!S&&t||R)&&d(e,n,g,m)}}}}),[e,n,T,a,g,m,S,w,R]),{navigationProps:s.mergeProps(D,V,v?h:{},{onFocus:M,onPointerDown:F}),currentKey:T,onCurrentKeyChange:x,isCurrentItemOverridden:S,showFocusRing:O,isCurrentTabbableKey:A}}}));
+define(['exports', 'preact/hooks', './useCurrentKey-5749e7fb', './useReorderableContext-a5453bd7', './useCollectionFocusRing-734be5a1', './useTabbableModeSet-45117f02', './collectionUtils-3951928f', './mergeProps-bcfa6a92', './keys-4755c121'], (function(e,r,t,n,o,c,u,s,i){"use strict";const l=(e,t)=>{const[o,c]=r.useState(),u=r.useRef(),s=r.useRef(!1),i=n.useReorderableContext(),l=r.useMemo((()=>e=>{const r=e.value;c({rowKey:r}),t?.(e),null!=i?.currentItemKey&&(i.currentItemKey.current=r)}),[t,i?.currentItemKey]);return u.current!==e&&(u.current=e,o?.rowKey!==e?.rowKey&&(s.current=!0,l({value:e?.rowKey}))),r.useEffect((()=>{s.current=!1})),{currentKey:o?.rowKey,onCurrentKeyChange:l,isCurrentItemOverridden:s.current}},a=(e,r,t)=>{if(e&&r&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded():e.scrollIntoView({block:"nearest"}),t>0)){const n=r.getBoundingClientRect(),o=e.getBoundingClientRect(),c=n.top+t-o.top;c>0&&(r.scrollTop=r.scrollTop-c)}},f=(e,r,t,n)=>{if(r.current){const o=t?.scrollerRef.current,c=n?n(r.current):0;a(e,o||r.current,c)}},d=e=>!(!e.parentElement||!e.parentElement.classList.contains("oj-listview-expander"));e.LIST_ITEM_SELECTOR="[data-oj-list-item]",e.excludeGroup=(e,r)=>{if(!r.all){const t=e.data.filter((e=>!e.metadata.isLeaf)).map((e=>e.metadata.key)),n=Array.from(r.keys.values()).filter((e=>!t.includes(e)));return{...r,keys:new Set(n)}}return r},e.getViewportConfig=(e,r)=>r??{scrollerRef:e},e.isMultipleSelection=e=>"multiple"===e||"multipleToggle"===e,e.scrollToVisible=a,e.useCurrentItemOverride=l,e.useNavigation=(e,n,a,y,K,b,C,g,m,p,v,w,R,I)=>{const k=r.useRef(),E=r.useRef(!0),{currentKey:T,onCurrentKeyChange:x,isCurrentItemOverridden:S}=l(b,C),[A,h]=c.useTabbableModeSet(n,(e=>d(e)?null:u.keyExtractor(e,y)),T,x,void 0,void 0,I),{currentKeyProps:D}=t.useCurrentKey((e=>u.keyExtractor(e,y)),p,A(T),K.ArrowUp(T),K.ArrowDown(T),K.ArrowLeft?.(T),K.ArrowRight?.(T),T,x),[O,V]=o.useCollectionFocusRing(n,Object.keys(K)),F=r.useCallback((e=>{const r=u.keyExtractor(e.target,y);i.isKeyDefined(r)&&(k.current=r,r!==T&&(E.current=!1))}),[T]),L=r.useCallback((()=>{if(n.current&&(!v||A(void 0))){const e=k.current||u.getFirstVisibleKey(n.current,y);i.isKeyDefined(e)&&x({value:e})}}),[n,T,x,v,A]),M=r.useCallback((e=>{if(d(e.target))n.current?.focus({preventScroll:!0});else if(n.current)if(i.isKeyDefined(T)){const e=u.findElementByKey(n.current,T,y);e?(E.current&&f(e,n,g,m),E.current=!0):L()}else L()}),[n,T,L,g,m]);return r.useEffect((()=>{if(w&&n.current&&i.isKeyDefined(T)){const e=u.findElementByKey(n.current,T,y);if(e){const r=a(e),t=n.current.getAttribute("aria-activedescendant");if(""!==r&&t!==r){n.current.setAttribute("aria-activedescendant",r);const t=n.current?.contains(document.activeElement);(!S&&t||R)&&f(e,n,g,m)}}}}),[e,n,T,a,g,m,S,w,R]),{navigationProps:s.mergeProps(D,V,v?h:{},{onFocus:M,onPointerDown:F}),currentKey:T,onCurrentKeyChange:x,isCurrentItemOverridden:S,showFocusRing:O,isCurrentTabbableKey:A}}}));
 //# sourceMappingURL=useNavigation-8d7dae30.js.map

package/amd/{useOutsideClick-ace4f686.js → useOutsideClick-b9b661a4.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './arrayUtils-6ee96a35', './Layer-64bf71ad', './useModal-536cb7ff'], (function(e,t,r,n,o){"use strict";const s=e=>e?.ownerDocument??document;e.useOutsideClick=({isDisabled:e=!1,ref:u,handler:c})=>{const a=t.useRef(null);t.useEffect((()=>{const t=r.coerceArray(u);if(!c||e||t.length>0&&t.findIndex((e=>null===e.current))>-1)return;const i=e=>{a.current=e.target},l=e=>{a.current===e.target&&((e,t)=>{const r=e.target;if(!r)return!1;if(!s(r).contains(r))return!1;if(t.some((e=>e.current?.contains(r))))return!1;const u=e=>{let t=e.parentElement;for(;t;){if(t[n.LOGICAL_PARENT])return t[n.LOGICAL_PARENT];t=t.parentElement}return null};if(r[o.MODAL_OVERLAY])return!!t.some((e=>{const t=e.current?.closest('[data-oj-layer="modal"]');return t&&t.contains(r)}));let c=u(r);for(;c;){if(t.some((e=>e.current?.contains(c))))return!1;c=u(c)}const a=r.closest('[data-oj-layer="modal"]');return!(a&&!t.some((e=>a.contains(e.current)))||t.some((e=>((e,t)=>{const r=e?.closest("[data-oj-layer]");return!(!r||!r.contains(t))})(e.current,r))))})(e,t)&&c?.(e),a.current=null},d=t[0],f=s(d.current);return f?(f.addEventListener("mousedown",i,!0),f.addEventListener("mouseup",l,!0),()=>{f.removeEventListener("mousedown",i,!0),f.removeEventListener("mouseup",l,!0)}):void 0}),[e,c,u])}}));
-//# sourceMappingURL=useOutsideClick-ace4f686.js.map
+define(['exports', 'preact/hooks', './arrayUtils-6ee96a35', './Layer-1971eddb', './useModal-536cb7ff'], (function(e,t,r,n,o){"use strict";const s=e=>e?.ownerDocument??document;e.useOutsideClick=({isDisabled:e=!1,ref:u,handler:c})=>{const a=t.useRef(null);t.useEffect((()=>{const t=r.coerceArray(u);if(!c||e||t.length>0&&t.findIndex((e=>null===e.current))>-1)return;const i=e=>{a.current=e.target},l=e=>{a.current===e.target&&((e,t)=>{const r=e.target;if(!r)return!1;if(!s(r).contains(r))return!1;if(t.some((e=>e.current?.contains(r))))return!1;const u=e=>{let t=e.parentElement;for(;t;){if(t[n.LOGICAL_PARENT])return t[n.LOGICAL_PARENT];t=t.parentElement}return null};if(r[o.MODAL_OVERLAY])return!!t.some((e=>{const t=e.current?.closest('[data-oj-layer="modal"]');return t&&t.contains(r)}));let c=u(r);for(;c;){if(t.some((e=>e.current?.contains(c))))return!1;c=u(c)}const a=r.closest('[data-oj-layer="modal"]');return!(a&&!t.some((e=>a.contains(e.current)))||t.some((e=>((e,t)=>{const r=e?.closest("[data-oj-layer]");return!(!r||!r.contains(t))})(e.current,r))))})(e,t)&&c?.(e),a.current=null},d=t[0],f=s(d.current);return f?(f.addEventListener("mousedown",i,!0),f.addEventListener("mouseup",l,!0),()=>{f.removeEventListener("mousedown",i,!0),f.removeEventListener("mouseup",l,!0)}):void 0}),[e,c,u])}}));
+//# sourceMappingURL=useOutsideClick-b9b661a4.js.map

package/amd/{useOutsideClick-ace4f686.js.map → useOutsideClick-b9b661a4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useOutsideClick-ace4f686.js","sources":["../../src/hooks/UNSAFE_useOutsideClick/useOutsideClick.ts"],"sourcesContent":["/**\n * `useClickOutside` hook for capturing clicking outside of an element\n */\nimport type { RefObject } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { coerceArray } from '../../utils/UNSAFE_arrayUtils';\nimport { LOGICAL_PARENT } from '../../UNSAFE_Layer/Layer';\nimport { MODAL_OVERLAY, BackdropElement } from '#UNSAFE_Modal/hooks/useModal';\n\ntype Props = {\n  /**\n   * If true outside click is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Reference to element or array of elements relative to which outside click is performed\n   */\n  ref: RefObject<HTMLElement> | RefObject<HTMLElement>[];\n  /**\n   * Outside click callback\n   */\n  handler?: (event: MouseEvent) => void;\n};\n\n/**\n * Checks if the mouse event target is inside of any of the specified containers, or if it\n * occurs in a layer whose 'logicalParent' belongs to one of the containers.\n *\n * @param event a mouse event associated with the potential \"outside click\" action\n * @param ref an array of references to elements that are considered \"inside\"\n * @returns 'true' if the event occurs \"outside\" of the specified list of containers\n */\nconst isPointOutside = (event: Event, ref: RefObject<HTMLElement>[]) => {\n  const target = event.target as HTMLElement;\n\n  // if the event has no target, consider it \"inside\"\n  if (!target) {\n    return false;\n  }\n\n  const doc = getDocument(target);\n  if (!doc.contains(target)) {\n    return false;\n  }\n\n  // if the target is contained in any of the target containers, it is not \"outside\"\n  if (ref.some((elRef: RefObject<HTMLElement>) => elRef.current?.contains(target))) {\n    return false;\n  }\n\n  const findLogicalParent = (elem: Element): Element | null => {\n    let elemParent = elem.parentElement as any;\n    while (elemParent) {\n      if (elemParent[LOGICAL_PARENT]) {\n        return elemParent[LOGICAL_PARENT];\n      }\n      elemParent = elemParent.parentElement;\n    }\n    return null;\n  };\n\n  const parentLayerContainsTarget = (element: HTMLElement | null, target: Node): boolean => {\n    const parentLayer = element?.closest('[data-oj-layer]');\n    if (parentLayer && parentLayer.contains(target)) {\n      return true;\n    }\n    return false;\n  };\n\n  // Handle backdrop clicks before consulting logical-parent ownership. A popup layer may be\n  // logically parented to its launcher, but clicks on its own modal overlay must still count\n  // as outside clicks for components that support auto-dismiss on the scrim.\n  if ((target as BackdropElement)[MODAL_OVERLAY]) {\n    if (\n      !ref.some((elRef: RefObject<HTMLElement>) => {\n        const modalParent = elRef.current?.closest('[data-oj-layer=\"modal\"]');\n        return modalParent && modalParent.contains(target);\n      })\n    ) {\n      return false;\n    } else {\n      return true;\n    }\n  }\n\n  // Check if the target is logically owned by any of the refs\n  let logicalParent = findLogicalParent(target);\n  while (logicalParent) {\n    if (ref.some((elRef: RefObject<HTMLElement>) => elRef.current?.contains(logicalParent))) {\n      return false;\n    }\n    logicalParent = findLogicalParent(logicalParent);\n  }\n\n  // if the target is a child of a modal layer other than any of the refs,\n  // the click occurs in another modal layer which must be above our elem\n  const modalParent = target.closest('[data-oj-layer=\"modal\"]');\n  if (\n    modalParent &&\n    !ref.some((elRef: RefObject<HTMLElement>) => modalParent.contains(elRef.current))\n  ) {\n    return false;\n  }\n\n  // lastly, look for target's parent based purely on the layer hierarchy\n  if (\n    ref.some((elRef: RefObject<HTMLElement>) => parentLayerContainsTarget(elRef.current, target))\n  ) {\n    return false;\n  }\n\n  return true;\n};\n\nconst getDocument = (node?: Node): Document => node?.ownerDocument ?? document;\n\nexport const useOutsideClick = ({ isDisabled: disabled = false, ref, handler }: Props) => {\n  // use ref to store mutable data and not cause a re-render\n  const mouseDownTargetRef = useRef<EventTarget | null>(null);\n\n  useEffect(() => {\n    const refs = coerceArray(ref);\n    if (\n      !handler ||\n      disabled ||\n      (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1)\n    )\n      return;\n    const onMouseDown = (event: MouseEvent) => {\n      mouseDownTargetRef.current = event.target;\n    };\n\n    const onMouseUp = (event: MouseEvent) => {\n      if (mouseDownTargetRef.current === event.target && isPointOutside(event, refs)) {\n        handler?.(event);\n      }\n      mouseDownTargetRef.current = null;\n    };\n    const firstElRef = refs[0];\n    const doc = getDocument(firstElRef.current!);\n    if (doc) {\n      doc.addEventListener('mousedown', onMouseDown, true);\n      doc.addEventListener('mouseup', onMouseUp, true);\n\n      return () => {\n        doc.removeEventListener('mousedown', onMouseDown, true);\n        doc.removeEventListener('mouseup', onMouseUp, true);\n      };\n    }\n    return undefined;\n  }, [disabled, handler, ref]);\n};\n"],"names":["getDocument","node","ownerDocument","document","isDisabled","disabled","ref","handler","mouseDownTargetRef","useRef","useEffect","refs","coerceArray","length","findIndex","elRef","current","onMouseDown","event","target","onMouseUp","contains","some","findLogicalParent","elem","elemParent","parentElement","LOGICAL_PARENT","MODAL_OVERLAY","modalParent","closest","logicalParent","element","parentLayer","parentLayerContainsTarget","isPointOutside","firstElRef","doc","addEventListener","removeEventListener"],"mappings":"qIAgCA,MAkFMA,EAAeC,GAA0BA,GAAMC,eAAiBC,2BAEvC,EAAGC,WAAYC,GAAW,EAAOC,MAAKC,cAEnE,MAAMC,EAAqBC,SAA2B,MAEtDC,EAAAA,WAAU,KACR,MAAMC,EAAOC,cAAYN,GACzB,IACGC,GACDF,GACCM,EAAKE,OAAS,GAAKF,EAAKG,WAAWC,GAA4B,OAAlBA,EAAMC,WAAqB,EAEzE,OACF,MAAMC,EAAeC,IACnBV,EAAmBQ,QAAUE,EAAMC,MAAM,EAGrCC,EAAaF,IACbV,EAAmBQ,UAAYE,EAAMC,QArGxB,EAACD,EAAcZ,KACpC,MAAMa,EAASD,EAAMC,OAGrB,IAAKA,EACH,OAAO,EAIT,IADYnB,EAAYmB,GACfE,SAASF,GAChB,OAAO,EAIT,GAAIb,EAAIgB,MAAMP,GAAkCA,EAAMC,SAASK,SAASF,KACtE,OAAO,EAGT,MAAMI,EAAqBC,IACzB,IAAIC,EAAaD,EAAKE,cACtB,KAAOD,GAAY,CACjB,GAAIA,EAAWE,EAAAA,gBACb,OAAOF,EAAWE,EAAAA,gBAEpBF,EAAaA,EAAWC,aACzB,CACD,OAAO,IAAI,EAcb,GAAKP,EAA2BS,EAAAA,eAC9B,QACGtB,EAAIgB,MAAMP,IACT,MAAMc,EAAcd,EAAMC,SAASc,QAAQ,2BAC3C,OAAOD,GAAeA,EAAYR,SAASF,EAAO,IAUxD,IAAIY,EAAgBR,EAAkBJ,GACtC,KAAOY,GAAe,CACpB,GAAIzB,EAAIgB,MAAMP,GAAkCA,EAAMC,SAASK,SAASU,KACtE,OAAO,EAETA,EAAgBR,EAAkBQ,EACnC,CAID,MAAMF,EAAcV,EAAOW,QAAQ,2BACnC,QACED,IACCvB,EAAIgB,MAAMP,GAAkCc,EAAYR,SAASN,EAAMC,YAOxEV,EAAIgB,MAAMP,GA7CsB,EAACiB,EAA6Bb,KAC9D,MAAMc,EAAcD,GAASF,QAAQ,mBACrC,SAAIG,IAAeA,EAAYZ,SAASF,GAG5B,EAwCgCe,CAA0BnB,EAAMC,QAASG,KAK5E,EAsB4CgB,CAAejB,EAAOP,IACvEJ,IAAUW,GAEZV,EAAmBQ,QAAU,IAAI,EAE7BoB,EAAazB,EAAK,GAClB0B,EAAMrC,EAAYoC,EAAWpB,SACnC,OAAIqB,GACFA,EAAIC,iBAAiB,YAAarB,GAAa,GAC/CoB,EAAIC,iBAAiB,UAAWlB,GAAW,GAEpC,KACLiB,EAAIE,oBAAoB,YAAatB,GAAa,GAClDoB,EAAIE,oBAAoB,UAAWnB,GAAW,EAAK,QANvD,CASgB,GACf,CAACf,EAAUE,EAASD,GAAK"}
+{"version":3,"file":"useOutsideClick-b9b661a4.js","sources":["../../src/hooks/UNSAFE_useOutsideClick/useOutsideClick.ts"],"sourcesContent":["/**\n * `useClickOutside` hook for capturing clicking outside of an element\n */\nimport type { RefObject } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { coerceArray } from '../../utils/UNSAFE_arrayUtils';\nimport { LOGICAL_PARENT } from '../../UNSAFE_Layer/Layer';\nimport { MODAL_OVERLAY, BackdropElement } from '#UNSAFE_Modal/hooks/useModal';\n\ntype Props = {\n  /**\n   * If true outside click is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Reference to element or array of elements relative to which outside click is performed\n   */\n  ref: RefObject<HTMLElement> | RefObject<HTMLElement>[];\n  /**\n   * Outside click callback\n   */\n  handler?: (event: MouseEvent) => void;\n};\n\n/**\n * Checks if the mouse event target is inside of any of the specified containers, or if it\n * occurs in a layer whose 'logicalParent' belongs to one of the containers.\n *\n * @param event a mouse event associated with the potential \"outside click\" action\n * @param ref an array of references to elements that are considered \"inside\"\n * @returns 'true' if the event occurs \"outside\" of the specified list of containers\n */\nconst isPointOutside = (event: Event, ref: RefObject<HTMLElement>[]) => {\n  const target = event.target as HTMLElement;\n\n  // if the event has no target, consider it \"inside\"\n  if (!target) {\n    return false;\n  }\n\n  const doc = getDocument(target);\n  if (!doc.contains(target)) {\n    return false;\n  }\n\n  // if the target is contained in any of the target containers, it is not \"outside\"\n  if (ref.some((elRef: RefObject<HTMLElement>) => elRef.current?.contains(target))) {\n    return false;\n  }\n\n  const findLogicalParent = (elem: Element): Element | null => {\n    let elemParent = elem.parentElement as any;\n    while (elemParent) {\n      if (elemParent[LOGICAL_PARENT]) {\n        return elemParent[LOGICAL_PARENT];\n      }\n      elemParent = elemParent.parentElement;\n    }\n    return null;\n  };\n\n  const parentLayerContainsTarget = (element: HTMLElement | null, target: Node): boolean => {\n    const parentLayer = element?.closest('[data-oj-layer]');\n    if (parentLayer && parentLayer.contains(target)) {\n      return true;\n    }\n    return false;\n  };\n\n  // Handle backdrop clicks before consulting logical-parent ownership. A popup layer may be\n  // logically parented to its launcher, but clicks on its own modal overlay must still count\n  // as outside clicks for components that support auto-dismiss on the scrim.\n  if ((target as BackdropElement)[MODAL_OVERLAY]) {\n    if (\n      !ref.some((elRef: RefObject<HTMLElement>) => {\n        const modalParent = elRef.current?.closest('[data-oj-layer=\"modal\"]');\n        return modalParent && modalParent.contains(target);\n      })\n    ) {\n      return false;\n    } else {\n      return true;\n    }\n  }\n\n  // Check if the target is logically owned by any of the refs\n  let logicalParent = findLogicalParent(target);\n  while (logicalParent) {\n    if (ref.some((elRef: RefObject<HTMLElement>) => elRef.current?.contains(logicalParent))) {\n      return false;\n    }\n    logicalParent = findLogicalParent(logicalParent);\n  }\n\n  // if the target is a child of a modal layer other than any of the refs,\n  // the click occurs in another modal layer which must be above our elem\n  const modalParent = target.closest('[data-oj-layer=\"modal\"]');\n  if (\n    modalParent &&\n    !ref.some((elRef: RefObject<HTMLElement>) => modalParent.contains(elRef.current))\n  ) {\n    return false;\n  }\n\n  // lastly, look for target's parent based purely on the layer hierarchy\n  if (\n    ref.some((elRef: RefObject<HTMLElement>) => parentLayerContainsTarget(elRef.current, target))\n  ) {\n    return false;\n  }\n\n  return true;\n};\n\nconst getDocument = (node?: Node): Document => node?.ownerDocument ?? document;\n\nexport const useOutsideClick = ({ isDisabled: disabled = false, ref, handler }: Props) => {\n  // use ref to store mutable data and not cause a re-render\n  const mouseDownTargetRef = useRef<EventTarget | null>(null);\n\n  useEffect(() => {\n    const refs = coerceArray(ref);\n    if (\n      !handler ||\n      disabled ||\n      (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1)\n    )\n      return;\n    const onMouseDown = (event: MouseEvent) => {\n      mouseDownTargetRef.current = event.target;\n    };\n\n    const onMouseUp = (event: MouseEvent) => {\n      if (mouseDownTargetRef.current === event.target && isPointOutside(event, refs)) {\n        handler?.(event);\n      }\n      mouseDownTargetRef.current = null;\n    };\n    const firstElRef = refs[0];\n    const doc = getDocument(firstElRef.current!);\n    if (doc) {\n      doc.addEventListener('mousedown', onMouseDown, true);\n      doc.addEventListener('mouseup', onMouseUp, true);\n\n      return () => {\n        doc.removeEventListener('mousedown', onMouseDown, true);\n        doc.removeEventListener('mouseup', onMouseUp, true);\n      };\n    }\n    return undefined;\n  }, [disabled, handler, ref]);\n};\n"],"names":["getDocument","node","ownerDocument","document","isDisabled","disabled","ref","handler","mouseDownTargetRef","useRef","useEffect","refs","coerceArray","length","findIndex","elRef","current","onMouseDown","event","target","onMouseUp","contains","some","findLogicalParent","elem","elemParent","parentElement","LOGICAL_PARENT","MODAL_OVERLAY","modalParent","closest","logicalParent","element","parentLayer","parentLayerContainsTarget","isPointOutside","firstElRef","doc","addEventListener","removeEventListener"],"mappings":"qIAgCA,MAkFMA,EAAeC,GAA0BA,GAAMC,eAAiBC,2BAEvC,EAAGC,WAAYC,GAAW,EAAOC,MAAKC,cAEnE,MAAMC,EAAqBC,SAA2B,MAEtDC,EAAAA,WAAU,KACR,MAAMC,EAAOC,cAAYN,GACzB,IACGC,GACDF,GACCM,EAAKE,OAAS,GAAKF,EAAKG,WAAWC,GAA4B,OAAlBA,EAAMC,WAAqB,EAEzE,OACF,MAAMC,EAAeC,IACnBV,EAAmBQ,QAAUE,EAAMC,MAAM,EAGrCC,EAAaF,IACbV,EAAmBQ,UAAYE,EAAMC,QArGxB,EAACD,EAAcZ,KACpC,MAAMa,EAASD,EAAMC,OAGrB,IAAKA,EACH,OAAO,EAIT,IADYnB,EAAYmB,GACfE,SAASF,GAChB,OAAO,EAIT,GAAIb,EAAIgB,MAAMP,GAAkCA,EAAMC,SAASK,SAASF,KACtE,OAAO,EAGT,MAAMI,EAAqBC,IACzB,IAAIC,EAAaD,EAAKE,cACtB,KAAOD,GAAY,CACjB,GAAIA,EAAWE,EAAAA,gBACb,OAAOF,EAAWE,EAAAA,gBAEpBF,EAAaA,EAAWC,aACzB,CACD,OAAO,IAAI,EAcb,GAAKP,EAA2BS,EAAAA,eAC9B,QACGtB,EAAIgB,MAAMP,IACT,MAAMc,EAAcd,EAAMC,SAASc,QAAQ,2BAC3C,OAAOD,GAAeA,EAAYR,SAASF,EAAO,IAUxD,IAAIY,EAAgBR,EAAkBJ,GACtC,KAAOY,GAAe,CACpB,GAAIzB,EAAIgB,MAAMP,GAAkCA,EAAMC,SAASK,SAASU,KACtE,OAAO,EAETA,EAAgBR,EAAkBQ,EACnC,CAID,MAAMF,EAAcV,EAAOW,QAAQ,2BACnC,QACED,IACCvB,EAAIgB,MAAMP,GAAkCc,EAAYR,SAASN,EAAMC,YAOxEV,EAAIgB,MAAMP,GA7CsB,EAACiB,EAA6Bb,KAC9D,MAAMc,EAAcD,GAASF,QAAQ,mBACrC,SAAIG,IAAeA,EAAYZ,SAASF,GAG5B,EAwCgCe,CAA0BnB,EAAMC,QAASG,KAK5E,EAsB4CgB,CAAejB,EAAOP,IACvEJ,IAAUW,GAEZV,EAAmBQ,QAAU,IAAI,EAE7BoB,EAAazB,EAAK,GAClB0B,EAAMrC,EAAYoC,EAAWpB,SACnC,OAAIqB,GACFA,EAAIC,iBAAiB,YAAarB,GAAa,GAC/CoB,EAAIC,iBAAiB,UAAWlB,GAAW,GAEpC,KACLiB,EAAIE,oBAAoB,YAAatB,GAAa,GAClDoB,EAAIE,oBAAoB,UAAWnB,GAAW,EAAK,QANvD,CASgB,GACf,CAACf,EAAUE,EAASD,GAAK"}

package/amd/{useOutsideMousedown-62fa309c.js → useOutsideMousedown-cb88da60.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './arrayUtils-6ee96a35', './popupUtils-71ea5dd1'], (function(e,n,r,t){"use strict";const o=e=>e?.ownerDocument??document;e.useOutsideMousedown=({isDisabled:e=!1,ref:s,handler:c})=>{n.useEffect((()=>{const n=r.coerceArray(s);if(!c||e||n.length>0&&n.findIndex((e=>null===e.current))>-1)return;const u=e=>{((e,n)=>{const r=e.target;if(r&&!o(r).contains(r))return!1;return n.every((e=>!e.current?.contains(r)&&!t.isLogicalAncestor(e.current,r)))})(e,n)&&c?.(e)},i=n[0],d=o(i.current);return d?(d.addEventListener("mousedown",u,!0),()=>{d.removeEventListener("mousedown",u,!0)}):void 0}),[e,c,s])}}));
-//# sourceMappingURL=useOutsideMousedown-62fa309c.js.map
+define(['exports', 'preact/hooks', './arrayUtils-6ee96a35', './popupUtils-d42db8bf'], (function(e,n,r,t){"use strict";const o=e=>e?.ownerDocument??document;e.useOutsideMousedown=({isDisabled:e=!1,ref:s,handler:c})=>{n.useEffect((()=>{const n=r.coerceArray(s);if(!c||e||n.length>0&&n.findIndex((e=>null===e.current))>-1)return;const u=e=>{((e,n)=>{const r=e.target;if(r&&!o(r).contains(r))return!1;return n.every((e=>!e.current?.contains(r)&&!t.isLogicalAncestor(e.current,r)))})(e,n)&&c?.(e)},i=n[0],d=o(i.current);return d?(d.addEventListener("mousedown",u,!0),()=>{d.removeEventListener("mousedown",u,!0)}):void 0}),[e,c,s])}}));
+//# sourceMappingURL=useOutsideMousedown-cb88da60.js.map

package/amd/{useOutsideMousedown-62fa309c.js.map → useOutsideMousedown-cb88da60.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useOutsideMousedown-62fa309c.js","sources":["../../src/hooks/PRIVATE_useOutsideMousedown/useOutsideMousedown.ts"],"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\n/**\n * `useOutsideMousedown` hook for capturing mousedown outside of an element\n */\nimport type { RefObject } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { coerceArray } from '../../utils/UNSAFE_arrayUtils';\nimport { isLogicalAncestor } from '#utils/UNSAFE_popupUtils';\n\ntype Props = {\n  /**\n   * If true outside mousedown is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Reference to element or array of elements relative to which outside mousedown is performed\n   */\n  ref: RefObject<HTMLElement> | RefObject<HTMLElement>[];\n  /**\n   * Outside mousedown callback\n   */\n  handler?: (event: MouseEvent) => void;\n};\n\nconst isPointOutside = (event: Event, ref: RefObject<HTMLElement>[]) => {\n  const target = event.target as HTMLElement;\n  if (target) {\n    const doc = getDocument(target);\n    if (!doc.contains(target)) return false;\n  }\n  return ref.every(\n    (elRef) =>\n      !elRef.current?.contains(target) && !isLogicalAncestor(elRef.current as HTMLElement, target)\n  );\n};\n\nconst getDocument = (node?: Node): Document => node?.ownerDocument ?? document;\n\nexport const useOutsideMousedown = ({ isDisabled: disabled = false, ref, handler }: Props) => {\n  useEffect(() => {\n    const refs = coerceArray(ref);\n    if (\n      !handler ||\n      disabled ||\n      (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1)\n    )\n      return;\n\n    const onMouseDown = (event: MouseEvent) => {\n      if (isPointOutside(event, refs)) {\n        handler?.(event);\n      }\n    };\n    const firstElRef = refs[0];\n    const doc = getDocument(firstElRef.current!);\n    if (doc) {\n      doc.addEventListener('mousedown', onMouseDown, true);\n\n      return () => {\n        doc.removeEventListener('mousedown', onMouseDown, true);\n      };\n    }\n    return undefined;\n  }, [disabled, handler, ref]);\n};\n"],"names":["getDocument","node","ownerDocument","document","isDisabled","disabled","ref","handler","useEffect","refs","coerceArray","length","findIndex","elRef","current","onMouseDown","event","target","contains","every","isLogicalAncestor","isPointOutside","firstElRef","doc","addEventListener","removeEventListener"],"mappings":"kHA+BA,MAYMA,EAAeC,GAA0BA,GAAMC,eAAiBC,+BAEnC,EAAGC,WAAYC,GAAW,EAAOC,MAAKC,cACvEC,EAAAA,WAAU,KACR,MAAMC,EAAOC,cAAYJ,GACzB,IACGC,GACDF,GACCI,EAAKE,OAAS,GAAKF,EAAKG,WAAWC,GAA4B,OAAlBA,EAAMC,WAAqB,EAEzE,OAEF,MAAMC,EAAeC,IAxBF,EAACA,EAAcV,KACpC,MAAMW,EAASD,EAAMC,OACrB,GAAIA,IACUjB,EAAYiB,GACfC,SAASD,GAAS,OAAO,EAEpC,OAAOX,EAAIa,OACRN,IACEA,EAAMC,SAASI,SAASD,KAAYG,EAAAA,kBAAkBP,EAAMC,QAAwBG,IACxF,EAgBOI,CAAeL,EAAOP,IACxBF,IAAUS,EACX,EAEGM,EAAab,EAAK,GAClBc,EAAMvB,EAAYsB,EAAWR,SACnC,OAAIS,GACFA,EAAIC,iBAAiB,YAAaT,GAAa,GAExC,KACLQ,EAAIE,oBAAoB,YAAaV,GAAa,EAAK,QAJ3D,CAOgB,GACf,CAACV,EAAUE,EAASD,GAAK"}
+{"version":3,"file":"useOutsideMousedown-cb88da60.js","sources":["../../src/hooks/PRIVATE_useOutsideMousedown/useOutsideMousedown.ts"],"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\n/**\n * `useOutsideMousedown` hook for capturing mousedown outside of an element\n */\nimport type { RefObject } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { coerceArray } from '../../utils/UNSAFE_arrayUtils';\nimport { isLogicalAncestor } from '#utils/UNSAFE_popupUtils';\n\ntype Props = {\n  /**\n   * If true outside mousedown is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Reference to element or array of elements relative to which outside mousedown is performed\n   */\n  ref: RefObject<HTMLElement> | RefObject<HTMLElement>[];\n  /**\n   * Outside mousedown callback\n   */\n  handler?: (event: MouseEvent) => void;\n};\n\nconst isPointOutside = (event: Event, ref: RefObject<HTMLElement>[]) => {\n  const target = event.target as HTMLElement;\n  if (target) {\n    const doc = getDocument(target);\n    if (!doc.contains(target)) return false;\n  }\n  return ref.every(\n    (elRef) =>\n      !elRef.current?.contains(target) && !isLogicalAncestor(elRef.current as HTMLElement, target)\n  );\n};\n\nconst getDocument = (node?: Node): Document => node?.ownerDocument ?? document;\n\nexport const useOutsideMousedown = ({ isDisabled: disabled = false, ref, handler }: Props) => {\n  useEffect(() => {\n    const refs = coerceArray(ref);\n    if (\n      !handler ||\n      disabled ||\n      (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1)\n    )\n      return;\n\n    const onMouseDown = (event: MouseEvent) => {\n      if (isPointOutside(event, refs)) {\n        handler?.(event);\n      }\n    };\n    const firstElRef = refs[0];\n    const doc = getDocument(firstElRef.current!);\n    if (doc) {\n      doc.addEventListener('mousedown', onMouseDown, true);\n\n      return () => {\n        doc.removeEventListener('mousedown', onMouseDown, true);\n      };\n    }\n    return undefined;\n  }, [disabled, handler, ref]);\n};\n"],"names":["getDocument","node","ownerDocument","document","isDisabled","disabled","ref","handler","useEffect","refs","coerceArray","length","findIndex","elRef","current","onMouseDown","event","target","contains","every","isLogicalAncestor","isPointOutside","firstElRef","doc","addEventListener","removeEventListener"],"mappings":"kHA+BA,MAYMA,EAAeC,GAA0BA,GAAMC,eAAiBC,+BAEnC,EAAGC,WAAYC,GAAW,EAAOC,MAAKC,cACvEC,EAAAA,WAAU,KACR,MAAMC,EAAOC,cAAYJ,GACzB,IACGC,GACDF,GACCI,EAAKE,OAAS,GAAKF,EAAKG,WAAWC,GAA4B,OAAlBA,EAAMC,WAAqB,EAEzE,OAEF,MAAMC,EAAeC,IAxBF,EAACA,EAAcV,KACpC,MAAMW,EAASD,EAAMC,OACrB,GAAIA,IACUjB,EAAYiB,GACfC,SAASD,GAAS,OAAO,EAEpC,OAAOX,EAAIa,OACRN,IACEA,EAAMC,SAASI,SAASD,KAAYG,EAAAA,kBAAkBP,EAAMC,QAAwBG,IACxF,EAgBOI,CAAeL,EAAOP,IACxBF,IAAUS,EACX,EAEGM,EAAab,EAAK,GAClBc,EAAMvB,EAAYsB,EAAWR,SACnC,OAAIS,GACFA,EAAIC,iBAAiB,YAAaT,GAAa,GAExC,KACLQ,EAAIE,oBAAoB,YAAaV,GAAa,EAAK,QAJ3D,CAOgB,GACf,CAACV,EAAUE,EAASD,GAAK"}

package/amd/usePopupAnimation-dc282b02.js

@@ -0,0 +1,2 @@
+define(['exports', './useAnimationStatus-0cae3dff', './useUser-08901aba', 'preact/hooks', './popupAnimationUtils-49b93365'], (function(n,t,e,i,a){"use strict";const o={opening:n=>({from:{scaleX:0,scaleY:0,opacity:0,transformOrigin:a.getTransformOrigin(n.placement,n.direction)},to:{scaleX:1,scaleY:1,opacity:1,transformOrigin:a.getTransformOrigin(n.placement,n.direction)},options:{duration:200}}),closing:n=>({from:{scaleX:1,scaleY:1,opacity:1,transformOrigin:a.getTransformOrigin(n.placement,n.direction)},to:{scaleX:0,scaleY:0,opacity:0,transformOrigin:a.getTransformOrigin(n.placement,n.direction)},options:{duration:200}})};n.usePopupAnimation=function(n){const{isOpen:a,isAnimatedOnMount:r,onTransitionEnd:s,placement:c,animationStates:m,onPosition:u}=n,[l,p]=i.useState(c),{direction:f}=e.useUser(),{setAnimationElementRef:d,animationElementRef:g,status:O}=t.useAnimationStatus({isOpen:a,isAnimatedOnMount:r,animationStates:m??o,onTransitionEnd:s}),A=g,E=i.useCallback((n=>{null!==A.current&&(A.current.placement=n.placement),l!==n.placement&&p(n.placement),u?.(n)}),[u,A,l]);return i.useEffect((()=>{null!=A&&null!=A.current&&"unmounted"!=O&&(A.current.placement!==l&&(A.current.placement=l),A.current.direction=f)}),[A,l,f,O]),{setAnimationElementRef:d,status:O,onPosition:E}}}));
+//# sourceMappingURL=usePopupAnimation-dc282b02.js.map

package/amd/{usePopupAnimation-389749fc.js.map → usePopupAnimation-dc282b02.js.map}

@@ -1 +1 @@
-{"version":3,"file":"usePopupAnimation-389749fc.js","sources":["../../src/UNSAFE_Popup/usePopupAnimation.ts"],"sourcesContent":["import { Placement, Floating } from '../UNSAFE_Floating';\nimport {\n  useAnimationStatus,\n  AnimationStatus,\n  AnimationStatusProps,\n  AnimationStates\n} from '../hooks/PRIVATE_useAnimationStatus';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useEffect, useCallback, useState } from 'preact/hooks';\nimport { getTransformOrigin } from '../utils/PRIVATE_popupAnimationUtils';\nimport { ComponentProps } from 'preact';\n\n/**\n * The placement and direction aware HTML element\n * The useAnimation hook do not allow to change dynamically the animation states,\n * but allows a function that returns animation states config. The function takes\n * the animated node of type <E extends HTMLElement> as an argument. This could be used\n * to extend HTMLElement with placement and direction.\n */\nexport type AnimationPopupElement = HTMLElement & {\n  placement?: Placement;\n  direction?: 'ltr' | 'rtl';\n};\n\ntype PopupAnimationProps = Omit<AnimationStatusProps, 'animationStates'> & {\n  /**\n   * Specifies placement of the Popup relative to the anchor.\n   */\n  placement: Placement;\n\n  /**\n   * animationStates is the configuration of the animations, how the element should be animated\n   */\n  animationStates?: AnimationStates;\n\n  /**\n   * Triggered when placement or coordinates are changed after collision is detected\n   */\n  onPosition?: ComponentProps<typeof Floating>['onPosition'];\n};\n\nconst animationStates = {\n  opening: (node: AnimationPopupElement) => {\n    return {\n      //zoomIn\n      from: {\n        scaleX: 0,\n        scaleY: 0,\n        opacity: 0,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      to: {\n        scaleX: 1,\n        scaleY: 1,\n        opacity: 1,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      options: {\n        duration: 200\n      }\n    };\n  },\n  closing: (node: AnimationPopupElement) => {\n    return {\n      //zoomOut\n      from: {\n        scaleX: 1,\n        scaleY: 1,\n        opacity: 1,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      to: {\n        scaleX: 0,\n        scaleY: 0,\n        opacity: 0,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      options: {\n        duration: 200\n      }\n    };\n  }\n};\n\nexport function usePopupAnimation(props: PopupAnimationProps): {\n  status: AnimationStatus;\n  setAnimationElementRef: (node: HTMLElement | null) => void;\n  onPosition: ComponentProps<typeof Floating>['onPosition'];\n} {\n  const {\n    isOpen,\n    isAnimatedOnMount,\n    onTransitionEnd,\n    placement,\n    animationStates: propsAnimationStates,\n    onPosition\n  } = props;\n\n  //The animationPlacement is used for the case of flipping.\n  const [animationPlacement, setAnimationPlacement] = useState<Placement>(placement);\n  const { direction } = useUser();\n  const { setAnimationElementRef, animationElementRef, status } =\n    useAnimationStatus<AnimationPopupElement>({\n      isOpen: isOpen,\n      isAnimatedOnMount: isAnimatedOnMount,\n      animationStates: propsAnimationStates ?? animationStates,\n      onTransitionEnd\n    });\n  const popupElementRef = animationElementRef;\n\n  const onPositionAnimated = useCallback<Required<ComponentProps<typeof Floating>>['onPosition']>(\n    (data) => {\n      if (popupElementRef.current !== null) {\n        // if flips happens we need to change the placement in the animations.\n        // There are cases where animation is done before even running the useEffect below. Due to that we update current placement of the node here\n        popupElementRef.current.placement = data.placement;\n      }\n      if (animationPlacement !== data.placement) {\n        setAnimationPlacement(data.placement);\n      }\n      onPosition?.(data);\n    },\n    [onPosition, popupElementRef, animationPlacement]\n  );\n\n  //This is needed for the case if popup flips and changes the placement.\n  useEffect(() => {\n    if (popupElementRef != null && popupElementRef.current != null && status != 'unmounted') {\n      if (popupElementRef.current.placement !== animationPlacement) {\n        popupElementRef.current.placement = animationPlacement;\n      }\n      popupElementRef.current.direction = direction;\n    }\n  }, [popupElementRef, animationPlacement, direction, status]);\n  return { setAnimationElementRef, status, onPosition: onPositionAnimated };\n}\n"],"names":["animationStates","opening","node","from","scaleX","scaleY","opacity","transformOrigin","getTransformOrigin","placement","direction","to","options","duration","closing","props","isOpen","isAnimatedOnMount","onTransitionEnd","propsAnimationStates","onPosition","animationPlacement","setAnimationPlacement","useState","useUser","setAnimationElementRef","animationElementRef","status","useAnimationStatus","popupElementRef","onPositionAnimated","useCallback","data","current","useEffect"],"mappings":"0JAyCA,MAAMA,EAAkB,CACtBC,QAAUC,IACD,CAELC,KAAM,CACJC,OAAQ,EACRC,OAAQ,EACRC,QAAS,EACTC,gBAAiBC,EAAAA,mBAAmBN,EAAKO,UAAWP,EAAKQ,YAE3DC,GAAI,CACFP,OAAQ,EACRC,OAAQ,EACRC,QAAS,EACTC,gBAAiBC,EAAAA,mBAAmBN,EAAKO,UAAWP,EAAKQ,YAE3DE,QAAS,CACPC,SAAU,OAIhBC,QAAUZ,IACD,CAELC,KAAM,CACJC,OAAQ,EACRC,OAAQ,EACRC,QAAS,EACTC,gBAAiBC,EAAAA,mBAAmBN,EAAKO,UAAWP,EAAKQ,YAE3DC,GAAI,CACFP,OAAQ,EACRC,OAAQ,EACRC,QAAS,EACTC,gBAAiBC,EAAAA,mBAAmBN,EAAKO,UAAWP,EAAKQ,YAE3DE,QAAS,CACPC,SAAU,4BAMZ,SAA4BE,GAKhC,MAAMC,OACJA,EAAMC,kBACNA,EAAiBC,gBACjBA,EAAeT,UACfA,EACAT,gBAAiBmB,EAAoBC,WACrCA,GACEL,GAGGM,EAAoBC,GAAyBC,EAAQA,SAAYd,IAClEC,UAAEA,GAAcc,EAAAA,WAChBC,uBAAEA,EAAsBC,oBAAEA,EAAmBC,OAAEA,GACnDC,EAAAA,mBAA0C,CACxCZ,OAAQA,EACRC,kBAAmBA,EACnBjB,gBAAiBmB,GAAwBnB,EACzCkB,oBAEEW,EAAkBH,EAElBI,EAAqBC,eACxBC,IACiC,OAA5BH,EAAgBI,UAGlBJ,EAAgBI,QAAQxB,UAAYuB,EAAKvB,WAEvCY,IAAuBW,EAAKvB,WAC9Ba,EAAsBU,EAAKvB,WAE7BW,IAAaY,EAAK,GAEpB,CAACZ,EAAYS,EAAiBR,IAYhC,OARAa,EAAAA,WAAU,KACe,MAAnBL,GAAsD,MAA3BA,EAAgBI,SAA6B,aAAVN,IAC5DE,EAAgBI,QAAQxB,YAAcY,IACxCQ,EAAgBI,QAAQxB,UAAYY,GAEtCQ,EAAgBI,QAAQvB,UAAYA,EACrC,GACA,CAACmB,EAAiBR,EAAoBX,EAAWiB,IAC7C,CAAEF,yBAAwBE,SAAQP,WAAYU,EACvD"}
+{"version":3,"file":"usePopupAnimation-dc282b02.js","sources":["../../src/UNSAFE_Popup/usePopupAnimation.ts"],"sourcesContent":["import { Placement, Floating } from '../UNSAFE_Floating';\nimport {\n  useAnimationStatus,\n  AnimationStatus,\n  AnimationStatusProps,\n  AnimationStates\n} from '../hooks/PRIVATE_useAnimationStatus';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useEffect, useCallback, useState } from 'preact/hooks';\nimport { getTransformOrigin } from '../utils/PRIVATE_popupAnimationUtils';\nimport { ComponentProps } from 'preact';\n\n/**\n * The placement and direction aware HTML element\n * The useAnimation hook do not allow to change dynamically the animation states,\n * but allows a function that returns animation states config. The function takes\n * the animated node of type <E extends HTMLElement> as an argument. This could be used\n * to extend HTMLElement with placement and direction.\n */\nexport type AnimationPopupElement = HTMLElement & {\n  placement?: Placement;\n  direction?: 'ltr' | 'rtl';\n};\n\ntype PopupAnimationProps = Omit<AnimationStatusProps, 'animationStates'> & {\n  /**\n   * Specifies placement of the Popup relative to the anchor.\n   */\n  placement: Placement;\n\n  /**\n   * animationStates is the configuration of the animations, how the element should be animated\n   */\n  animationStates?: AnimationStates;\n\n  /**\n   * Triggered when placement or coordinates are changed after collision is detected\n   */\n  onPosition?: ComponentProps<typeof Floating>['onPosition'];\n};\n\nconst animationStates = {\n  opening: (node: AnimationPopupElement) => {\n    return {\n      //zoomIn\n      from: {\n        scaleX: 0,\n        scaleY: 0,\n        opacity: 0,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      to: {\n        scaleX: 1,\n        scaleY: 1,\n        opacity: 1,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      options: {\n        duration: 200\n      }\n    };\n  },\n  closing: (node: AnimationPopupElement) => {\n    return {\n      //zoomOut\n      from: {\n        scaleX: 1,\n        scaleY: 1,\n        opacity: 1,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      to: {\n        scaleX: 0,\n        scaleY: 0,\n        opacity: 0,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      options: {\n        duration: 200\n      }\n    };\n  }\n};\n\nexport function usePopupAnimation(props: PopupAnimationProps): {\n  status: AnimationStatus;\n  setAnimationElementRef: (node: HTMLElement | null) => void;\n  onPosition: ComponentProps<typeof Floating>['onPosition'];\n} {\n  const {\n    isOpen,\n    isAnimatedOnMount,\n    onTransitionEnd,\n    placement,\n    animationStates: propsAnimationStates,\n    onPosition\n  } = props;\n\n  //The animationPlacement is used for the case of flipping.\n  const [animationPlacement, setAnimationPlacement] = useState<Placement>(placement);\n  const { direction } = useUser();\n  const { setAnimationElementRef, animationElementRef, status } =\n    useAnimationStatus<AnimationPopupElement>({\n      isOpen: isOpen,\n      isAnimatedOnMount: isAnimatedOnMount,\n      animationStates: propsAnimationStates ?? animationStates,\n      onTransitionEnd\n    });\n  const popupElementRef = animationElementRef;\n\n  const onPositionAnimated = useCallback<Required<ComponentProps<typeof Floating>>['onPosition']>(\n    (data) => {\n      if (popupElementRef.current !== null) {\n        // if flips happens we need to change the placement in the animations.\n        // There are cases where animation is done before even running the useEffect below. Due to that we update current placement of the node here\n        popupElementRef.current.placement = data.placement;\n      }\n      if (animationPlacement !== data.placement) {\n        setAnimationPlacement(data.placement);\n      }\n      onPosition?.(data);\n    },\n    [onPosition, popupElementRef, animationPlacement]\n  );\n\n  //This is needed for the case if popup flips and changes the placement.\n  useEffect(() => {\n    if (popupElementRef != null && popupElementRef.current != null && status != 'unmounted') {\n      if (popupElementRef.current.placement !== animationPlacement) {\n        popupElementRef.current.placement = animationPlacement;\n      }\n      popupElementRef.current.direction = direction;\n    }\n  }, [popupElementRef, animationPlacement, direction, status]);\n  return { setAnimationElementRef, status, onPosition: onPositionAnimated };\n}\n"],"names":["animationStates","opening","node","from","scaleX","scaleY","opacity","transformOrigin","getTransformOrigin","placement","direction","to","options","duration","closing","props","isOpen","isAnimatedOnMount","onTransitionEnd","propsAnimationStates","onPosition","animationPlacement","setAnimationPlacement","useState","useUser","setAnimationElementRef","animationElementRef","status","useAnimationStatus","popupElementRef","onPositionAnimated","useCallback","data","current","useEffect"],"mappings":"0JAyCA,MAAMA,EAAkB,CACtBC,QAAUC,IACD,CAELC,KAAM,CACJC,OAAQ,EACRC,OAAQ,EACRC,QAAS,EACTC,gBAAiBC,EAAAA,mBAAmBN,EAAKO,UAAWP,EAAKQ,YAE3DC,GAAI,CACFP,OAAQ,EACRC,OAAQ,EACRC,QAAS,EACTC,gBAAiBC,EAAAA,mBAAmBN,EAAKO,UAAWP,EAAKQ,YAE3DE,QAAS,CACPC,SAAU,OAIhBC,QAAUZ,IACD,CAELC,KAAM,CACJC,OAAQ,EACRC,OAAQ,EACRC,QAAS,EACTC,gBAAiBC,EAAAA,mBAAmBN,EAAKO,UAAWP,EAAKQ,YAE3DC,GAAI,CACFP,OAAQ,EACRC,OAAQ,EACRC,QAAS,EACTC,gBAAiBC,EAAAA,mBAAmBN,EAAKO,UAAWP,EAAKQ,YAE3DE,QAAS,CACPC,SAAU,4BAMZ,SAA4BE,GAKhC,MAAMC,OACJA,EAAMC,kBACNA,EAAiBC,gBACjBA,EAAeT,UACfA,EACAT,gBAAiBmB,EAAoBC,WACrCA,GACEL,GAGGM,EAAoBC,GAAyBC,EAAQA,SAAYd,IAClEC,UAAEA,GAAcc,EAAAA,WAChBC,uBAAEA,EAAsBC,oBAAEA,EAAmBC,OAAEA,GACnDC,EAAAA,mBAA0C,CACxCZ,OAAQA,EACRC,kBAAmBA,EACnBjB,gBAAiBmB,GAAwBnB,EACzCkB,oBAEEW,EAAkBH,EAElBI,EAAqBC,eACxBC,IACiC,OAA5BH,EAAgBI,UAGlBJ,EAAgBI,QAAQxB,UAAYuB,EAAKvB,WAEvCY,IAAuBW,EAAKvB,WAC9Ba,EAAsBU,EAAKvB,WAE7BW,IAAaY,EAAK,GAEpB,CAACZ,EAAYS,EAAiBR,IAYhC,OARAa,EAAAA,WAAU,KACe,MAAnBL,GAAsD,MAA3BA,EAAgBI,SAA6B,aAAVN,IAC5DE,EAAgBI,QAAQxB,YAAcY,IACxCQ,EAAgBI,QAAQxB,UAAYY,GAEtCQ,EAAgBI,QAAQvB,UAAYA,EACrC,GACA,CAACmB,EAAiBR,EAAoBX,EAAWiB,IAC7C,CAAEF,yBAAwBE,SAAQP,WAAYU,EACvD"}

package/amd/usePrefixSuffix-dd2cae55.js

@@ -0,0 +1,2 @@
+define(['exports', './stringUtils-4ffd9d59', './useUser-08901aba'], (function(e,i,s){"use strict";e.usePrefixSuffix=({baseId:e,hasEndContent:t,hasInsideLabel:d,hasStartContent:a,hasValue:n,isDisabled:r,isFocused:f,labelId:o,prefix:u,suffix:l,value:x})=>{const{direction:$}=s.useUser(),v=`${e}-prefix`,b=`${e}-suffix`,h=void 0!==u&&""!==u,c=void 0!==l&&""!==l,p=h&&!r&&(n||f),I=c&&!r&&(n||f),P=h||c?function(e,i,s,t,d){if(!i)return d;const a="ltr"===e,n=void 0===s?"":a?`${s} `:` ${s}`,r=void 0===t?"":a?` ${t}`:`${t} `,f=`${n}${d}${r}`,o=`${r}${d}${n}`;return a?f:o}($,n,u,l,x):x;return{shouldRenderPrefix:p,shouldRenderSuffix:I,prefixProps:{id:v,hasEndContent:t,hasInsideLabel:d,hasStartContent:a,isDisabled:r,isFocused:f,text:u??"",variant:"prefix"},suffixProps:{id:b,hasInsideLabel:d,isDisabled:r,isFocused:f,text:l??"",variant:"suffix"},valuePrefixSuffix:P,ariaLabelledBy:h||c?i.l([o,h?v:void 0,c?b:void 0]):void 0}}}));
+//# sourceMappingURL=usePrefixSuffix-dd2cae55.js.map

package/amd/{usePrefixSuffix-7371ec52.js.map → usePrefixSuffix-dd2cae55.js.map}

@@ -1 +1 @@
-{"version":3,"file":"usePrefixSuffix-7371ec52.js","sources":["../../src/hooks/UNSAFE_usePrefixSuffix/usePrefixSuffix.tsx"],"sourcesContent":["import { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\nimport { useUser } from '../UNSAFE_useUser';\n\ntype Props = {\n  baseId: string;\n  hasEndContent?: boolean;\n  hasInsideLabel?: boolean;\n  hasStartContent?: boolean;\n  hasValue?: boolean;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  labelId?: string;\n  prefix?: string;\n  suffix?: string;\n  value?: string;\n};\n\ntype PrefixSuffixVariant = 'prefix' | 'suffix';\n\n// returns the prefix and/or suffix components\n// if the condition in which they should be shown is met.\nexport const usePrefixSuffix = ({\n  baseId,\n  hasEndContent,\n  hasInsideLabel,\n  hasStartContent,\n  hasValue,\n  isDisabled,\n  isFocused,\n  labelId,\n  prefix,\n  suffix,\n  value\n}: Props) => {\n  const { direction } = useUser();\n  // for accessibility, if you have a prefix, then you must have a prefixId\n  const prefixId = `${baseId}-prefix`;\n  const suffixId = `${baseId}-suffix`;\n  const hasPrefixText = prefix !== undefined && prefix !== '';\n  const hasSuffixText = suffix !== undefined && suffix !== '';\n  const shouldRenderPrefix = hasPrefixText && !isDisabled && (hasValue || isFocused);\n  const shouldRenderSuffix = hasSuffixText && !isDisabled && (hasValue || isFocused);\n\n  // get value and prefix/suffix if available and return as plain text.\n  const valuePrefixSuffix =\n    hasPrefixText || hasSuffixText ? getText(direction, hasValue, prefix, suffix, value) : value;\n  // get aria-labelledby if there is a prefix or suffix text\n  const ariaLabelledBy =\n    hasPrefixText || hasSuffixText\n      ? merge([labelId, hasPrefixText ? prefixId : undefined, hasSuffixText ? suffixId : undefined])\n      : undefined;\n  const prefixProps = {\n    id: prefixId,\n    hasEndContent,\n    hasInsideLabel,\n    hasStartContent,\n    isDisabled,\n    isFocused,\n    text: prefix ?? '',\n    variant: 'prefix' as PrefixSuffixVariant\n  };\n  const suffixProps = {\n    id: suffixId,\n    hasInsideLabel,\n    isDisabled,\n    isFocused,\n    text: suffix ?? '',\n    variant: 'suffix' as PrefixSuffixVariant\n  };\n\n  return {\n    shouldRenderPrefix,\n    shouldRenderSuffix,\n    prefixProps,\n    suffixProps,\n    valuePrefixSuffix,\n    ariaLabelledBy\n  };\n};\n\n/**\n * Returns the value to render in plain text, taking into account the prefix and suffix\n * and reading direction. Do not add a prefix/suffix if the component doesn't have a value.\n * @returns string | undefined\n */\nfunction getText(\n  direction: 'ltr' | 'rtl',\n  hasValue?: boolean,\n  prefix?: string,\n  suffix?: string,\n  value?: string\n) {\n  // Do not add a prefix/suffix if the component doesn't have a value.\n  if (!hasValue) {\n    return value;\n  }\n  // TODO: direction is 'ltr' even though the storybook is rtl.\n  // Test this when the storybook bug is fixed. ?src=confmacro\n  const isLTR = direction === 'ltr';\n  const plainPrefix = prefix === undefined ? `` : isLTR ? `${prefix} ` : ` ${prefix}`;\n  const plainSuffix = suffix === undefined ? `` : isLTR ? ` ${suffix}` : `${suffix} `;\n\n  const ltrPlainText = `${plainPrefix}${value}${plainSuffix}`;\n  const rtlPlainText = `${plainSuffix}${value}${plainPrefix}`;\n  return isLTR ? ltrPlainText : rtlPlainText;\n}\n"],"names":["baseId","hasEndContent","hasInsideLabel","hasStartContent","hasValue","isDisabled","isFocused","labelId","prefix","suffix","value","direction","useUser","prefixId","suffixId","hasPrefixText","undefined","hasSuffixText","shouldRenderPrefix","shouldRenderSuffix","valuePrefixSuffix","isLTR","plainPrefix","plainSuffix","ltrPlainText","rtlPlainText","getText","prefixProps","id","text","variant","suffixProps","ariaLabelledBy","merge"],"mappings":"iHAqB+B,EAC7BA,SACAC,gBACAC,iBACAC,kBACAC,WACAC,aACAC,YACAC,UACAC,SACAC,SACAC,YAEA,MAAMC,UAAEA,GAAcC,EAAAA,UAEhBC,EAAW,GAAGb,WACdc,EAAW,GAAGd,WACde,OAA2BC,IAAXR,GAAmC,KAAXA,EACxCS,OAA2BD,IAAXP,GAAmC,KAAXA,EACxCS,EAAqBH,IAAkBV,IAAeD,GAAYE,GAClEa,EAAqBF,IAAkBZ,IAAeD,GAAYE,GAGlEc,EACJL,GAAiBE,EAwCrB,SACEN,EACAP,EACAI,EACAC,EACAC,GAGA,IAAKN,EACH,OAAOM,EAIT,MAAMW,EAAsB,QAAdV,EACRW,OAAyBN,IAAXR,EAAuB,GAAKa,EAAQ,GAAGb,KAAY,IAAIA,IACrEe,OAAyBP,IAAXP,EAAuB,GAAKY,EAAQ,IAAIZ,IAAW,GAAGA,KAEpEe,EAAe,GAAGF,IAAcZ,IAAQa,IACxCE,EAAe,GAAGF,IAAcb,IAAQY,IAC9C,OAAOD,EAAQG,EAAeC,CAChC,CA5DqCC,CAAQf,EAAWP,EAAUI,EAAQC,EAAQC,GAASA,EAyBzF,MAAO,CACLQ,qBACAC,qBACAQ,YAtBkB,CAClBC,GAAIf,EACJZ,gBACAC,iBACAC,kBACAE,aACAC,YACAuB,KAAMrB,GAAU,GAChBsB,QAAS,UAeTC,YAbkB,CAClBH,GAAId,EACJZ,iBACAG,aACAC,YACAuB,KAAMpB,GAAU,GAChBqB,QAAS,UAQTV,oBACAY,eA5BAjB,GAAiBE,EACbgB,IAAM,CAAC1B,EAASQ,EAAgBF,OAAWG,EAAWC,EAAgBH,OAAWE,SACjFA,EA2BL"}
+{"version":3,"file":"usePrefixSuffix-dd2cae55.js","sources":["../../src/hooks/UNSAFE_usePrefixSuffix/usePrefixSuffix.tsx"],"sourcesContent":["import { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\nimport { useUser } from '../UNSAFE_useUser';\n\ntype Props = {\n  baseId: string;\n  hasEndContent?: boolean;\n  hasInsideLabel?: boolean;\n  hasStartContent?: boolean;\n  hasValue?: boolean;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  labelId?: string;\n  prefix?: string;\n  suffix?: string;\n  value?: string;\n};\n\ntype PrefixSuffixVariant = 'prefix' | 'suffix';\n\n// returns the prefix and/or suffix components\n// if the condition in which they should be shown is met.\nexport const usePrefixSuffix = ({\n  baseId,\n  hasEndContent,\n  hasInsideLabel,\n  hasStartContent,\n  hasValue,\n  isDisabled,\n  isFocused,\n  labelId,\n  prefix,\n  suffix,\n  value\n}: Props) => {\n  const { direction } = useUser();\n  // for accessibility, if you have a prefix, then you must have a prefixId\n  const prefixId = `${baseId}-prefix`;\n  const suffixId = `${baseId}-suffix`;\n  const hasPrefixText = prefix !== undefined && prefix !== '';\n  const hasSuffixText = suffix !== undefined && suffix !== '';\n  const shouldRenderPrefix = hasPrefixText && !isDisabled && (hasValue || isFocused);\n  const shouldRenderSuffix = hasSuffixText && !isDisabled && (hasValue || isFocused);\n\n  // get value and prefix/suffix if available and return as plain text.\n  const valuePrefixSuffix =\n    hasPrefixText || hasSuffixText ? getText(direction, hasValue, prefix, suffix, value) : value;\n  // get aria-labelledby if there is a prefix or suffix text\n  const ariaLabelledBy =\n    hasPrefixText || hasSuffixText\n      ? merge([labelId, hasPrefixText ? prefixId : undefined, hasSuffixText ? suffixId : undefined])\n      : undefined;\n  const prefixProps = {\n    id: prefixId,\n    hasEndContent,\n    hasInsideLabel,\n    hasStartContent,\n    isDisabled,\n    isFocused,\n    text: prefix ?? '',\n    variant: 'prefix' as PrefixSuffixVariant\n  };\n  const suffixProps = {\n    id: suffixId,\n    hasInsideLabel,\n    isDisabled,\n    isFocused,\n    text: suffix ?? '',\n    variant: 'suffix' as PrefixSuffixVariant\n  };\n\n  return {\n    shouldRenderPrefix,\n    shouldRenderSuffix,\n    prefixProps,\n    suffixProps,\n    valuePrefixSuffix,\n    ariaLabelledBy\n  };\n};\n\n/**\n * Returns the value to render in plain text, taking into account the prefix and suffix\n * and reading direction. Do not add a prefix/suffix if the component doesn't have a value.\n * @returns string | undefined\n */\nfunction getText(\n  direction: 'ltr' | 'rtl',\n  hasValue?: boolean,\n  prefix?: string,\n  suffix?: string,\n  value?: string\n) {\n  // Do not add a prefix/suffix if the component doesn't have a value.\n  if (!hasValue) {\n    return value;\n  }\n  // TODO: direction is 'ltr' even though the storybook is rtl.\n  // Test this when the storybook bug is fixed. ?src=confmacro\n  const isLTR = direction === 'ltr';\n  const plainPrefix = prefix === undefined ? `` : isLTR ? `${prefix} ` : ` ${prefix}`;\n  const plainSuffix = suffix === undefined ? `` : isLTR ? ` ${suffix}` : `${suffix} `;\n\n  const ltrPlainText = `${plainPrefix}${value}${plainSuffix}`;\n  const rtlPlainText = `${plainSuffix}${value}${plainPrefix}`;\n  return isLTR ? ltrPlainText : rtlPlainText;\n}\n"],"names":["baseId","hasEndContent","hasInsideLabel","hasStartContent","hasValue","isDisabled","isFocused","labelId","prefix","suffix","value","direction","useUser","prefixId","suffixId","hasPrefixText","undefined","hasSuffixText","shouldRenderPrefix","shouldRenderSuffix","valuePrefixSuffix","isLTR","plainPrefix","plainSuffix","ltrPlainText","rtlPlainText","getText","prefixProps","id","text","variant","suffixProps","ariaLabelledBy","merge"],"mappings":"iHAqB+B,EAC7BA,SACAC,gBACAC,iBACAC,kBACAC,WACAC,aACAC,YACAC,UACAC,SACAC,SACAC,YAEA,MAAMC,UAAEA,GAAcC,EAAAA,UAEhBC,EAAW,GAAGb,WACdc,EAAW,GAAGd,WACde,OAA2BC,IAAXR,GAAmC,KAAXA,EACxCS,OAA2BD,IAAXP,GAAmC,KAAXA,EACxCS,EAAqBH,IAAkBV,IAAeD,GAAYE,GAClEa,EAAqBF,IAAkBZ,IAAeD,GAAYE,GAGlEc,EACJL,GAAiBE,EAwCrB,SACEN,EACAP,EACAI,EACAC,EACAC,GAGA,IAAKN,EACH,OAAOM,EAIT,MAAMW,EAAsB,QAAdV,EACRW,OAAyBN,IAAXR,EAAuB,GAAKa,EAAQ,GAAGb,KAAY,IAAIA,IACrEe,OAAyBP,IAAXP,EAAuB,GAAKY,EAAQ,IAAIZ,IAAW,GAAGA,KAEpEe,EAAe,GAAGF,IAAcZ,IAAQa,IACxCE,EAAe,GAAGF,IAAcb,IAAQY,IAC9C,OAAOD,EAAQG,EAAeC,CAChC,CA5DqCC,CAAQf,EAAWP,EAAUI,EAAQC,EAAQC,GAASA,EAyBzF,MAAO,CACLQ,qBACAC,qBACAQ,YAtBkB,CAClBC,GAAIf,EACJZ,gBACAC,iBACAC,kBACAE,aACAC,YACAuB,KAAMrB,GAAU,GAChBsB,QAAS,UAeTC,YAbkB,CAClBH,GAAId,EACJZ,iBACAG,aACAC,YACAuB,KAAMpB,GAAU,GAChBqB,QAAS,UAQTV,oBACAY,eA5BAjB,GAAiBE,EACbgB,IAAM,CAAC1B,EAASQ,EAAgBF,OAAWG,EAAWC,EAAgBH,OAAWE,SACjFA,EA2BL"}

package/amd/useRadioFocusManager-462e28eb.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './useUser-08901aba', './clientHints-6d361eaa'], (function(e,r,t,n){"use strict";e.useRadioFocusManager=(e,c)=>{const u=r.useRef([]),s=r.useRef(0),o="rtl"===t.useUser().direction,a="safari"===n.getClientHints().browser,l=r.useCallback((()=>{const e=u.current;if(!e.length)return;const r=s.current,t=a?Math.min(r+1,e.length-1):(r+1)%e.length;s.current=t,e[t]?.focus()}),[a]),f=r.useCallback((()=>{const e=u.current;if(!e.length)return;const r=s.current,t=a?Math.max(r-1,0):(r-1+e.length)%e.length;s.current=t,e[t]?.focus()}),[a]),i=r.useCallback((e=>{s.current=e}),[]),h=r.useCallback((()=>{const e=u.current;e.length&&e[s.current].focus()}),[]),g=r.useCallback((e=>{const{key:r}=e,t={ArrowDown:l,ArrowUp:f,ArrowRight:o&&!a?f:l,ArrowLeft:o&&!a?l:f}[r];t&&(e.preventDefault(),t())}),[l,f,o,a]),d=r.useCallback((()=>{if(!e.current)return;const r=e.current.querySelectorAll("[data-checked]");u.current=Array.from(r),s.current>=u.current.length&&i(u.current.length-1)}),[e,i]);return r.useEffect((()=>{const r=e?.current;r&&d()}),[d,c,e]),{focusNext:l,focusPrevious:f,resetFocus:h,setFocusIndex:i,focusIndex:s.current,handleArrowKeyPress:g}}}));
+//# sourceMappingURL=useRadioFocusManager-462e28eb.js.map

package/amd/{useRadioFocusManager-c613d2fc.js.map → useRadioFocusManager-462e28eb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useRadioFocusManager-c613d2fc.js","sources":["../../src/hooks/PRIVATE_useRadioFocusManager/useRadioFocusManager.ts"],"sourcesContent":["import type { ComponentChildren, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\n\n/**\n * A hook to manage focus for readonly radio elements within a container. In Safari,\n * the manager will not wrap focus from first and last element when navigating with arrow keys,\n * while other browsers will. While in Safari and RTL mode, it will also match the behavior of\n * useCollectionFocusRing by not reversing the left/right arrow key behavior.\n *\n * Manager will automatically reset whenever containerRef or children change. However, it will\n * retain the current focus index if it does not exceed the number of focusable elements.\n * In that case, it will reset to the last element.\n *\n * @param containerRef - A ref to the container element that holds the radio elements.\n * @param children - The children within the container.\n * @returns An object with methods to manage focus among the radio elements.\n */\nconst useRadioFocusManager = (\n  containerRef: RefObject<HTMLDivElement | null>,\n  children: ComponentChildren\n) => {\n  // array of focusable elements\n  const focusableElementsRef = useRef<HTMLElement[]>([]);\n\n  // current index\n  const focusIndexRef = useRef(0);\n\n  // determine if the direction is RTL for arrow key handling\n  const isRtl = useUser().direction === 'rtl';\n  const isSafari = getClientHints().browser === 'safari';\n\n  // move focus to the next radio element\n  const focusNext = useCallback(() => {\n    const elements = focusableElementsRef.current;\n    if (!elements.length) return;\n\n    const curr = focusIndexRef.current;\n    // clamp on Safari to match arrow key behavior in useCollectionFocusRing, wrap elsewhere\n    const nextIndex = isSafari\n      ? Math.min(curr + 1, elements.length - 1)\n      : (curr + 1) % elements.length;\n\n    focusIndexRef.current = nextIndex;\n    elements[nextIndex]?.focus();\n  }, [isSafari]);\n\n  // move focus to the previous radio element\n  const focusPrevious = useCallback(() => {\n    const elements = focusableElementsRef.current;\n    if (!elements.length) return;\n\n    const curr = focusIndexRef.current;\n    // clamp on Safari to match arrow key behavior in useCollectionFocusRing, wrap elsewhere\n    const prevIndex = isSafari\n      ? Math.max(curr - 1, 0)\n      : (curr - 1 + elements.length) % elements.length;\n\n    focusIndexRef.current = prevIndex;\n    elements[prevIndex]?.focus();\n  }, [isSafari]);\n\n  // explicitly set the focus index\n  const setFocusIndex = useCallback((index: number) => {\n    focusIndexRef.current = index;\n  }, []);\n\n  // reset focus to the element indicated by the current index, mainly for testing purposes\n  const resetFocus = useCallback(() => {\n    const elements = focusableElementsRef.current;\n    if (!elements.length) return;\n    elements[focusIndexRef.current].focus();\n  }, []);\n\n  // handle ArrowUp/Down/Left/Right key presses to navigate radios\n  const handleArrowKeyPress = useCallback(\n    (event: KeyboardEvent) => {\n      const { key } = event;\n\n      const handler: Record<string, (() => void) | undefined> = {\n        ArrowDown: focusNext,\n        ArrowUp: focusPrevious,\n        ArrowRight: isRtl && !isSafari ? focusPrevious : focusNext,\n        ArrowLeft: isRtl && !isSafari ? focusNext : focusPrevious\n      };\n\n      const action = handler[key];\n      if (action) {\n        event.preventDefault();\n        action();\n      }\n    },\n    [focusNext, focusPrevious, isRtl, isSafari]\n  );\n\n  const resetManager = useCallback(() => {\n    if (!containerRef.current) return;\n    const elements = containerRef.current.querySelectorAll(\n      '[data-checked]'\n    ) as NodeListOf<HTMLElement>;\n    focusableElementsRef.current = Array.from(elements);\n\n    // reset index to last item if previous index is greater than the new items\n    if (focusIndexRef.current >= focusableElementsRef.current.length) {\n      setFocusIndex(focusableElementsRef.current.length - 1);\n    }\n  }, [containerRef, setFocusIndex]);\n\n  // reset the manager whenever children change\n  useEffect(() => {\n    const container = containerRef?.current;\n    if (!container) return;\n    resetManager();\n  }, [resetManager, children, containerRef]);\n\n  return {\n    focusNext,\n    focusPrevious,\n    resetFocus,\n    setFocusIndex,\n    focusIndex: focusIndexRef.current,\n    handleArrowKeyPress\n  };\n};\n\nexport { useRadioFocusManager };\n"],"names":["containerRef","children","focusableElementsRef","useRef","focusIndexRef","isRtl","useUser","direction","isSafari","getClientHints","browser","focusNext","useCallback","elements","current","length","curr","nextIndex","Math","min","focus","focusPrevious","prevIndex","max","setFocusIndex","index","resetFocus","handleArrowKeyPress","event","key","action","ArrowDown","ArrowUp","ArrowRight","ArrowLeft","preventDefault","resetManager","querySelectorAll","Array","from","useEffect","container","focusIndex"],"mappings":"uIAmB6B,CAC3BA,EACAC,KAGA,MAAMC,EAAuBC,SAAsB,IAG7CC,EAAgBD,SAAO,GAGvBE,EAAgC,QAAxBC,EAAAA,UAAUC,UAClBC,EAAwC,WAA7BC,EAAAA,iBAAiBC,QAG5BC,EAAYC,EAAAA,aAAY,KAC5B,MAAMC,EAAWX,EAAqBY,QACtC,IAAKD,EAASE,OAAQ,OAEtB,MAAMC,EAAOZ,EAAcU,QAErBG,EAAYT,EACdU,KAAKC,IAAIH,EAAO,EAAGH,EAASE,OAAS,IACpCC,EAAO,GAAKH,EAASE,OAE1BX,EAAcU,QAAUG,EACxBJ,EAASI,IAAYG,OAAO,GAC3B,CAACZ,IAGEa,EAAgBT,EAAAA,aAAY,KAChC,MAAMC,EAAWX,EAAqBY,QACtC,IAAKD,EAASE,OAAQ,OAEtB,MAAMC,EAAOZ,EAAcU,QAErBQ,EAAYd,EACdU,KAAKK,IAAIP,EAAO,EAAG,IAClBA,EAAO,EAAIH,EAASE,QAAUF,EAASE,OAE5CX,EAAcU,QAAUQ,EACxBT,EAASS,IAAYF,OAAO,GAC3B,CAACZ,IAGEgB,EAAgBZ,eAAaa,IACjCrB,EAAcU,QAAUW,CAAK,GAC5B,IAGGC,EAAad,EAAAA,aAAY,KAC7B,MAAMC,EAAWX,EAAqBY,QACjCD,EAASE,QACdF,EAAST,EAAcU,SAASM,OAAO,GACtC,IAGGO,EAAsBf,eACzBgB,IACC,MAAMC,IAAEA,GAAQD,EASVE,EAPoD,CACxDC,UAAWpB,EACXqB,QAASX,EACTY,WAAY5B,IAAUG,EAAWa,EAAgBV,EACjDuB,UAAW7B,IAAUG,EAAWG,EAAYU,GAGvBQ,GACnBC,IACFF,EAAMO,iBACNL,IACD,GAEH,CAACnB,EAAWU,EAAehB,EAAOG,IAG9B4B,EAAexB,EAAAA,aAAY,KAC/B,IAAKZ,EAAac,QAAS,OAC3B,MAAMD,EAAWb,EAAac,QAAQuB,iBACpC,kBAEFnC,EAAqBY,QAAUwB,MAAMC,KAAK1B,GAGtCT,EAAcU,SAAWZ,EAAqBY,QAAQC,QACxDS,EAActB,EAAqBY,QAAQC,OAAS,EACrD,GACA,CAACf,EAAcwB,IASlB,OANAgB,EAAAA,WAAU,KACR,MAAMC,EAAYzC,GAAcc,QAC3B2B,GACLL,GAAc,GACb,CAACA,EAAcnC,EAAUD,IAErB,CACLW,YACAU,gBACAK,aACAF,gBACAkB,WAAYtC,EAAcU,QAC1Ba,sBACD"}
+{"version":3,"file":"useRadioFocusManager-462e28eb.js","sources":["../../src/hooks/PRIVATE_useRadioFocusManager/useRadioFocusManager.ts"],"sourcesContent":["import type { ComponentChildren, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\n\n/**\n * A hook to manage focus for readonly radio elements within a container. In Safari,\n * the manager will not wrap focus from first and last element when navigating with arrow keys,\n * while other browsers will. While in Safari and RTL mode, it will also match the behavior of\n * useCollectionFocusRing by not reversing the left/right arrow key behavior.\n *\n * Manager will automatically reset whenever containerRef or children change. However, it will\n * retain the current focus index if it does not exceed the number of focusable elements.\n * In that case, it will reset to the last element.\n *\n * @param containerRef - A ref to the container element that holds the radio elements.\n * @param children - The children within the container.\n * @returns An object with methods to manage focus among the radio elements.\n */\nconst useRadioFocusManager = (\n  containerRef: RefObject<HTMLDivElement | null>,\n  children: ComponentChildren\n) => {\n  // array of focusable elements\n  const focusableElementsRef = useRef<HTMLElement[]>([]);\n\n  // current index\n  const focusIndexRef = useRef(0);\n\n  // determine if the direction is RTL for arrow key handling\n  const isRtl = useUser().direction === 'rtl';\n  const isSafari = getClientHints().browser === 'safari';\n\n  // move focus to the next radio element\n  const focusNext = useCallback(() => {\n    const elements = focusableElementsRef.current;\n    if (!elements.length) return;\n\n    const curr = focusIndexRef.current;\n    // clamp on Safari to match arrow key behavior in useCollectionFocusRing, wrap elsewhere\n    const nextIndex = isSafari\n      ? Math.min(curr + 1, elements.length - 1)\n      : (curr + 1) % elements.length;\n\n    focusIndexRef.current = nextIndex;\n    elements[nextIndex]?.focus();\n  }, [isSafari]);\n\n  // move focus to the previous radio element\n  const focusPrevious = useCallback(() => {\n    const elements = focusableElementsRef.current;\n    if (!elements.length) return;\n\n    const curr = focusIndexRef.current;\n    // clamp on Safari to match arrow key behavior in useCollectionFocusRing, wrap elsewhere\n    const prevIndex = isSafari\n      ? Math.max(curr - 1, 0)\n      : (curr - 1 + elements.length) % elements.length;\n\n    focusIndexRef.current = prevIndex;\n    elements[prevIndex]?.focus();\n  }, [isSafari]);\n\n  // explicitly set the focus index\n  const setFocusIndex = useCallback((index: number) => {\n    focusIndexRef.current = index;\n  }, []);\n\n  // reset focus to the element indicated by the current index, mainly for testing purposes\n  const resetFocus = useCallback(() => {\n    const elements = focusableElementsRef.current;\n    if (!elements.length) return;\n    elements[focusIndexRef.current].focus();\n  }, []);\n\n  // handle ArrowUp/Down/Left/Right key presses to navigate radios\n  const handleArrowKeyPress = useCallback(\n    (event: KeyboardEvent) => {\n      const { key } = event;\n\n      const handler: Record<string, (() => void) | undefined> = {\n        ArrowDown: focusNext,\n        ArrowUp: focusPrevious,\n        ArrowRight: isRtl && !isSafari ? focusPrevious : focusNext,\n        ArrowLeft: isRtl && !isSafari ? focusNext : focusPrevious\n      };\n\n      const action = handler[key];\n      if (action) {\n        event.preventDefault();\n        action();\n      }\n    },\n    [focusNext, focusPrevious, isRtl, isSafari]\n  );\n\n  const resetManager = useCallback(() => {\n    if (!containerRef.current) return;\n    const elements = containerRef.current.querySelectorAll(\n      '[data-checked]'\n    ) as NodeListOf<HTMLElement>;\n    focusableElementsRef.current = Array.from(elements);\n\n    // reset index to last item if previous index is greater than the new items\n    if (focusIndexRef.current >= focusableElementsRef.current.length) {\n      setFocusIndex(focusableElementsRef.current.length - 1);\n    }\n  }, [containerRef, setFocusIndex]);\n\n  // reset the manager whenever children change\n  useEffect(() => {\n    const container = containerRef?.current;\n    if (!container) return;\n    resetManager();\n  }, [resetManager, children, containerRef]);\n\n  return {\n    focusNext,\n    focusPrevious,\n    resetFocus,\n    setFocusIndex,\n    focusIndex: focusIndexRef.current,\n    handleArrowKeyPress\n  };\n};\n\nexport { useRadioFocusManager };\n"],"names":["containerRef","children","focusableElementsRef","useRef","focusIndexRef","isRtl","useUser","direction","isSafari","getClientHints","browser","focusNext","useCallback","elements","current","length","curr","nextIndex","Math","min","focus","focusPrevious","prevIndex","max","setFocusIndex","index","resetFocus","handleArrowKeyPress","event","key","action","ArrowDown","ArrowUp","ArrowRight","ArrowLeft","preventDefault","resetManager","querySelectorAll","Array","from","useEffect","container","focusIndex"],"mappings":"uIAmB6B,CAC3BA,EACAC,KAGA,MAAMC,EAAuBC,SAAsB,IAG7CC,EAAgBD,SAAO,GAGvBE,EAAgC,QAAxBC,EAAAA,UAAUC,UAClBC,EAAwC,WAA7BC,EAAAA,iBAAiBC,QAG5BC,EAAYC,EAAAA,aAAY,KAC5B,MAAMC,EAAWX,EAAqBY,QACtC,IAAKD,EAASE,OAAQ,OAEtB,MAAMC,EAAOZ,EAAcU,QAErBG,EAAYT,EACdU,KAAKC,IAAIH,EAAO,EAAGH,EAASE,OAAS,IACpCC,EAAO,GAAKH,EAASE,OAE1BX,EAAcU,QAAUG,EACxBJ,EAASI,IAAYG,OAAO,GAC3B,CAACZ,IAGEa,EAAgBT,EAAAA,aAAY,KAChC,MAAMC,EAAWX,EAAqBY,QACtC,IAAKD,EAASE,OAAQ,OAEtB,MAAMC,EAAOZ,EAAcU,QAErBQ,EAAYd,EACdU,KAAKK,IAAIP,EAAO,EAAG,IAClBA,EAAO,EAAIH,EAASE,QAAUF,EAASE,OAE5CX,EAAcU,QAAUQ,EACxBT,EAASS,IAAYF,OAAO,GAC3B,CAACZ,IAGEgB,EAAgBZ,eAAaa,IACjCrB,EAAcU,QAAUW,CAAK,GAC5B,IAGGC,EAAad,EAAAA,aAAY,KAC7B,MAAMC,EAAWX,EAAqBY,QACjCD,EAASE,QACdF,EAAST,EAAcU,SAASM,OAAO,GACtC,IAGGO,EAAsBf,eACzBgB,IACC,MAAMC,IAAEA,GAAQD,EASVE,EAPoD,CACxDC,UAAWpB,EACXqB,QAASX,EACTY,WAAY5B,IAAUG,EAAWa,EAAgBV,EACjDuB,UAAW7B,IAAUG,EAAWG,EAAYU,GAGvBQ,GACnBC,IACFF,EAAMO,iBACNL,IACD,GAEH,CAACnB,EAAWU,EAAehB,EAAOG,IAG9B4B,EAAexB,EAAAA,aAAY,KAC/B,IAAKZ,EAAac,QAAS,OAC3B,MAAMD,EAAWb,EAAac,QAAQuB,iBACpC,kBAEFnC,EAAqBY,QAAUwB,MAAMC,KAAK1B,GAGtCT,EAAcU,SAAWZ,EAAqBY,QAAQC,QACxDS,EAActB,EAAqBY,QAAQC,OAAS,EACrD,GACA,CAACf,EAAcwB,IASlB,OANAgB,EAAAA,WAAU,KACR,MAAMC,EAAYzC,GAAcc,QAC3B2B,GACLL,GAAc,GACb,CAACA,EAAcnC,EAAUD,IAErB,CACLW,YACAU,gBACAK,aACAF,gBACAkB,WAAYtC,EAAcU,QAC1Ba,sBACD"}

package/amd/{useReorderableItem-6ab59e42.js → useReorderableItem-0f9d7742.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './useId-c9578d26', './useUser-e0677e8d', './useTranslationBundle-db326955', './clientHints-6d361eaa', './collectionUtils-3951928f', './classNames-08d99695', './mergeProps-bcfa6a92', './dndUtils-9d9ccdc5', './hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css', './keys-4755c121'], (function(e,r,t,s,o,n,a,l,c,i,f,u){"use strict";const d=(e,r,t,s,o)=>{const n=t>0?t-1:0,a=t<s?t+1:s;switch(e){case"ArrowLeft":return r?a:n;case"ArrowRight":return r?n:a;case"ArrowUp":if(o)return t<o?t:t-o;case"ArrowDown":if(o)return t>s-o?t:t+o;default:return}};e.useReorderable=function(e){const{onReorder:l,rootRef:c,itemSelector:i,isDisabled:f,columns:u}=e,y=r.useRef(),{direction:m}=s.useUser(),g="rtl"===m,v=o.useTranslationBundle("@oracle/oraclejet-preact"),b="reorderable_"+t.useId(),{deviceType:p,platform:D}=n.getClientHints(),K="windows"===D?v.accControlKey():v.accCommandKey(),A="phone"===p||"tablet"===p?"":v.accReorderInstructions({keyPressed:K}),[R,w]=r.useState(""),I=r.useCallback((e=>{if((e.metaKey||e.ctrlKey)&&e.shiftKey&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)&&l&&c.current){e.metaKey&&e.preventDefault();const r=[...a.getItemKeysArray(c.current,i)],t=r.length-1,s=r.indexOf(y.current),o=d(e.key,g,s,t,u);if(void 0!==o&&s!==o){const t=r[o]?.toString();r.splice(s,1),r.splice(o,0,y.current),l?.({reorderedKeys:r,itemKeys:[y.current],referenceKey:0===o?null:r[o-1]});const n="ArrowLeft"===e.key||"ArrowUp"===e.key?v.accPositionBefore():v.accPositionAfter(),a=y?.current?.toString();t&&n&&a&&w(v.accAnnounceMovedKey({itemKey:a,position:n,referenceKey:t}))}}}),[y,l,u,g,i,c,v]);return{reorderProps:f?{}:{onKeyDown:I},reorderContext:{currentItemKey:y},reorderInstructionsId:b,reorderInstructions:A,reorderStatus:R}},e.useReorderableItem=function(e){const{isDisabled:t,dragKey:o,setDragKey:n,onReorder:d,ref:y,rootRef:m,itemStyles:g,getItem:v,setTransferData:b,itemSelector:p,isVertical:D}=e,[K,A]=r.useState(void 0);r.useEffect((()=>{if(y.current){const e=v(),r=null!=e?a.getKey(e):void 0;A(r)}}),[o]);const[R,w]=r.useState(),I=r.useRef(),h=r.useRef(void 0),k=l.classNames([f.styles.itemDragger,g.itemDragger]),{direction:O}=s.useUser(),P="rtl"===O,S=r.useCallback((e=>{const r=v();let t=e.target;const s=null!=r?a.getKey(r):void 0;let o;for(;t;){if(t.hasAttribute("data-oj-draggable")){o=t;break}if(t===r)break;t=t.parentElement}o?y?.current&&n&&(h.current=i.createDragImage(y.current,k),y.current!==o?e?.dataTransfer?.setDragImage(h.current,o.offsetLeft+o.offsetWidth/2,o.offsetTop+o.offsetHeight/2):e?.dataTransfer?.setDragImage(h.current,o.offsetWidth/2,o.offsetHeight/2),b(e),n(s)):(e.preventDefault(),e.stopPropagation())}),[v,b,k,y,n]),C=r.useCallback((e=>{u.isKeyDefined(o)&&e.preventDefault()}),[o]),T=r.useCallback((()=>{n?.(void 0),document.body.removeChild(h.current)}),[n]),U=r.useCallback((()=>{if(m?.current){const e=v(),r=null!=e?a.getKey(e):void 0,t=a.getItemKeysArray(m.current,p);let s;const l=[...t],c=l.indexOf(o);if(null!=r){const e=l.indexOf(r);null!=c&&null!=e&&c!=e&&(s=P?c<e?"before"===R?e:e-1:"before"===R?e+1:e:c<e?"before"===R?e-1:e:"before"===R?e:e+1)}if(void 0!==s&&c!==s){const e=t[c];l.splice(c,1),l.splice(s,0,e),d?.({reorderedKeys:l,itemKeys:[o],referenceKey:0===s?null:l[s-1]}),w(void 0),n?.(void 0)}}}),[o,R,v,P,p,d,m,n]);if(t)return{};const B=null!=K&&K===o,E=l.classNames([f.styles.itemDnd,B&&f.styles.itemDragged]),L=l.classNames([g.itemOverlayFront,D?f.styles.itemOverlayVertical:f.styles.itemOverlay,"before"===R&&f.styles.itemOverlayBefore,"before"===R&&P&&f.styles.itemOverlayBeforeRtl]),x=l.classNames([g.itemOverlayFront,g.itemOverlayRear,D?f.styles.itemOverlayVertical:f.styles.itemOverlay,"after"===R&&f.styles.itemOverlayAfter,"after"===R&&P&&f.styles.itemOverlayAfterRtl]);return{rootProps:c.mergeProps({ref:y,onDragStart:S,onDragEnd:T,onDragOver:C,onDrop:U,isDisabled:t,class:E}),isDragged:B,overlayZoneBeforeProps:c.mergeProps({onDragEnter:()=>{w("before"),I.current="before"},onDragLeave:()=>{"before"===I.current&&w(void 0)},class:L}),overlayZoneAfterProps:c.mergeProps({onDragEnter:()=>{w("after"),I.current="after"},onDragLeave:()=>{"after"===I.current&&w(void 0)},class:x})}}}));
-//# sourceMappingURL=useReorderableItem-6ab59e42.js.map
+define(['exports', 'preact/hooks', './useId-c9578d26', './useUser-08901aba', './useTranslationBundle-e4dd341e', './clientHints-6d361eaa', './collectionUtils-3951928f', './classNames-08d99695', './mergeProps-bcfa6a92', './dndUtils-9d9ccdc5', './hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css', './keys-4755c121'], (function(e,r,t,s,o,n,a,l,c,i,f,u){"use strict";const d=(e,r,t,s,o)=>{const n=t>0?t-1:0,a=t<s?t+1:s;switch(e){case"ArrowLeft":return r?a:n;case"ArrowRight":return r?n:a;case"ArrowUp":if(o)return t<o?t:t-o;case"ArrowDown":if(o)return t>s-o?t:t+o;default:return}};e.useReorderable=function(e){const{onReorder:l,rootRef:c,itemSelector:i,isDisabled:f,columns:u}=e,y=r.useRef(),{direction:m}=s.useUser(),g="rtl"===m,v=o.useTranslationBundle("@oracle/oraclejet-preact"),b="reorderable_"+t.useId(),{deviceType:p,platform:D}=n.getClientHints(),K="windows"===D?v.accControlKey():v.accCommandKey(),A="phone"===p||"tablet"===p?"":v.accReorderInstructions({keyPressed:K}),[R,w]=r.useState(""),I=r.useCallback((e=>{if((e.metaKey||e.ctrlKey)&&e.shiftKey&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)&&l&&c.current){e.metaKey&&e.preventDefault();const r=[...a.getItemKeysArray(c.current,i)],t=r.length-1,s=r.indexOf(y.current),o=d(e.key,g,s,t,u);if(void 0!==o&&s!==o){const t=r[o]?.toString();r.splice(s,1),r.splice(o,0,y.current),l?.({reorderedKeys:r,itemKeys:[y.current],referenceKey:0===o?null:r[o-1]});const n="ArrowLeft"===e.key||"ArrowUp"===e.key?v.accPositionBefore():v.accPositionAfter(),a=y?.current?.toString();t&&n&&a&&w(v.accAnnounceMovedKey({itemKey:a,position:n,referenceKey:t}))}}}),[y,l,u,g,i,c,v]);return{reorderProps:f?{}:{onKeyDown:I},reorderContext:{currentItemKey:y},reorderInstructionsId:b,reorderInstructions:A,reorderStatus:R}},e.useReorderableItem=function(e){const{isDisabled:t,dragKey:o,setDragKey:n,onReorder:d,ref:y,rootRef:m,itemStyles:g,getItem:v,setTransferData:b,itemSelector:p,isVertical:D}=e,[K,A]=r.useState(void 0);r.useEffect((()=>{if(y.current){const e=v(),r=null!=e?a.getKey(e):void 0;A(r)}}),[o]);const[R,w]=r.useState(),I=r.useRef(),h=r.useRef(void 0),k=l.classNames([f.styles.itemDragger,g.itemDragger]),{direction:O}=s.useUser(),P="rtl"===O,S=r.useCallback((e=>{const r=v();let t=e.target;const s=null!=r?a.getKey(r):void 0;let o;for(;t;){if(t.hasAttribute("data-oj-draggable")){o=t;break}if(t===r)break;t=t.parentElement}o?y?.current&&n&&(h.current=i.createDragImage(y.current,k),y.current!==o?e?.dataTransfer?.setDragImage(h.current,o.offsetLeft+o.offsetWidth/2,o.offsetTop+o.offsetHeight/2):e?.dataTransfer?.setDragImage(h.current,o.offsetWidth/2,o.offsetHeight/2),b(e),n(s)):(e.preventDefault(),e.stopPropagation())}),[v,b,k,y,n]),C=r.useCallback((e=>{u.isKeyDefined(o)&&e.preventDefault()}),[o]),T=r.useCallback((()=>{n?.(void 0),document.body.removeChild(h.current)}),[n]),U=r.useCallback((()=>{if(m?.current){const e=v(),r=null!=e?a.getKey(e):void 0,t=a.getItemKeysArray(m.current,p);let s;const l=[...t],c=l.indexOf(o);if(null!=r){const e=l.indexOf(r);null!=c&&null!=e&&c!=e&&(s=P?c<e?"before"===R?e:e-1:"before"===R?e+1:e:c<e?"before"===R?e-1:e:"before"===R?e:e+1)}if(void 0!==s&&c!==s){const e=t[c];l.splice(c,1),l.splice(s,0,e),d?.({reorderedKeys:l,itemKeys:[o],referenceKey:0===s?null:l[s-1]}),w(void 0),n?.(void 0)}}}),[o,R,v,P,p,d,m,n]);if(t)return{};const B=null!=K&&K===o,E=l.classNames([f.styles.itemDnd,B&&f.styles.itemDragged]),L=l.classNames([g.itemOverlayFront,D?f.styles.itemOverlayVertical:f.styles.itemOverlay,"before"===R&&f.styles.itemOverlayBefore,"before"===R&&P&&f.styles.itemOverlayBeforeRtl]),x=l.classNames([g.itemOverlayFront,g.itemOverlayRear,D?f.styles.itemOverlayVertical:f.styles.itemOverlay,"after"===R&&f.styles.itemOverlayAfter,"after"===R&&P&&f.styles.itemOverlayAfterRtl]);return{rootProps:c.mergeProps({ref:y,onDragStart:S,onDragEnd:T,onDragOver:C,onDrop:U,isDisabled:t,class:E}),isDragged:B,overlayZoneBeforeProps:c.mergeProps({onDragEnter:()=>{w("before"),I.current="before"},onDragLeave:()=>{"before"===I.current&&w(void 0)},class:L}),overlayZoneAfterProps:c.mergeProps({onDragEnter:()=>{w("after"),I.current="after"},onDragLeave:()=>{"after"===I.current&&w(void 0)},class:x})}}}));
+//# sourceMappingURL=useReorderableItem-0f9d7742.js.map

package/amd/{useReorderableItem-6ab59e42.js.map → useReorderableItem-0f9d7742.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useReorderableItem-6ab59e42.js","sources":["../../src/hooks/PRIVATE_useReorderable/useReorderable.ts","../../src/hooks/PRIVATE_useReorderable/useReorderableItem.ts"],"sourcesContent":["import type { RefObject } from 'preact';\nimport { useRef, useCallback, useState } from 'preact/hooks';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { getItemKeysArray } from '#utils/PRIVATE_collectionUtils';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ReorderProps } from '#UNSAFE_Collection/Reorderable.types';\n\ntype useReorderableProps<K> = ReorderProps<K> & {\n  rootRef: RefObject<HTMLDivElement>;\n  itemSelector: string;\n  isDisabled?: boolean;\n  columns?: number;\n};\n\n/**\n * Implements keyboard reorder behavior for list-like components, e.g. TabBar, ListView, CardView\n */\nexport function useReorderable<K extends string | number>(options: useReorderableProps<K>) {\n  const { onReorder, rootRef, itemSelector, isDisabled, columns } = options;\n\n  const currentItemKey = useRef<K | undefined>();\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const reorderInstructionsId = 'reorderable_' + useId();\n  const { deviceType, platform } = getClientHints();\n  const keyPressed =\n    platform === 'windows' ? translations.accControlKey() : translations.accCommandKey();\n  const reorderInstructions =\n    deviceType === 'phone' || deviceType === 'tablet'\n      ? ''\n      : translations.accReorderInstructions({\n          keyPressed: keyPressed\n        });\n  const [reorderStatus, setReorderStatus] = useState<string | undefined>('');\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      const keyHandlers = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];\n      if (\n        (e.metaKey || e.ctrlKey) &&\n        e.shiftKey &&\n        keyHandlers.includes(e.key) &&\n        onReorder &&\n        rootRef.current\n      ) {\n        if (e.metaKey) {\n          e.preventDefault();\n        }\n        const itemKeysArray = getItemKeysArray(rootRef.current, itemSelector);\n        const newArray = [...itemKeysArray];\n        const lastIndex = newArray.length - 1;\n        const currentItemIndex = newArray.indexOf(currentItemKey.current);\n        // get reference item index and reordered keys\n        const referenceItemIndex = getReferenceItemIndex(\n          e.key,\n          isRtl,\n          currentItemIndex,\n          lastIndex,\n          columns\n        );\n        if (referenceItemIndex !== undefined && currentItemIndex !== referenceItemIndex) {\n          const referenceKey = newArray[referenceItemIndex]?.toString();\n          newArray.splice(currentItemIndex, 1);\n          newArray.splice(referenceItemIndex as number, 0, currentItemKey.current);\n          onReorder?.({\n            reorderedKeys: newArray as K[],\n            itemKeys: [currentItemKey.current as K],\n            // If the dragged items were dropped at the very beginning, the referenceKey will be null.\n            referenceKey: referenceItemIndex === 0 ? null : (newArray[referenceItemIndex - 1] as K)\n          });\n          // set acc status\n          const isPrev = e.key === 'ArrowLeft' || e.key === 'ArrowUp' ? true : false;\n          const position = isPrev\n            ? translations.accPositionBefore()\n            : translations.accPositionAfter();\n          const itemKeyString = currentItemKey?.current?.toString();\n          if (referenceKey && position && itemKeyString) {\n            setReorderStatus(\n              translations.accAnnounceMovedKey({\n                itemKey: itemKeyString,\n                position: position,\n                referenceKey: referenceKey\n              })\n            );\n          }\n        }\n      }\n    },\n    [currentItemKey, onReorder, columns, isRtl, itemSelector, rootRef, translations]\n  );\n\n  const eventProps = isDisabled ? {} : { onKeyDown };\n\n  return {\n    reorderProps: eventProps,\n    reorderContext: {\n      currentItemKey\n    },\n    reorderInstructionsId,\n    reorderInstructions,\n    reorderStatus\n  } as const;\n}\n\n/**\n * A helper function to get referenceItemIndex during keyboard reordering\n *\n * @param eventKey the arrow event keys\n * @param isRtl whether RTL is enabled\n * @param currentItemIndex the index of current item\n * @param lastIndex the last index\n * @param columns optional param to specify the number of columns, for keyboard reordering by arrow up/down keys.\n */\nconst getReferenceItemIndex = (\n  eventKey: string,\n  isRtl: boolean,\n  currentItemIndex: number,\n  lastIndex: number,\n  columns?: number\n) => {\n  const leftDropIndex = currentItemIndex > 0 ? currentItemIndex - 1 : 0;\n  const rightDropIndex = currentItemIndex < lastIndex ? currentItemIndex + 1 : lastIndex;\n  switch (eventKey) {\n    case 'ArrowLeft':\n      return isRtl ? rightDropIndex : leftDropIndex;\n    case 'ArrowRight':\n      return isRtl ? leftDropIndex : rightDropIndex;\n    case 'ArrowUp':\n      if (columns) {\n        // if the current item is at the top row, arrow up should not move anywhere\n        return currentItemIndex < columns ? currentItemIndex : currentItemIndex - columns;\n      }\n    case 'ArrowDown':\n      if (columns) {\n        // if the current item is at the bottom row, arrow down should not move anywhere\n        return currentItemIndex > lastIndex - columns\n          ? currentItemIndex\n          : currentItemIndex + columns;\n      }\n    default:\n      return undefined;\n  }\n};\n","import type { RefObject } from 'preact';\nimport { useState, useRef, useCallback, useEffect } from 'preact/hooks';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { createDragImage } from '#utils/PRIVATE_dndUtils';\nimport { getKey, getItemKeysArray } from '#utils/PRIVATE_collectionUtils';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { ReorderableItemProps } from '#UNSAFE_Collection/Reorderable.types';\nimport { styles } from './themes/ReorderableItemStyles.css';\nimport { isKeyDefined } from '#utils/UNSAFE_keys';\n\nexport type useReorderableOptions<K extends string | number> = Omit<\n  ReorderableItemProps<K>,\n  'children'\n> & {\n  isDisabled: boolean;\n  ref: RefObject<HTMLDivElement>;\n  getItem: () => Element | null | undefined; // a function to get the reorderable item\n  setTransferData: (event: DragEvent) => void; // a function to set the transfer data and type\n  itemStyles: {\n    // component specific style for two overlay divs, e.g. component has different gap sizes\n    itemOverlayFront: string;\n    itemOverlayRear: string;\n    itemDragger?: string; // component specific style for drag image\n  };\n  itemSelector: string;\n  isVertical?: boolean; // used when the component is vertical and has one column, e.g. ListView\n};\n\n/**\n * Implements mouse reorder behavior for list-like components, e.g. TabBar, ListView, CardView\n */\nexport function useReorderableItem<K extends string | number>(options: useReorderableOptions<K>) {\n  const {\n    isDisabled,\n    dragKey,\n    setDragKey,\n    onReorder,\n    ref,\n    rootRef,\n    itemStyles,\n    getItem,\n    setTransferData,\n    itemSelector,\n    isVertical\n  } = options;\n\n  const [itemKey, setItemKey] = useState<K | undefined>(undefined);\n\n  // This is used to set the current itemKey and that in turn sets isDragged class. It needs to be updated everytime dragKey changes because otherwise itemKey will be the previously draggedKey\n  useEffect(() => {\n    if (ref.current) {\n      const item = getItem();\n      const key = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n      setItemKey(key);\n    }\n  }, [dragKey]);\n\n  const [position, setPosition] = useState<'before' | 'after' | undefined>();\n  const pendingPositionRef = useRef<typeof position>();\n  const dragImgRef = useRef<HTMLElement | undefined>(undefined);\n\n  const itemDraggerClasses = classNames([styles.itemDragger, itemStyles.itemDragger]);\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  /**\n   * Drag start handler\n   * The data-oj-draggable attribute need to be required and set to true to the target element. This\n   * attribute is used to identify which element can act as drag handles during the drag and drop process.\n   */\n  const handleDragStart = useCallback(\n    (e: DragEvent) => {\n      const item = getItem();\n      let targetElement: HTMLElement | null = e.target as HTMLElement;\n      const currentDragKey = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n\n      let dragHandle;\n      while (targetElement) {\n        //data-oj-draggable attribute is only to use to draggable element\n        if (targetElement.hasAttribute('data-oj-draggable')) {\n          dragHandle = targetElement;\n          break;\n        } else if (targetElement === item) {\n          break;\n        }\n        targetElement = targetElement.parentElement;\n      }\n\n      if (!dragHandle) {\n        e.preventDefault();\n        e.stopPropagation();\n      } else {\n        if (ref?.current && setDragKey) {\n          dragImgRef.current = createDragImage(ref.current, itemDraggerClasses);\n          if (ref.current !== dragHandle) {\n            e?.dataTransfer?.setDragImage(\n              dragImgRef.current,\n              dragHandle.offsetLeft + dragHandle.offsetWidth / 2,\n              dragHandle.offsetTop + dragHandle.offsetHeight / 2\n            );\n          } else {\n            e?.dataTransfer?.setDragImage(\n              dragImgRef.current,\n              dragHandle.offsetWidth / 2,\n              dragHandle.offsetHeight / 2\n            );\n          }\n          setTransferData(e);\n          setDragKey(currentDragKey as K);\n        }\n      }\n    },\n    [getItem, setTransferData, itemDraggerClasses, ref, setDragKey]\n  );\n\n  const handleDragOver = useCallback(\n    (e: DragEvent) => {\n      if (isKeyDefined(dragKey)) {\n        e.preventDefault();\n      }\n    },\n    [dragKey]\n  );\n\n  //Once drag is over, reset styling of dragged item to it's original styling\n  const handleDragEnd = useCallback(() => {\n    setDragKey?.(undefined);\n    document.body.removeChild(dragImgRef.current as HTMLElement);\n  }, [setDragKey]);\n\n  // detect drop target position on the overlay divs and render drop target\n  const handleDragEnterBeforeZone = () => {\n    setPosition('before');\n    pendingPositionRef.current = 'before';\n  };\n\n  const handleDragLeaveBeforeZone = () => {\n    if (pendingPositionRef.current === 'before') {\n      setPosition(undefined);\n    }\n  };\n\n  const handleDragEnterAfterZone = () => {\n    setPosition('after');\n    pendingPositionRef.current = 'after';\n  };\n\n  const handleDragLeaveAfterZone = () => {\n    if (pendingPositionRef.current === 'after') {\n      setPosition(undefined);\n    }\n  };\n\n  const handleDrop = useCallback(() => {\n    if (rootRef?.current) {\n      const item = getItem();\n      const currentDropKey = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n      const reference = currentDropKey;\n      const itemKeys = getItemKeysArray(rootRef.current, itemSelector);\n      let insertPos;\n      const newArray = [...itemKeys];\n      const dragIndex = newArray.indexOf(dragKey);\n      if (reference != null) {\n        const dropIndex = newArray.indexOf(reference);\n        if (dragIndex != null && dropIndex != null && dragIndex != dropIndex) {\n          if (!isRtl) {\n            if (dragIndex < dropIndex) {\n              insertPos = position === 'before' ? dropIndex - 1 : dropIndex;\n            } else {\n              insertPos = position === 'before' ? dropIndex : dropIndex + 1;\n            }\n          } else {\n            if (dragIndex < dropIndex) {\n              insertPos = position === 'before' ? dropIndex : dropIndex - 1;\n            } else {\n              insertPos = position === 'before' ? dropIndex + 1 : dropIndex;\n            }\n          }\n        }\n      }\n      if (insertPos !== undefined && dragIndex !== insertPos) {\n        const sourceData = itemKeys[dragIndex];\n        newArray.splice(dragIndex, 1);\n        newArray.splice(insertPos as number, 0, sourceData);\n        onReorder?.({\n          reorderedKeys: newArray as K[],\n          itemKeys: [dragKey as K],\n          // If the dragged items were dropped at the very beginning, the referenceKey will be null.\n          referenceKey: insertPos === 0 ? null : (newArray[insertPos - 1] as K)\n        });\n        setPosition(undefined);\n        setDragKey?.(undefined);\n      }\n    }\n  }, [dragKey, position, getItem, isRtl, itemSelector, onReorder, rootRef, setDragKey]);\n\n  if (isDisabled) {\n    return {};\n  }\n\n  //change dragged item visual to appear disable\n  const isDragged = itemKey != null && itemKey === dragKey;\n\n  const dndItemClasses = classNames([styles.itemDnd, isDragged && styles.itemDragged]);\n\n  const itemOverlayClassesBefore = classNames([\n    itemStyles.itemOverlayFront,\n    isVertical ? styles.itemOverlayVertical : styles.itemOverlay,\n    position === 'before' && styles.itemOverlayBefore,\n    position === 'before' && isRtl && styles.itemOverlayBeforeRtl\n  ]);\n  const itemOverlayClassesAfter = classNames([\n    itemStyles.itemOverlayFront,\n    itemStyles.itemOverlayRear,\n    isVertical ? styles.itemOverlayVertical : styles.itemOverlay,\n    position === 'after' && styles.itemOverlayAfter,\n    position === 'after' && isRtl && styles.itemOverlayAfterRtl\n  ]);\n\n  return {\n    rootProps: mergeProps({\n      ref: ref,\n      onDragStart: handleDragStart,\n      onDragEnd: handleDragEnd,\n      onDragOver: handleDragOver,\n      onDrop: handleDrop,\n      isDisabled: isDisabled,\n      class: dndItemClasses\n    }),\n    isDragged: isDragged,\n    overlayZoneBeforeProps: mergeProps({\n      onDragEnter: handleDragEnterBeforeZone,\n      onDragLeave: handleDragLeaveBeforeZone,\n      class: itemOverlayClassesBefore\n    }),\n    overlayZoneAfterProps: mergeProps({\n      onDragEnter: handleDragEnterAfterZone,\n      onDragLeave: handleDragLeaveAfterZone,\n      class: itemOverlayClassesAfter\n    })\n  } as const;\n}\n"],"names":["getReferenceItemIndex","eventKey","isRtl","currentItemIndex","lastIndex","columns","leftDropIndex","rightDropIndex","options","onReorder","rootRef","itemSelector","isDisabled","currentItemKey","useRef","direction","useUser","translations","useTranslationBundle","reorderInstructionsId","useId","deviceType","platform","getClientHints","keyPressed","accControlKey","accCommandKey","reorderInstructions","accReorderInstructions","reorderStatus","setReorderStatus","useState","onKeyDown","useCallback","e","metaKey","ctrlKey","shiftKey","includes","key","current","preventDefault","newArray","getItemKeysArray","length","indexOf","referenceItemIndex","undefined","referenceKey","toString","splice","reorderedKeys","itemKeys","position","accPositionBefore","accPositionAfter","itemKeyString","accAnnounceMovedKey","itemKey","reorderProps","reorderContext","dragKey","setDragKey","ref","itemStyles","getItem","setTransferData","isVertical","setItemKey","useEffect","item","getKey","setPosition","pendingPositionRef","dragImgRef","itemDraggerClasses","classNames","styles","itemDragger","handleDragStart","targetElement","target","currentDragKey","dragHandle","hasAttribute","parentElement","createDragImage","dataTransfer","setDragImage","offsetLeft","offsetWidth","offsetTop","offsetHeight","stopPropagation","handleDragOver","isKeyDefined","handleDragEnd","document","body","removeChild","handleDrop","reference","insertPos","dragIndex","dropIndex","sourceData","isDragged","dndItemClasses","itemDnd","itemDragged","itemOverlayClassesBefore","itemOverlayFront","itemOverlayVertical","itemOverlay","itemOverlayBefore","itemOverlayBeforeRtl","itemOverlayClassesAfter","itemOverlayRear","itemOverlayAfter","itemOverlayAfterRtl","rootProps","mergeProps","onDragStart","onDragEnd","onDragOver","onDrop","class","overlayZoneBeforeProps","onDragEnter","onDragLeave","overlayZoneAfterProps"],"mappings":"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"}
+{"version":3,"file":"useReorderableItem-0f9d7742.js","sources":["../../src/hooks/PRIVATE_useReorderable/useReorderable.ts","../../src/hooks/PRIVATE_useReorderable/useReorderableItem.ts"],"sourcesContent":["import type { RefObject } from 'preact';\nimport { useRef, useCallback, useState } from 'preact/hooks';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { getItemKeysArray } from '#utils/PRIVATE_collectionUtils';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ReorderProps } from '#UNSAFE_Collection/Reorderable.types';\n\ntype useReorderableProps<K> = ReorderProps<K> & {\n  rootRef: RefObject<HTMLDivElement>;\n  itemSelector: string;\n  isDisabled?: boolean;\n  columns?: number;\n};\n\n/**\n * Implements keyboard reorder behavior for list-like components, e.g. TabBar, ListView, CardView\n */\nexport function useReorderable<K extends string | number>(options: useReorderableProps<K>) {\n  const { onReorder, rootRef, itemSelector, isDisabled, columns } = options;\n\n  const currentItemKey = useRef<K | undefined>();\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const reorderInstructionsId = 'reorderable_' + useId();\n  const { deviceType, platform } = getClientHints();\n  const keyPressed =\n    platform === 'windows' ? translations.accControlKey() : translations.accCommandKey();\n  const reorderInstructions =\n    deviceType === 'phone' || deviceType === 'tablet'\n      ? ''\n      : translations.accReorderInstructions({\n          keyPressed: keyPressed\n        });\n  const [reorderStatus, setReorderStatus] = useState<string | undefined>('');\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      const keyHandlers = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];\n      if (\n        (e.metaKey || e.ctrlKey) &&\n        e.shiftKey &&\n        keyHandlers.includes(e.key) &&\n        onReorder &&\n        rootRef.current\n      ) {\n        if (e.metaKey) {\n          e.preventDefault();\n        }\n        const itemKeysArray = getItemKeysArray(rootRef.current, itemSelector);\n        const newArray = [...itemKeysArray];\n        const lastIndex = newArray.length - 1;\n        const currentItemIndex = newArray.indexOf(currentItemKey.current);\n        // get reference item index and reordered keys\n        const referenceItemIndex = getReferenceItemIndex(\n          e.key,\n          isRtl,\n          currentItemIndex,\n          lastIndex,\n          columns\n        );\n        if (referenceItemIndex !== undefined && currentItemIndex !== referenceItemIndex) {\n          const referenceKey = newArray[referenceItemIndex]?.toString();\n          newArray.splice(currentItemIndex, 1);\n          newArray.splice(referenceItemIndex as number, 0, currentItemKey.current);\n          onReorder?.({\n            reorderedKeys: newArray as K[],\n            itemKeys: [currentItemKey.current as K],\n            // If the dragged items were dropped at the very beginning, the referenceKey will be null.\n            referenceKey: referenceItemIndex === 0 ? null : (newArray[referenceItemIndex - 1] as K)\n          });\n          // set acc status\n          const isPrev = e.key === 'ArrowLeft' || e.key === 'ArrowUp' ? true : false;\n          const position = isPrev\n            ? translations.accPositionBefore()\n            : translations.accPositionAfter();\n          const itemKeyString = currentItemKey?.current?.toString();\n          if (referenceKey && position && itemKeyString) {\n            setReorderStatus(\n              translations.accAnnounceMovedKey({\n                itemKey: itemKeyString,\n                position: position,\n                referenceKey: referenceKey\n              })\n            );\n          }\n        }\n      }\n    },\n    [currentItemKey, onReorder, columns, isRtl, itemSelector, rootRef, translations]\n  );\n\n  const eventProps = isDisabled ? {} : { onKeyDown };\n\n  return {\n    reorderProps: eventProps,\n    reorderContext: {\n      currentItemKey\n    },\n    reorderInstructionsId,\n    reorderInstructions,\n    reorderStatus\n  } as const;\n}\n\n/**\n * A helper function to get referenceItemIndex during keyboard reordering\n *\n * @param eventKey the arrow event keys\n * @param isRtl whether RTL is enabled\n * @param currentItemIndex the index of current item\n * @param lastIndex the last index\n * @param columns optional param to specify the number of columns, for keyboard reordering by arrow up/down keys.\n */\nconst getReferenceItemIndex = (\n  eventKey: string,\n  isRtl: boolean,\n  currentItemIndex: number,\n  lastIndex: number,\n  columns?: number\n) => {\n  const leftDropIndex = currentItemIndex > 0 ? currentItemIndex - 1 : 0;\n  const rightDropIndex = currentItemIndex < lastIndex ? currentItemIndex + 1 : lastIndex;\n  switch (eventKey) {\n    case 'ArrowLeft':\n      return isRtl ? rightDropIndex : leftDropIndex;\n    case 'ArrowRight':\n      return isRtl ? leftDropIndex : rightDropIndex;\n    case 'ArrowUp':\n      if (columns) {\n        // if the current item is at the top row, arrow up should not move anywhere\n        return currentItemIndex < columns ? currentItemIndex : currentItemIndex - columns;\n      }\n    case 'ArrowDown':\n      if (columns) {\n        // if the current item is at the bottom row, arrow down should not move anywhere\n        return currentItemIndex > lastIndex - columns\n          ? currentItemIndex\n          : currentItemIndex + columns;\n      }\n    default:\n      return undefined;\n  }\n};\n","import type { RefObject } from 'preact';\nimport { useState, useRef, useCallback, useEffect } from 'preact/hooks';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { createDragImage } from '#utils/PRIVATE_dndUtils';\nimport { getKey, getItemKeysArray } from '#utils/PRIVATE_collectionUtils';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { ReorderableItemProps } from '#UNSAFE_Collection/Reorderable.types';\nimport { styles } from './themes/ReorderableItemStyles.css';\nimport { isKeyDefined } from '#utils/UNSAFE_keys';\n\nexport type useReorderableOptions<K extends string | number> = Omit<\n  ReorderableItemProps<K>,\n  'children'\n> & {\n  isDisabled: boolean;\n  ref: RefObject<HTMLDivElement>;\n  getItem: () => Element | null | undefined; // a function to get the reorderable item\n  setTransferData: (event: DragEvent) => void; // a function to set the transfer data and type\n  itemStyles: {\n    // component specific style for two overlay divs, e.g. component has different gap sizes\n    itemOverlayFront: string;\n    itemOverlayRear: string;\n    itemDragger?: string; // component specific style for drag image\n  };\n  itemSelector: string;\n  isVertical?: boolean; // used when the component is vertical and has one column, e.g. ListView\n};\n\n/**\n * Implements mouse reorder behavior for list-like components, e.g. TabBar, ListView, CardView\n */\nexport function useReorderableItem<K extends string | number>(options: useReorderableOptions<K>) {\n  const {\n    isDisabled,\n    dragKey,\n    setDragKey,\n    onReorder,\n    ref,\n    rootRef,\n    itemStyles,\n    getItem,\n    setTransferData,\n    itemSelector,\n    isVertical\n  } = options;\n\n  const [itemKey, setItemKey] = useState<K | undefined>(undefined);\n\n  // This is used to set the current itemKey and that in turn sets isDragged class. It needs to be updated everytime dragKey changes because otherwise itemKey will be the previously draggedKey\n  useEffect(() => {\n    if (ref.current) {\n      const item = getItem();\n      const key = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n      setItemKey(key);\n    }\n  }, [dragKey]);\n\n  const [position, setPosition] = useState<'before' | 'after' | undefined>();\n  const pendingPositionRef = useRef<typeof position>();\n  const dragImgRef = useRef<HTMLElement | undefined>(undefined);\n\n  const itemDraggerClasses = classNames([styles.itemDragger, itemStyles.itemDragger]);\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  /**\n   * Drag start handler\n   * The data-oj-draggable attribute need to be required and set to true to the target element. This\n   * attribute is used to identify which element can act as drag handles during the drag and drop process.\n   */\n  const handleDragStart = useCallback(\n    (e: DragEvent) => {\n      const item = getItem();\n      let targetElement: HTMLElement | null = e.target as HTMLElement;\n      const currentDragKey = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n\n      let dragHandle;\n      while (targetElement) {\n        //data-oj-draggable attribute is only to use to draggable element\n        if (targetElement.hasAttribute('data-oj-draggable')) {\n          dragHandle = targetElement;\n          break;\n        } else if (targetElement === item) {\n          break;\n        }\n        targetElement = targetElement.parentElement;\n      }\n\n      if (!dragHandle) {\n        e.preventDefault();\n        e.stopPropagation();\n      } else {\n        if (ref?.current && setDragKey) {\n          dragImgRef.current = createDragImage(ref.current, itemDraggerClasses);\n          if (ref.current !== dragHandle) {\n            e?.dataTransfer?.setDragImage(\n              dragImgRef.current,\n              dragHandle.offsetLeft + dragHandle.offsetWidth / 2,\n              dragHandle.offsetTop + dragHandle.offsetHeight / 2\n            );\n          } else {\n            e?.dataTransfer?.setDragImage(\n              dragImgRef.current,\n              dragHandle.offsetWidth / 2,\n              dragHandle.offsetHeight / 2\n            );\n          }\n          setTransferData(e);\n          setDragKey(currentDragKey as K);\n        }\n      }\n    },\n    [getItem, setTransferData, itemDraggerClasses, ref, setDragKey]\n  );\n\n  const handleDragOver = useCallback(\n    (e: DragEvent) => {\n      if (isKeyDefined(dragKey)) {\n        e.preventDefault();\n      }\n    },\n    [dragKey]\n  );\n\n  //Once drag is over, reset styling of dragged item to it's original styling\n  const handleDragEnd = useCallback(() => {\n    setDragKey?.(undefined);\n    document.body.removeChild(dragImgRef.current as HTMLElement);\n  }, [setDragKey]);\n\n  // detect drop target position on the overlay divs and render drop target\n  const handleDragEnterBeforeZone = () => {\n    setPosition('before');\n    pendingPositionRef.current = 'before';\n  };\n\n  const handleDragLeaveBeforeZone = () => {\n    if (pendingPositionRef.current === 'before') {\n      setPosition(undefined);\n    }\n  };\n\n  const handleDragEnterAfterZone = () => {\n    setPosition('after');\n    pendingPositionRef.current = 'after';\n  };\n\n  const handleDragLeaveAfterZone = () => {\n    if (pendingPositionRef.current === 'after') {\n      setPosition(undefined);\n    }\n  };\n\n  const handleDrop = useCallback(() => {\n    if (rootRef?.current) {\n      const item = getItem();\n      const currentDropKey = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n      const reference = currentDropKey;\n      const itemKeys = getItemKeysArray(rootRef.current, itemSelector);\n      let insertPos;\n      const newArray = [...itemKeys];\n      const dragIndex = newArray.indexOf(dragKey);\n      if (reference != null) {\n        const dropIndex = newArray.indexOf(reference);\n        if (dragIndex != null && dropIndex != null && dragIndex != dropIndex) {\n          if (!isRtl) {\n            if (dragIndex < dropIndex) {\n              insertPos = position === 'before' ? dropIndex - 1 : dropIndex;\n            } else {\n              insertPos = position === 'before' ? dropIndex : dropIndex + 1;\n            }\n          } else {\n            if (dragIndex < dropIndex) {\n              insertPos = position === 'before' ? dropIndex : dropIndex - 1;\n            } else {\n              insertPos = position === 'before' ? dropIndex + 1 : dropIndex;\n            }\n          }\n        }\n      }\n      if (insertPos !== undefined && dragIndex !== insertPos) {\n        const sourceData = itemKeys[dragIndex];\n        newArray.splice(dragIndex, 1);\n        newArray.splice(insertPos as number, 0, sourceData);\n        onReorder?.({\n          reorderedKeys: newArray as K[],\n          itemKeys: [dragKey as K],\n          // If the dragged items were dropped at the very beginning, the referenceKey will be null.\n          referenceKey: insertPos === 0 ? null : (newArray[insertPos - 1] as K)\n        });\n        setPosition(undefined);\n        setDragKey?.(undefined);\n      }\n    }\n  }, [dragKey, position, getItem, isRtl, itemSelector, onReorder, rootRef, setDragKey]);\n\n  if (isDisabled) {\n    return {};\n  }\n\n  //change dragged item visual to appear disable\n  const isDragged = itemKey != null && itemKey === dragKey;\n\n  const dndItemClasses = classNames([styles.itemDnd, isDragged && styles.itemDragged]);\n\n  const itemOverlayClassesBefore = classNames([\n    itemStyles.itemOverlayFront,\n    isVertical ? styles.itemOverlayVertical : styles.itemOverlay,\n    position === 'before' && styles.itemOverlayBefore,\n    position === 'before' && isRtl && styles.itemOverlayBeforeRtl\n  ]);\n  const itemOverlayClassesAfter = classNames([\n    itemStyles.itemOverlayFront,\n    itemStyles.itemOverlayRear,\n    isVertical ? styles.itemOverlayVertical : styles.itemOverlay,\n    position === 'after' && styles.itemOverlayAfter,\n    position === 'after' && isRtl && styles.itemOverlayAfterRtl\n  ]);\n\n  return {\n    rootProps: mergeProps({\n      ref: ref,\n      onDragStart: handleDragStart,\n      onDragEnd: handleDragEnd,\n      onDragOver: handleDragOver,\n      onDrop: handleDrop,\n      isDisabled: isDisabled,\n      class: dndItemClasses\n    }),\n    isDragged: isDragged,\n    overlayZoneBeforeProps: mergeProps({\n      onDragEnter: handleDragEnterBeforeZone,\n      onDragLeave: handleDragLeaveBeforeZone,\n      class: itemOverlayClassesBefore\n    }),\n    overlayZoneAfterProps: mergeProps({\n      onDragEnter: handleDragEnterAfterZone,\n      onDragLeave: handleDragLeaveAfterZone,\n      class: itemOverlayClassesAfter\n    })\n  } as const;\n}\n"],"names":["getReferenceItemIndex","eventKey","isRtl","currentItemIndex","lastIndex","columns","leftDropIndex","rightDropIndex","options","onReorder","rootRef","itemSelector","isDisabled","currentItemKey","useRef","direction","useUser","translations","useTranslationBundle","reorderInstructionsId","useId","deviceType","platform","getClientHints","keyPressed","accControlKey","accCommandKey","reorderInstructions","accReorderInstructions","reorderStatus","setReorderStatus","useState","onKeyDown","useCallback","e","metaKey","ctrlKey","shiftKey","includes","key","current","preventDefault","newArray","getItemKeysArray","length","indexOf","referenceItemIndex","undefined","referenceKey","toString","splice","reorderedKeys","itemKeys","position","accPositionBefore","accPositionAfter","itemKeyString","accAnnounceMovedKey","itemKey","reorderProps","reorderContext","dragKey","setDragKey","ref","itemStyles","getItem","setTransferData","isVertical","setItemKey","useEffect","item","getKey","setPosition","pendingPositionRef","dragImgRef","itemDraggerClasses","classNames","styles","itemDragger","handleDragStart","targetElement","target","currentDragKey","dragHandle","hasAttribute","parentElement","createDragImage","dataTransfer","setDragImage","offsetLeft","offsetWidth","offsetTop","offsetHeight","stopPropagation","handleDragOver","isKeyDefined","handleDragEnd","document","body","removeChild","handleDrop","reference","insertPos","dragIndex","dropIndex","sourceData","isDragged","dndItemClasses","itemDnd","itemDragged","itemOverlayClassesBefore","itemOverlayFront","itemOverlayVertical","itemOverlay","itemOverlayBefore","itemOverlayBeforeRtl","itemOverlayClassesAfter","itemOverlayRear","itemOverlayAfter","itemOverlayAfterRtl","rootProps","mergeProps","onDragStart","onDragEnd","onDragOver","onDrop","class","overlayZoneBeforeProps","onDragEnter","onDragLeave","overlayZoneAfterProps"],"mappings":"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"}

package/amd/{useRovingTabIndexContainer-a8b8ab8f.js → useRovingTabIndexContainer-9aa2fbcf.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './useUser-e0677e8d', './clientHints-6d361eaa'], (function(e,t,r,n){"use strict";const o=(e,t=!1)=>{if(t){const t=e.closest("data-oj-roving-tabindex-item");t&&(e=t)}return e.getAttribute("data-oj-roving-tabindex-item")||void 0},s=(e,t)=>{const r=e.findIndex((e=>o(e)===t));return-1===r?0:r},i=(e,t,r,n)=>{const o=s(e,r);let i=-1;return(!n&&"ArrowRight"===t||n&&"ArrowLeft"===t)&&(i=o===e.length-1?0:o+1),(!n&&"ArrowLeft"===t||n&&"ArrowRight"===t)&&(i=0===o?e.length-1:o-1),e[i]};e.useRovingTabIndexContainer=(e,c)=>{const u=t.useRef(null),{direction:a}=r.useUser(),d="rtl"===a,[f,g]=t.useState(void 0),[l,h]=t.useState(!1),b=n.getClientHints(),[w,A]=t.useState(!1),v=()=>u.current?Array.from(u.current.querySelectorAll("[data-oj-roving-tabindex-item]")):[];t.useEffect((()=>{if(!u.current)return;const e=v();A(e.length>0)}),[c]);const x={ref:u,onBlur:()=>h(!1),onFocus:e=>{if(e.target!==e.currentTarget)e.target&&g(o(e.target));else{const e=v();if(0===e.length)return;A(e.length>0);e[s(e,f)].focus()}},onKeyDown:e=>{if("ArrowRight"===e.code||"ArrowLeft"===e.code){const t=v();if(0===t.length)return;i(t,e.code,f,d).focus()}else e.shiftKey&&"Tab"===e.code&&h(!0)},..."safari"===b.browser&&{onMouseDown:e=>{const t=o(e.target,!0);t&&g(t)}},tabIndex:l||e||!w?void 0:0};return{focusedId:f,rovingTabIndexContainerProps:x}}}));
-//# sourceMappingURL=useRovingTabIndexContainer-a8b8ab8f.js.map
+define(['exports', 'preact/hooks', './useUser-08901aba', './clientHints-6d361eaa'], (function(e,t,r,n){"use strict";const o=(e,t=!1)=>{if(t){const t=e.closest("data-oj-roving-tabindex-item");t&&(e=t)}return e.getAttribute("data-oj-roving-tabindex-item")||void 0},s=(e,t)=>{const r=e.findIndex((e=>o(e)===t));return-1===r?0:r},i=(e,t,r,n)=>{const o=s(e,r);let i=-1;return(!n&&"ArrowRight"===t||n&&"ArrowLeft"===t)&&(i=o===e.length-1?0:o+1),(!n&&"ArrowLeft"===t||n&&"ArrowRight"===t)&&(i=0===o?e.length-1:o-1),e[i]};e.useRovingTabIndexContainer=(e,a)=>{const c=t.useRef(null),{direction:u}=r.useUser(),d="rtl"===u,[f,g]=t.useState(void 0),[l,h]=t.useState(!1),b=n.getClientHints(),[w,A]=t.useState(!1),v=()=>c.current?Array.from(c.current.querySelectorAll("[data-oj-roving-tabindex-item]")):[];t.useEffect((()=>{if(!c.current)return;const e=v();A(e.length>0)}),[a]);const x={ref:c,onBlur:()=>h(!1),onFocus:e=>{if(e.target!==e.currentTarget)e.target&&g(o(e.target));else{const e=v();if(0===e.length)return;A(e.length>0);e[s(e,f)].focus()}},onKeyDown:e=>{if("ArrowRight"===e.code||"ArrowLeft"===e.code){const t=v();if(0===t.length)return;i(t,e.code,f,d).focus()}else e.shiftKey&&"Tab"===e.code&&h(!0)},..."safari"===b.browser&&{onMouseDown:e=>{const t=o(e.target,!0);t&&g(t)}},tabIndex:l||e||!w?void 0:0};return{focusedId:f,rovingTabIndexContainerProps:x}}}));
+//# sourceMappingURL=useRovingTabIndexContainer-9aa2fbcf.js.map

package/amd/{useRovingTabIndexContainer-a8b8ab8f.js.map → useRovingTabIndexContainer-9aa2fbcf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useRovingTabIndexContainer-a8b8ab8f.js","sources":["../../src/hooks/PRIVATE_useRovingTabIndexContainer/useRovingTabIndexContainer.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'preact/hooks';\nimport { useUser } from '../UNSAFE_useUser';\nimport { getClientHints } from '../../utils/PRIVATE_clientHints';\nimport type { ComponentChildren } from 'preact';\n\n/**\n * Utility hook for setting up roving tab indexes on children of the consuming parent container\n * For more details: https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex\n * @param isDisabled boolean flag to communicate disabled state of consumer\n * @returns id of currently focused element, and props to be spread onto the consuming element\n */\nconst useRovingTabIndexContainer = (\n  isDisabled?: boolean,\n  containerChildren?: ComponentChildren\n) => {\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const [focusedId, setFocusedId] = useState<string | undefined>(undefined);\n  const [isShiftTabbing, setIsShiftTabbing] = useState(false); // shift tabbing is tracked in order to toggle wrapper out of the tab order\n  const clientHints = getClientHints();\n  const [hasFocusableItems, setHasFocusableItems] = useState(false);\n\n  const getRovingItems = () => {\n    return rootRef.current\n      ? Array.from(rootRef.current.querySelectorAll<HTMLElement>('[data-oj-roving-tabindex-item]'))\n      : [];\n  };\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (e.code === 'ArrowRight' || e.code === 'ArrowLeft') {\n      const items = getRovingItems();\n      if (items.length === 0) return;\n      const nextItem = getNextItem(items, e.code, focusedId, isRtl);\n      nextItem.focus();\n    } else if (e.shiftKey && e.code === 'Tab') {\n      setIsShiftTabbing(true);\n    }\n  };\n\n  // In Safari 16 and earlier, clicking on an HTML button element does not trigger a focus(in) event,\n  // and as such our handleFocus logic does not kick in and our focusedId state is never updated.\n  // To work around this, we manually update the focusedId in response to mouse downs. This has been fixed in Safari 17.\n  // This fix can be removed once Safari 18 is released.\n  const handleMouseDown = (e: MouseEvent) => {\n    const rovingItemId = getRovingItemId(e.target as HTMLElement, true);\n    if (rovingItemId) {\n      setFocusedId(rovingItemId);\n    }\n  };\n\n  const handleFocus = (e: FocusEvent) => {\n    if (e.target !== e.currentTarget) {\n      //focus has moved to one of the roving items\n      if (e.target) {\n        setFocusedId(getRovingItemId(e.target as HTMLElement));\n      }\n    } else {\n      //focus has moved to the container, and has to be passed onto the eligble item to receive focus\n      const items = getRovingItems();\n      if (items.length === 0) return;\n      setHasFocusableItems(items.length > 0);\n      const currentIndex = getCurrentRovingIndex(items, focusedId);\n      items[currentIndex].focus();\n    }\n  };\n\n  useEffect(() => {\n    if (!rootRef.current) return;\n\n    const items = getRovingItems();\n    setHasFocusableItems(items.length > 0);\n  }, [containerChildren]);\n\n  const rovingTabIndexContainerProps = {\n    ref: rootRef,\n    onBlur: () => setIsShiftTabbing(false),\n    onFocus: handleFocus,\n    onKeyDown: handleKeyDown,\n    ...(clientHints.browser === 'safari' && { onMouseDown: handleMouseDown }), // mouseDown handler needed for Safari 16\n    tabIndex: isShiftTabbing || isDisabled || !hasFocusableItems ? undefined : 0 // tab index is needed on the container in order to pass focus to the first child\n  };\n\n  return { focusedId, rovingTabIndexContainerProps };\n};\n\nconst getRovingItemId = (item: Element, useClosest = false) => {\n  if (useClosest) {\n    const ancestor = item.closest('data-oj-roving-tabindex-item');\n    if (ancestor) {\n      item = ancestor;\n    }\n  }\n\n  return item.getAttribute('data-oj-roving-tabindex-item') || undefined;\n};\n\nconst getCurrentRovingIndex = (items: HTMLElement[], focusedId: string | undefined) => {\n  const currentIndex = items.findIndex((item) => getRovingItemId(item) === focusedId);\n  return currentIndex === -1 ? 0 : currentIndex;\n};\n\nconst getNextItem = (\n  items: HTMLElement[],\n  eventCode: string,\n  focusedId: string | undefined,\n  isRtl: boolean\n) => {\n  const currentIndex = getCurrentRovingIndex(items, focusedId);\n  let nextIndex = -1;\n  if ((!isRtl && eventCode === 'ArrowRight') || (isRtl && eventCode === 'ArrowLeft')) {\n    nextIndex = currentIndex === items.length - 1 ? 0 : currentIndex + 1;\n  }\n  if ((!isRtl && eventCode === 'ArrowLeft') || (isRtl && eventCode === 'ArrowRight')) {\n    nextIndex = currentIndex === 0 ? items.length - 1 : currentIndex - 1;\n  }\n  return items[nextIndex];\n};\n\nexport { useRovingTabIndexContainer };\n"],"names":["getRovingItemId","item","useClosest","ancestor","closest","getAttribute","undefined","getCurrentRovingIndex","items","focusedId","currentIndex","findIndex","getNextItem","eventCode","isRtl","nextIndex","length","isDisabled","containerChildren","rootRef","useRef","direction","useUser","setFocusedId","useState","isShiftTabbing","setIsShiftTabbing","clientHints","getClientHints","hasFocusableItems","setHasFocusableItems","getRovingItems","current","Array","from","querySelectorAll","useEffect","rovingTabIndexContainerProps","ref","onBlur","onFocus","e","target","currentTarget","focus","onKeyDown","code","shiftKey","browser","onMouseDown","rovingItemId","tabIndex"],"mappings":"gHAWA,MA2EMA,EAAkB,CAACC,EAAeC,GAAa,KACnD,GAAIA,EAAY,CACd,MAAMC,EAAWF,EAAKG,QAAQ,gCAC1BD,IACFF,EAAOE,EAEV,CAED,OAAOF,EAAKI,aAAa,sCAAmCC,CAAS,EAGjEC,EAAwB,CAACC,EAAsBC,KACnD,MAAMC,EAAeF,EAAMG,WAAWV,GAASD,EAAgBC,KAAUQ,IACzE,OAAyB,IAAlBC,EAAsB,EAAIA,CAAY,EAGzCE,EAAc,CAClBJ,EACAK,EACAJ,EACAK,KAEA,MAAMJ,EAAeH,EAAsBC,EAAOC,GAClD,IAAIM,GAAa,EAOjB,QANMD,GAAuB,eAAdD,GAAgCC,GAAuB,cAAdD,KACtDE,EAAYL,IAAiBF,EAAMQ,OAAS,EAAI,EAAIN,EAAe,KAE/DI,GAAuB,cAAdD,GAA+BC,GAAuB,eAAdD,KACrDE,EAA6B,IAAjBL,EAAqBF,EAAMQ,OAAS,EAAIN,EAAe,GAE9DF,EAAMO,EAAU,+BAzGU,CACjCE,EACAC,KAEA,MAAMC,EAAUC,SAA8B,OACxCC,UAAEA,GAAcC,EAAAA,UAChBR,EAAsB,QAAdO,GACPZ,EAAWc,GAAgBC,EAAQA,cAAqBlB,IACxDmB,EAAgBC,GAAqBF,EAAQA,UAAC,GAC/CG,EAAcC,EAAAA,kBACbC,EAAmBC,GAAwBN,EAAQA,UAAC,GAErDO,EAAiB,IACdZ,EAAQa,QACXC,MAAMC,KAAKf,EAAQa,QAAQG,iBAA8B,mCACzD,GAyCNC,EAAAA,WAAU,KACR,IAAKjB,EAAQa,QAAS,OAEtB,MAAMxB,EAAQuB,IACdD,EAAqBtB,EAAMQ,OAAS,EAAE,GACrC,CAACE,IAEJ,MAAMmB,EAA+B,CACnCC,IAAKnB,EACLoB,OAAQ,IAAMb,GAAkB,GAChCc,QA1BmBC,IACnB,GAAIA,EAAEC,SAAWD,EAAEE,cAEbF,EAAEC,QACJnB,EAAavB,EAAgByC,EAAEC,aAE5B,CAEL,MAAMlC,EAAQuB,IACd,GAAqB,IAAjBvB,EAAMQ,OAAc,OACxBc,EAAqBtB,EAAMQ,OAAS,GAEpCR,EADqBD,EAAsBC,EAAOC,IAC9BmC,OACrB,GAcDC,UAjDqBJ,IACrB,GAAe,eAAXA,EAAEK,MAAoC,cAAXL,EAAEK,KAAsB,CACrD,MAAMtC,EAAQuB,IACd,GAAqB,IAAjBvB,EAAMQ,OAAc,OACPJ,EAAYJ,EAAOiC,EAAEK,KAAMrC,EAAWK,GAC9C8B,OACV,MAAUH,EAAEM,UAAuB,QAAXN,EAAEK,MACzBpB,GAAkB,EACnB,KA0C2B,WAAxBC,EAAYqB,SAAwB,CAAEC,YAnCnBR,IACvB,MAAMS,EAAelD,EAAgByC,EAAEC,QAAuB,GAC1DQ,GACF3B,EAAa2B,EACd,GAgCDC,SAAU1B,GAAkBR,IAAeY,OAAoBvB,EAAY,GAG7E,MAAO,CAAEG,YAAW4B,+BAA8B"}
+{"version":3,"file":"useRovingTabIndexContainer-9aa2fbcf.js","sources":["../../src/hooks/PRIVATE_useRovingTabIndexContainer/useRovingTabIndexContainer.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'preact/hooks';\nimport { useUser } from '../UNSAFE_useUser';\nimport { getClientHints } from '../../utils/PRIVATE_clientHints';\nimport type { ComponentChildren } from 'preact';\n\n/**\n * Utility hook for setting up roving tab indexes on children of the consuming parent container\n * For more details: https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex\n * @param isDisabled boolean flag to communicate disabled state of consumer\n * @returns id of currently focused element, and props to be spread onto the consuming element\n */\nconst useRovingTabIndexContainer = (\n  isDisabled?: boolean,\n  containerChildren?: ComponentChildren\n) => {\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const [focusedId, setFocusedId] = useState<string | undefined>(undefined);\n  const [isShiftTabbing, setIsShiftTabbing] = useState(false); // shift tabbing is tracked in order to toggle wrapper out of the tab order\n  const clientHints = getClientHints();\n  const [hasFocusableItems, setHasFocusableItems] = useState(false);\n\n  const getRovingItems = () => {\n    return rootRef.current\n      ? Array.from(rootRef.current.querySelectorAll<HTMLElement>('[data-oj-roving-tabindex-item]'))\n      : [];\n  };\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (e.code === 'ArrowRight' || e.code === 'ArrowLeft') {\n      const items = getRovingItems();\n      if (items.length === 0) return;\n      const nextItem = getNextItem(items, e.code, focusedId, isRtl);\n      nextItem.focus();\n    } else if (e.shiftKey && e.code === 'Tab') {\n      setIsShiftTabbing(true);\n    }\n  };\n\n  // In Safari 16 and earlier, clicking on an HTML button element does not trigger a focus(in) event,\n  // and as such our handleFocus logic does not kick in and our focusedId state is never updated.\n  // To work around this, we manually update the focusedId in response to mouse downs. This has been fixed in Safari 17.\n  // This fix can be removed once Safari 18 is released.\n  const handleMouseDown = (e: MouseEvent) => {\n    const rovingItemId = getRovingItemId(e.target as HTMLElement, true);\n    if (rovingItemId) {\n      setFocusedId(rovingItemId);\n    }\n  };\n\n  const handleFocus = (e: FocusEvent) => {\n    if (e.target !== e.currentTarget) {\n      //focus has moved to one of the roving items\n      if (e.target) {\n        setFocusedId(getRovingItemId(e.target as HTMLElement));\n      }\n    } else {\n      //focus has moved to the container, and has to be passed onto the eligble item to receive focus\n      const items = getRovingItems();\n      if (items.length === 0) return;\n      setHasFocusableItems(items.length > 0);\n      const currentIndex = getCurrentRovingIndex(items, focusedId);\n      items[currentIndex].focus();\n    }\n  };\n\n  useEffect(() => {\n    if (!rootRef.current) return;\n\n    const items = getRovingItems();\n    setHasFocusableItems(items.length > 0);\n  }, [containerChildren]);\n\n  const rovingTabIndexContainerProps = {\n    ref: rootRef,\n    onBlur: () => setIsShiftTabbing(false),\n    onFocus: handleFocus,\n    onKeyDown: handleKeyDown,\n    ...(clientHints.browser === 'safari' && { onMouseDown: handleMouseDown }), // mouseDown handler needed for Safari 16\n    tabIndex: isShiftTabbing || isDisabled || !hasFocusableItems ? undefined : 0 // tab index is needed on the container in order to pass focus to the first child\n  };\n\n  return { focusedId, rovingTabIndexContainerProps };\n};\n\nconst getRovingItemId = (item: Element, useClosest = false) => {\n  if (useClosest) {\n    const ancestor = item.closest('data-oj-roving-tabindex-item');\n    if (ancestor) {\n      item = ancestor;\n    }\n  }\n\n  return item.getAttribute('data-oj-roving-tabindex-item') || undefined;\n};\n\nconst getCurrentRovingIndex = (items: HTMLElement[], focusedId: string | undefined) => {\n  const currentIndex = items.findIndex((item) => getRovingItemId(item) === focusedId);\n  return currentIndex === -1 ? 0 : currentIndex;\n};\n\nconst getNextItem = (\n  items: HTMLElement[],\n  eventCode: string,\n  focusedId: string | undefined,\n  isRtl: boolean\n) => {\n  const currentIndex = getCurrentRovingIndex(items, focusedId);\n  let nextIndex = -1;\n  if ((!isRtl && eventCode === 'ArrowRight') || (isRtl && eventCode === 'ArrowLeft')) {\n    nextIndex = currentIndex === items.length - 1 ? 0 : currentIndex + 1;\n  }\n  if ((!isRtl && eventCode === 'ArrowLeft') || (isRtl && eventCode === 'ArrowRight')) {\n    nextIndex = currentIndex === 0 ? items.length - 1 : currentIndex - 1;\n  }\n  return items[nextIndex];\n};\n\nexport { useRovingTabIndexContainer };\n"],"names":["getRovingItemId","item","useClosest","ancestor","closest","getAttribute","undefined","getCurrentRovingIndex","items","focusedId","currentIndex","findIndex","getNextItem","eventCode","isRtl","nextIndex","length","isDisabled","containerChildren","rootRef","useRef","direction","useUser","setFocusedId","useState","isShiftTabbing","setIsShiftTabbing","clientHints","getClientHints","hasFocusableItems","setHasFocusableItems","getRovingItems","current","Array","from","querySelectorAll","useEffect","rovingTabIndexContainerProps","ref","onBlur","onFocus","e","target","currentTarget","focus","onKeyDown","code","shiftKey","browser","onMouseDown","rovingItemId","tabIndex"],"mappings":"gHAWA,MA2EMA,EAAkB,CAACC,EAAeC,GAAa,KACnD,GAAIA,EAAY,CACd,MAAMC,EAAWF,EAAKG,QAAQ,gCAC1BD,IACFF,EAAOE,EAEV,CAED,OAAOF,EAAKI,aAAa,sCAAmCC,CAAS,EAGjEC,EAAwB,CAACC,EAAsBC,KACnD,MAAMC,EAAeF,EAAMG,WAAWV,GAASD,EAAgBC,KAAUQ,IACzE,OAAyB,IAAlBC,EAAsB,EAAIA,CAAY,EAGzCE,EAAc,CAClBJ,EACAK,EACAJ,EACAK,KAEA,MAAMJ,EAAeH,EAAsBC,EAAOC,GAClD,IAAIM,GAAa,EAOjB,QANMD,GAAuB,eAAdD,GAAgCC,GAAuB,cAAdD,KACtDE,EAAYL,IAAiBF,EAAMQ,OAAS,EAAI,EAAIN,EAAe,KAE/DI,GAAuB,cAAdD,GAA+BC,GAAuB,eAAdD,KACrDE,EAA6B,IAAjBL,EAAqBF,EAAMQ,OAAS,EAAIN,EAAe,GAE9DF,EAAMO,EAAU,+BAzGU,CACjCE,EACAC,KAEA,MAAMC,EAAUC,SAA8B,OACxCC,UAAEA,GAAcC,EAAAA,UAChBR,EAAsB,QAAdO,GACPZ,EAAWc,GAAgBC,EAAQA,cAAqBlB,IACxDmB,EAAgBC,GAAqBF,EAAQA,UAAC,GAC/CG,EAAcC,EAAAA,kBACbC,EAAmBC,GAAwBN,EAAQA,UAAC,GAErDO,EAAiB,IACdZ,EAAQa,QACXC,MAAMC,KAAKf,EAAQa,QAAQG,iBAA8B,mCACzD,GAyCNC,EAAAA,WAAU,KACR,IAAKjB,EAAQa,QAAS,OAEtB,MAAMxB,EAAQuB,IACdD,EAAqBtB,EAAMQ,OAAS,EAAE,GACrC,CAACE,IAEJ,MAAMmB,EAA+B,CACnCC,IAAKnB,EACLoB,OAAQ,IAAMb,GAAkB,GAChCc,QA1BmBC,IACnB,GAAIA,EAAEC,SAAWD,EAAEE,cAEbF,EAAEC,QACJnB,EAAavB,EAAgByC,EAAEC,aAE5B,CAEL,MAAMlC,EAAQuB,IACd,GAAqB,IAAjBvB,EAAMQ,OAAc,OACxBc,EAAqBtB,EAAMQ,OAAS,GAEpCR,EADqBD,EAAsBC,EAAOC,IAC9BmC,OACrB,GAcDC,UAjDqBJ,IACrB,GAAe,eAAXA,EAAEK,MAAoC,cAAXL,EAAEK,KAAsB,CACrD,MAAMtC,EAAQuB,IACd,GAAqB,IAAjBvB,EAAMQ,OAAc,OACPJ,EAAYJ,EAAOiC,EAAEK,KAAMrC,EAAWK,GAC9C8B,OACV,MAAUH,EAAEM,UAAuB,QAAXN,EAAEK,MACzBpB,GAAkB,EACnB,KA0C2B,WAAxBC,EAAYqB,SAAwB,CAAEC,YAnCnBR,IACvB,MAAMS,EAAelD,EAAgByC,EAAEC,QAAuB,GAC1DQ,GACF3B,EAAa2B,EACd,GAgCDC,SAAU1B,GAAkBR,IAAeY,OAAoBvB,EAAY,GAG7E,MAAO,CAAEG,YAAW4B,+BAA8B"}

package/amd/{useScale-404175fb.js → useScale-04a448c3.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './LayerHost-1a734852', 'preact/jsx-runtime', 'preact/compat'], (function(e,t,n,o,r){"use strict";e.useScale=function(){return t.useContext(n.EnvironmentContext).scale}}));
-//# sourceMappingURL=useScale-404175fb.js.map
+define(['exports', 'preact/hooks', './LayerHost-0b288129', 'preact/jsx-runtime', 'preact/compat'], (function(e,t,n,o,r){"use strict";e.useScale=function(){return t.useContext(n.EnvironmentContext).scale}}));
+//# sourceMappingURL=useScale-04a448c3.js.map

package/amd/{useScale-404175fb.js.map → useScale-04a448c3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useScale-404175fb.js","sources":["../../src/hooks/UNSAFE_useScale/useScale.ts"],"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 */\nimport { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\n\nexport function useScale() {\n  return useContext(EnvironmentContext).scale;\n}\n"],"names":["useContext","EnvironmentContext","scale"],"mappings":"sJAWE,OAAOA,EAAUA,WAACC,sBAAoBC,KACxC"}
+{"version":3,"file":"useScale-04a448c3.js","sources":["../../src/hooks/UNSAFE_useScale/useScale.ts"],"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 */\nimport { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\n\nexport function useScale() {\n  return useContext(EnvironmentContext).scale;\n}\n"],"names":["useContext","EnvironmentContext","scale"],"mappings":"sJAWE,OAAOA,EAAUA,WAACC,sBAAoBC,KACxC"}