@oracle/oraclejet-preact 17.0.4 → 17.0.5

package/amd/{useCurrentKey-00f81f0b.js.map → useCurrentKey-26170e5e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useCurrentKey-00f81f0b.js","sources":["../../src/hooks/PRIVATE_useCurrentKey/useCurrentKey.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 { useCallback } from 'preact/hooks';\nimport { isKeyDefined } from '../../utils/UNSAFE_keys';\nimport { CurrentKeyDetail } from '../../UNSAFE_Collection';\nimport { useUser } from '../UNSAFE_useUser';\n\n/**\n * Hook for handling current key update due to user interaction including keyboard navigation.\n * This can be reuse by all Collection components.\n *\n * @param keyExtractor function to extract the key based on the provided element\n * @param allowShiftKey if set to false, then pressing arrow key while shift key is down will not change the current key\n * @param getVerticalPrevKey function to get the previous key in the vertical direction based on the current key\n * @param getVerticalNextKey function to get the next key in the vertical direction based on the current key\n * @param getHorizontalPrevKey function to get the previous key in the horizontal direction based on the current key\n * @param getHorizontalNextKey function to get the next key based on the current key\n * @param currentKey the current key\n * @param onCurrentChange function to invoke if the current key has changed\n * @param keyComparator an optional function to compare keys, otherwise === is used\n * @returns\n */\nexport function useCurrentKey<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  allowShiftKey: boolean,\n  getVerticalPrevKey?: () => K | null,\n  getVerticalNextKey?: () => K | null,\n  getHorizontalPrevKey?: () => K | null,\n  getHorizontalNextKey?: () => K | null,\n  currentKey?: K,\n  onChange?: (detail: CurrentKeyDetail<K>) => void,\n  keyComparator?: (key1: K, key2: K) => boolean\n) {\n  const { direction } = useUser();\n\n  const keyEquals = useCallback(\n    (key1: K, key2: K) => {\n      if (keyComparator) {\n        return keyComparator(key1, key2);\n      }\n      return key1 === key2;\n    },\n    [keyComparator]\n  );\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (onChange && isKeyDefined(currentKey)) {\n        const isRtl = direction === 'rtl';\n        const keyHandlers: Record<string, (() => K | null) | undefined> = {\n          ArrowUp: getVerticalPrevKey,\n          ArrowDown: getVerticalNextKey,\n          ArrowLeft: isRtl ? getHorizontalNextKey : getHorizontalPrevKey,\n          ArrowRight: isRtl ? getHorizontalPrevKey : getHorizontalNextKey\n        };\n\n        // should not update currentKey during keyboard reordering\n        if (\n          Object.keys(keyHandlers).includes(event.key) &&\n          (allowShiftKey || !event.shiftKey) &&\n          !event.metaKey &&\n          !event.ctrlKey\n        ) {\n          const newKey = keyHandlers[event.key]?.();\n          if (isKeyDefined(newKey) && !keyEquals(currentKey as K, newKey as K)) {\n            onChange({ value: newKey as K });\n          }\n          event.preventDefault();\n        }\n      }\n    },\n    [\n      currentKey,\n      onChange,\n      getVerticalPrevKey,\n      getVerticalNextKey,\n      getHorizontalPrevKey,\n      getHorizontalNextKey,\n      keyEquals,\n      allowShiftKey,\n      direction\n    ]\n  );\n\n  const onClickCapture = useCallback(\n    (event: MouseEvent) => {\n      if (onChange && !event.shiftKey) {\n        const nextKey = keyExtractor(event.target as HTMLElement);\n        if (isKeyDefined(nextKey) && !keyEquals(currentKey as K, nextKey as K)) {\n          onChange({ value: nextKey as K });\n        }\n      }\n    },\n    [currentKey, keyExtractor, onChange, keyEquals]\n  );\n\n  const currentKeyProps = onChange == null ? {} : { onClickCapture, onKeyDown };\n  return { currentKeyProps };\n}\n"],"names":["keyExtractor","allowShiftKey","getVerticalPrevKey","getVerticalNextKey","getHorizontalPrevKey","getHorizontalNextKey","currentKey","onChange","keyComparator","direction","useUser","keyEquals","useCallback","key1","key2","onKeyDown","event","isKeyDefined","isRtl","keyHandlers","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Object","keys","includes","key","shiftKey","metaKey","ctrlKey","newKey","value","preventDefault","onClickCapture","nextKey","target","currentKeyProps"],"mappings":"kIA4BEA,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAEA,MAAMC,UAAEA,GAAcC,EAAAA,UAEhBC,EAAYC,EAAAA,aAChB,CAACC,EAASC,IACJN,EACKA,EAAcK,EAAMC,GAEtBD,IAASC,GAElB,CAACN,IAGGO,EAAYH,eACfI,IACC,GAAIT,GAAYU,eAAaX,GAAa,CACxC,MAAMY,EAAsB,QAAdT,EACRU,EAA4D,CAChEC,QAASlB,EACTmB,UAAWlB,EACXmB,UAAWJ,EAAQb,EAAuBD,EAC1CmB,WAAYL,EAAQd,EAAuBC,GAI7C,GACEmB,OAAOC,KAAKN,GAAaO,SAASV,EAAMW,OACvC1B,IAAkBe,EAAMY,YACxBZ,EAAMa,UACNb,EAAMc,QACP,CACA,MAAMC,EAASZ,EAAYH,EAAMW,SAC7BV,EAAAA,aAAac,KAAYpB,EAAUL,EAAiByB,IACtDxB,EAAS,CAAEyB,MAAOD,IAEpBf,EAAMiB,gBACP,CACF,IAEH,CACE3B,EACAC,EACAL,EACAC,EACAC,EACAC,EACAM,EACAV,EACAQ,IAIEyB,EAAiBtB,eACpBI,IACC,GAAIT,IAAaS,EAAMY,SAAU,CAC/B,MAAMO,EAAUnC,EAAagB,EAAMoB,QAC/BnB,EAAAA,aAAakB,KAAaxB,EAAUL,EAAiB6B,IACvD5B,EAAS,CAAEyB,MAAOG,GAErB,IAEH,CAAC7B,EAAYN,EAAcO,EAAUI,IAIvC,MAAO,CAAE0B,gBAD2B,MAAZ9B,EAAmB,CAAE,EAAG,CAAE2B,iBAAgBnB,aAEpE"}
+{"version":3,"file":"useCurrentKey-26170e5e.js","sources":["../../src/hooks/PRIVATE_useCurrentKey/useCurrentKey.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 { useCallback } from 'preact/hooks';\nimport { isKeyDefined } from '../../utils/UNSAFE_keys';\nimport { CurrentKeyDetail } from '../../UNSAFE_Collection';\nimport { useUser } from '../UNSAFE_useUser';\n\n/**\n * Hook for handling current key update due to user interaction including keyboard navigation.\n * This can be reuse by all Collection components.\n *\n * @param keyExtractor function to extract the key based on the provided element\n * @param allowShiftKey if set to false, then pressing arrow key while shift key is down will not change the current key\n * @param getVerticalPrevKey function to get the previous key in the vertical direction based on the current key\n * @param getVerticalNextKey function to get the next key in the vertical direction based on the current key\n * @param getHorizontalPrevKey function to get the previous key in the horizontal direction based on the current key\n * @param getHorizontalNextKey function to get the next key based on the current key\n * @param currentKey the current key\n * @param onCurrentChange function to invoke if the current key has changed\n * @param keyComparator an optional function to compare keys, otherwise === is used\n * @returns\n */\nexport function useCurrentKey<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  allowShiftKey: boolean,\n  getVerticalPrevKey?: () => K | null,\n  getVerticalNextKey?: () => K | null,\n  getHorizontalPrevKey?: () => K | null,\n  getHorizontalNextKey?: () => K | null,\n  currentKey?: K,\n  onChange?: (detail: CurrentKeyDetail<K>) => void,\n  keyComparator?: (key1: K, key2: K) => boolean\n) {\n  const { direction } = useUser();\n\n  const keyEquals = useCallback(\n    (key1: K, key2: K) => {\n      if (keyComparator) {\n        return keyComparator(key1, key2);\n      }\n      return key1 === key2;\n    },\n    [keyComparator]\n  );\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (onChange && isKeyDefined(currentKey)) {\n        const isRtl = direction === 'rtl';\n        const keyHandlers: Record<string, (() => K | null) | undefined> = {\n          ArrowUp: getVerticalPrevKey,\n          ArrowDown: getVerticalNextKey,\n          ArrowLeft: isRtl ? getHorizontalNextKey : getHorizontalPrevKey,\n          ArrowRight: isRtl ? getHorizontalPrevKey : getHorizontalNextKey\n        };\n\n        // should not update currentKey during keyboard reordering\n        if (\n          Object.keys(keyHandlers).includes(event.key) &&\n          (allowShiftKey || !event.shiftKey) &&\n          !event.metaKey &&\n          !event.ctrlKey\n        ) {\n          const newKey = keyHandlers[event.key]?.();\n          if (isKeyDefined(newKey) && !keyEquals(currentKey as K, newKey as K)) {\n            onChange({ value: newKey as K });\n          }\n          event.preventDefault();\n        }\n      }\n    },\n    [\n      currentKey,\n      onChange,\n      getVerticalPrevKey,\n      getVerticalNextKey,\n      getHorizontalPrevKey,\n      getHorizontalNextKey,\n      keyEquals,\n      allowShiftKey,\n      direction\n    ]\n  );\n\n  const onClickCapture = useCallback(\n    (event: MouseEvent) => {\n      if (onChange && !event.shiftKey) {\n        const nextKey = keyExtractor(event.target as HTMLElement);\n        if (isKeyDefined(nextKey) && !keyEquals(currentKey as K, nextKey as K)) {\n          onChange({ value: nextKey as K });\n        }\n      }\n    },\n    [currentKey, keyExtractor, onChange, keyEquals]\n  );\n\n  const currentKeyProps = onChange == null ? {} : { onClickCapture, onKeyDown };\n  return { currentKeyProps };\n}\n"],"names":["keyExtractor","allowShiftKey","getVerticalPrevKey","getVerticalNextKey","getHorizontalPrevKey","getHorizontalNextKey","currentKey","onChange","keyComparator","direction","useUser","keyEquals","useCallback","key1","key2","onKeyDown","event","isKeyDefined","isRtl","keyHandlers","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Object","keys","includes","key","shiftKey","metaKey","ctrlKey","newKey","value","preventDefault","onClickCapture","nextKey","target","currentKeyProps"],"mappings":"kIA4BEA,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAEA,MAAMC,UAAEA,GAAcC,EAAAA,UAEhBC,EAAYC,EAAAA,aAChB,CAACC,EAASC,IACJN,EACKA,EAAcK,EAAMC,GAEtBD,IAASC,GAElB,CAACN,IAGGO,EAAYH,eACfI,IACC,GAAIT,GAAYU,eAAaX,GAAa,CACxC,MAAMY,EAAsB,QAAdT,EACRU,EAA4D,CAChEC,QAASlB,EACTmB,UAAWlB,EACXmB,UAAWJ,EAAQb,EAAuBD,EAC1CmB,WAAYL,EAAQd,EAAuBC,GAI7C,GACEmB,OAAOC,KAAKN,GAAaO,SAASV,EAAMW,OACvC1B,IAAkBe,EAAMY,YACxBZ,EAAMa,UACNb,EAAMc,QACP,CACA,MAAMC,EAASZ,EAAYH,EAAMW,SAC7BV,EAAAA,aAAac,KAAYpB,EAAUL,EAAiByB,IACtDxB,EAAS,CAAEyB,MAAOD,IAEpBf,EAAMiB,gBACP,CACF,IAEH,CACE3B,EACAC,EACAL,EACAC,EACAC,EACAC,EACAM,EACAV,EACAQ,IAIEyB,EAAiBtB,eACpBI,IACC,GAAIT,IAAaS,EAAMY,SAAU,CAC/B,MAAMO,EAAUnC,EAAagB,EAAMoB,QAC/BnB,EAAAA,aAAakB,KAAaxB,EAAUL,EAAiB6B,IACvD5B,EAAS,CAAEyB,MAAOG,GAErB,IAEH,CAAC7B,EAAYN,EAAcO,EAAUI,IAIvC,MAAO,CAAE0B,gBAD2B,MAAZ9B,EAAmB,CAAE,EAAG,CAAE2B,iBAAgBnB,aAEpE"}

package/amd/{useDatatip-d00735e9.js → useDatatip-34fb67d2.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './Layer-3cc44164', 'preact/compat', './LayerHost-eab40731', './Floating-85851b1a', 'preact/hooks', './hooks/PRIVATE_useDatatip/themes/useDatatip.css', './useId-c9578d26', './datatipUtils-1b8ab042', './useVisHover-28319fef', './mergeProps-bcfa6a92'], (function(e,t,r,o,s,n,a,i,c,u,l,p){"use strict";e.useDatatip=function({content:e,placement:o="top-end-corner",offset:s,borderColor:d,anchor:A,touchResponse:f}){const T=a.useRef(c.useId()),[h,v]=a.useState({x:0,y:0}),m=s||{mainAxis:u.DATATIP_OFFSET,crossAxis:-1*u.DATATIP_OFFSET},[P,x]=a.useState(!1),E=a.useRef(null),y=a.useRef(),b=()=>{y.current=setTimeout((()=>{x(!1)}),20)},R=l.useVisHover((e=>{v({x:e.clientX,y:e.clientY}),x(!0)}),((e,t)=>{"touch"!==e.pointerType&&e.eventPhase!==Event.AT_TARGET&&e.eventPhase!==Event.BUBBLING_PHASE||(E.current=t,x(!0))}),b,f),D="element"===A?E:{current:h},B=P&&null!=e?t.jsx(r.Layer,{children:t.jsx(n.Floating,{anchorRef:D,placement:o,offsetValue:m,flipOptions:{crossAxis:!1,mainAxis:!1},shiftOptions:{crossAxis:!0,mainAxis:!0},children:t.jsx("div",{role:"tooltip",id:T.current,className:i.styles.visDatatipStyle,style:{borderColor:d},onPointerEnter:()=>{clearTimeout(y.current)},onPointerLeave:b,children:e})})}):null;return{datatipContent:B,datatipProps:{"aria-describedby":null!==B?T.current:void 0,...p.mergeProps(R,{onKeyUp:e=>{"Escape"===e.code?(e.preventDefault(),x(!1)):"ArrowUp"!==e.code&&"ArrowDown"!==e.code&&"ArrowRight"!==e.code&&"ArrowLeft"!==e.code&&"Tab"!==e.code||x(!0)},onFocus:e=>{e.eventPhase!==Event.AT_TARGET&&e.eventPhase!==Event.BUBBLING_PHASE||(E.current=e.target,x(!0))},onBlur:()=>{x(!1)}})}}}}));
-//# sourceMappingURL=useDatatip-d00735e9.js.map
+define(['exports', 'preact/jsx-runtime', './Layer-8d7bbd69', 'preact/compat', './LayerHost-0a244de8', './Floating-8f519f4d', 'preact/hooks', './hooks/PRIVATE_useDatatip/themes/useDatatip.css', './useId-c9578d26', './datatipUtils-1b8ab042', './useVisHover-28319fef', './mergeProps-bcfa6a92'], (function(e,t,r,o,s,n,a,i,c,u,l,p){"use strict";e.useDatatip=function({content:e,placement:o="top-end-corner",offset:s,borderColor:d,anchor:A,touchResponse:f}){const T=a.useRef(c.useId()),[h,v]=a.useState({x:0,y:0}),m=s||{mainAxis:u.DATATIP_OFFSET,crossAxis:-1*u.DATATIP_OFFSET},[P,x]=a.useState(!1),E=a.useRef(null),y=a.useRef(),b=()=>{y.current=setTimeout((()=>{x(!1)}),20)},R=l.useVisHover((e=>{v({x:e.clientX,y:e.clientY}),x(!0)}),((e,t)=>{"touch"!==e.pointerType&&e.eventPhase!==Event.AT_TARGET&&e.eventPhase!==Event.BUBBLING_PHASE||(E.current=t,x(!0))}),b,f),D="element"===A?E:{current:h},B=P&&null!=e?t.jsx(r.Layer,{children:t.jsx(n.Floating,{anchorRef:D,placement:o,offsetValue:m,flipOptions:{crossAxis:!1,mainAxis:!1},shiftOptions:{crossAxis:!0,mainAxis:!0},children:t.jsx("div",{role:"tooltip",id:T.current,className:i.styles.visDatatipStyle,style:{borderColor:d},onPointerEnter:()=>{clearTimeout(y.current)},onPointerLeave:b,children:e})})}):null;return{datatipContent:B,datatipProps:{"aria-describedby":null!==B?T.current:void 0,...p.mergeProps(R,{onKeyUp:e=>{"Escape"===e.code?(e.preventDefault(),x(!1)):"ArrowUp"!==e.code&&"ArrowDown"!==e.code&&"ArrowRight"!==e.code&&"ArrowLeft"!==e.code&&"Tab"!==e.code||x(!0)},onFocus:e=>{e.eventPhase!==Event.AT_TARGET&&e.eventPhase!==Event.BUBBLING_PHASE||(E.current=e.target,x(!0))},onBlur:()=>{x(!1)}})}}}}));
+//# sourceMappingURL=useDatatip-34fb67d2.js.map

package/amd/{useDatatip-d00735e9.js.map → useDatatip-34fb67d2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useDatatip-d00735e9.js","sources":["../../src/hooks/PRIVATE_useDatatip/useDatatip.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren } from 'preact';\nimport { Layer } from '../../UNSAFE_Layer';\nimport { Floating, Placement } from '../../UNSAFE_Floating';\nimport { useRef, useState } from 'preact/hooks';\nimport { styles } from './themes/useDatatip.css';\nimport { useId } from '../UNSAFE_useId';\nimport { Property } from 'csstype';\nimport { DATATIP_OFFSET } from '#utils/UNSAFE_visUtils/datatipUtils';\nimport { useVisHover } from '#hooks/PRIVATE_useVisHover';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nexport type { Dimension } from '../../utils/UNSAFE_visTypes/common';\n\ntype DatatipProps = {\n  /**\n   * The datatip content.\n   */\n  content?: ComponentChildren;\n\n  /**\n   * Whether the datatip is anchored to pointer or element.\n   *\n   */\n  anchor: 'element' | 'pointer';\n\n  /**\n   * The offset from the anchor element or pointer.\n   */\n  offset?: {\n    mainAxis?: number;\n    crossAxis?: number;\n  };\n\n  /**\n   * The border color of the datatip.\n   */\n  borderColor?: Property.BorderColor;\n\n  /**\n   * The placement of datatip from anchor point.\n   */\n  placement?: Placement;\n\n  /**\n   * The touch response value.\n   */\n  touchResponse: 'touchStart' | 'touchHold';\n};\n\n/**\n * The hook to support custom datatip in visualization components.\n */\nexport function useDatatip({\n  content,\n  placement = 'top-end-corner',\n  offset,\n  borderColor,\n  anchor,\n  touchResponse\n}: DatatipProps) {\n  const uniqueIdRef = useRef<string>(useId());\n  const [coords, setCoords] = useState({ x: 0, y: 0 });\n  const offsetValue = offset || { mainAxis: DATATIP_OFFSET, crossAxis: -1 * DATATIP_OFFSET };\n  const [isVisible, setIsVisible] = useState(false);\n\n  const targetRef = useRef<HTMLElement | null>(null);\n  const toggleTimeoutRef = useRef<ReturnType<typeof setTimeout>>();\n\n  const onHover = (event: PointerEvent) => {\n    setCoords({ x: event.clientX, y: event.clientY });\n    setIsVisible(true);\n  };\n\n  const onHoverEnter = (event: PointerEvent, currentTarget: HTMLElement) => {\n    if (\n      event.pointerType === 'touch' ||\n      event.eventPhase === Event.AT_TARGET ||\n      event.eventPhase === Event.BUBBLING_PHASE\n    ) {\n      targetRef.current = currentTarget;\n      setIsVisible(true);\n    }\n  };\n\n  const onHoverLeave = () => {\n    toggleTimeoutRef.current = setTimeout(() => {\n      setIsVisible(false);\n    }, 20);\n  };\n\n  const hoverHandlers = useVisHover(onHover, onHoverEnter, onHoverLeave, touchResponse);\n\n  const onFocus = (event: FocusEvent) => {\n    if (event.eventPhase === Event.AT_TARGET || event.eventPhase === Event.BUBBLING_PHASE) {\n      targetRef.current = event.target as HTMLElement;\n      setIsVisible(true);\n    }\n  };\n\n  const onBlur = () => {\n    setIsVisible(false);\n  };\n\n  const onContentPointerEnter = () => {\n    clearTimeout(toggleTimeoutRef.current);\n  };\n\n  const onKeyUp = (event: KeyboardEvent) => {\n    if (event.code === 'Escape') {\n      event.preventDefault();\n      setIsVisible(false);\n    } else if (\n      event.code === 'ArrowUp' ||\n      event.code === 'ArrowDown' ||\n      event.code === 'ArrowRight' ||\n      event.code === 'ArrowLeft' ||\n      event.code === 'Tab'\n    ) {\n      setIsVisible(true);\n    }\n  };\n\n  const anchorRef = anchor === 'element' ? targetRef : { current: coords };\n  const datatipContent =\n    isVisible && content != null ? (\n      <Layer>\n        <Floating\n          anchorRef={anchorRef}\n          placement={placement}\n          offsetValue={offsetValue}\n          flipOptions={{ crossAxis: false, mainAxis: false }}\n          shiftOptions={{ crossAxis: true, mainAxis: true }}>\n          <div\n            role=\"tooltip\"\n            id={uniqueIdRef.current}\n            className={styles.visDatatipStyle}\n            style={{ borderColor }}\n            onPointerEnter={onContentPointerEnter}\n            onPointerLeave={onHoverLeave}>\n            {content}\n          </div>\n        </Floating>\n      </Layer>\n    ) : null;\n\n  return {\n    datatipContent,\n    datatipProps: {\n      'aria-describedby': datatipContent !== null ? uniqueIdRef.current : undefined,\n      ...mergeProps(hoverHandlers, {\n        onKeyUp,\n        onFocus,\n        onBlur\n      })\n    }\n  };\n}\n"],"names":["content","placement","offset","borderColor","anchor","touchResponse","uniqueIdRef","useRef","useId","coords","setCoords","useState","x","y","offsetValue","mainAxis","DATATIP_OFFSET","crossAxis","isVisible","setIsVisible","targetRef","toggleTimeoutRef","onHoverLeave","current","setTimeout","hoverHandlers","useVisHover","event","clientX","clientY","currentTarget","pointerType","eventPhase","Event","AT_TARGET","BUBBLING_PHASE","anchorRef","datatipContent","_jsx","jsx","Layer","Floating","flipOptions","shiftOptions","role","id","className","styles","visDatatipStyle","style","onPointerEnter","clearTimeout","onPointerLeave","children","datatipProps","undefined","mergeProps","onKeyUp","code","preventDefault","onFocus","target","onBlur"],"mappings":"+VA2D2BA,QACzBA,EAAOC,UACPA,EAAY,iBAAgBC,OAC5BA,EAAMC,YACNA,EAAWC,OACXA,EAAMC,cACNA,IAEA,MAAMC,EAAcC,EAAAA,OAAeC,EAAKA,UACjCC,EAAQC,GAAaC,EAAQA,SAAC,CAAEC,EAAG,EAAGC,EAAG,IAC1CC,EAAcZ,GAAU,CAAEa,SAAUC,EAAcA,eAAEC,WAAY,EAAID,EAAAA,iBACnEE,EAAWC,GAAgBR,EAAQA,UAAC,GAErCS,EAAYb,SAA2B,MACvCc,EAAmBd,EAAAA,SAkBnBe,EAAe,KACnBD,EAAiBE,QAAUC,YAAW,KACpCL,GAAa,EAAM,GAClB,GAAG,EAGFM,EAAgBC,EAAAA,aAtBLC,IACfjB,EAAU,CAAEE,EAAGe,EAAMC,QAASf,EAAGc,EAAME,UACvCV,GAAa,EAAK,IAGC,CAACQ,EAAqBG,KAEjB,UAAtBH,EAAMI,aACNJ,EAAMK,aAAeC,MAAMC,WAC3BP,EAAMK,aAAeC,MAAME,iBAE3Bf,EAAUG,QAAUO,EACpBX,GAAa,GACd,GASsDG,EAAcjB,GAgCjE+B,EAAuB,YAAXhC,EAAuBgB,EAAY,CAAEG,QAASd,GAC1D4B,EACJnB,GAAwB,MAAXlB,EACXsC,EAACC,IAAAC,kBACCF,EAACC,IAAAE,YACCL,UAAWA,EACXnC,UAAWA,EACXa,YAAaA,EACb4B,YAAa,CAAEzB,WAAW,EAAOF,UAAU,GAC3C4B,aAAc,CAAE1B,WAAW,EAAMF,UAAU,YAC3CuB,EACEC,IAAA,MAAA,CAAAK,KAAK,UACLC,GAAIvC,EAAYiB,QAChBuB,UAAWC,EAAAA,OAAOC,gBAClBC,MAAO,CAAE9C,eACT+C,eAlCoB,KAC5BC,aAAa9B,EAAiBE,QAAQ,EAkC9B6B,eAAgB9B,EACf+B,SAAArD,QAIL,KAEN,MAAO,CACLqC,iBACAiB,aAAc,CACZ,mBAAuC,OAAnBjB,EAA0B/B,EAAYiB,aAAUgC,KACjEC,EAAAA,WAAW/B,EAAe,CAC3BgC,QA3CW9B,IACI,WAAfA,EAAM+B,MACR/B,EAAMgC,iBACNxC,GAAa,IAEE,YAAfQ,EAAM+B,MACS,cAAf/B,EAAM+B,MACS,eAAf/B,EAAM+B,MACS,cAAf/B,EAAM+B,MACS,QAAf/B,EAAM+B,MAENvC,GAAa,EACd,EAgCGyC,QA3DWjC,IACXA,EAAMK,aAAeC,MAAMC,WAAaP,EAAMK,aAAeC,MAAME,iBACrEf,EAAUG,QAAUI,EAAMkC,OAC1B1C,GAAa,GACd,EAwDG2C,OArDS,KACb3C,GAAa,EAAM,KAwDvB"}
+{"version":3,"file":"useDatatip-34fb67d2.js","sources":["../../src/hooks/PRIVATE_useDatatip/useDatatip.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren } from 'preact';\nimport { Layer } from '../../UNSAFE_Layer';\nimport { Floating, Placement } from '../../UNSAFE_Floating';\nimport { useRef, useState } from 'preact/hooks';\nimport { styles } from './themes/useDatatip.css';\nimport { useId } from '../UNSAFE_useId';\nimport { Property } from 'csstype';\nimport { DATATIP_OFFSET } from '#utils/UNSAFE_visUtils/datatipUtils';\nimport { useVisHover } from '#hooks/PRIVATE_useVisHover';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nexport type { Dimension } from '../../utils/UNSAFE_visTypes/common';\n\ntype DatatipProps = {\n  /**\n   * The datatip content.\n   */\n  content?: ComponentChildren;\n\n  /**\n   * Whether the datatip is anchored to pointer or element.\n   *\n   */\n  anchor: 'element' | 'pointer';\n\n  /**\n   * The offset from the anchor element or pointer.\n   */\n  offset?: {\n    mainAxis?: number;\n    crossAxis?: number;\n  };\n\n  /**\n   * The border color of the datatip.\n   */\n  borderColor?: Property.BorderColor;\n\n  /**\n   * The placement of datatip from anchor point.\n   */\n  placement?: Placement;\n\n  /**\n   * The touch response value.\n   */\n  touchResponse: 'touchStart' | 'touchHold';\n};\n\n/**\n * The hook to support custom datatip in visualization components.\n */\nexport function useDatatip({\n  content,\n  placement = 'top-end-corner',\n  offset,\n  borderColor,\n  anchor,\n  touchResponse\n}: DatatipProps) {\n  const uniqueIdRef = useRef<string>(useId());\n  const [coords, setCoords] = useState({ x: 0, y: 0 });\n  const offsetValue = offset || { mainAxis: DATATIP_OFFSET, crossAxis: -1 * DATATIP_OFFSET };\n  const [isVisible, setIsVisible] = useState(false);\n\n  const targetRef = useRef<HTMLElement | null>(null);\n  const toggleTimeoutRef = useRef<ReturnType<typeof setTimeout>>();\n\n  const onHover = (event: PointerEvent) => {\n    setCoords({ x: event.clientX, y: event.clientY });\n    setIsVisible(true);\n  };\n\n  const onHoverEnter = (event: PointerEvent, currentTarget: HTMLElement) => {\n    if (\n      event.pointerType === 'touch' ||\n      event.eventPhase === Event.AT_TARGET ||\n      event.eventPhase === Event.BUBBLING_PHASE\n    ) {\n      targetRef.current = currentTarget;\n      setIsVisible(true);\n    }\n  };\n\n  const onHoverLeave = () => {\n    toggleTimeoutRef.current = setTimeout(() => {\n      setIsVisible(false);\n    }, 20);\n  };\n\n  const hoverHandlers = useVisHover(onHover, onHoverEnter, onHoverLeave, touchResponse);\n\n  const onFocus = (event: FocusEvent) => {\n    if (event.eventPhase === Event.AT_TARGET || event.eventPhase === Event.BUBBLING_PHASE) {\n      targetRef.current = event.target as HTMLElement;\n      setIsVisible(true);\n    }\n  };\n\n  const onBlur = () => {\n    setIsVisible(false);\n  };\n\n  const onContentPointerEnter = () => {\n    clearTimeout(toggleTimeoutRef.current);\n  };\n\n  const onKeyUp = (event: KeyboardEvent) => {\n    if (event.code === 'Escape') {\n      event.preventDefault();\n      setIsVisible(false);\n    } else if (\n      event.code === 'ArrowUp' ||\n      event.code === 'ArrowDown' ||\n      event.code === 'ArrowRight' ||\n      event.code === 'ArrowLeft' ||\n      event.code === 'Tab'\n    ) {\n      setIsVisible(true);\n    }\n  };\n\n  const anchorRef = anchor === 'element' ? targetRef : { current: coords };\n  const datatipContent =\n    isVisible && content != null ? (\n      <Layer>\n        <Floating\n          anchorRef={anchorRef}\n          placement={placement}\n          offsetValue={offsetValue}\n          flipOptions={{ crossAxis: false, mainAxis: false }}\n          shiftOptions={{ crossAxis: true, mainAxis: true }}>\n          <div\n            role=\"tooltip\"\n            id={uniqueIdRef.current}\n            className={styles.visDatatipStyle}\n            style={{ borderColor }}\n            onPointerEnter={onContentPointerEnter}\n            onPointerLeave={onHoverLeave}>\n            {content}\n          </div>\n        </Floating>\n      </Layer>\n    ) : null;\n\n  return {\n    datatipContent,\n    datatipProps: {\n      'aria-describedby': datatipContent !== null ? uniqueIdRef.current : undefined,\n      ...mergeProps(hoverHandlers, {\n        onKeyUp,\n        onFocus,\n        onBlur\n      })\n    }\n  };\n}\n"],"names":["content","placement","offset","borderColor","anchor","touchResponse","uniqueIdRef","useRef","useId","coords","setCoords","useState","x","y","offsetValue","mainAxis","DATATIP_OFFSET","crossAxis","isVisible","setIsVisible","targetRef","toggleTimeoutRef","onHoverLeave","current","setTimeout","hoverHandlers","useVisHover","event","clientX","clientY","currentTarget","pointerType","eventPhase","Event","AT_TARGET","BUBBLING_PHASE","anchorRef","datatipContent","_jsx","jsx","Layer","Floating","flipOptions","shiftOptions","role","id","className","styles","visDatatipStyle","style","onPointerEnter","clearTimeout","onPointerLeave","children","datatipProps","undefined","mergeProps","onKeyUp","code","preventDefault","onFocus","target","onBlur"],"mappings":"+VA2D2BA,QACzBA,EAAOC,UACPA,EAAY,iBAAgBC,OAC5BA,EAAMC,YACNA,EAAWC,OACXA,EAAMC,cACNA,IAEA,MAAMC,EAAcC,EAAAA,OAAeC,EAAKA,UACjCC,EAAQC,GAAaC,EAAQA,SAAC,CAAEC,EAAG,EAAGC,EAAG,IAC1CC,EAAcZ,GAAU,CAAEa,SAAUC,EAAcA,eAAEC,WAAY,EAAID,EAAAA,iBACnEE,EAAWC,GAAgBR,EAAQA,UAAC,GAErCS,EAAYb,SAA2B,MACvCc,EAAmBd,EAAAA,SAkBnBe,EAAe,KACnBD,EAAiBE,QAAUC,YAAW,KACpCL,GAAa,EAAM,GAClB,GAAG,EAGFM,EAAgBC,EAAAA,aAtBLC,IACfjB,EAAU,CAAEE,EAAGe,EAAMC,QAASf,EAAGc,EAAME,UACvCV,GAAa,EAAK,IAGC,CAACQ,EAAqBG,KAEjB,UAAtBH,EAAMI,aACNJ,EAAMK,aAAeC,MAAMC,WAC3BP,EAAMK,aAAeC,MAAME,iBAE3Bf,EAAUG,QAAUO,EACpBX,GAAa,GACd,GASsDG,EAAcjB,GAgCjE+B,EAAuB,YAAXhC,EAAuBgB,EAAY,CAAEG,QAASd,GAC1D4B,EACJnB,GAAwB,MAAXlB,EACXsC,EAACC,IAAAC,kBACCF,EAACC,IAAAE,YACCL,UAAWA,EACXnC,UAAWA,EACXa,YAAaA,EACb4B,YAAa,CAAEzB,WAAW,EAAOF,UAAU,GAC3C4B,aAAc,CAAE1B,WAAW,EAAMF,UAAU,YAC3CuB,EACEC,IAAA,MAAA,CAAAK,KAAK,UACLC,GAAIvC,EAAYiB,QAChBuB,UAAWC,EAAAA,OAAOC,gBAClBC,MAAO,CAAE9C,eACT+C,eAlCoB,KAC5BC,aAAa9B,EAAiBE,QAAQ,EAkC9B6B,eAAgB9B,EACf+B,SAAArD,QAIL,KAEN,MAAO,CACLqC,iBACAiB,aAAc,CACZ,mBAAuC,OAAnBjB,EAA0B/B,EAAYiB,aAAUgC,KACjEC,EAAAA,WAAW/B,EAAe,CAC3BgC,QA3CW9B,IACI,WAAfA,EAAM+B,MACR/B,EAAMgC,iBACNxC,GAAa,IAEE,YAAfQ,EAAM+B,MACS,cAAf/B,EAAM+B,MACS,eAAf/B,EAAM+B,MACS,cAAf/B,EAAM+B,MACS,QAAf/B,EAAM+B,MAENvC,GAAa,EACd,EAgCGyC,QA3DWjC,IACXA,EAAMK,aAAeC,MAAMC,WAAaP,EAAMK,aAAeC,MAAME,iBACrEf,EAAUG,QAAUI,EAAMkC,OAC1B1C,GAAa,GACd,EAwDG2C,OArDS,KACb3C,GAAa,EAAM,KAwDvB"}

package/amd/{useDensity-435224bb.js → useDensity-be2ff874.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './LayerHost-eab40731', 'preact/jsx-runtime', 'preact/compat'], (function(t,e,n,o,r){"use strict";t.useDensity=function(){return e.useContext(n.EnvironmentContext).density}}));
-//# sourceMappingURL=useDensity-435224bb.js.map
+define(['exports', 'preact/hooks', './LayerHost-0a244de8', 'preact/jsx-runtime', 'preact/compat'], (function(t,e,n,o,r){"use strict";t.useDensity=function(){return e.useContext(n.EnvironmentContext).density}}));
+//# sourceMappingURL=useDensity-be2ff874.js.map

package/amd/{useDensity-435224bb.js.map → useDensity-be2ff874.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useDensity-435224bb.js","sources":["../../src/hooks/UNSAFE_useDensity/useDensity.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 useDensity() {\n  return useContext(EnvironmentContext).density;\n}\n"],"names":["useContext","EnvironmentContext","density"],"mappings":"wJAWE,OAAOA,EAAUA,WAACC,sBAAoBC,OACxC"}
+{"version":3,"file":"useDensity-be2ff874.js","sources":["../../src/hooks/UNSAFE_useDensity/useDensity.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 useDensity() {\n  return useContext(EnvironmentContext).density;\n}\n"],"names":["useContext","EnvironmentContext","density"],"mappings":"wJAWE,OAAOA,EAAUA,WAACC,sBAAoBC,OACxC"}

package/amd/{useFloating-bbd3396b.js → useFloating-30975c41.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './useUser-6dd85af9', './positionUtils-3193ab54'], (function(t,e,n,o){"use strict";const r=Math.min,i=Math.max,s=Math.round,l=Math.floor,c=t=>({x:t,y:t}),a={left:"right",right:"left",bottom:"top",top:"bottom"},f={start:"end",end:"start"};function u(t,e,n){return i(t,r(e,n))}function d(t,e){return"function"==typeof t?t(e):t}function m(t){return t.split("-")[0]}function p(t){return t.split("-")[1]}function h(t){return"x"===t?"y":"x"}function g(t){return"y"===t?"height":"width"}function y(t){return["top","bottom"].includes(m(t))?"y":"x"}function x(t){return h(y(t))}function w(t){return t.replace(/start|end/g,(t=>f[t]))}function b(t){return t.replace(/left|right|bottom|top/g,(t=>a[t]))}function v(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function A(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function R(t,e,n){let{reference:o,floating:r}=t;const i=y(e),s=x(e),l=g(s),c=m(e),a="y"===i,f=o.x+o.width/2-r.width/2,u=o.y+o.height/2-r.height/2,d=o[l]/2-r[l]/2;let h;switch(c){case"top":h={x:f,y:o.y-r.height};break;case"bottom":h={x:f,y:o.y+o.height};break;case"right":h={x:o.x+o.width,y:u};break;case"left":h={x:o.x-r.width,y:u};break;default:h={x:o.x,y:o.y}}switch(p(e)){case"start":h[s]-=d*(n&&a?-1:1);break;case"end":h[s]+=d*(n&&a?-1:1)}return h}async function L(t,e){var n;void 0===e&&(e={});const{x:o,y:r,platform:i,rects:s,elements:l,strategy:c}=t,{boundary:a="clippingAncestors",rootBoundary:f="viewport",elementContext:u="floating",altBoundary:m=!1,padding:p=0}=d(e,t),h=v(p),g=l[m?"floating"===u?"reference":"floating":u],y=A(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(g)))||n?g:g.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(l.floating)),boundary:a,rootBoundary:f,strategy:c})),x="floating"===u?{...s.floating,x:o,y:r}:s.reference,w=await(null==i.getOffsetParent?void 0:i.getOffsetParent(l.floating)),b=await(null==i.isElement?void 0:i.isElement(w))&&await(null==i.getScale?void 0:i.getScale(w))||{x:1,y:1},R=A(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:x,offsetParent:w,strategy:c}):x);return{top:(y.top-R.top+h.top)/b.y,bottom:(R.bottom-y.bottom+h.bottom)/b.y,left:(y.left-R.left+h.left)/b.x,right:(R.right-y.right+h.right)/b.x}}const T=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){const{x:n,y:o}=e,r=await async function(t,e){const{placement:n,platform:o,elements:r}=t,i=await(null==o.isRTL?void 0:o.isRTL(r.floating)),s=m(n),l=p(n),c="y"===y(n),a=["left","top"].includes(s)?-1:1,f=i&&c?-1:1,u=d(e,t);let{mainAxis:h,crossAxis:g,alignmentAxis:x}="number"==typeof u?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...u};return l&&"number"==typeof x&&(g="end"===l?-1*x:x),c?{x:g*f,y:h*a}:{x:h*a,y:g*f}}(e,t);return{x:n+r.x,y:o+r.y,data:r}}}};function E(t){return O(t)?(t.nodeName||"").toLowerCase():"#document"}function D(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function S(t){var e;return null==(e=(O(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function O(t){return t instanceof Node||t instanceof D(t).Node}function P(t){return t instanceof Element||t instanceof D(t).Element}function k(t){return t instanceof HTMLElement||t instanceof D(t).HTMLElement}function C(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof D(t).ShadowRoot)}function F(t){const{overflow:e,overflowX:n,overflowY:o,display:r}=z(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(r)}function H(t){return["table","td","th"].includes(E(t))}function W(t){const e=$(),n=z(t);return"none"!==n.transform||"none"!==n.perspective||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||["transform","perspective","filter"].some((t=>(n.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(n.contain||"").includes(t)))}function $(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function M(t){return["html","body","#document"].includes(E(t))}function z(t){return D(t).getComputedStyle(t)}function B(t){return P(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function V(t){if("html"===E(t))return t;const e=t.assignedSlot||t.parentNode||C(t)&&t.host||S(t);return C(e)?e.host:e}function j(t){const e=V(t);return M(e)?t.ownerDocument?t.ownerDocument.body:t.body:k(e)&&F(e)?e:j(e)}function N(t,e){var n;void 0===e&&(e=[]);const o=j(t),r=o===(null==(n=t.ownerDocument)?void 0:n.body),i=D(o);return r?e.concat(i,i.visualViewport||[],F(o)?o:[]):e.concat(o,N(o))}function U(t){const e=z(t);let n=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const r=k(t),i=r?t.offsetWidth:n,l=r?t.offsetHeight:o,c=s(n)!==i||s(o)!==l;return c&&(n=i,o=l),{width:n,height:o,$:c}}function I(t){return P(t)?t:t.contextElement}function _(t){const e=I(t);if(!k(e))return c(1);const n=e.getBoundingClientRect(),{width:o,height:r,$:i}=U(e);let l=(i?s(n.width):n.width)/o,a=(i?s(n.height):n.height)/r;return l&&Number.isFinite(l)||(l=1),a&&Number.isFinite(a)||(a=1),{x:l,y:a}}const q=c(0);function X(t){const e=D(t);return $()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:q}function Y(t,e,n,o){void 0===e&&(e=!1),void 0===n&&(n=!1);const r=t.getBoundingClientRect(),i=I(t);let s=c(1);e&&(o?P(o)&&(s=_(o)):s=_(t));const l=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==D(t))&&e}(i,n,o)?X(i):c(0);let a=(r.left+l.x)/s.x,f=(r.top+l.y)/s.y,u=r.width/s.x,d=r.height/s.y;if(i){const t=D(i),e=o&&P(o)?D(o):o;let n=t.frameElement;for(;n&&o&&e!==t;){const t=_(n),e=n.getBoundingClientRect(),o=z(n),r=e.left+(n.clientLeft+parseFloat(o.paddingLeft))*t.x,i=e.top+(n.clientTop+parseFloat(o.paddingTop))*t.y;a*=t.x,f*=t.y,u*=t.x,d*=t.y,a+=r,f+=i,n=D(n).frameElement}}return A({width:u,height:d,x:a,y:f})}function G(t){return Y(S(t)).left+B(t).scrollLeft}function J(t,e,n){let o;if("viewport"===e)o=function(t,e){const n=D(t),o=S(t),r=n.visualViewport;let i=o.clientWidth,s=o.clientHeight,l=0,c=0;if(r){i=r.width,s=r.height;const t=$();(!t||t&&"fixed"===e)&&(l=r.offsetLeft,c=r.offsetTop)}return{width:i,height:s,x:l,y:c}}(t,n);else if("document"===e)o=function(t){const e=S(t),n=B(t),o=t.ownerDocument.body,r=i(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),s=i(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let l=-n.scrollLeft+G(t);const c=-n.scrollTop;return"rtl"===z(o).direction&&(l+=i(e.clientWidth,o.clientWidth)-r),{width:r,height:s,x:l,y:c}}(S(t));else if(P(e))o=function(t,e){const n=Y(t,!0,"fixed"===e),o=n.top+t.clientTop,r=n.left+t.clientLeft,i=k(t)?_(t):c(1);return{width:t.clientWidth*i.x,height:t.clientHeight*i.y,x:r*i.x,y:o*i.y}}(e,n);else{const n=X(t);o={...e,x:e.x-n.x,y:e.y-n.y}}return A(o)}function K(t,e){const n=V(t);return!(n===e||!P(n)||M(n))&&("fixed"===z(n).position||K(n,e))}function Q(t,e,n){const o=k(e),r=S(e),i="fixed"===n,s=Y(t,!0,i,e);let l={scrollLeft:0,scrollTop:0};const a=c(0);if(o||!o&&!i)if(("body"!==E(e)||F(r))&&(l=B(e)),o){const t=Y(e,!0,i,e);a.x=t.x+e.clientLeft,a.y=t.y+e.clientTop}else r&&(a.x=G(r));return{x:s.left+l.scrollLeft-a.x,y:s.top+l.scrollTop-a.y,width:s.width,height:s.height}}function Z(t,e){return k(t)&&"fixed"!==z(t).position?e?e(t):t.offsetParent:null}function tt(t,e){const n=D(t);if(!k(t))return n;let o=Z(t,e);for(;o&&H(o)&&"static"===z(o).position;)o=Z(o,e);return o&&("html"===E(o)||"body"===E(o)&&"static"===z(o).position&&!W(o))?n:o||function(t){let e=V(t);for(;k(e)&&!M(e);){if(W(e))return e;e=V(e)}return null}(t)||n}const et={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const r=k(n),i=S(n);if(n===i)return e;let s={scrollLeft:0,scrollTop:0},l=c(1);const a=c(0);if((r||!r&&"fixed"!==o)&&(("body"!==E(n)||F(i))&&(s=B(n)),k(n))){const t=Y(n);l=_(n),a.x=t.x+n.clientLeft,a.y=t.y+n.clientTop}return{width:e.width*l.x,height:e.height*l.y,x:e.x*l.x-s.scrollLeft*l.x+a.x,y:e.y*l.y-s.scrollTop*l.y+a.y}},getDocumentElement:S,getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:s}=t;const l=[..."clippingAncestors"===n?function(t,e){const n=e.get(t);if(n)return n;let o=N(t).filter((t=>P(t)&&"body"!==E(t))),r=null;const i="fixed"===z(t).position;let s=i?V(t):t;for(;P(s)&&!M(s);){const e=z(s),n=W(s);n||"fixed"!==e.position||(r=null),(i?!n&&!r:!n&&"static"===e.position&&r&&["absolute","fixed"].includes(r.position)||F(s)&&!n&&K(t,s))?o=o.filter((t=>t!==s)):r=e,s=V(s)}return e.set(t,o),o}(e,this._c):[].concat(n),o],c=l[0],a=l.reduce(((t,n)=>{const o=J(e,n,s);return t.top=i(o.top,t.top),t.right=r(o.right,t.right),t.bottom=r(o.bottom,t.bottom),t.left=i(o.left,t.left),t}),J(e,c,s));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:tt,getElementRects:async function(t){let{reference:e,floating:n,strategy:o}=t;const r=this.getOffsetParent||tt,i=this.getDimensions;return{reference:Q(e,await r(n),o),floating:{x:0,y:0,...await i(n)}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){return U(t)},getScale:_,isElement:P,isRTL:function(t){return"rtl"===z(t).direction}};const nt=(t,e,n)=>{const o=new Map,r={platform:et,...n},i={...r.platform,_c:o};return(async(t,e,n)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:s}=n,l=i.filter(Boolean),c=await(null==s.isRTL?void 0:s.isRTL(e));let a=await s.getElementRects({reference:t,floating:e,strategy:r}),{x:f,y:u}=R(a,o,c),d=o,m={},p=0;for(let n=0;n<l.length;n++){const{name:i,fn:h}=l[n],{x:g,y:y,data:x,reset:w}=await h({x:f,y:u,initialPlacement:o,placement:d,strategy:r,middlewareData:m,rects:a,platform:s,elements:{reference:t,floating:e}});f=null!=g?g:f,u=null!=y?y:u,m={...m,[i]:{...m[i],...x}},w&&p<=50&&(p++,"object"==typeof w&&(w.placement&&(d=w.placement),w.rects&&(a=!0===w.rects?await s.getElementRects({reference:t,floating:e,strategy:r}):w.rects),({x:f,y:u}=R(a,d,c))),n=-1)}return{x:f,y:u,placement:d,strategy:r,middlewareData:m}})(t,e,{...r,platform:i})},ot=t=>({name:"offset",options:t,fn:async e=>T((e=>{let n;if(null!=(null!=e.middlewareData.flip?.overflows?e.middlewareData.flip?.overflows[0]:null)&&null!=t&&"object"==typeof t&&(n=rt(e.placement,e.initialPlacement,t)),!t)return 0;return n??t})).fn(e)}),rt=(t,e,n)=>{const o=e.split("-")[0],r=t.split("-")[0],i=e.split("-")[1],s=t.split("-")[1];return("right"===o||"left"===o)&&o===r&&i!==s||("top"===o||"bottom"===o)&&o===r&&i!==s?{mainAxis:n&&"object"==typeof n&&n.mainAxis?n.mainAxis:0,crossAxis:n&&"object"==typeof n&&n.crossAxis?-n.crossAxis:0}:n};function it(t,e){if(t===e)return!0;if(typeof t!=typeof e)return!1;if("function"==typeof t&&t.toString()===e.toString())return!0;let n,o,r;if(t&&e&&"object"==typeof t){if(Array.isArray(t)){if(n=t.length,n!=e.length)return!1;for(o=n;0!=o--;)if(!it(t[o],e[o]))return!1;return!0}if(r=Object.keys(t),n=r.length,n!==Object.keys(e).length)return!1;for(o=n;0!=o--;)if(!Object.prototype.hasOwnProperty.call(e,r[o]))return!1;for(o=n;0!=o--;){const n=r[o];if(("_owner"!==n||!t.$$typeof)&&!it(t[n],e[n]))return!1}return!0}return t!=t&&e!=e}const st=(t,e)=>{const n=t.split("-")[0],r=t.split("-")[1],i=o.normalizePosition(n,e);let s,l;r&&(s={top:"start",bottom:"end"},l=r.replace(/top|bottom/g,(t=>s[t])));const c=["top","right","bottom","left","top-start","right-start","bottom-start","left-start","top-end","right-end","bottom-end","left-end"].filter((t=>l&&t===`${i}-${l}`||!l&&t===`${i}`))[0];return c||"bottom"};t.arrow=t=>({name:"arrow",options:t,async fn(e){const{x:n,y:o,placement:i,rects:s,platform:l,elements:c}=e,{element:a,padding:f=0}=d(t,e)||{};if(null==a)return{};const m=v(f),h={x:n,y:o},y=x(i),w=g(y),b=await l.getDimensions(a),A="y"===y,R=A?"top":"left",L=A?"bottom":"right",T=A?"clientHeight":"clientWidth",E=s.reference[w]+s.reference[y]-h[y]-s.floating[w],D=h[y]-s.reference[y],S=await(null==l.getOffsetParent?void 0:l.getOffsetParent(a));let O=S?S[T]:0;O&&await(null==l.isElement?void 0:l.isElement(S))||(O=c.floating[T]||s.floating[w]);const P=E/2-D/2,k=O/2-b[w]/2-1,C=r(m[R],k),F=r(m[L],k),H=C,W=O-b[w]-F,$=O/2-b[w]/2+P,M=u(H,$,W),z=null!=p(i)&&$!=M&&s.reference[w]/2-($<H?C:F)-b[w]/2<0?$<H?H-$:W-$:0;return{[y]:h[y]-z,data:{[y]:M,centerOffset:$-M+z}}}}),t.autoUpdate=function(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:s=!0,ancestorResize:c=!0,elementResize:a="function"==typeof ResizeObserver,layoutShift:f="function"==typeof IntersectionObserver,animationFrame:u=!1}=o,d=I(t),m=s||c?[...d?N(d):[],...N(e)]:[];m.forEach((t=>{s&&t.addEventListener("scroll",n,{passive:!0}),c&&t.addEventListener("resize",n)}));const p=d&&f?function(t,e){let n,o=null;const s=S(t);function c(){clearTimeout(n),o&&o.disconnect(),o=null}return function a(f,u){void 0===f&&(f=!1),void 0===u&&(u=1),c();const{left:d,top:m,width:p,height:h}=t.getBoundingClientRect();if(f||e(),!p||!h)return;const g={rootMargin:-l(m)+"px "+-l(s.clientWidth-(d+p))+"px "+-l(s.clientHeight-(m+h))+"px "+-l(d)+"px",threshold:i(0,r(1,u))||1};let y=!0;function x(t){const e=t[0].intersectionRatio;if(e!==u){if(!y)return a();e?a(!1,e):n=setTimeout((()=>{a(!1,1e-7)}),100)}y=!1}try{o=new IntersectionObserver(x,{...g,root:s.ownerDocument})}catch(t){o=new IntersectionObserver(x,g)}o.observe(t)}(!0),c}(d,n):null;let h,g=-1,y=null;a&&(y=new ResizeObserver((t=>{let[o]=t;o&&o.target===d&&y&&(y.unobserve(e),cancelAnimationFrame(g),g=requestAnimationFrame((()=>{y&&y.observe(e)}))),n()})),d&&!u&&y.observe(d),y.observe(e));let x=u?Y(t):null;return u&&function e(){const o=Y(t);!x||o.x===x.x&&o.y===x.y&&o.width===x.width&&o.height===x.height||n();x=o,h=requestAnimationFrame(e)}(),n(),()=>{m.forEach((t=>{s&&t.removeEventListener("scroll",n),c&&t.removeEventListener("resize",n)})),p&&p(),y&&y.disconnect(),y=null,u&&cancelAnimationFrame(h)}},t.flip=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n;const{placement:o,middlewareData:r,rects:i,initialPlacement:s,platform:l,elements:c}=e,{mainAxis:a=!0,crossAxis:f=!0,fallbackPlacements:u,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:y="none",flipAlignment:v=!0,...A}=d(t,e),R=m(o),T=m(s)===s,E=await(null==l.isRTL?void 0:l.isRTL(c.floating)),D=u||(T||!v?[b(s)]:function(t){const e=b(t);return[w(t),e,w(e)]}(s));u||"none"===y||D.push(...function(t,e,n,o){const r=p(t);let i=function(t,e,n){const o=["left","right"],r=["right","left"],i=["top","bottom"],s=["bottom","top"];switch(t){case"top":case"bottom":return n?e?r:o:e?o:r;case"left":case"right":return e?i:s;default:return[]}}(m(t),"start"===n,o);return r&&(i=i.map((t=>t+"-"+r)),e&&(i=i.concat(i.map(w)))),i}(s,v,y,E));const S=[s,...D],O=await L(e,A),P=[];let k=(null==(n=r.flip)?void 0:n.overflows)||[];if(a&&P.push(O[R]),f){const t=function(t,e,n){void 0===n&&(n=!1);const o=p(t),r=x(t),i=g(r);let s="x"===r?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return e.reference[i]>e.floating[i]&&(s=b(s)),[s,b(s)]}(o,i,E);P.push(O[t[0]],O[t[1]])}if(k=[...k,{placement:o,overflows:P}],!P.every((t=>t<=0))){var C,F;const t=((null==(C=r.flip)?void 0:C.index)||0)+1,e=S[t];if(e)return{data:{index:t,overflows:k},reset:{placement:e}};let n=null==(F=k.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:F.placement;if(!n)switch(h){case"bestFit":{var H;const t=null==(H=k.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:H[0];t&&(n=t);break}case"initialPlacement":n=s}if(o!==n)return{reset:{placement:n}}}return{}}}},t.limitShift=function(t){return void 0===t&&(t={}),{options:t,fn(e){const{x:n,y:o,placement:r,rects:i,middlewareData:s}=e,{offset:l=0,mainAxis:c=!0,crossAxis:a=!0}=d(t,e),f={x:n,y:o},u=y(r),p=h(u);let g=f[p],x=f[u];const w=d(l,e),b="number"==typeof w?{mainAxis:w,crossAxis:0}:{mainAxis:0,crossAxis:0,...w};if(c){const t="y"===p?"height":"width",e=i.reference[p]-i.floating[t]+b.mainAxis,n=i.reference[p]+i.reference[t]-b.mainAxis;g<e?g=e:g>n&&(g=n)}if(a){var v,A;const t="y"===p?"width":"height",e=["top","left"].includes(m(r)),n=i.reference[u]-i.floating[t]+(e&&(null==(v=s.offset)?void 0:v[u])||0)+(e?0:b.crossAxis),o=i.reference[u]+i.reference[t]+(e?0:(null==(A=s.offset)?void 0:A[u])||0)-(e?b.crossAxis:0);x<n?x=n:x>o&&(x=o)}return{[p]:g,[u]:x}}}},t.logicalSide=st,t.offset=ot,t.shift=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:o,placement:r}=e,{mainAxis:i=!0,crossAxis:s=!1,limiter:l={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...c}=d(t,e),a={x:n,y:o},f=await L(e,c),p=y(m(r)),g=h(p);let x=a[g],w=a[p];if(i){const t="y"===g?"bottom":"right";x=u(x+f["y"===g?"top":"left"],x,x-f[t])}if(s){const t="y"===p?"bottom":"right";w=u(w+f["y"===p?"top":"left"],w,w-f[t])}const b=l.fn({...e,[g]:x,[p]:w});return{...b,data:{x:b.x-n,y:b.y-o}}}}},t.size=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){const{placement:n,rects:o,platform:s,elements:l}=e,{apply:c=(()=>{}),...a}=d(t,e),f=await L(e,a),u=m(n),h=p(n),g="y"===y(n),{width:x,height:w}=o.floating;let b,v;"top"===u||"bottom"===u?(b=u,v=h===(await(null==s.isRTL?void 0:s.isRTL(l.floating))?"start":"end")?"left":"right"):(v=u,b="end"===h?"top":"bottom");const A=w-f[b],R=x-f[v],T=!e.middlewareData.shift;let E=A,D=R;if(g){const t=x-f.left-f.right;D=h||T?r(R,t):t}else{const t=w-f.top-f.bottom;E=h||T?r(A,t):t}if(T&&!h){const t=i(f.left,0),e=i(f.right,0),n=i(f.top,0),o=i(f.bottom,0);g?D=x-2*(0!==t||0!==e?t+e:i(f.left,f.right)):E=w-2*(0!==n||0!==o?n+o:i(f.top,f.bottom))}await c({...e,availableWidth:D,availableHeight:E});const S=await s.getDimensions(l.floating);return x!==S.width||w!==S.height?{reset:{rects:!0}}:{}}}},t.useFloating=function({middleware:t,placement:r,strategy:i,onPosition:s,whileElementsMounted:l}){["top","top-start","top-end","top-start-corner","top-end-corner","start","start-top","start-bottom","start-top-corner","start-bottom-corner","bottom","bottom-start","bottom-end","bottom-start-corner","bottom-end-corner","end","end-top","end-bottom","end-top-corner","end-bottom-corner"].includes(r)||(r="bottom");const c=e.useRef(null),a=e.useRef(null),[f,u]=e.useState(null),[d,m]=e.useState(null),p=function(t){const n=e.useRef(t);return e.useLayoutEffect((()=>{n.current=t})),n}(l),h=e.useRef(!1),{direction:g}=n.useUser(),[y,x]=e.useState({x:null,y:null,strategy:i??"absolute",placement:"bottom",middlewareData:{}}),w=e.useRef(y),[b,v]=e.useState(t);it(b,t)||v(t);const A=e.useCallback((()=>{if(!c.current||!a.current)return;const t=((t,e)=>{const n=t.split("-")[0],o=t.split("-")[1];if(null==t.split("-")[2])return{placement:t,offset:void 0};const r=["top-start","start-top","bottom-start","start-bottom","top-end","end-top","bottom-end","end-bottom"].filter((t=>t===`${n}-${o}`))[0];return"start"==o?{placement:r,offset:{crossAxis:-e.offsetWidth}}:"end"==o?{placement:r,offset:{crossAxis:e.offsetWidth}}:"top"==o?{placement:r,offset:{crossAxis:-e.offsetHeight}}:{placement:r,offset:{crossAxis:e.offsetHeight}}})(r,a.current),e=st(t.placement,g),n=b?.map((e=>{if(e&&"offset"===e?.name){if("function"==typeof e.options)return null==t.offset?e:ot(t.offset);const n="number"==typeof e.options?{mainAxis:e.options,crossAxis:0}:e.options;return ot({mainAxis:(n&&n.mainAxis)??0,crossAxis:((t.offset&&t.offset.crossAxis)??0)+((n&&n.crossAxis)??0)})}return e}));nt(c.current,a.current,{middleware:n,placement:e,strategy:i}).then((t=>{if(h.current){if(t.placement!==w.current.placement||t.x!==w.current.x||t.y!==w.current.y||t.middlewareData.arrow?.x!=w.current.middlewareData.arrow?.x||t.middlewareData.arrow?.y!=w.current.middlewareData.arrow?.y||t.middlewareData.arrow?.centerOffset!=w.current.middlewareData.arrow?.centerOffset){const e=n?.find((t=>t&&"offset"===t?.name)),i=e?.options,l=((t,e)=>{const n=t.split("-")[0];if("top"===n||"bottom"===n)return t;const r=t.split("-")[1],i=o.reverseNormalizePosition(n,e),s={start:"top",end:"bottom"},l=null!=r?r.replace(/start|end/g,(t=>s[t])):null,c=["top","top-start","top-end","end","end-top","end-bottom","bottom-start","bottom-end","bottom","start","start-top","start-bottom"].filter((t=>l&&t===`${i}-${l}`||!l&&t===`${i}`))[0];return c||"bottom"})(t.placement,g),c=t.middlewareData.offset,a={placement:l,origPlacement:r,x:t.x,y:t.y,arrow:t.middlewareData.arrow,offset:c,origOffset:i};s?.(a)}(t=>{w.current=t,x(t)})(t)}}))}),[b,r,g,i,s]);e.useLayoutEffect((()=>(h.current=!0,()=>{h.current=!1})),[]),e.useLayoutEffect((()=>{if(f&&d){if(p.current)return p.current(f,d,A);A()}}),[f,d,A,p]);const R=e.useCallback((t=>{c.current!==t&&(c.current=t,u(t))}),[]),L=e.useCallback((t=>{a.current!==t&&(a.current=t,m(t))}),[]),T=e.useMemo((()=>({reference:c,floating:a})),[]);return e.useMemo((()=>({...y,update:A,refs:T,reference:R,floating:L})),[y,A,T,R,L])}}));
-//# sourceMappingURL=useFloating-bbd3396b.js.map
+define(['exports', 'preact/hooks', './useUser-9b166ca3', './positionUtils-3193ab54'], (function(t,e,n,o){"use strict";const r=Math.min,i=Math.max,s=Math.round,l=Math.floor,c=t=>({x:t,y:t}),a={left:"right",right:"left",bottom:"top",top:"bottom"},f={start:"end",end:"start"};function u(t,e,n){return i(t,r(e,n))}function d(t,e){return"function"==typeof t?t(e):t}function m(t){return t.split("-")[0]}function p(t){return t.split("-")[1]}function h(t){return"x"===t?"y":"x"}function g(t){return"y"===t?"height":"width"}function y(t){return["top","bottom"].includes(m(t))?"y":"x"}function x(t){return h(y(t))}function w(t){return t.replace(/start|end/g,(t=>f[t]))}function b(t){return t.replace(/left|right|bottom|top/g,(t=>a[t]))}function v(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function A(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function R(t,e,n){let{reference:o,floating:r}=t;const i=y(e),s=x(e),l=g(s),c=m(e),a="y"===i,f=o.x+o.width/2-r.width/2,u=o.y+o.height/2-r.height/2,d=o[l]/2-r[l]/2;let h;switch(c){case"top":h={x:f,y:o.y-r.height};break;case"bottom":h={x:f,y:o.y+o.height};break;case"right":h={x:o.x+o.width,y:u};break;case"left":h={x:o.x-r.width,y:u};break;default:h={x:o.x,y:o.y}}switch(p(e)){case"start":h[s]-=d*(n&&a?-1:1);break;case"end":h[s]+=d*(n&&a?-1:1)}return h}async function L(t,e){var n;void 0===e&&(e={});const{x:o,y:r,platform:i,rects:s,elements:l,strategy:c}=t,{boundary:a="clippingAncestors",rootBoundary:f="viewport",elementContext:u="floating",altBoundary:m=!1,padding:p=0}=d(e,t),h=v(p),g=l[m?"floating"===u?"reference":"floating":u],y=A(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(g)))||n?g:g.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(l.floating)),boundary:a,rootBoundary:f,strategy:c})),x="floating"===u?{...s.floating,x:o,y:r}:s.reference,w=await(null==i.getOffsetParent?void 0:i.getOffsetParent(l.floating)),b=await(null==i.isElement?void 0:i.isElement(w))&&await(null==i.getScale?void 0:i.getScale(w))||{x:1,y:1},R=A(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:x,offsetParent:w,strategy:c}):x);return{top:(y.top-R.top+h.top)/b.y,bottom:(R.bottom-y.bottom+h.bottom)/b.y,left:(y.left-R.left+h.left)/b.x,right:(R.right-y.right+h.right)/b.x}}const T=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){const{x:n,y:o}=e,r=await async function(t,e){const{placement:n,platform:o,elements:r}=t,i=await(null==o.isRTL?void 0:o.isRTL(r.floating)),s=m(n),l=p(n),c="y"===y(n),a=["left","top"].includes(s)?-1:1,f=i&&c?-1:1,u=d(e,t);let{mainAxis:h,crossAxis:g,alignmentAxis:x}="number"==typeof u?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...u};return l&&"number"==typeof x&&(g="end"===l?-1*x:x),c?{x:g*f,y:h*a}:{x:h*a,y:g*f}}(e,t);return{x:n+r.x,y:o+r.y,data:r}}}};function E(t){return O(t)?(t.nodeName||"").toLowerCase():"#document"}function D(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function S(t){var e;return null==(e=(O(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function O(t){return t instanceof Node||t instanceof D(t).Node}function P(t){return t instanceof Element||t instanceof D(t).Element}function k(t){return t instanceof HTMLElement||t instanceof D(t).HTMLElement}function C(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof D(t).ShadowRoot)}function F(t){const{overflow:e,overflowX:n,overflowY:o,display:r}=z(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(r)}function H(t){return["table","td","th"].includes(E(t))}function W(t){const e=$(),n=z(t);return"none"!==n.transform||"none"!==n.perspective||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||["transform","perspective","filter"].some((t=>(n.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(n.contain||"").includes(t)))}function $(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function M(t){return["html","body","#document"].includes(E(t))}function z(t){return D(t).getComputedStyle(t)}function B(t){return P(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function V(t){if("html"===E(t))return t;const e=t.assignedSlot||t.parentNode||C(t)&&t.host||S(t);return C(e)?e.host:e}function j(t){const e=V(t);return M(e)?t.ownerDocument?t.ownerDocument.body:t.body:k(e)&&F(e)?e:j(e)}function N(t,e){var n;void 0===e&&(e=[]);const o=j(t),r=o===(null==(n=t.ownerDocument)?void 0:n.body),i=D(o);return r?e.concat(i,i.visualViewport||[],F(o)?o:[]):e.concat(o,N(o))}function U(t){const e=z(t);let n=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const r=k(t),i=r?t.offsetWidth:n,l=r?t.offsetHeight:o,c=s(n)!==i||s(o)!==l;return c&&(n=i,o=l),{width:n,height:o,$:c}}function I(t){return P(t)?t:t.contextElement}function _(t){const e=I(t);if(!k(e))return c(1);const n=e.getBoundingClientRect(),{width:o,height:r,$:i}=U(e);let l=(i?s(n.width):n.width)/o,a=(i?s(n.height):n.height)/r;return l&&Number.isFinite(l)||(l=1),a&&Number.isFinite(a)||(a=1),{x:l,y:a}}const q=c(0);function X(t){const e=D(t);return $()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:q}function Y(t,e,n,o){void 0===e&&(e=!1),void 0===n&&(n=!1);const r=t.getBoundingClientRect(),i=I(t);let s=c(1);e&&(o?P(o)&&(s=_(o)):s=_(t));const l=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==D(t))&&e}(i,n,o)?X(i):c(0);let a=(r.left+l.x)/s.x,f=(r.top+l.y)/s.y,u=r.width/s.x,d=r.height/s.y;if(i){const t=D(i),e=o&&P(o)?D(o):o;let n=t.frameElement;for(;n&&o&&e!==t;){const t=_(n),e=n.getBoundingClientRect(),o=z(n),r=e.left+(n.clientLeft+parseFloat(o.paddingLeft))*t.x,i=e.top+(n.clientTop+parseFloat(o.paddingTop))*t.y;a*=t.x,f*=t.y,u*=t.x,d*=t.y,a+=r,f+=i,n=D(n).frameElement}}return A({width:u,height:d,x:a,y:f})}function G(t){return Y(S(t)).left+B(t).scrollLeft}function J(t,e,n){let o;if("viewport"===e)o=function(t,e){const n=D(t),o=S(t),r=n.visualViewport;let i=o.clientWidth,s=o.clientHeight,l=0,c=0;if(r){i=r.width,s=r.height;const t=$();(!t||t&&"fixed"===e)&&(l=r.offsetLeft,c=r.offsetTop)}return{width:i,height:s,x:l,y:c}}(t,n);else if("document"===e)o=function(t){const e=S(t),n=B(t),o=t.ownerDocument.body,r=i(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),s=i(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let l=-n.scrollLeft+G(t);const c=-n.scrollTop;return"rtl"===z(o).direction&&(l+=i(e.clientWidth,o.clientWidth)-r),{width:r,height:s,x:l,y:c}}(S(t));else if(P(e))o=function(t,e){const n=Y(t,!0,"fixed"===e),o=n.top+t.clientTop,r=n.left+t.clientLeft,i=k(t)?_(t):c(1);return{width:t.clientWidth*i.x,height:t.clientHeight*i.y,x:r*i.x,y:o*i.y}}(e,n);else{const n=X(t);o={...e,x:e.x-n.x,y:e.y-n.y}}return A(o)}function K(t,e){const n=V(t);return!(n===e||!P(n)||M(n))&&("fixed"===z(n).position||K(n,e))}function Q(t,e,n){const o=k(e),r=S(e),i="fixed"===n,s=Y(t,!0,i,e);let l={scrollLeft:0,scrollTop:0};const a=c(0);if(o||!o&&!i)if(("body"!==E(e)||F(r))&&(l=B(e)),o){const t=Y(e,!0,i,e);a.x=t.x+e.clientLeft,a.y=t.y+e.clientTop}else r&&(a.x=G(r));return{x:s.left+l.scrollLeft-a.x,y:s.top+l.scrollTop-a.y,width:s.width,height:s.height}}function Z(t,e){return k(t)&&"fixed"!==z(t).position?e?e(t):t.offsetParent:null}function tt(t,e){const n=D(t);if(!k(t))return n;let o=Z(t,e);for(;o&&H(o)&&"static"===z(o).position;)o=Z(o,e);return o&&("html"===E(o)||"body"===E(o)&&"static"===z(o).position&&!W(o))?n:o||function(t){let e=V(t);for(;k(e)&&!M(e);){if(W(e))return e;e=V(e)}return null}(t)||n}const et={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const r=k(n),i=S(n);if(n===i)return e;let s={scrollLeft:0,scrollTop:0},l=c(1);const a=c(0);if((r||!r&&"fixed"!==o)&&(("body"!==E(n)||F(i))&&(s=B(n)),k(n))){const t=Y(n);l=_(n),a.x=t.x+n.clientLeft,a.y=t.y+n.clientTop}return{width:e.width*l.x,height:e.height*l.y,x:e.x*l.x-s.scrollLeft*l.x+a.x,y:e.y*l.y-s.scrollTop*l.y+a.y}},getDocumentElement:S,getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:s}=t;const l=[..."clippingAncestors"===n?function(t,e){const n=e.get(t);if(n)return n;let o=N(t).filter((t=>P(t)&&"body"!==E(t))),r=null;const i="fixed"===z(t).position;let s=i?V(t):t;for(;P(s)&&!M(s);){const e=z(s),n=W(s);n||"fixed"!==e.position||(r=null),(i?!n&&!r:!n&&"static"===e.position&&r&&["absolute","fixed"].includes(r.position)||F(s)&&!n&&K(t,s))?o=o.filter((t=>t!==s)):r=e,s=V(s)}return e.set(t,o),o}(e,this._c):[].concat(n),o],c=l[0],a=l.reduce(((t,n)=>{const o=J(e,n,s);return t.top=i(o.top,t.top),t.right=r(o.right,t.right),t.bottom=r(o.bottom,t.bottom),t.left=i(o.left,t.left),t}),J(e,c,s));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:tt,getElementRects:async function(t){let{reference:e,floating:n,strategy:o}=t;const r=this.getOffsetParent||tt,i=this.getDimensions;return{reference:Q(e,await r(n),o),floating:{x:0,y:0,...await i(n)}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){return U(t)},getScale:_,isElement:P,isRTL:function(t){return"rtl"===z(t).direction}};const nt=(t,e,n)=>{const o=new Map,r={platform:et,...n},i={...r.platform,_c:o};return(async(t,e,n)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:s}=n,l=i.filter(Boolean),c=await(null==s.isRTL?void 0:s.isRTL(e));let a=await s.getElementRects({reference:t,floating:e,strategy:r}),{x:f,y:u}=R(a,o,c),d=o,m={},p=0;for(let n=0;n<l.length;n++){const{name:i,fn:h}=l[n],{x:g,y:y,data:x,reset:w}=await h({x:f,y:u,initialPlacement:o,placement:d,strategy:r,middlewareData:m,rects:a,platform:s,elements:{reference:t,floating:e}});f=null!=g?g:f,u=null!=y?y:u,m={...m,[i]:{...m[i],...x}},w&&p<=50&&(p++,"object"==typeof w&&(w.placement&&(d=w.placement),w.rects&&(a=!0===w.rects?await s.getElementRects({reference:t,floating:e,strategy:r}):w.rects),({x:f,y:u}=R(a,d,c))),n=-1)}return{x:f,y:u,placement:d,strategy:r,middlewareData:m}})(t,e,{...r,platform:i})},ot=t=>({name:"offset",options:t,fn:async e=>T((e=>{let n;if(null!=(null!=e.middlewareData.flip?.overflows?e.middlewareData.flip?.overflows[0]:null)&&null!=t&&"object"==typeof t&&(n=rt(e.placement,e.initialPlacement,t)),!t)return 0;return n??t})).fn(e)}),rt=(t,e,n)=>{const o=e.split("-")[0],r=t.split("-")[0],i=e.split("-")[1],s=t.split("-")[1];return("right"===o||"left"===o)&&o===r&&i!==s||("top"===o||"bottom"===o)&&o===r&&i!==s?{mainAxis:n&&"object"==typeof n&&n.mainAxis?n.mainAxis:0,crossAxis:n&&"object"==typeof n&&n.crossAxis?-n.crossAxis:0}:n};function it(t,e){if(t===e)return!0;if(typeof t!=typeof e)return!1;if("function"==typeof t&&t.toString()===e.toString())return!0;let n,o,r;if(t&&e&&"object"==typeof t){if(Array.isArray(t)){if(n=t.length,n!=e.length)return!1;for(o=n;0!=o--;)if(!it(t[o],e[o]))return!1;return!0}if(r=Object.keys(t),n=r.length,n!==Object.keys(e).length)return!1;for(o=n;0!=o--;)if(!Object.prototype.hasOwnProperty.call(e,r[o]))return!1;for(o=n;0!=o--;){const n=r[o];if(("_owner"!==n||!t.$$typeof)&&!it(t[n],e[n]))return!1}return!0}return t!=t&&e!=e}const st=(t,e)=>{const n=t.split("-")[0],r=t.split("-")[1],i=o.normalizePosition(n,e);let s,l;r&&(s={top:"start",bottom:"end"},l=r.replace(/top|bottom/g,(t=>s[t])));const c=["top","right","bottom","left","top-start","right-start","bottom-start","left-start","top-end","right-end","bottom-end","left-end"].filter((t=>l&&t===`${i}-${l}`||!l&&t===`${i}`))[0];return c||"bottom"};t.arrow=t=>({name:"arrow",options:t,async fn(e){const{x:n,y:o,placement:i,rects:s,platform:l,elements:c}=e,{element:a,padding:f=0}=d(t,e)||{};if(null==a)return{};const m=v(f),h={x:n,y:o},y=x(i),w=g(y),b=await l.getDimensions(a),A="y"===y,R=A?"top":"left",L=A?"bottom":"right",T=A?"clientHeight":"clientWidth",E=s.reference[w]+s.reference[y]-h[y]-s.floating[w],D=h[y]-s.reference[y],S=await(null==l.getOffsetParent?void 0:l.getOffsetParent(a));let O=S?S[T]:0;O&&await(null==l.isElement?void 0:l.isElement(S))||(O=c.floating[T]||s.floating[w]);const P=E/2-D/2,k=O/2-b[w]/2-1,C=r(m[R],k),F=r(m[L],k),H=C,W=O-b[w]-F,$=O/2-b[w]/2+P,M=u(H,$,W),z=null!=p(i)&&$!=M&&s.reference[w]/2-($<H?C:F)-b[w]/2<0?$<H?H-$:W-$:0;return{[y]:h[y]-z,data:{[y]:M,centerOffset:$-M+z}}}}),t.autoUpdate=function(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:s=!0,ancestorResize:c=!0,elementResize:a="function"==typeof ResizeObserver,layoutShift:f="function"==typeof IntersectionObserver,animationFrame:u=!1}=o,d=I(t),m=s||c?[...d?N(d):[],...N(e)]:[];m.forEach((t=>{s&&t.addEventListener("scroll",n,{passive:!0}),c&&t.addEventListener("resize",n)}));const p=d&&f?function(t,e){let n,o=null;const s=S(t);function c(){clearTimeout(n),o&&o.disconnect(),o=null}return function a(f,u){void 0===f&&(f=!1),void 0===u&&(u=1),c();const{left:d,top:m,width:p,height:h}=t.getBoundingClientRect();if(f||e(),!p||!h)return;const g={rootMargin:-l(m)+"px "+-l(s.clientWidth-(d+p))+"px "+-l(s.clientHeight-(m+h))+"px "+-l(d)+"px",threshold:i(0,r(1,u))||1};let y=!0;function x(t){const e=t[0].intersectionRatio;if(e!==u){if(!y)return a();e?a(!1,e):n=setTimeout((()=>{a(!1,1e-7)}),100)}y=!1}try{o=new IntersectionObserver(x,{...g,root:s.ownerDocument})}catch(t){o=new IntersectionObserver(x,g)}o.observe(t)}(!0),c}(d,n):null;let h,g=-1,y=null;a&&(y=new ResizeObserver((t=>{let[o]=t;o&&o.target===d&&y&&(y.unobserve(e),cancelAnimationFrame(g),g=requestAnimationFrame((()=>{y&&y.observe(e)}))),n()})),d&&!u&&y.observe(d),y.observe(e));let x=u?Y(t):null;return u&&function e(){const o=Y(t);!x||o.x===x.x&&o.y===x.y&&o.width===x.width&&o.height===x.height||n();x=o,h=requestAnimationFrame(e)}(),n(),()=>{m.forEach((t=>{s&&t.removeEventListener("scroll",n),c&&t.removeEventListener("resize",n)})),p&&p(),y&&y.disconnect(),y=null,u&&cancelAnimationFrame(h)}},t.flip=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n;const{placement:o,middlewareData:r,rects:i,initialPlacement:s,platform:l,elements:c}=e,{mainAxis:a=!0,crossAxis:f=!0,fallbackPlacements:u,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:y="none",flipAlignment:v=!0,...A}=d(t,e),R=m(o),T=m(s)===s,E=await(null==l.isRTL?void 0:l.isRTL(c.floating)),D=u||(T||!v?[b(s)]:function(t){const e=b(t);return[w(t),e,w(e)]}(s));u||"none"===y||D.push(...function(t,e,n,o){const r=p(t);let i=function(t,e,n){const o=["left","right"],r=["right","left"],i=["top","bottom"],s=["bottom","top"];switch(t){case"top":case"bottom":return n?e?r:o:e?o:r;case"left":case"right":return e?i:s;default:return[]}}(m(t),"start"===n,o);return r&&(i=i.map((t=>t+"-"+r)),e&&(i=i.concat(i.map(w)))),i}(s,v,y,E));const S=[s,...D],O=await L(e,A),P=[];let k=(null==(n=r.flip)?void 0:n.overflows)||[];if(a&&P.push(O[R]),f){const t=function(t,e,n){void 0===n&&(n=!1);const o=p(t),r=x(t),i=g(r);let s="x"===r?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return e.reference[i]>e.floating[i]&&(s=b(s)),[s,b(s)]}(o,i,E);P.push(O[t[0]],O[t[1]])}if(k=[...k,{placement:o,overflows:P}],!P.every((t=>t<=0))){var C,F;const t=((null==(C=r.flip)?void 0:C.index)||0)+1,e=S[t];if(e)return{data:{index:t,overflows:k},reset:{placement:e}};let n=null==(F=k.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:F.placement;if(!n)switch(h){case"bestFit":{var H;const t=null==(H=k.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:H[0];t&&(n=t);break}case"initialPlacement":n=s}if(o!==n)return{reset:{placement:n}}}return{}}}},t.limitShift=function(t){return void 0===t&&(t={}),{options:t,fn(e){const{x:n,y:o,placement:r,rects:i,middlewareData:s}=e,{offset:l=0,mainAxis:c=!0,crossAxis:a=!0}=d(t,e),f={x:n,y:o},u=y(r),p=h(u);let g=f[p],x=f[u];const w=d(l,e),b="number"==typeof w?{mainAxis:w,crossAxis:0}:{mainAxis:0,crossAxis:0,...w};if(c){const t="y"===p?"height":"width",e=i.reference[p]-i.floating[t]+b.mainAxis,n=i.reference[p]+i.reference[t]-b.mainAxis;g<e?g=e:g>n&&(g=n)}if(a){var v,A;const t="y"===p?"width":"height",e=["top","left"].includes(m(r)),n=i.reference[u]-i.floating[t]+(e&&(null==(v=s.offset)?void 0:v[u])||0)+(e?0:b.crossAxis),o=i.reference[u]+i.reference[t]+(e?0:(null==(A=s.offset)?void 0:A[u])||0)-(e?b.crossAxis:0);x<n?x=n:x>o&&(x=o)}return{[p]:g,[u]:x}}}},t.logicalSide=st,t.offset=ot,t.shift=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:o,placement:r}=e,{mainAxis:i=!0,crossAxis:s=!1,limiter:l={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...c}=d(t,e),a={x:n,y:o},f=await L(e,c),p=y(m(r)),g=h(p);let x=a[g],w=a[p];if(i){const t="y"===g?"bottom":"right";x=u(x+f["y"===g?"top":"left"],x,x-f[t])}if(s){const t="y"===p?"bottom":"right";w=u(w+f["y"===p?"top":"left"],w,w-f[t])}const b=l.fn({...e,[g]:x,[p]:w});return{...b,data:{x:b.x-n,y:b.y-o}}}}},t.size=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){const{placement:n,rects:o,platform:s,elements:l}=e,{apply:c=(()=>{}),...a}=d(t,e),f=await L(e,a),u=m(n),h=p(n),g="y"===y(n),{width:x,height:w}=o.floating;let b,v;"top"===u||"bottom"===u?(b=u,v=h===(await(null==s.isRTL?void 0:s.isRTL(l.floating))?"start":"end")?"left":"right"):(v=u,b="end"===h?"top":"bottom");const A=w-f[b],R=x-f[v],T=!e.middlewareData.shift;let E=A,D=R;if(g){const t=x-f.left-f.right;D=h||T?r(R,t):t}else{const t=w-f.top-f.bottom;E=h||T?r(A,t):t}if(T&&!h){const t=i(f.left,0),e=i(f.right,0),n=i(f.top,0),o=i(f.bottom,0);g?D=x-2*(0!==t||0!==e?t+e:i(f.left,f.right)):E=w-2*(0!==n||0!==o?n+o:i(f.top,f.bottom))}await c({...e,availableWidth:D,availableHeight:E});const S=await s.getDimensions(l.floating);return x!==S.width||w!==S.height?{reset:{rects:!0}}:{}}}},t.useFloating=function({middleware:t,placement:r,strategy:i,onPosition:s,whileElementsMounted:l}){["top","top-start","top-end","top-start-corner","top-end-corner","start","start-top","start-bottom","start-top-corner","start-bottom-corner","bottom","bottom-start","bottom-end","bottom-start-corner","bottom-end-corner","end","end-top","end-bottom","end-top-corner","end-bottom-corner"].includes(r)||(r="bottom");const c=e.useRef(null),a=e.useRef(null),[f,u]=e.useState(null),[d,m]=e.useState(null),p=function(t){const n=e.useRef(t);return e.useLayoutEffect((()=>{n.current=t})),n}(l),h=e.useRef(!1),{direction:g}=n.useUser(),[y,x]=e.useState({x:null,y:null,strategy:i??"absolute",placement:"bottom",middlewareData:{}}),w=e.useRef(y),[b,v]=e.useState(t);it(b,t)||v(t);const A=e.useCallback((()=>{if(!c.current||!a.current)return;const t=((t,e)=>{const n=t.split("-")[0],o=t.split("-")[1];if(null==t.split("-")[2])return{placement:t,offset:void 0};const r=["top-start","start-top","bottom-start","start-bottom","top-end","end-top","bottom-end","end-bottom"].filter((t=>t===`${n}-${o}`))[0];return"start"==o?{placement:r,offset:{crossAxis:-e.offsetWidth}}:"end"==o?{placement:r,offset:{crossAxis:e.offsetWidth}}:"top"==o?{placement:r,offset:{crossAxis:-e.offsetHeight}}:{placement:r,offset:{crossAxis:e.offsetHeight}}})(r,a.current),e=st(t.placement,g),n=b?.map((e=>{if(e&&"offset"===e?.name){if("function"==typeof e.options)return null==t.offset?e:ot(t.offset);const n="number"==typeof e.options?{mainAxis:e.options,crossAxis:0}:e.options;return ot({mainAxis:(n&&n.mainAxis)??0,crossAxis:((t.offset&&t.offset.crossAxis)??0)+((n&&n.crossAxis)??0)})}return e}));nt(c.current,a.current,{middleware:n,placement:e,strategy:i}).then((t=>{if(h.current){if(t.placement!==w.current.placement||t.x!==w.current.x||t.y!==w.current.y||t.middlewareData.arrow?.x!=w.current.middlewareData.arrow?.x||t.middlewareData.arrow?.y!=w.current.middlewareData.arrow?.y||t.middlewareData.arrow?.centerOffset!=w.current.middlewareData.arrow?.centerOffset){const e=n?.find((t=>t&&"offset"===t?.name)),i=e?.options,l=((t,e)=>{const n=t.split("-")[0];if("top"===n||"bottom"===n)return t;const r=t.split("-")[1],i=o.reverseNormalizePosition(n,e),s={start:"top",end:"bottom"},l=null!=r?r.replace(/start|end/g,(t=>s[t])):null,c=["top","top-start","top-end","end","end-top","end-bottom","bottom-start","bottom-end","bottom","start","start-top","start-bottom"].filter((t=>l&&t===`${i}-${l}`||!l&&t===`${i}`))[0];return c||"bottom"})(t.placement,g),c=t.middlewareData.offset,a={placement:l,origPlacement:r,x:t.x,y:t.y,arrow:t.middlewareData.arrow,offset:c,origOffset:i};s?.(a)}(t=>{w.current=t,x(t)})(t)}}))}),[b,r,g,i,s]);e.useLayoutEffect((()=>(h.current=!0,()=>{h.current=!1})),[]),e.useLayoutEffect((()=>{if(f&&d){if(p.current)return p.current(f,d,A);A()}}),[f,d,A,p]);const R=e.useCallback((t=>{c.current!==t&&(c.current=t,u(t))}),[]),L=e.useCallback((t=>{a.current!==t&&(a.current=t,m(t))}),[]),T=e.useMemo((()=>({reference:c,floating:a})),[]);return e.useMemo((()=>({...y,update:A,refs:T,reference:R,floating:L})),[y,A,T,R,L])}}));
+//# sourceMappingURL=useFloating-30975c41.js.map