@oracle/oraclejet-preact 20.1.3 → 20.1.5

package/amd/{useCssVars-3194b2f6.js.map → useCssVars-d0c0bfa2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useCssVars-3194b2f6.js","sources":["../../src/hooks/PRIVATE_useCssVars/useCssVars.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useLayoutEffect, useRef, useState } from 'preact/hooks';\nimport { useUser } from '../UNSAFE_useUser';\nimport { useTheme } from '../UNSAFE_useTheme';\nimport { useColorScheme } from '../UNSAFE_useColorScheme';\nimport { useScale } from '../UNSAFE_useScale';\n\nfunction getCssVarName(name: string) {\n  const rxp = name.match(/var\\((--[a-zA-Z_0-9\\-]+)\\)/);\n  return rxp && rxp.length > 1 ? rxp[1] : '';\n}\n\n/**\n * Hook to resolve the css vars.\n * @param vars\n * @param classes\n * @returns\n */\nexport function useCssVars(\n  vars: {\n    /**\n     * The token variable.\n     */\n    tokenVar: string;\n    /**\n     * The key of the resolved variable.\n     */\n    key: string;\n    /**\n     * The absolute used value of the token vars assigned to css expression cannot be computed through getComputedStyle if\n     * not assigned to a css property. This optional prop provides css property to assign the token var to in order to get\n     * actual used style.\n     */\n    cssProp?: string;\n  }[]\n) {\n  const cssDivRef = useRef<HTMLDivElement>(null);\n  const [resolvedVars, setResolvedVars] = useState<Record<string, any>>({});\n  const { forcedColors } = useUser();\n  const { name } = useTheme();\n  const scale = useScale();\n  const colorScheme = useColorScheme();\n\n  // A css token var (eg, --tokenVar_123xyz) that is assigned to a css expression like min(25px, 5rem) resolves to\n  // a string of the expression (resolved value) like \"min(25px, 5rem)\" and not absolute value (for eg 25px) (used value) when getComputedStyle is called.\n  // We have to assign the token var to a valid css property(like width: var(--tokenVar_123xyz)) in order to get actual used value in\n  // computed styles. https://developer.mozilla.org/en-US/docs/Web/CSS/used_value\n\n  // build a style obj with valid css property to apply to div\n  const style = vars.reduce((prev: Record<string, string>, current) => {\n    if (current.cssProp) {\n      prev[current.cssProp] = current.tokenVar;\n    }\n    return prev;\n  }, {});\n\n  const cssContent = <div ref={cssDivRef} style={{ display: 'none', ...style }}></div>;\n\n  useLayoutEffect(() => {\n    if (!cssDivRef.current) {\n      return;\n    }\n\n    const computedStyle = window.getComputedStyle(cssDivRef.current);\n    const resolved: Record<string, any> = {};\n    vars.forEach((value) => {\n      // use cssProp for token vars that resolve to expression\n      const cssVar = value.cssProp || getCssVarName(value.tokenVar);\n      resolved[value.key] = computedStyle.getPropertyValue(cssVar);\n    });\n    setResolvedVars(resolved);\n  }, [forcedColors, name, colorScheme, scale, vars]);\n\n  return {\n    resolvedVars,\n    cssContent\n  };\n}\n"],"names":["vars","cssDivRef","useRef","resolvedVars","setResolvedVars","useState","forcedColors","useUser","name","useTheme","scale","useScale","colorScheme","useColorScheme","style","reduce","prev","current","cssProp","tokenVar","cssContent","_jsx","jsx","ref","display","useLayoutEffect","computedStyle","window","getComputedStyle","resolved","forEach","value","cssVar","rxp","match","length","getCssVarName","key","getPropertyValue"],"mappings":"uMAyBM,SACJA,GAiBA,MAAMC,EAAYC,SAAuB,OAClCC,EAAcC,GAAmBC,EAAQA,SAAsB,CAAE,IAClEC,aAAEA,GAAiBC,EAAAA,WACnBC,KAAEA,GAASC,EAAAA,WACXC,EAAQC,EAAAA,WACRC,EAAcC,EAAAA,iBAQdC,EAAQd,EAAKe,QAAO,CAACC,EAA8BC,KACnDA,EAAQC,UACVF,EAAKC,EAAQC,SAAWD,EAAQE,UAE3BH,IACN,CAAE,GAECI,EAAaC,EAAAC,IAAA,MAAA,CAAKC,IAAKtB,EAAWa,MAAO,CAAEU,QAAS,UAAWV,KAiBrE,OAfAW,EAAAA,iBAAgB,KACd,IAAKxB,EAAUgB,QACb,OAGF,MAAMS,EAAgBC,OAAOC,iBAAiB3B,EAAUgB,SAClDY,EAAgC,CAAA,EACtC7B,EAAK8B,SAASC,IAEZ,MAAMC,EAASD,EAAMb,SA5D3B,SAAuBV,GACrB,MAAMyB,EAAMzB,EAAK0B,MAAM,8BACvB,OAAOD,GAAOA,EAAIE,OAAS,EAAIF,EAAI,GAAK,EAC1C,CAyDsCG,CAAcL,EAAMZ,UACpDU,EAASE,EAAMM,KAAOX,EAAcY,iBAAiBN,EAAO,IAE9D5B,EAAgByB,EAAS,GACxB,CAACvB,EAAcE,EAAMI,EAAaF,EAAOV,IAErC,CACLG,eACAiB,aAEJ"}
+{"version":3,"file":"useCssVars-d0c0bfa2.js","sources":["../../src/hooks/PRIVATE_useCssVars/useCssVars.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useLayoutEffect, useRef, useState } from 'preact/hooks';\nimport { useUser } from '../UNSAFE_useUser';\nimport { useTheme } from '../UNSAFE_useTheme';\nimport { useColorScheme } from '../UNSAFE_useColorScheme';\nimport { useScale } from '../UNSAFE_useScale';\n\nfunction getCssVarName(name: string) {\n  const rxp = name.match(/var\\((--[a-zA-Z_0-9\\-]+)\\)/);\n  return rxp && rxp.length > 1 ? rxp[1] : '';\n}\n\n/**\n * Hook to resolve the css vars.\n * @param vars\n * @param classes\n * @returns\n */\nexport function useCssVars(\n  vars: {\n    /**\n     * The token variable.\n     */\n    tokenVar: string;\n    /**\n     * The key of the resolved variable.\n     */\n    key: string;\n    /**\n     * The absolute used value of the token vars assigned to css expression cannot be computed through getComputedStyle if\n     * not assigned to a css property. This optional prop provides css property to assign the token var to in order to get\n     * actual used style.\n     */\n    cssProp?: string;\n  }[]\n) {\n  const cssDivRef = useRef<HTMLDivElement>(null);\n  const [resolvedVars, setResolvedVars] = useState<Record<string, any>>({});\n  const { forcedColors } = useUser();\n  const { name } = useTheme();\n  const scale = useScale();\n  const colorScheme = useColorScheme();\n\n  // A css token var (eg, --tokenVar_123xyz) that is assigned to a css expression like min(25px, 5rem) resolves to\n  // a string of the expression (resolved value) like \"min(25px, 5rem)\" and not absolute value (for eg 25px) (used value) when getComputedStyle is called.\n  // We have to assign the token var to a valid css property(like width: var(--tokenVar_123xyz)) in order to get actual used value in\n  // computed styles. https://developer.mozilla.org/en-US/docs/Web/CSS/used_value\n\n  // build a style obj with valid css property to apply to div\n  const style = vars.reduce((prev: Record<string, string>, current) => {\n    if (current.cssProp) {\n      prev[current.cssProp] = current.tokenVar;\n    }\n    return prev;\n  }, {});\n\n  const cssContent = <div ref={cssDivRef} style={{ display: 'none', ...style }}></div>;\n\n  useLayoutEffect(() => {\n    if (!cssDivRef.current) {\n      return;\n    }\n\n    const computedStyle = window.getComputedStyle(cssDivRef.current);\n    const resolved: Record<string, any> = {};\n    vars.forEach((value) => {\n      // use cssProp for token vars that resolve to expression\n      const cssVar = value.cssProp || getCssVarName(value.tokenVar);\n      resolved[value.key] = computedStyle.getPropertyValue(cssVar);\n    });\n    setResolvedVars(resolved);\n  }, [forcedColors, name, colorScheme, scale, vars]);\n\n  return {\n    resolvedVars,\n    cssContent\n  };\n}\n"],"names":["vars","cssDivRef","useRef","resolvedVars","setResolvedVars","useState","forcedColors","useUser","name","useTheme","scale","useScale","colorScheme","useColorScheme","style","reduce","prev","current","cssProp","tokenVar","cssContent","_jsx","jsx","ref","display","useLayoutEffect","computedStyle","window","getComputedStyle","resolved","forEach","value","cssVar","rxp","match","length","getCssVarName","key","getPropertyValue"],"mappings":"uMAyBM,SACJA,GAiBA,MAAMC,EAAYC,SAAuB,OAClCC,EAAcC,GAAmBC,EAAQA,SAAsB,CAAE,IAClEC,aAAEA,GAAiBC,EAAAA,WACnBC,KAAEA,GAASC,EAAAA,WACXC,EAAQC,EAAAA,WACRC,EAAcC,EAAAA,iBAQdC,EAAQd,EAAKe,QAAO,CAACC,EAA8BC,KACnDA,EAAQC,UACVF,EAAKC,EAAQC,SAAWD,EAAQE,UAE3BH,IACN,CAAE,GAECI,EAAaC,EAAAC,IAAA,MAAA,CAAKC,IAAKtB,EAAWa,MAAO,CAAEU,QAAS,UAAWV,KAiBrE,OAfAW,EAAAA,iBAAgB,KACd,IAAKxB,EAAUgB,QACb,OAGF,MAAMS,EAAgBC,OAAOC,iBAAiB3B,EAAUgB,SAClDY,EAAgC,CAAA,EACtC7B,EAAK8B,SAASC,IAEZ,MAAMC,EAASD,EAAMb,SA5D3B,SAAuBV,GACrB,MAAMyB,EAAMzB,EAAK0B,MAAM,8BACvB,OAAOD,GAAOA,EAAIE,OAAS,EAAIF,EAAI,GAAK,EAC1C,CAyDsCG,CAAcL,EAAMZ,UACpDU,EAASE,EAAMM,KAAOX,EAAcY,iBAAiBN,EAAO,IAE9D5B,EAAgByB,EAAS,GACxB,CAACvB,EAAcE,EAAMI,EAAaF,EAAOV,IAErC,CACLG,eACAiB,aAEJ"}

package/amd/{useCurrentBgColor-6f440613.js → useCurrentBgColor-3044b50a.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './LayerHost-0b288129', 'preact/jsx-runtime', 'preact/compat'], (function(t,e,r,n,o){"use strict";t.useCurrentBgColor=function(){return e.useContext(r.EnvironmentContext).currentBgColor}}));
-//# sourceMappingURL=useCurrentBgColor-6f440613.js.map
+define(['exports', 'preact/hooks', './LayerHost-1a734852', 'preact/jsx-runtime', 'preact/compat'], (function(t,e,r,n,o){"use strict";t.useCurrentBgColor=function(){return e.useContext(r.EnvironmentContext).currentBgColor}}));
+//# sourceMappingURL=useCurrentBgColor-3044b50a.js.map

package/amd/{useCurrentBgColor-6f440613.js.map → useCurrentBgColor-3044b50a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useCurrentBgColor-6f440613.js","sources":["../../src/hooks/UNSAFE_useCurrentBgColor/useCurrentBgColor.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 useCurrentBgColor() {\n  return useContext(EnvironmentContext).currentBgColor;\n}\n"],"names":["useContext","EnvironmentContext","currentBgColor"],"mappings":"+JAWE,OAAOA,EAAUA,WAACC,sBAAoBC,cACxC"}
+{"version":3,"file":"useCurrentBgColor-3044b50a.js","sources":["../../src/hooks/UNSAFE_useCurrentBgColor/useCurrentBgColor.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 useCurrentBgColor() {\n  return useContext(EnvironmentContext).currentBgColor;\n}\n"],"names":["useContext","EnvironmentContext","currentBgColor"],"mappings":"+JAWE,OAAOA,EAAUA,WAACC,sBAAoBC,cACxC"}

package/amd/useCurrentKey-05038cac.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './keys-4755c121', './useUser-e0677e8d'], (function(e,t,r,s){"use strict";e.useCurrentKey=function(e,n,i,o,c,u,l,y,a,f){const{direction:K}=s.useUser(),k=t.useCallback(((e,t)=>f?f(e,t):e===t),[f]),d=t.useCallback((e=>{if(a&&r.isKeyDefined(y&&!i)){const t="rtl"===K,s={ArrowUp:o,ArrowDown:c,ArrowLeft:t?l:u,ArrowRight:t?u:l};if(Object.keys(s).includes(e.key)&&(n||!e.shiftKey)&&!e.metaKey&&!e.ctrlKey){const t=s[e.key]?.();r.isKeyDefined(t)&&!k(y,t)&&a({value:t}),e.preventDefault()}}}),[y,i,a,o,c,u,l,k,n,K]),p=t.useCallback((t=>{if(a&&(n||!t.shiftKey)){const s=e(t.target);r.isKeyDefined(s)&&!k(y,s)&&a({value:s})}}),[y,n,e,a,k]);return{currentKeyProps:null==a?{}:{onClickCapture:p,onKeyDown:d}}}}));
+//# sourceMappingURL=useCurrentKey-05038cac.js.map

package/amd/{useCurrentKey-5749e7fb.js.map → useCurrentKey-05038cac.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useCurrentKey-5749e7fb.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 isTabbable whether the component is currently in tabbable mode\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  isTabbable: 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 && !isTabbable)) {\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      isTabbable,\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 && (allowShiftKey || !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, allowShiftKey, keyExtractor, onChange, keyEquals]\n  );\n\n  const currentKeyProps = onChange == null ? {} : { onClickCapture, onKeyDown };\n  return { currentKeyProps };\n}\n"],"names":["keyExtractor","allowShiftKey","isTabbable","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":"yHA4BM,SACJA,EACAC,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,EAAYA,aAACX,IAAeL,GAAa,CACvD,MAAMiB,EAAsB,QAAdT,EACRU,EAA4D,CAChEC,QAASlB,EACTmB,UAAWlB,EACXmB,UAAWJ,EAAQb,EAAuBD,EAC1CmB,WAAYL,EAAQd,EAAuBC,GAI7C,GACEmB,OAAOC,KAAKN,GAAaO,SAASV,EAAMW,OACvC3B,IAAkBgB,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,EACAL,EACAM,EACAL,EACAC,EACAC,EACAC,EACAM,EACAX,EACAS,IAIEyB,EAAiBtB,eACpBI,IACC,GAAIT,IAAaP,IAAkBgB,EAAMY,UAAW,CAClD,MAAMO,EAAUpC,EAAaiB,EAAMoB,QAC/BnB,EAAAA,aAAakB,KAAaxB,EAAUL,EAAiB6B,IACvD5B,EAAS,CAAEyB,MAAOG,GAErB,IAEH,CAAC7B,EAAYN,EAAeD,EAAcQ,EAAUI,IAItD,MAAO,CAAE0B,gBAD2B,MAAZ9B,EAAmB,CAAE,EAAG,CAAE2B,iBAAgBnB,aAEpE"}
+{"version":3,"file":"useCurrentKey-05038cac.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 isTabbable whether the component is currently in tabbable mode\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  isTabbable: 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 && !isTabbable)) {\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      isTabbable,\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 && (allowShiftKey || !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, allowShiftKey, keyExtractor, onChange, keyEquals]\n  );\n\n  const currentKeyProps = onChange == null ? {} : { onClickCapture, onKeyDown };\n  return { currentKeyProps };\n}\n"],"names":["keyExtractor","allowShiftKey","isTabbable","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":"yHA4BM,SACJA,EACAC,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,EAAYA,aAACX,IAAeL,GAAa,CACvD,MAAMiB,EAAsB,QAAdT,EACRU,EAA4D,CAChEC,QAASlB,EACTmB,UAAWlB,EACXmB,UAAWJ,EAAQb,EAAuBD,EAC1CmB,WAAYL,EAAQd,EAAuBC,GAI7C,GACEmB,OAAOC,KAAKN,GAAaO,SAASV,EAAMW,OACvC3B,IAAkBgB,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,EACAL,EACAM,EACAL,EACAC,EACAC,EACAC,EACAM,EACAX,EACAS,IAIEyB,EAAiBtB,eACpBI,IACC,GAAIT,IAAaP,IAAkBgB,EAAMY,UAAW,CAClD,MAAMO,EAAUpC,EAAaiB,EAAMoB,QAC/BnB,EAAAA,aAAakB,KAAaxB,EAAUL,EAAiB6B,IACvD5B,EAAS,CAAEyB,MAAOG,GAErB,IAEH,CAAC7B,EAAYN,EAAeD,EAAcQ,EAAUI,IAItD,MAAO,CAAE0B,gBAD2B,MAAZ9B,EAAmB,CAAE,EAAG,CAAE2B,iBAAgBnB,aAEpE"}

package/amd/{useDatatip-a1713300.js → useDatatip-a2c4bd6d.js}

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

package/amd/{useDatatip-a1713300.js.map → useDatatip-a2c4bd6d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useDatatip-a1713300.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 '#hooks/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';\nimport { classNames } from '#utils/UNSAFE_classNames';\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   * Whether datatip is disabled\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Whether the datatip default border is enabled.\n   */\n  defaultContainer?: 'enabled' | 'disabled';\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  defaultContainer = 'enabled',\n  anchor,\n  touchResponse,\n  isDisabled\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      setCoords({ x: event.clientX, y: event.clientY });\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 (\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 onKeyDown = (event: KeyboardEvent) => {\n    if (event.code === 'Escape') {\n      event.preventDefault();\n      setIsVisible(false);\n    }\n  };\n\n  const anchorRef = anchor === 'element' ? targetRef : { current: coords };\n  const datatipContent =\n    isVisible && !!content && !isDisabled ? (\n      <Layer>\n        <Floating\n          anchorRef={anchorRef}\n          placement={placement}\n          offsetValue={offsetValue}\n          flipOptions={{\n            crossAxis: anchor === 'pointer' ? true : false,\n            mainAxis: anchor === 'pointer' ? true : false\n          }}\n          shiftOptions={{ crossAxis: true, mainAxis: true }}>\n          <div\n            role=\"tooltip\"\n            id={uniqueIdRef.current}\n            className={classNames([\n              styles.visDatatipStyle,\n              defaultContainer === 'enabled' ? styles.borderEnabled : undefined\n            ])}\n            style={defaultContainer === 'enabled' ? { borderColor } : undefined}\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        onKeyDown,\n        onFocus,\n        onBlur\n      })\n    }\n  };\n}\n"],"names":["content","placement","offset","borderColor","defaultContainer","anchor","touchResponse","isDisabled","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","Layer","children","Floating","flipOptions","shiftOptions","role","id","className","classNames","styles","visDatatipStyle","borderEnabled","undefined","style","onPointerEnter","clearTimeout","onPointerLeave","datatipProps","mergeProps","onKeyUp","code","onKeyDown","preventDefault","onFocus","target","onBlur"],"mappings":"+WAsEM,UAAqBA,QACzBA,EAAOC,UACPA,EAAY,iBAAgBC,OAC5BA,EAAMC,YACNA,EAAWC,iBACXA,EAAmB,UAASC,OAC5BA,EAAMC,cACNA,EAAaC,WACbA,IAEA,MAAMC,EAAcC,EAAAA,OAAeC,EAAKA,UACjCC,EAAQC,GAAaC,EAAQA,SAAC,CAAEC,EAAG,EAAGC,EAAG,IAC1CC,EAAcd,GAAU,CAAEe,SAAUC,EAAcA,eAAEC,WAAY,EAAID,EAAAA,iBACnEE,EAAWC,GAAgBR,EAAQA,UAAC,GAErCS,EAAYb,SAA2B,MACvCc,EAAmBd,EAAAA,SAmBnBe,EAAe,KACnBD,EAAiBE,QAAUC,YAAW,KACpCL,GAAa,EAAM,GAClB,GAAG,EAGFM,EAAgBC,EAAAA,aAvBLC,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,iBAE3BzB,EAAU,CAAEE,EAAGe,EAAMC,QAASf,EAAGc,EAAME,UACvCT,EAAUG,QAAUO,EACpBX,GAAa,GACd,GASsDG,EAAclB,GAoCjEgC,EAAuB,YAAXjC,EAAuBiB,EAAY,CAAEG,QAASd,GAC1D4B,EACJnB,GAAepB,IAAYO,EACzBiC,EAAAA,IAACC,EAAAA,MACC,CAAAC,SAAAF,EAAAA,IAACG,EAAQA,SAAA,CACPL,UAAWA,EACXrC,UAAWA,EACXe,YAAaA,EACb4B,YAAa,CACXzB,UAAsB,YAAXd,EACXY,SAAqB,YAAXZ,GAEZwC,aAAc,CAAE1B,WAAW,EAAMF,UAAU,GAC3CyB,SAAAF,EAAAA,IAAA,MAAA,CACEM,KAAK,UACLC,GAAIvC,EAAYiB,QAChBuB,UAAWC,aAAW,CACpBC,EAAAA,OAAOC,gBACc,YAArB/C,EAAiC8C,SAAOE,mBAAgBC,IAE1DC,MAA4B,YAArBlD,EAAiC,CAAED,oBAAgBkD,EAC1DE,eA5CoB,KAC5BC,aAAajC,EAAiBE,QAAQ,EA4C9BgC,eAAgBjC,EACfkB,SAAA1C,QAIL,KAEN,MAAO,CACLuC,iBACAmB,aAAc,CACZ,mBAAuC,OAAnBnB,EAA0B/B,EAAYiB,aAAU4B,KACjEM,EAAAA,WAAWhC,EAAe,CAC3BiC,QArDW/B,IAEE,YAAfA,EAAMgC,MACS,cAAfhC,EAAMgC,MACS,eAAfhC,EAAMgC,MACS,cAAfhC,EAAMgC,MACS,QAAfhC,EAAMgC,MAENxC,GAAa,EACd,EA6CGyC,UA1CajC,IACE,WAAfA,EAAMgC,OACRhC,EAAMkC,iBACN1C,GAAa,GACd,EAuCG2C,QAtEWnC,IACXA,EAAMK,aAAeC,MAAMC,WAAaP,EAAMK,aAAeC,MAAME,iBACrEf,EAAUG,QAAUI,EAAMoC,OAC1B5C,GAAa,GACd,EAmEG6C,OAhES,KACb7C,GAAa,EAAM,KAmEvB"}
+{"version":3,"file":"useDatatip-a2c4bd6d.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 '#hooks/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';\nimport { classNames } from '#utils/UNSAFE_classNames';\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   * Whether datatip is disabled\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Whether the datatip default border is enabled.\n   */\n  defaultContainer?: 'enabled' | 'disabled';\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  defaultContainer = 'enabled',\n  anchor,\n  touchResponse,\n  isDisabled\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      setCoords({ x: event.clientX, y: event.clientY });\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 (\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 onKeyDown = (event: KeyboardEvent) => {\n    if (event.code === 'Escape') {\n      event.preventDefault();\n      setIsVisible(false);\n    }\n  };\n\n  const anchorRef = anchor === 'element' ? targetRef : { current: coords };\n  const datatipContent =\n    isVisible && !!content && !isDisabled ? (\n      <Layer>\n        <Floating\n          anchorRef={anchorRef}\n          placement={placement}\n          offsetValue={offsetValue}\n          flipOptions={{\n            crossAxis: anchor === 'pointer' ? true : false,\n            mainAxis: anchor === 'pointer' ? true : false\n          }}\n          shiftOptions={{ crossAxis: true, mainAxis: true }}>\n          <div\n            role=\"tooltip\"\n            id={uniqueIdRef.current}\n            className={classNames([\n              styles.visDatatipStyle,\n              defaultContainer === 'enabled' ? styles.borderEnabled : undefined\n            ])}\n            style={defaultContainer === 'enabled' ? { borderColor } : undefined}\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        onKeyDown,\n        onFocus,\n        onBlur\n      })\n    }\n  };\n}\n"],"names":["content","placement","offset","borderColor","defaultContainer","anchor","touchResponse","isDisabled","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","Layer","children","Floating","flipOptions","shiftOptions","role","id","className","classNames","styles","visDatatipStyle","borderEnabled","undefined","style","onPointerEnter","clearTimeout","onPointerLeave","datatipProps","mergeProps","onKeyUp","code","onKeyDown","preventDefault","onFocus","target","onBlur"],"mappings":"+WAsEM,UAAqBA,QACzBA,EAAOC,UACPA,EAAY,iBAAgBC,OAC5BA,EAAMC,YACNA,EAAWC,iBACXA,EAAmB,UAASC,OAC5BA,EAAMC,cACNA,EAAaC,WACbA,IAEA,MAAMC,EAAcC,EAAAA,OAAeC,EAAKA,UACjCC,EAAQC,GAAaC,EAAQA,SAAC,CAAEC,EAAG,EAAGC,EAAG,IAC1CC,EAAcd,GAAU,CAAEe,SAAUC,EAAcA,eAAEC,WAAY,EAAID,EAAAA,iBACnEE,EAAWC,GAAgBR,EAAQA,UAAC,GAErCS,EAAYb,SAA2B,MACvCc,EAAmBd,EAAAA,SAmBnBe,EAAe,KACnBD,EAAiBE,QAAUC,YAAW,KACpCL,GAAa,EAAM,GAClB,GAAG,EAGFM,EAAgBC,EAAAA,aAvBLC,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,iBAE3BzB,EAAU,CAAEE,EAAGe,EAAMC,QAASf,EAAGc,EAAME,UACvCT,EAAUG,QAAUO,EACpBX,GAAa,GACd,GASsDG,EAAclB,GAoCjEgC,EAAuB,YAAXjC,EAAuBiB,EAAY,CAAEG,QAASd,GAC1D4B,EACJnB,GAAepB,IAAYO,EACzBiC,EAAAA,IAACC,EAAAA,MACC,CAAAC,SAAAF,EAAAA,IAACG,EAAQA,SAAA,CACPL,UAAWA,EACXrC,UAAWA,EACXe,YAAaA,EACb4B,YAAa,CACXzB,UAAsB,YAAXd,EACXY,SAAqB,YAAXZ,GAEZwC,aAAc,CAAE1B,WAAW,EAAMF,UAAU,GAC3CyB,SAAAF,EAAAA,IAAA,MAAA,CACEM,KAAK,UACLC,GAAIvC,EAAYiB,QAChBuB,UAAWC,aAAW,CACpBC,EAAAA,OAAOC,gBACc,YAArB/C,EAAiC8C,SAAOE,mBAAgBC,IAE1DC,MAA4B,YAArBlD,EAAiC,CAAED,oBAAgBkD,EAC1DE,eA5CoB,KAC5BC,aAAajC,EAAiBE,QAAQ,EA4C9BgC,eAAgBjC,EACfkB,SAAA1C,QAIL,KAEN,MAAO,CACLuC,iBACAmB,aAAc,CACZ,mBAAuC,OAAnBnB,EAA0B/B,EAAYiB,aAAU4B,KACjEM,EAAAA,WAAWhC,EAAe,CAC3BiC,QArDW/B,IAEE,YAAfA,EAAMgC,MACS,cAAfhC,EAAMgC,MACS,eAAfhC,EAAMgC,MACS,cAAfhC,EAAMgC,MACS,QAAfhC,EAAMgC,MAENxC,GAAa,EACd,EA6CGyC,UA1CajC,IACE,WAAfA,EAAMgC,OACRhC,EAAMkC,iBACN1C,GAAa,GACd,EAuCG2C,QAtEWnC,IACXA,EAAMK,aAAeC,MAAMC,WAAaP,EAAMK,aAAeC,MAAME,iBACrEf,EAAUG,QAAUI,EAAMoC,OAC1B5C,GAAa,GACd,EAmEG6C,OAhES,KACb7C,GAAa,EAAM,KAmEvB"}

package/amd/{useDensity-8a10fc70.js → useDensity-622a2d34.js}

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

package/amd/{useDensity-8a10fc70.js.map → useDensity-622a2d34.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useDensity-8a10fc70.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-622a2d34.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/useDetectHorizontalOverflow-e729b857.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './useResizeObserver-25032462', './tabBarUtils-ccb7094d'], (function(e,t,r,n){"use strict";const s=(e,t,r)=>{if(null==e)return!0;if(e&&t&&r){const n=[...e,...t];return n.length!==r.length||JSON.stringify(r)!==JSON.stringify(n)}return!1},c=(e,t)=>{if(null==e||null==t)return null;let r=-1;for(let n=0;n<e.length&&e[n]<=t;n++)r=n;return r};e.useDetectHorizontalOverflow=function({rootRef:e,keysArray:i,isTruncationDisabled:u=!0}){const[l,o]=t.useState(),[a,f]=t.useState(),h=t.useRef(new Map),[d,m]=t.useState(),[v,y]=t.useState(0),b=t.useRef(!1),p=t.useRef(!1),R=t.useRef();t.useLayoutEffect((()=>{const t=e?.current?.clientWidth,r=e?.current?.scrollWidth;if(e.current&&i&&i.length>0&&t&&t>0&&(v!==t&&y(t),void 0===d)){if(t>0&&t<r)if(b.current)R.current=R.current?.map((e=>({...e})));else{const r=n.getTabWidths(e.current,h,u,t,b?.current,i);r.every((e=>e.hasReachedLimit))&&(b.current=!0),R.current=r}else m((e=>e));if(!u){const e=new Map(R.current?.map((e=>[e.key,e.maxWidth+"px"])));m(e)}if(t<r){const r=R.current?.map((e=>e.cumulativeWidth)),s=r.length-1;if(r&&t<r[s]){const s=c(r,t-48);if(null!=s){const r=s+1;if(o(i.slice(0,r)),f(i?.slice(r)),r>1&&!p.current&&!u){const r=n.getTabWidths(e.current,h,u,t,b?.current),s=new Map(r.map((e=>[e.key,e.maxWidth+"px"])));p.current=!0,m(s)}}}}}}),[i,e,v,d,u]);const W=t.useCallback((t=>{const r=Math.ceil(t.contentRect.width);Math.abs(v-t.contentRect.width)>1&&(y(t.contentRect.width),void 0===d||b.current||m(void 0),r>=e.current?.scrollWidth&&(o(i),f([])),p.current=!1)}),[v,d,e,i]);return r.useResizeObserver(e,W),s(l,a,i)?{visibleItemKeys:i,overflowItemKeys:a,maxWidths:d}:{visibleItemKeys:l,overflowItemKeys:a,maxWidths:d}}}));
+//# sourceMappingURL=useDetectHorizontalOverflow-e729b857.js.map

package/amd/useDetectHorizontalOverflow-e729b857.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDetectHorizontalOverflow-e729b857.js","sources":["../../src/hooks/PRIVATE_useDetectHorizontalOverflow/useDetectHorizontalOverflow.ts"],"sourcesContent":["import { RefObject } from 'preact';\nimport { useState, useLayoutEffect, useRef, StateUpdater, useCallback } from 'preact/hooks';\nimport { useResizeObserver } from '../../hooks/UNSAFE_useResizeObserver';\nimport { Size } from '../../utils/UNSAFE_size';\nimport { getTabWidths } from '../../utils/PRIVATE_tabBarUtils';\nimport type { TrailingContentInfo } from '../../utils/PRIVATE_tabBarUtils';\n\ntype TabDimensions<K extends string | number> = {\n  key: K;\n  maxWidth: number;\n  nonTextWidth?: number;\n  needsTruncation?: boolean;\n  cumulativeWidth?: number;\n};\n\n//The minimum width of the overflowtabbaritem, it can be rendered with width greater than this based on available width\nconst MORE_ITEM_WIDTH = 48;\n\nexport type useDetectOverflowProps<K extends string | number> = {\n  rootRef: RefObject<HTMLDivElement>;\n  keysArray: (K | undefined)[];\n  isTruncationDisabled?: boolean;\n};\n\n/**\n * Implements overflow detection and calculation\n */\nexport function useDetectHorizontalOverflow<K extends string | number>({\n  rootRef,\n  keysArray,\n  isTruncationDisabled = true\n}: useDetectOverflowProps<K>) {\n  const [visibleItemKeys, setVisibleItemKeys] = useState<(K | undefined)[]>();\n  const [overflowItemKeys, setOverflowingItemKeys] = useState<(K | undefined)[]>();\n  const trailingContentWidths = useRef(new Map<K, TrailingContentInfo>());\n  const [tabMaxWidth, setTabMaxWidth] = useState<Map<K, Size>>();\n  // This state var is to only re-trigger the layout effect. Using it locally will not give the latest updated value hence we use current suffix vars\n  const [tabBarWidth, setTabBarWidth] = useState<number>(0);\n  const isAllItemsTruncatedMax = useRef<boolean>(false);\n  const isAllItemsTruncatedFinal = useRef<boolean>(false);\n  const tabDimensions = useRef<TabDimensions<K>[]>();\n\n  useLayoutEffect(() => {\n    // On initial render, tabBarWidth is 0 until ResizeObserver invokes its callback.\n    // Read the mounted TabBar's width so overflow can be calculated before that callback.\n    // A TabBar that is initially hidden can still measure as 0; ResizeObserver recalculates\n    // overflow when it becomes visible.\n    const tabBarWidthCurrent = rootRef?.current?.clientWidth;\n    const tabBarScrollWidthCurrent = rootRef?.current?.scrollWidth;\n    if (\n      rootRef.current &&\n      keysArray &&\n      keysArray.length > 0 &&\n      tabBarWidthCurrent &&\n      tabBarWidthCurrent > 0\n    ) {\n      //Set tabBarWidth if not the current value\n      if (tabBarWidth !== tabBarWidthCurrent) {\n        setTabBarWidth(tabBarWidthCurrent);\n      }\n\n      if (tabMaxWidth === undefined) {\n        const isOverflow = tabBarWidthCurrent > 0 && tabBarWidthCurrent < tabBarScrollWidthCurrent!;\n\n        //If there is no overflow maxWidth should be its prevState, prevState may also be undefined if truncation is disabled.\n        if (!isOverflow) {\n          setTabMaxWidth((prevState) => {\n            return prevState;\n          });\n        } else {\n          //We need to calculate maxWidth only if truncation threshold limit is not reached\n          if (!isAllItemsTruncatedMax.current) {\n            const tabWidths = getTabWidths(\n              rootRef.current,\n              trailingContentWidths,\n              isTruncationDisabled,\n              tabBarWidthCurrent,\n              isAllItemsTruncatedMax?.current,\n              keysArray as K[]\n            );\n            //If all items have reached max treshold of truncation then we set it to true\n            if (tabWidths.every((item) => item.hasReachedLimit)) {\n              isAllItemsTruncatedMax.current = true;\n            }\n            tabDimensions.current = tabWidths as any;\n          }\n          //If all items have reached max treshold of truncation then we do not have update tabDimensions are maxWidth cannot go lesser than 96px.\n          else {\n            tabDimensions.current = tabDimensions.current?.map((item) => ({\n              ...item\n            }));\n          }\n        }\n\n        //Set calculated maxWidths\n        if (!isTruncationDisabled) {\n          const tabMaxWidthMap = new Map(\n            tabDimensions.current?.map((tab) => [tab.key, (tab.maxWidth + 'px') as Size])\n          );\n          setTabMaxWidth(tabMaxWidthMap);\n        }\n        //Overflow calculation\n        if (tabBarWidthCurrent < tabBarScrollWidthCurrent!) {\n          const arr = tabDimensions.current?.map((item) => item.cumulativeWidth) as number[];\n          const lastIndex = arr.length - 1;\n          //In addition to scrollWidth we check if the cumulative width of last item is greater than rootRef clientwidth\n          if (arr && tabBarWidthCurrent < arr[lastIndex]) {\n            // Reserve space for the More item before finding the last tab that fits.\n            const availableWidth = tabBarWidthCurrent - MORE_ITEM_WIDTH;\n            const closestIndex = searchClosest(arr, availableWidth);\n            if (closestIndex != null) {\n              // `closestIndex` is the last visible item index; `slice` takes an exclusive end index.\n              const visibleItemCount = closestIndex + 1;\n              setVisibleItemKeys(keysArray.slice(0, visibleItemCount));\n              setOverflowingItemKeys(keysArray?.slice(visibleItemCount));\n              //Once OverflowTabBarItem is rendered, i.e overflowItemKeys move into overflow menu then space is available, which can be re-dsitributed to truncated visible items. We also check if these visible items have already gone through this calculation otherwise we skip it to avoid infinite loop.\n              if (\n                visibleItemCount > 1 &&\n                !isAllItemsTruncatedFinal.current &&\n                !isTruncationDisabled\n              ) {\n                const tabWidthsAfterOverflow = getTabWidths(\n                  rootRef.current,\n                  trailingContentWidths,\n                  isTruncationDisabled,\n                  tabBarWidthCurrent,\n                  isAllItemsTruncatedMax?.current\n                );\n                const tabMaxWidthMapAfterOverflow = new Map(\n                  tabWidthsAfterOverflow.map((tab) => [tab.key, (tab.maxWidth + 'px') as Size])\n                );\n                //Flag to indicate that final truncation calculation has occured\n                isAllItemsTruncatedFinal.current = true;\n                setTabMaxWidth(tabMaxWidthMapAfterOverflow);\n              }\n            }\n          }\n        }\n      }\n    }\n  }, [keysArray, rootRef, tabBarWidth, tabMaxWidth, isTruncationDisabled]);\n\n  const updateTabBarWidth = useCallback(\n    (entry: { contentRect: { width: StateUpdater<number> } }) => {\n      const rectWidth = Math.ceil(entry.contentRect.width as number);\n      // Sometimes entry.contentRect.width maybe a decimal value so we need to get absolute value\n      if (Math.abs(tabBarWidth - (entry.contentRect.width as number)) > 1) {\n        setTabBarWidth(entry.contentRect.width);\n        if (tabMaxWidth !== undefined && !isAllItemsTruncatedMax.current) {\n          setTabMaxWidth(undefined);\n        }\n        //Once there is change in the container width and there is no overflow we render all items as visible.\n        if (rectWidth >= rootRef.current?.scrollWidth!) {\n          setVisibleItemKeys(keysArray);\n          setOverflowingItemKeys([]);\n        }\n        isAllItemsTruncatedFinal.current = false;\n      }\n    },\n    [tabBarWidth, tabMaxWidth, rootRef, keysArray]\n  );\n\n  useResizeObserver(rootRef, updateTabBarWidth);\n\n  return shouldRenderAllTabs(visibleItemKeys, overflowItemKeys, keysArray)\n    ? {\n        visibleItemKeys: keysArray,\n        overflowItemKeys,\n        maxWidths: tabMaxWidth\n      }\n    : {\n        visibleItemKeys,\n        overflowItemKeys,\n        maxWidths: tabMaxWidth\n      };\n}\n\n//If the overflow + visible keys or their quantity are not the same as keysArray then we first render all the keys as visible\nconst shouldRenderAllTabs = <K extends string | number>(\n  visibleItemKeys: (K | undefined)[] | undefined,\n  overflowItemKeys: (K | undefined)[] | undefined,\n  keysArray: (K | undefined)[]\n) => {\n  if (visibleItemKeys == null) return true;\n  else if (visibleItemKeys && overflowItemKeys && keysArray) {\n    const combinedArray = [...visibleItemKeys, ...overflowItemKeys];\n    const isNotEqual =\n      combinedArray.length !== keysArray.length ||\n      JSON.stringify(keysArray) !== JSON.stringify(combinedArray);\n    return isNotEqual;\n  } else return false;\n};\n\n// Returns the index of the largest cumulative width that fits the available width.\n// The caller reserves the More-item width before calling this function.\nconst searchClosest = (\n  arr: number[] | undefined,\n  availableWidth: number | undefined | null\n): number | null => {\n  if (arr == null || availableWidth == null) {\n    return null;\n  }\n\n  let closestIndex = -1;\n\n  for (let index = 0; index < arr.length; index++) {\n    if (arr[index] <= availableWidth) {\n      closestIndex = index;\n    } else {\n      break;\n    }\n  }\n\n  return closestIndex;\n};\n"],"names":["shouldRenderAllTabs","visibleItemKeys","overflowItemKeys","keysArray","combinedArray","length","JSON","stringify","searchClosest","arr","availableWidth","closestIndex","index","rootRef","isTruncationDisabled","setVisibleItemKeys","useState","setOverflowingItemKeys","trailingContentWidths","useRef","Map","tabMaxWidth","setTabMaxWidth","tabBarWidth","setTabBarWidth","isAllItemsTruncatedMax","isAllItemsTruncatedFinal","tabDimensions","useLayoutEffect","tabBarWidthCurrent","current","clientWidth","tabBarScrollWidthCurrent","scrollWidth","undefined","map","item","tabWidths","getTabWidths","every","hasReachedLimit","prevState","tabMaxWidthMap","tab","key","maxWidth","cumulativeWidth","lastIndex","visibleItemCount","slice","tabWidthsAfterOverflow","tabMaxWidthMapAfterOverflow","updateTabBarWidth","useCallback","entry","rectWidth","Math","ceil","contentRect","width","abs","useResizeObserver","maxWidths"],"mappings":"0HAkLA,MAAMA,EAAsB,CAC1BC,EACAC,EACAC,KAEA,GAAuB,MAAnBF,EAAyB,OAAO,EAC/B,GAAIA,GAAmBC,GAAoBC,EAAW,CACzD,MAAMC,EAAgB,IAAIH,KAAoBC,GAI9C,OAFEE,EAAcC,SAAWF,EAAUE,QACnCC,KAAKC,UAAUJ,KAAeG,KAAKC,UAAUH,EAEhD,CAAM,OAAO,CAAK,EAKfI,EAAgB,CACpBC,EACAC,KAEA,GAAW,MAAPD,GAAiC,MAAlBC,EACjB,OAAO,KAGT,IAAIC,GAAgB,EAEpB,IAAK,IAAIC,EAAQ,EAAGA,EAAQH,EAAIJ,QAC1BI,EAAIG,IAAUF,EADoBE,IAEpCD,EAAeC,EAMnB,OAAOD,CAAY,gCA1Lf,UAAiEE,QACrEA,EAAOV,UACPA,EAASW,qBACTA,GAAuB,IAEvB,MAAOb,EAAiBc,GAAsBC,EAAQA,YAC/Cd,EAAkBe,GAA0BD,EAAQA,WACrDE,EAAwBC,EAAAA,OAAO,IAAIC,MAClCC,EAAaC,GAAkBN,EAAQA,YAEvCO,EAAaC,GAAkBR,EAAQA,SAAS,GACjDS,EAAyBN,UAAgB,GACzCO,EAA2BP,UAAgB,GAC3CQ,EAAgBR,EAAAA,SAEtBS,EAAAA,iBAAgB,KAKd,MAAMC,EAAqBhB,GAASiB,SAASC,YACvCC,EAA2BnB,GAASiB,SAASG,YACnD,GACEpB,EAAQiB,SACR3B,GACAA,EAAUE,OAAS,GACnBwB,GACAA,EAAqB,IAGjBN,IAAgBM,GAClBL,EAAeK,QAGGK,IAAhBb,GAA2B,CAI7B,GAHmBQ,EAAqB,GAAKA,EAAqBG,EAShE,GAAKP,EAAuBK,QAiB1BH,EAAcG,QAAUH,EAAcG,SAASK,KAAKC,IAAU,IACzDA,UAlB8B,CACnC,MAAMC,EAAYC,EAAAA,aAChBzB,EAAQiB,QACRZ,EACAJ,EACAe,EACAJ,GAAwBK,QACxB3B,GAGEkC,EAAUE,OAAOH,GAASA,EAAKI,oBACjCf,EAAuBK,SAAU,GAEnCH,EAAcG,QAAUO,CACzB,MAnBDf,GAAgBmB,GACPA,IA4BX,IAAK3B,EAAsB,CACzB,MAAM4B,EAAiB,IAAItB,IACzBO,EAAcG,SAASK,KAAKQ,GAAQ,CAACA,EAAIC,IAAMD,EAAIE,SAAW,SAEhEvB,EAAeoB,EAChB,CAED,GAAIb,EAAqBG,EAA2B,CAClD,MAAMvB,EAAMkB,EAAcG,SAASK,KAAKC,GAASA,EAAKU,kBAChDC,EAAYtC,EAAIJ,OAAS,EAE/B,GAAII,GAAOoB,EAAqBpB,EAAIsC,GAAY,CAE9C,MACMpC,EAAeH,EAAcC,EADZoB,EA5FX,IA8FZ,GAAoB,MAAhBlB,EAAsB,CAExB,MAAMqC,EAAmBrC,EAAe,EAIxC,GAHAI,EAAmBZ,EAAU8C,MAAM,EAAGD,IACtC/B,EAAuBd,GAAW8C,MAAMD,IAGtCA,EAAmB,IAClBtB,EAAyBI,UACzBhB,EACD,CACA,MAAMoC,EAAyBZ,eAC7BzB,EAAQiB,QACRZ,EACAJ,EACAe,EACAJ,GAAwBK,SAEpBqB,EAA8B,IAAI/B,IACtC8B,EAAuBf,KAAKQ,GAAQ,CAACA,EAAIC,IAAMD,EAAIE,SAAW,SAGhEnB,EAAyBI,SAAU,EACnCR,EAAe6B,EAChB,CACF,CACF,CACF,CACF,CACF,GACA,CAAChD,EAAWU,EAASU,EAAaF,EAAaP,IAElD,MAAMsC,EAAoBC,eACvBC,IACC,MAAMC,EAAYC,KAAKC,KAAKH,EAAMI,YAAYC,OAE1CH,KAAKI,IAAIrC,EAAe+B,EAAMI,YAAYC,OAAoB,IAChEnC,EAAe8B,EAAMI,YAAYC,YACbzB,IAAhBb,GAA8BI,EAAuBK,SACvDR,OAAeY,GAGbqB,GAAa1C,EAAQiB,SAASG,cAChClB,EAAmBZ,GACnBc,EAAuB,KAEzBS,EAAyBI,SAAU,EACpC,GAEH,CAACP,EAAaF,EAAaR,EAASV,IAKtC,OAFA0D,oBAAkBhD,EAASuC,GAEpBpD,EAAoBC,EAAiBC,EAAkBC,GAC1D,CACEF,gBAAiBE,EACjBD,mBACA4D,UAAWzC,GAEb,CACEpB,kBACAC,mBACA4D,UAAWzC,EAEnB"}

package/amd/useDisplayValue-6ad8d409.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './IconButton-be3bd92a', './NavLeft-12e00b81', 'preact/hooks', './keyboardUtils-fb6219eb', 'preact/compat', './TextFieldInput-b220bd88', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './useAccessibleContext-23e8a333', './logger-00b673c5', './FormContext-6b0879a0', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './TabbableModeContext-a9c97640', './useTranslationBundle-e4dd341e', './textAlign-ef924afd', 'css!./FormControlUtilsStyles.styles.css', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './StyledTextField-2b9c440e', './TextField-9e466a1b', 'css!./LiveRegionStyles.styles.css', './LayerHost-0b288129', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './useSelectCommon-0abad82b', './LiveRegion-dbefb95b', 'css!./LabelValueLayoutStyles.styles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/FormLayoutStyles.css', 'module', './Flex-4b81b412', 'css!./LayoutStyles.styles.css', './InputGroupContext-372087af', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-d855e8f2'], (function(e,t,s,o,l,n,a,i,d,r,c,u,F,x,b,S,y,h,m,T,p,C,w,A,L,g,f,v,B,I,_,U,j,k,N,E,V,D,R,$,M,z,O,G,H){"use strict";e.SelectSingleField=function({children:e,hasInsideLabel:l,isBackButtonShown:n,isClearButtonShown:a,isDropdownArrowShown:i,onBackButtonClick:d,onClearButtonClick:r,onDropdownArrowClick:c,...u}){const F=S.useTranslationBundle("@oracle/oraclejet-preact"),{isDisabled:b,isLoading:y}=x.useFormFieldContext(),h=n?t.jsx(s.IconButton,{"aria-label":F.selectMultiple_back(),size:"xs",variant:"ghost",onAction:d,children:t.jsx(o.SvgNavLeft,{})}):null,m=y?void 0:t.jsxs(t.Fragment,{children:[a&&t.jsx(s.IconButton,{"aria-label":F.formControl_clear(),size:"sm",variant:"ghost",onAction:r,children:t.jsx(o.SvgCancelS,{})}),i&&t.jsx(_.DropdownArrow,{isDisabled:b,onClick:c,testId:`${u.testId}_dropdownarrow`})]});return t.jsx(C.TextField,{startContent:h,mainContent:e,endContent:m,...u})},e.SelectSingleFieldInput=function({displayValue:e,isAddToListShown:s,isAdvancedSearchShown:o,isUserFiltering:l,liveRegionText:n,userInput:a,virtualKeyboard:d,...r}){const c=S.useTranslationBundle("@oracle/oraclejet-preact"),u=c.select_addToListAvailable(),F=c.select_moreSearchOptionsAvailable(),x=`${n} ${s?u:""} ${o?F:""}`;return t.jsxs(t.Fragment,{children:[t.jsx(i.TextFieldInput,{...r,hasEndContent:!0,"aria-autocomplete":"list",autoComplete:"off",role:"combobox",spellcheck:!1,type:"auto"===d?"search":d,value:l?a:e}),t.jsx(U.LiveRegion,{children:x})]})},e.useDisplayValue=function(e,t,s="SelectSingle"){return l.useMemo((()=>void 0===t?"":_.renderItemText(t,e,s)??""),[t,e,s])}}));
+define(['exports', 'preact/jsx-runtime', './IconButton-be3bd92a', './NavLeft-12e00b81', 'preact/hooks', './keyboardUtils-fb6219eb', 'preact/compat', './TextFieldInput-b220bd88', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './useAccessibleContext-23e8a333', './logger-00b673c5', './FormContext-6b0879a0', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './TabbableModeContext-a9c97640', './useTranslationBundle-db326955', './textAlign-ef924afd', 'css!./FormControlUtilsStyles.styles.css', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './StyledTextField-2b9c440e', './TextField-9e466a1b', 'css!./LiveRegionStyles.styles.css', './LayerHost-1a734852', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './useSelectCommon-0abad82b', './LiveRegion-1553833d', 'css!./LabelValueLayoutStyles.styles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/FormLayoutStyles.css', 'module', './Flex-71f83c12', 'css!./LayoutStyles.styles.css', './InputGroupContext-372087af', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2f3b01e4'], (function(e,t,s,o,l,n,a,i,r,d,c,u,F,x,S,y,b,h,m,T,p,C,w,A,L,g,f,v,B,I,_,U,j,k,N,E,V,D,R,$,M,z,O,G,H){"use strict";e.SelectSingleField=function({children:e,hasInsideLabel:l,isBackButtonShown:n,isClearButtonShown:a,isDropdownArrowShown:i,onBackButtonClick:r,onClearButtonClick:d,onDropdownArrowClick:c,...u}){const F=y.useTranslationBundle("@oracle/oraclejet-preact"),{isDisabled:S,isLoading:b}=x.useFormFieldContext(),h=n?t.jsx(s.IconButton,{"aria-label":F.selectMultiple_back(),size:"xs",variant:"ghost",onAction:r,children:t.jsx(o.SvgNavLeft,{})}):null,m=b?void 0:t.jsxs(t.Fragment,{children:[a&&t.jsx(s.IconButton,{"aria-label":F.formControl_clear(),size:"sm",variant:"ghost",onAction:d,children:t.jsx(o.SvgCancelS,{})}),i&&t.jsx(_.DropdownArrow,{isDisabled:S,onClick:c,testId:`${u.testId}_dropdownarrow`})]});return t.jsx(C.TextField,{startContent:h,mainContent:e,endContent:m,...u})},e.SelectSingleFieldInput=function({displayValue:e,isAddToListShown:s,isAdvancedSearchShown:o,isUserFiltering:l,liveRegionText:n,userInput:a,virtualKeyboard:r,...d}){const c=y.useTranslationBundle("@oracle/oraclejet-preact"),u=c.select_addToListAvailable(),F=c.select_moreSearchOptionsAvailable(),x=`${n} ${s?u:""} ${o?F:""}`;return t.jsxs(t.Fragment,{children:[t.jsx(i.TextFieldInput,{...d,hasEndContent:!0,"aria-autocomplete":"list",autoComplete:"off",role:"combobox",spellcheck:!1,type:"auto"===r?"search":r,value:l?a:e}),t.jsx(U.LiveRegion,{children:x})]})},e.useDisplayValue=function(e,t,s="SelectSingle"){return l.useMemo((()=>void 0===t?"":_.renderItemText(t,e,s)??""),[t,e,s])}}));
 //# sourceMappingURL=useDisplayValue-6ad8d409.js.map

package/amd/{useExpandCollapse-41860b2a.js → useExpandCollapse-d8799966.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './useUser-08901aba'], (function(e,t,o){"use strict";const r=(e,t,o,r,n)=>{const s=r(t);if(n&&s){const t=o(s);(e&&t||!e&&!t)&&n({value:s})}},n=(e,t,o)=>{const r=t(e.target);o&&r&&(o({value:r}),"click"===e.type&&e.stopPropagation())};e.useExpandCollapse=function(e,s,a,c){const{direction:l}=o.useUser(),i=t.useCallback((t=>{!0!==c&&a&&n(t,e,a)}),[e,a,c]),k=t.useCallback((t=>{if(!0===c||"Enter"!==t.key&&" "!==t.key){if("ArrowLeft"===t.key||"ArrowRight"===t.key){const o="rtl"===l,n="ArrowLeft"===t.key&&!o;r(n,t.target,s,e,a),t.preventDefault(),t.stopPropagation()}}else n(t,e,a)}),[e,a,s,l,c]),u=t.useCallback((e=>{(!0===c||"Enter"!==e.key&&" "!==e.key)&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.preventDefault()}),[c]);return a?{onClick:i,onKeyDown:u,onKeyUp:k}:{}}}));
-//# sourceMappingURL=useExpandCollapse-41860b2a.js.map
+define(['exports', 'preact/hooks', './useUser-e0677e8d'], (function(e,t,o){"use strict";const r=(e,t,o,r,n)=>{const s=r(t);if(n&&s){const t=o(s);(e&&t||!e&&!t)&&n({value:s})}},n=(e,t,o)=>{const r=t(e.target);o&&r&&(o({value:r}),"click"===e.type&&e.stopPropagation())};e.useExpandCollapse=function(e,s,a,c){const{direction:l}=o.useUser(),i=t.useCallback((t=>{!0!==c&&a&&n(t,e,a)}),[e,a,c]),k=t.useCallback((t=>{if(!0===c||"Enter"!==t.key&&" "!==t.key){if("ArrowLeft"===t.key||"ArrowRight"===t.key){const o="rtl"===l,n="ArrowLeft"===t.key&&!o;r(n,t.target,s,e,a),t.preventDefault(),t.stopPropagation()}}else n(t,e,a)}),[e,a,s,l,c]),u=t.useCallback((e=>{(!0===c||"Enter"!==e.key&&" "!==e.key)&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.preventDefault()}),[c]);return a?{onClick:i,onKeyDown:u,onKeyUp:k}:{}}}));
+//# sourceMappingURL=useExpandCollapse-d8799966.js.map

package/amd/{useExpandCollapse-41860b2a.js.map → useExpandCollapse-d8799966.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useExpandCollapse-41860b2a.js","sources":["../../src/hooks/PRIVATE_useListCommon/useExpandCollapse.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 { ToggleDetail } from '#UNSAFE_Collection';\nimport { useUser } from '#hooks/UNSAFE_useUser';\n\n/**\n * A hook that handles mouse and keyboard gesture that toggles the expanded state.\n * @param keyExtractor\n * @param expanded\n * @param onToggle\n * @returns\n */\nexport function useExpandCollapse<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  isExpanded: (key: K) => boolean,\n  onToggle?: (detail: ToggleDetail<K>) => void,\n  allowArrowKeysOnly?: boolean\n) {\n  const { direction } = useUser();\n\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      if (allowArrowKeysOnly !== true && onToggle) {\n        handleToggle(event, keyExtractor, onToggle);\n      }\n    },\n    [keyExtractor, onToggle, allowArrowKeysOnly]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (allowArrowKeysOnly !== true && (event.key === 'Enter' || event.key === ' ')) {\n        handleToggle(event, keyExtractor, onToggle);\n      } else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        const isRtl = direction === 'rtl';\n        const isLeftArrow = event.key === 'ArrowLeft' && !isRtl;\n        handleArrowKey(\n          isLeftArrow,\n          event.target as HTMLElement,\n          isExpanded,\n          keyExtractor,\n          onToggle\n        );\n        // arrow key might cause it to scroll horizontally\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [keyExtractor, onToggle, isExpanded, direction, allowArrowKeysOnly]\n  );\n\n  // prevent default (propagation) for keyDown to prevent scrolling the container\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (allowArrowKeysOnly !== true && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n      } else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        event.preventDefault();\n      }\n    },\n    [allowArrowKeysOnly]\n  );\n\n  return onToggle ? { onClick, onKeyDown, onKeyUp } : {};\n}\n\nconst handleArrowKey = <K>(\n  isLeftArrow: boolean,\n  target: HTMLElement,\n  isExpanded: (key: K) => boolean,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(target);\n  if (onToggle && itemKey) {\n    const contains = isExpanded(itemKey);\n    if ((isLeftArrow && contains) || (!isLeftArrow && !contains)) {\n      onToggle({ value: itemKey });\n    }\n  }\n};\n\nconst handleToggle = <K>(\n  event: Event,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (onToggle && itemKey) {\n    onToggle({ value: itemKey });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n"],"names":["handleArrowKey","isLeftArrow","target","isExpanded","keyExtractor","onToggle","itemKey","contains","value","handleToggle","event","type","stopPropagation","allowArrowKeysOnly","direction","useUser","onClick","useCallback","onKeyUp","key","isRtl","preventDefault","onKeyDown"],"mappings":"qFAwEA,MAAMA,EAAiB,CACrBC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAAUF,EAAaF,GAC7B,GAAIG,GAAYC,EAAS,CACvB,MAAMC,EAAWJ,EAAWG,IACvBL,GAAeM,IAAeN,IAAgBM,IACjDF,EAAS,CAAEG,MAAOF,GAErB,GAGGG,EAAe,CACnBC,EACAN,EACAC,KAEA,MAAMC,EAAUF,EAAaM,EAAMR,QAC/BG,GAAYC,IACdD,EAAS,CAAEG,MAAOF,IACC,UAAfI,EAAMC,MACRD,EAAME,kBAET,sBAjFG,SACJR,EACAD,EACAE,EACAQ,GAEA,MAAMC,UAAEA,GAAcC,EAAAA,UAEhBC,EAAUC,eACbP,KAC4B,IAAvBG,GAA+BR,GACjCI,EAAaC,EAAON,EAAcC,EACnC,GAEH,CAACD,EAAcC,EAAUQ,IAGrBK,EAAUD,eACbP,IACC,IAA2B,IAAvBG,GAA8C,UAAdH,EAAMS,KAAiC,MAAdT,EAAMS,KAE5D,GAAkB,cAAdT,EAAMS,KAAqC,eAAdT,EAAMS,IAAsB,CAClE,MAAMC,EAAsB,QAAdN,EACRb,EAA4B,cAAdS,EAAMS,MAAwBC,EAClDpB,EACEC,EACAS,EAAMR,OACNC,EACAC,EACAC,GAGFK,EAAMW,iBACNX,EAAME,iBACP,OAdCH,EAAaC,EAAON,EAAcC,EAcnC,GAEH,CAACD,EAAcC,EAAUF,EAAYW,EAAWD,IAI5CS,EAAYL,eACfP,MAC4B,IAAvBG,GAA8C,UAAdH,EAAMS,KAAiC,MAAdT,EAAMS,MAE1C,cAAdT,EAAMS,KAAqC,eAAdT,EAAMS,KAD5CT,EAAMW,gBAGP,GAEH,CAACR,IAGH,OAAOR,EAAW,CAAEW,UAASM,YAAWJ,WAAY,CAAA,CACtD"}
+{"version":3,"file":"useExpandCollapse-d8799966.js","sources":["../../src/hooks/PRIVATE_useListCommon/useExpandCollapse.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 { ToggleDetail } from '#UNSAFE_Collection';\nimport { useUser } from '#hooks/UNSAFE_useUser';\n\n/**\n * A hook that handles mouse and keyboard gesture that toggles the expanded state.\n * @param keyExtractor\n * @param expanded\n * @param onToggle\n * @returns\n */\nexport function useExpandCollapse<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  isExpanded: (key: K) => boolean,\n  onToggle?: (detail: ToggleDetail<K>) => void,\n  allowArrowKeysOnly?: boolean\n) {\n  const { direction } = useUser();\n\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      if (allowArrowKeysOnly !== true && onToggle) {\n        handleToggle(event, keyExtractor, onToggle);\n      }\n    },\n    [keyExtractor, onToggle, allowArrowKeysOnly]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (allowArrowKeysOnly !== true && (event.key === 'Enter' || event.key === ' ')) {\n        handleToggle(event, keyExtractor, onToggle);\n      } else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        const isRtl = direction === 'rtl';\n        const isLeftArrow = event.key === 'ArrowLeft' && !isRtl;\n        handleArrowKey(\n          isLeftArrow,\n          event.target as HTMLElement,\n          isExpanded,\n          keyExtractor,\n          onToggle\n        );\n        // arrow key might cause it to scroll horizontally\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [keyExtractor, onToggle, isExpanded, direction, allowArrowKeysOnly]\n  );\n\n  // prevent default (propagation) for keyDown to prevent scrolling the container\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (allowArrowKeysOnly !== true && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n      } else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        event.preventDefault();\n      }\n    },\n    [allowArrowKeysOnly]\n  );\n\n  return onToggle ? { onClick, onKeyDown, onKeyUp } : {};\n}\n\nconst handleArrowKey = <K>(\n  isLeftArrow: boolean,\n  target: HTMLElement,\n  isExpanded: (key: K) => boolean,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(target);\n  if (onToggle && itemKey) {\n    const contains = isExpanded(itemKey);\n    if ((isLeftArrow && contains) || (!isLeftArrow && !contains)) {\n      onToggle({ value: itemKey });\n    }\n  }\n};\n\nconst handleToggle = <K>(\n  event: Event,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (onToggle && itemKey) {\n    onToggle({ value: itemKey });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n"],"names":["handleArrowKey","isLeftArrow","target","isExpanded","keyExtractor","onToggle","itemKey","contains","value","handleToggle","event","type","stopPropagation","allowArrowKeysOnly","direction","useUser","onClick","useCallback","onKeyUp","key","isRtl","preventDefault","onKeyDown"],"mappings":"qFAwEA,MAAMA,EAAiB,CACrBC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAAUF,EAAaF,GAC7B,GAAIG,GAAYC,EAAS,CACvB,MAAMC,EAAWJ,EAAWG,IACvBL,GAAeM,IAAeN,IAAgBM,IACjDF,EAAS,CAAEG,MAAOF,GAErB,GAGGG,EAAe,CACnBC,EACAN,EACAC,KAEA,MAAMC,EAAUF,EAAaM,EAAMR,QAC/BG,GAAYC,IACdD,EAAS,CAAEG,MAAOF,IACC,UAAfI,EAAMC,MACRD,EAAME,kBAET,sBAjFG,SACJR,EACAD,EACAE,EACAQ,GAEA,MAAMC,UAAEA,GAAcC,EAAAA,UAEhBC,EAAUC,eACbP,KAC4B,IAAvBG,GAA+BR,GACjCI,EAAaC,EAAON,EAAcC,EACnC,GAEH,CAACD,EAAcC,EAAUQ,IAGrBK,EAAUD,eACbP,IACC,IAA2B,IAAvBG,GAA8C,UAAdH,EAAMS,KAAiC,MAAdT,EAAMS,KAE5D,GAAkB,cAAdT,EAAMS,KAAqC,eAAdT,EAAMS,IAAsB,CAClE,MAAMC,EAAsB,QAAdN,EACRb,EAA4B,cAAdS,EAAMS,MAAwBC,EAClDpB,EACEC,EACAS,EAAMR,OACNC,EACAC,EACAC,GAGFK,EAAMW,iBACNX,EAAME,iBACP,OAdCH,EAAaC,EAAON,EAAcC,EAcnC,GAEH,CAACD,EAAcC,EAAUF,EAAYW,EAAWD,IAI5CS,EAAYL,eACfP,MAC4B,IAAvBG,GAA8C,UAAdH,EAAMS,KAAiC,MAAdT,EAAMS,MAE1C,cAAdT,EAAMS,KAAqC,eAAdT,EAAMS,KAD5CT,EAAMW,gBAGP,GAEH,CAACR,IAGH,OAAOR,EAAW,CAAEW,UAASM,YAAWJ,WAAY,CAAA,CACtD"}

package/amd/{useFloating-5cb85d2b.js → useFloating-0bdf9133.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './useUser-08901aba', './positionUtils-6e4daa31'], (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-5cb85d2b.js.map
+define(['exports', 'preact/hooks', './useUser-e0677e8d', './positionUtils-6e4daa31'], (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-0bdf9133.js.map