@oracle/oraclejet-preact 20.1.3 → 20.1.5

package/amd/{EmbeddedIconButton-49aab46c.js.map → EmbeddedIconButton-9647e9af.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EmbeddedIconButton-49aab46c.js","sources":["../../src/PRIVATE_EmbeddedIconButton/EmbeddedIconButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChild } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\n\ntype AriaProps =\n  | {\n      /**\n       * The ID of an element (or space separated IDs of multiple elements) that\n       * describes the button.\n       */\n      'aria-describedby'?: string;\n\n      /**\n       * Whether the button should be hidden from screen readers. When true, no aria-label is required.\n       */\n      'aria-hidden'?: false;\n\n      /**\n       * accessibleLabel - the aria label\n       */\n      'aria-label': string;\n    }\n  | {\n      'aria-describedby'?: string;\n\n      'aria-hidden': true;\n\n      'aria-label'?: string;\n    };\n\ntype BaseProps = {\n  /**\n   * Specifies the icon for the button.\n   */\n  children?: ComponentChild;\n\n  /**\n   * Specifies that the button element should be disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onAction?: () => void | null;\n\n  /**\n   * The size indicates how large the button is rendered. Note that only the ghost variant supports the xs size.\n   * @default 'sm'\n   */\n  size?: 'xs' | 'sm';\n};\n\ntype Props = BaseProps & AriaProps;\n\nexport const EmbeddedIconButton = ({\n  isDisabled = false,\n  size = 'sm',\n  onAction,\n  'aria-label': accessibleLabel,\n  'aria-describedby': ariaDescribedBy,\n  'aria-hidden': ariaHidden = false,\n  ...props\n}: Props) => {\n  return (\n    <BaseButton\n      elementDetails={{ type: 'span', isFocusable: false }}\n      isDisabled={isDisabled}\n      size={size}\n      variant={'ghost'}\n      styling={['min', 'noUserSelect']}\n      onAction={onAction}\n      aria-describedby={ariaDescribedBy}\n      aria-hidden={ariaHidden}\n      aria-label={accessibleLabel}>\n      <ButtonLabelLayout\n        display={'icons'}\n        startIcon={props.children}\n        size={size}></ButtonLabelLayout>\n    </BaseButton>\n  );\n};\n"],"names":["isDisabled","size","onAction","accessibleLabel","ariaDescribedBy","ariaHidden","props","_jsx","jsx","BaseButton","elementDetails","type","isFocusable","variant","styling","children","ButtonLabelLayout","display","startIcon"],"mappings":"oJA+DkC,EAChCA,cAAa,EACbC,OAAO,KACPC,WACA,aAAcC,EACd,mBAAoBC,EACpB,cAAeC,GAAa,KACzBC,KAGDC,EAAAC,IAACC,EAAUA,WAAA,CACTC,eAAgB,CAAEC,KAAM,OAAQC,aAAa,GAC7CZ,WAAYA,EACZC,KAAMA,EACNY,QAAS,QACTC,QAAS,CAAC,MAAO,gBACjBZ,SAAUA,EAAQ,mBACAE,EAAe,cACpBC,EAAU,aACXF,EAAeY,SAC3BR,MAACS,EAAAA,kBAAiB,CAChBC,QAAS,QACTC,UAAWZ,EAAMS,SACjBd,KAAMA"}
+{"version":3,"file":"EmbeddedIconButton-9647e9af.js","sources":["../../src/PRIVATE_EmbeddedIconButton/EmbeddedIconButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChild } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\n\ntype AriaProps =\n  | {\n      /**\n       * The ID of an element (or space separated IDs of multiple elements) that\n       * describes the button.\n       */\n      'aria-describedby'?: string;\n\n      /**\n       * Whether the button should be hidden from screen readers. When true, no aria-label is required.\n       */\n      'aria-hidden'?: false;\n\n      /**\n       * accessibleLabel - the aria label\n       */\n      'aria-label': string;\n    }\n  | {\n      'aria-describedby'?: string;\n\n      'aria-hidden': true;\n\n      'aria-label'?: string;\n    };\n\ntype BaseProps = {\n  /**\n   * Specifies the icon for the button.\n   */\n  children?: ComponentChild;\n\n  /**\n   * Specifies that the button element should be disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onAction?: () => void | null;\n\n  /**\n   * The size indicates how large the button is rendered. Note that only the ghost variant supports the xs size.\n   * @default 'sm'\n   */\n  size?: 'xs' | 'sm';\n};\n\ntype Props = BaseProps & AriaProps;\n\nexport const EmbeddedIconButton = ({\n  isDisabled = false,\n  size = 'sm',\n  onAction,\n  'aria-label': accessibleLabel,\n  'aria-describedby': ariaDescribedBy,\n  'aria-hidden': ariaHidden = false,\n  ...props\n}: Props) => {\n  return (\n    <BaseButton\n      elementDetails={{ type: 'span', isFocusable: false }}\n      isDisabled={isDisabled}\n      size={size}\n      variant={'ghost'}\n      styling={['min', 'noUserSelect']}\n      onAction={onAction}\n      aria-describedby={ariaDescribedBy}\n      aria-hidden={ariaHidden}\n      aria-label={accessibleLabel}>\n      <ButtonLabelLayout\n        display={'icons'}\n        startIcon={props.children}\n        size={size}></ButtonLabelLayout>\n    </BaseButton>\n  );\n};\n"],"names":["isDisabled","size","onAction","accessibleLabel","ariaDescribedBy","ariaHidden","props","_jsx","jsx","BaseButton","elementDetails","type","isFocusable","variant","styling","children","ButtonLabelLayout","display","startIcon"],"mappings":"oJA+DkC,EAChCA,cAAa,EACbC,OAAO,KACPC,WACA,aAAcC,EACd,mBAAoBC,EACpB,cAAeC,GAAa,KACzBC,KAGDC,EAAAC,IAACC,EAAUA,WAAA,CACTC,eAAgB,CAAEC,KAAM,OAAQC,aAAa,GAC7CZ,WAAYA,EACZC,KAAMA,EACNY,QAAS,QACTC,QAAS,CAAC,MAAO,gBACjBZ,SAAUA,EAAQ,mBACAE,EAAe,cACpBC,EAAU,aACXF,EAAeY,SAC3BR,MAACS,EAAAA,kBAAiB,CAChBC,QAAS,QACTC,UAAWZ,EAAMS,SACjBd,KAAMA"}

package/amd/{EnvironmentProvider-403bf554.js → EnvironmentProvider-75ba928e.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './LayerHost-0b288129', 'preact/hooks', './LayerManager-426c669d'], (function(e,n,r,t,o){"use strict";function s(e,n){const r=Object.assign({},e.user,n?.user),t=Object.assign({},e.theme,n?.theme),o=Object.assign({},e.translations),s=n?.translations||{};return Object.keys(s).forEach((e=>{let n=s[e];o[e]&&(n=Object.assign({},o[e],n)),o[e]=n})),{user:r,theme:t,translations:o,colorScheme:n?.colorScheme??e.colorScheme,scale:n?.scale??e.scale,currentBgColor:n?.currentBgColor??e.currentBgColor,mode:n?.mode??e.mode,density:n?.density??e.density}}e.EnvironmentProvider=function({children:e,environment:o}){const c=t.useContext(r.EnvironmentContext),i=t.useMemo((()=>s(c,o)),[c,o]);return n.jsx(r.EnvironmentContext.Provider,{value:i,children:e})},e.RootEnvironmentProvider=function({children:e,environment:c}){const i=t.useMemo((()=>s(r.DefaultEnvironment,c)),[c]);return n.jsx(r.EnvironmentContext.Provider,{value:i,children:n.jsx(o.LayerManager,{children:e})})}}));
-//# sourceMappingURL=EnvironmentProvider-403bf554.js.map
+define(['exports', 'preact/jsx-runtime', './LayerHost-1a734852', 'preact/hooks', './LayerManager-5ba8e6ed'], (function(e,n,r,t,o){"use strict";function s(e,n){const r=Object.assign({},e.user,n?.user),t=Object.assign({},e.theme,n?.theme),o=Object.assign({},e.translations),s=n?.translations||{};return Object.keys(s).forEach((e=>{let n=s[e];o[e]&&(n=Object.assign({},o[e],n)),o[e]=n})),{user:r,theme:t,translations:o,colorScheme:n?.colorScheme??e.colorScheme,scale:n?.scale??e.scale,currentBgColor:n?.currentBgColor??e.currentBgColor,mode:n?.mode??e.mode,density:n?.density??e.density}}e.EnvironmentProvider=function({children:e,environment:o}){const i=t.useContext(r.EnvironmentContext),c=t.useMemo((()=>s(i,o)),[i,o]);return n.jsx(r.EnvironmentContext.Provider,{value:c,children:e})},e.RootEnvironmentProvider=function({children:e,environment:i}){const c=t.useMemo((()=>s(r.DefaultEnvironment,i)),[i]);return n.jsx(r.EnvironmentContext.Provider,{value:c,children:n.jsx(o.LayerManager,{children:e})})}}));
+//# sourceMappingURL=EnvironmentProvider-75ba928e.js.map

package/amd/{EnvironmentProvider-403bf554.js.map → EnvironmentProvider-75ba928e.js.map}

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

package/amd/ExpandableList-d1320214.js

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

package/amd/Expander-3c749f26.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './EmbeddedIconButton-49aab46c', './ChevronDown-f8f4db0b', './ChevronRight-1bb05901', './classNames-08d99695'], (function(e,n,s,t,a,o){"use strict";const c="oj-collection-expander";e.Expander=function({itemKey:e,expanded:i,onToggle:l}){const r=o.classNames([c]);return n.jsx("span",{class:r,children:n.jsx(s.EmbeddedIconButton,{"aria-label":i?"collapsible":"expandable",onAction:()=>{l({value:e})},children:i?n.jsx(t.SvgChevronDown,{size:"6x"}):n.jsx(a.SvgChevronRight,{size:"6x"})})})},e.ITEM_SELECTOR=c,e.isExpander=e=>!(!e.parentElement||!e.parentElement.classList.contains(c))}));
+define(['exports', 'preact/jsx-runtime', './EmbeddedIconButton-9647e9af', './ChevronDown-f8f4db0b', './ChevronRight-1bb05901', './classNames-08d99695'], (function(e,n,s,t,o,a){"use strict";const c="oj-collection-expander";e.Expander=function({itemKey:e,expanded:i,onToggle:l}){const r=a.classNames([c]);return n.jsx("span",{class:r,children:n.jsx(s.EmbeddedIconButton,{"aria-label":i?"collapsible":"expandable",onAction:()=>{l({value:e})},children:i?n.jsx(t.SvgChevronDown,{size:"6x"}):n.jsx(o.SvgChevronRight,{size:"6x"})})})},e.ITEM_SELECTOR=c,e.isExpander=e=>!(!e.parentElement||!e.parentElement.classList.contains(c))}));
 //# sourceMappingURL=Expander-3c749f26.js.map

package/amd/FilePicker-1017e6ed.js

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

package/amd/FilePickerVariants.styles.css

@@ -1,10 +1,10 @@
-.FilePickerVariants_multiVariantStyles_disabledState_isDisabled__1lw5ul40 {
+.FilePickerVariants_multiVariantStyles_disabledState_isDisabled__ac40y0 {
   background-color: var(--oj-c-surface-disabled);
   border-color: transparent;
   cursor: auto;
 }
 @media (hover: hover) {
-  .FilePickerVariants_multiVariantStyles_pseudoHoveredState_isPseudoHover__1lw5ul42:hover:not(:active) {
+  .FilePickerVariants_multiVariantStyles_pseudoHoveredState_isPseudoHover__ac40y2:hover:not(:active) {
     cursor: pointer;
   }
 }

package/amd/FilePickerVariants.styles2.css

@@ -1,10 +1,10 @@
-.FilePickerVariants_multiVariantStyles_disabledState_isDisabled__ac40y0 {
+.FilePickerVariants_multiVariantStyles_disabledState_isDisabled__1lw5ul40 {
   background-color: var(--oj-c-surface-disabled);
   border-color: transparent;
   cursor: auto;
 }
 @media (hover: hover) {
-  .FilePickerVariants_multiVariantStyles_pseudoHoveredState_isPseudoHover__ac40y2:hover:not(:active) {
+  .FilePickerVariants_multiVariantStyles_pseudoHoveredState_isPseudoHover__1lw5ul42:hover:not(:active) {
     cursor: pointer;
   }
 }

package/amd/FlatTreeView-85c3556a.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './mergeProps-bcfa6a92', './collectionUtils-89bc31e1', './LoadMoreCollection-895f1ed5', './classNames-08d99695', './TabbableModeContext-a9c97640', './useId-c9578d26', './View-35699bb2', './UNSAFE_FlatTreeView/themes/TreeViewStyles.css', './UNSAFE_FlatTreeView/themes/TreeViewContract.css', './Expander-3c749f26', './Flex-4b81b412', './Skeleton-a12452e9', './useHover-8b8a1496', './clientHints-6d361eaa', './UNSAFE_FlatTreeView/themes/redwood/TreeViewTheme.css', './useSelection-aecb6b23', './useAdditiveSelection-4c04d01c', './ReorderableContext-6d10a1b7', './keys-4755c121', './LayerHost-0b288129', 'preact/compat', './useExpandCollapse-41860b2a', './useComponentTheme-db55de25', './useUser-08901aba', './useNavigation-58a94f6a', './Selector-d925205c', './LiveRegion-dbefb95b', './HiddenAccessible-037ef42d', './useTranslationBundle-e4dd341e'], (function(e,t,n,a,r,l,i,s,o,d,c,u,x,m,y,g,b,p,v,h,f,j,k,S,w,C,T,K,A,F,E,V){"use strict";function I({children:e,indentation:a=0}){const[r,l]=n.useState(!1);return n.useEffect((()=>{setTimeout((()=>{l(!0)}),50)}),[]),r&&e?t.jsx("div",{role:"presentation",children:t.jsx(d.View,{paddingInlineStart:a,children:[...Array(1)].map(((t,n)=>e(n)))})}):null}function M({indentation:e=0,isLeaf:n=!1}){return t.jsx(d.View,{paddingInlineStart:P(e,!n||void 0),children:t.jsx(d.View,{padding:[0,"4px"],children:t.jsxs(m.Flex,{height:"9x",align:"center",gap:"2x",children:[!n&&t.jsx(y.Skeleton,{width:"6x",height:"6x",borderRadius:"4px"}),t.jsx(y.Skeleton,{height:"5x",borderRadius:"4px"})]})})})}function N(){return t.jsxs(t.Fragment,{children:[t.jsx(M,{}),t.jsx(M,{indentation:1}),t.jsx(M,{indentation:2,isLeaf:!0})]})}function L({itemKey:e,depth:a,context:r,children:l,isExpanded:u,onToggle:y,selected:b,isSelectable:p,isCheckboxless:v,isTabbable:h,isLoading:f,isFocusRingVisible:j}){const k=n.useRef(null),S=P(a,u),w=P(a+1,u),{isHover:C,hoverProps:T}=g.useHover(),K=i.classNames([c.styles.treeItemStyles.base,j&&c.styles.treeItemStyles.focused,!0===b&&c.styles.treeItemStyles.selected,!0===b&&v&&c.styles.treeItemStyles.checkboxlessSelected,p&&!b&&C&&c.styles.treeItemStyles.hovered]);return t.jsxs(t.Fragment,{children:[t.jsx("div",{ref:k,id:o.useId(),tabIndex:R()?-1:void 0,"data-oj-key":e,"data-oj-tree-item":"",class:K,role:"treeitem","aria-level":a+1,"aria-selected":b?"true":"false",...void 0!==u&&{"aria-expanded":u},..."number"==typeof e&&{"data-oj-key-type":"number"},...T,children:t.jsxs(t.Fragment,{children:[!0===b&&C&&t.jsx("div",{class:c.styles.selectedHoveredOverlay}),t.jsx(s.TabbableModeContext.Provider,{value:{isTabbable:h},children:t.jsx(d.View,{paddingInlineStart:S,children:t.jsxs(m.Flex,{align:"center",children:[void 0!==u&&t.jsx(x.Expander,{itemKey:e,expanded:u,onToggle:y}),l(r)]})})})]})}),f?t.jsx(I,{indentation:w,children:()=>t.jsx(N,{})}):null]})}const R=()=>{const{platform:e}=b.getClientHints();return"ios"===e||"android"===e},P=(e,t)=>{const n=void 0===t?"40px":"0px";return`calc(${Math.max(0,e)} * ${u.treeViewVars.indentWidth} + ${n})`};function H({children:e,minimumCount:a=1,onSkeletonVisible:r}){const[l,s]=n.useState(!1);n.useEffect((()=>{setTimeout((()=>{s(!0),r?.()}),50)}),[r]);const o=i.classNames([c.styles.skeletonStyles.container]);return l&&e?t.jsx("div",{class:o,role:"presentation",children:[...Array(a)].map(((t,n)=>e(n)))}):null}function U({data:e,children:n,selectionMode:a,onToggle:r=()=>{},viewportConfig:i,hasMore:s=!1,onLoadMore:o=()=>{},loadMoreIndicator:d=D,updateContext:c}){return t.jsx(t.Fragment,{children:null===e?null:t.jsx(l.LoadMoreCollection,{data:e,viewportConfig:i,hasMore:s,onLoadMore:o,loadMoreIndicator:d,children:e=>{const l=e.data.metadata.key,i={index:e.index,data:e.data.data,metadata:{key:l}};c&&c(i);const s=e.data.metadata.expanded;return t.jsx(L,{itemKey:i.metadata.key,context:i,depth:e.data.metadata.treeDepth,isExpanded:"ongoing"===s||s,onToggle:r,isSelectable:"none"!==a,isCheckboxless:"single"===a,selected:e.data.metadata.selected,isLoading:"ongoing"===s,isTabbable:!1,isFocusRingVisible:e.data.metadata.hasFocus,children:n},i.metadata.key)}})})}const D=t.jsx("div",{class:l.LOADMORE_STYLE_CLASS,children:t.jsx(H,{minimumCount:1,children:()=>t.jsx(N,{})})}),_="[data-oj-tree-item]";const B=(e,t,n,a)=>{if(e&&null!==t){const r=Array.from(e.querySelectorAll(a)),l=r.findIndex((e=>e.dataset.ojKey==t));for(let e=l;e>=0;e--){const t=r[e].getAttribute("aria-level");if(null!==t&&Number(t)==n-1)return r[e]}}return null};const O=e=>t.jsx(H,{minimumCount:8,onSkeletonVisible:e,children:()=>t.jsx(N,{})}),$=e=>e.id,q=(e,t)=>{const n=t.map((e=>e.metadata.key)),a=n.indexOf(e.value.start),r=n.indexOf(e.value.end),l=Math.min(a,r),i=Math.max(a,r);return-1===l?{offset:0,count:-1}:n.slice(l,i+1)};e.FlatTreeView=function({"aria-label":e,"aria-labelledby":l,"aria-describedby":i,data:s,selectionMode:d="none",selectedKeys:c={all:!1,keys:new Set},onSelectionChange:u,onToggle:x,viewportConfig:m,...y}){const g=n.useRef(null),[b,f]=n.useState(),{collection_loading:k,collection_loaded:S}=V.useTranslationBundle("@oracle/oraclejet-preact"),I=o.useId(),M=n.useCallback((e=>{if(g.current){const t=r.findElementByKey(g.current,e,_);return"true"===t?.getAttribute("aria-expanded")}return!1}),[]),{treeNavigationProps:N,currentKey:L,showFocusRing:P}=function(e,t,l,i){const{direction:s}=T.useUser(),o={ArrowUp:e=>r.getPrevNextKey(t.current,e,!0,_),ArrowDown:e=>r.getPrevNextKey(t.current,e,!1,_)},{navigationProps:d,currentKey:c,onCurrentKeyChange:u,showFocusRing:x}=K.useNavigation(e,t,i,_,o,void 0,void 0,void 0,void 0,!0,!1,!0,!1),m=n.useCallback((e=>"tree"===e.getAttribute("role")?void 0===c?null:c:r.keyExtractor(e,_)),[c,r.keyExtractor]),y=n.useCallback((e=>{if("ArrowLeft"===e.key||"ArrowRight"===e.key){const n="rtl"===s,a="ArrowLeft"===e.key&&!n,i=m(e.target);if(i){const e=l(i);if(a&&!e&&t.current){const e=r.findElementByKey(t.current,i,_);if(e){const n=e.getAttribute("aria-level"),a=null!==n&&B(t.current,i,Number(n),_),r=a&&m(a);j.isKeyDefined(r)&&u?.({value:r})}}else if(!a&&e){const e=r.getPrevNextKey(t.current,i,!1,_)();j.isKeyDefined(e)&&u?.({value:e})}}}}),[s,l,u,m]);return{treeNavigationProps:a.mergeProps(d,{onKeyUp:y}),currentKey:c,showFocusRing:x}}(s,g,M,$),H=n.useMemo((()=>s?.map((e=>{const t=e.metadata.key,n={...e};return n.metadata.selected=j.containsKey(c,t),n.metadata.hasFocus=L===t&&P,n}))||[]),[s,c,L,P]),D=w.useExpandCollapse((e=>"tree"===e.getAttribute("role")?void 0===L?null:L:r.keyExtractor(e,_)),M,x,!0),z=n.useRef(),W=n.useCallback((e=>{u&&(!1===e.value.all&&e.value.keys.size>0&&(z.current=Array.from(e.value.keys.values()).pop()),u(e))}),[z,u]),Y=n.useCallback((e=>{if(s&&u){const t=q(e,s);if(Array.isArray(t))if("shiftSpace"===e.eventType?z.current=e.value.start:z.current=e.value.end,"multipleToggle"===d){const e=j.addKeys(c,t);u({value:e,target:null})}else u({value:{all:!1,keys:new Set(t)},target:null})}}),[s,c,u]),{selectionProps:G}=v.useSelection((e=>e===g.current?void 0===L?null:L:r.keyExtractor(e,_)),c,"multipleToggle"===d?"none":d,!1,"replace",W,z.current,L,((e,t)=>r.getPrevNextKey(g.current,e,t,_)),void 0,(e=>{if(g.current){const t=r.findElementByKey(g.current,e,_);t&&t.scrollIntoView({block:"nearest"})}}),Y),{eventProps:J}=h.useAdditiveSelection((e=>e===g.current?void 0===L?null:L:r.keyExtractor(e,_)),c,"multipleToggle"===d?"multiple":"none",!1,(e=>s?s.findIndex((t=>t.metadata.key===e)):-1),((e,t)=>{if(s){return s.map((e=>e.metadata.key)).slice(e,t)}return[]}),((e,t)=>r.getPrevNextKey(g.current,e,t,_)),L,W,Y),Q=n.useCallback((e=>{"multiple"!==d&&"multipleToggle"!==d||u&&(e.metaKey||e.ctrlKey)&&"a"===e.key&&(e.preventDefault(),u({value:{all:!0,deletedKeys:new Set},target:e.target}))}),[u,d]),{classes:X}=C.useComponentTheme(p.TreeViewRedwoodTheme);m=r.getViewportConfig(g,m);const Z=n.useCallback((e=>{const n=e.metadata.key;e.selector="none"===d||"single"===d?void 0:e=>t.jsx("div",{"aria-hidden":!R()||void 0,children:t.jsx(A.Selector,{"aria-label":R()?e:void 0,rowKey:n,selectedKeys:c,onChange:u})})}),[d,c,u]),ee=n.useCallback((()=>{f(k())}),[k]);return t.jsxs(t.Fragment,{children:[t.jsx("div",{"aria-label":e,"aria-labelledby":l,"aria-describedby":null==s?i?[...new Set(i.split(/\s+/).concat(I))].join(" "):I:i,ref:g,role:"tree","aria-multiselectable":"multiple"===d,tabIndex:0,class:X,...a.mergeProps(N,G,J,D,{onKeyDown:Q}),children:null==s?O(ee):t.jsx(U,{data:H,selectionMode:d,onToggle:x,viewportConfig:m,updateContext:Z,...y})}),t.jsx(E.HiddenAccessible,{id:I,children:k()}),t.jsx(F.LiveRegion,{children:null==s?b:b===k()?S():""})]})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './mergeProps-bcfa6a92', './collectionUtils-89bc31e1', './LoadMoreCollection-895f1ed5', './classNames-08d99695', './TabbableModeContext-a9c97640', './useId-c9578d26', './View-215ec211', './UNSAFE_FlatTreeView/themes/TreeViewStyles.css', './UNSAFE_FlatTreeView/themes/TreeViewContract.css', './Expander-3c749f26', './Flex-71f83c12', './Skeleton-a12452e9', './useHover-8b8a1496', './clientHints-6d361eaa', './UNSAFE_FlatTreeView/themes/redwood/TreeViewTheme.css', './useSelection-48cb7bdf', './useAdditiveSelection-4c04d01c', './ReorderableContext-6d10a1b7', './keys-4755c121', './LayerHost-1a734852', 'preact/compat', './useExpandCollapse-d8799966', './useComponentTheme-db55de25', './useUser-e0677e8d', './useNavigation-58a94f6a', './Selector-d925205c', './LiveRegion-1553833d', './HiddenAccessible-037ef42d', './useTranslationBundle-db326955'], (function(e,t,n,a,r,l,i,s,o,d,c,u,x,m,y,g,p,b,v,h,f,j,k,S,w,C,T,K,A,F,E,V){"use strict";function I({children:e,indentation:a=0}){const[r,l]=n.useState(!1);return n.useEffect((()=>{setTimeout((()=>{l(!0)}),50)}),[]),r&&e?t.jsx("div",{role:"presentation",children:t.jsx(d.View,{paddingInlineStart:a,children:[...Array(1)].map(((t,n)=>e(n)))})}):null}function M({indentation:e=0,isLeaf:n=!1}){return t.jsx(d.View,{paddingInlineStart:P(e,!n||void 0),children:t.jsx(d.View,{padding:[0,"4px"],children:t.jsxs(m.Flex,{height:"9x",align:"center",gap:"2x",children:[!n&&t.jsx(y.Skeleton,{width:"6x",height:"6x",borderRadius:"4px"}),t.jsx(y.Skeleton,{height:"5x",borderRadius:"4px"})]})})})}function N(){return t.jsxs(t.Fragment,{children:[t.jsx(M,{}),t.jsx(M,{indentation:1}),t.jsx(M,{indentation:2,isLeaf:!0})]})}function L({itemKey:e,depth:a,context:r,children:l,isExpanded:u,onToggle:y,selected:p,isSelectable:b,isCheckboxless:v,isTabbable:h,isLoading:f,isFocusRingVisible:j}){const k=n.useRef(null),S=P(a,u),w=P(a+1,u),{isHover:C,hoverProps:T}=g.useHover(),K=i.classNames([c.styles.treeItemStyles.base,j&&c.styles.treeItemStyles.focused,!0===p&&c.styles.treeItemStyles.selected,!0===p&&v&&c.styles.treeItemStyles.checkboxlessSelected,b&&!p&&C&&c.styles.treeItemStyles.hovered]);return t.jsxs(t.Fragment,{children:[t.jsx("div",{ref:k,id:o.useId(),tabIndex:R()?-1:void 0,"data-oj-key":e,"data-oj-tree-item":"",class:K,role:"treeitem","aria-level":a+1,"aria-selected":p?"true":"false",...void 0!==u&&{"aria-expanded":u},..."number"==typeof e&&{"data-oj-key-type":"number"},...T,children:t.jsxs(t.Fragment,{children:[!0===p&&C&&t.jsx("div",{class:c.styles.selectedHoveredOverlay}),t.jsx(s.TabbableModeContext.Provider,{value:{isTabbable:h},children:t.jsx(d.View,{paddingInlineStart:S,children:t.jsxs(m.Flex,{align:"center",children:[void 0!==u&&t.jsx(x.Expander,{itemKey:e,expanded:u,onToggle:y}),l(r)]})})})]})}),f?t.jsx(I,{indentation:w,children:()=>t.jsx(N,{})}):null]})}const R=()=>{const{platform:e}=p.getClientHints();return"ios"===e||"android"===e},P=(e,t)=>{const n=void 0===t?"40px":"0px";return`calc(${Math.max(0,e)} * ${u.treeViewVars.indentWidth} + ${n})`};function H({children:e,minimumCount:a=1,onSkeletonVisible:r}){const[l,s]=n.useState(!1);n.useEffect((()=>{setTimeout((()=>{s(!0),r?.()}),50)}),[r]);const o=i.classNames([c.styles.skeletonStyles.container]);return l&&e?t.jsx("div",{class:o,role:"presentation",children:[...Array(a)].map(((t,n)=>e(n)))}):null}function U({data:e,children:n,selectionMode:a,onToggle:r=()=>{},viewportConfig:i,hasMore:s=!1,onLoadMore:o=()=>{},loadMoreIndicator:d=D,updateContext:c}){return t.jsx(t.Fragment,{children:null===e?null:t.jsx(l.LoadMoreCollection,{data:e,viewportConfig:i,hasMore:s,onLoadMore:o,loadMoreIndicator:d,children:e=>{const l=e.data.metadata.key,i={index:e.index,data:e.data.data,metadata:{key:l}};c&&c(i);const s=e.data.metadata.expanded;return t.jsx(L,{itemKey:i.metadata.key,context:i,depth:e.data.metadata.treeDepth,isExpanded:"ongoing"===s||s,onToggle:r,isSelectable:"none"!==a,isCheckboxless:"single"===a,selected:e.data.metadata.selected,isLoading:"ongoing"===s,isTabbable:!1,isFocusRingVisible:e.data.metadata.hasFocus,children:n},i.metadata.key)}})})}const D=t.jsx("div",{class:l.LOADMORE_STYLE_CLASS,children:t.jsx(H,{minimumCount:1,children:()=>t.jsx(N,{})})}),_="[data-oj-tree-item]";const B=(e,t,n,a)=>{if(e&&null!==t){const r=Array.from(e.querySelectorAll(a)),l=r.findIndex((e=>e.dataset.ojKey==t));for(let e=l;e>=0;e--){const t=r[e].getAttribute("aria-level");if(null!==t&&Number(t)==n-1)return r[e]}}return null};const O=e=>t.jsx(H,{minimumCount:8,onSkeletonVisible:e,children:()=>t.jsx(N,{})}),$=e=>e.id,q=(e,t)=>{const n=t.map((e=>e.metadata.key)),a=n.indexOf(e.value.start),r=n.indexOf(e.value.end),l=Math.min(a,r),i=Math.max(a,r);return-1===l?{offset:0,count:-1}:n.slice(l,i+1)};e.FlatTreeView=function({"aria-label":e,"aria-labelledby":l,"aria-describedby":i,data:s,selectionMode:d="none",selectedKeys:c={all:!1,keys:new Set},onSelectionChange:u,onToggle:x,viewportConfig:m,...y}){const g=n.useRef(null),[p,f]=n.useState(),{collection_loading:k,collection_loaded:S}=V.useTranslationBundle("@oracle/oraclejet-preact"),I=o.useId(),M=n.useCallback((e=>{if(g.current){const t=r.findElementByKey(g.current,e,_);return"true"===t?.getAttribute("aria-expanded")}return!1}),[]),{treeNavigationProps:N,currentKey:L,showFocusRing:P}=function(e,t,l,i){const{direction:s}=T.useUser(),o={ArrowUp:e=>r.getPrevNextKey(t.current,e,!0,_),ArrowDown:e=>r.getPrevNextKey(t.current,e,!1,_)},{navigationProps:d,currentKey:c,onCurrentKeyChange:u,showFocusRing:x}=K.useNavigation(e,t,i,_,o,void 0,void 0,void 0,void 0,!0,!1,!0,!1),m=n.useCallback((e=>"tree"===e.getAttribute("role")?void 0===c?null:c:r.keyExtractor(e,_)),[c,r.keyExtractor]),y=n.useCallback((e=>{if("ArrowLeft"===e.key||"ArrowRight"===e.key){const n="rtl"===s,a="ArrowLeft"===e.key&&!n,i=m(e.target);if(i){const e=l(i);if(a&&!e&&t.current){const e=r.findElementByKey(t.current,i,_);if(e){const n=e.getAttribute("aria-level"),a=null!==n&&B(t.current,i,Number(n),_),r=a&&m(a);j.isKeyDefined(r)&&u?.({value:r})}}else if(!a&&e){const e=r.getPrevNextKey(t.current,i,!1,_)();j.isKeyDefined(e)&&u?.({value:e})}}}}),[s,l,u,m]);return{treeNavigationProps:a.mergeProps(d,{onKeyUp:y}),currentKey:c,showFocusRing:x}}(s,g,M,$),H=n.useMemo((()=>s?.map((e=>{const t=e.metadata.key,n={...e};return n.metadata.selected=j.containsKey(c,t),n.metadata.hasFocus=L===t&&P,n}))||[]),[s,c,L,P]),D=w.useExpandCollapse((e=>"tree"===e.getAttribute("role")?void 0===L?null:L:r.keyExtractor(e,_)),M,x,!0),z=n.useRef(),W=n.useCallback((e=>{u&&(!1===e.value.all&&e.value.keys.size>0&&(z.current=Array.from(e.value.keys.values()).pop()),u(e))}),[z,u]),Y=n.useCallback((e=>{if(s&&u){const t=q(e,s);if(Array.isArray(t))if("shiftSpace"===e.eventType?z.current=e.value.start:z.current=e.value.end,"multipleToggle"===d){const e=j.addKeys(c,t);u({value:e,target:null})}else u({value:{all:!1,keys:new Set(t)},target:null})}}),[s,c,u]),{selectionProps:G}=v.useSelection((e=>e===g.current?void 0===L?null:L:r.keyExtractor(e,_)),c,"multipleToggle"===d?"none":d,!1,"replace",W,z.current,L,((e,t)=>r.getPrevNextKey(g.current,e,t,_)),void 0,(e=>{if(g.current){const t=r.findElementByKey(g.current,e,_);t&&t.scrollIntoView({block:"nearest"})}}),Y),{eventProps:J}=h.useAdditiveSelection((e=>e===g.current?void 0===L?null:L:r.keyExtractor(e,_)),c,"multipleToggle"===d?"multiple":"none",!1,(e=>s?s.findIndex((t=>t.metadata.key===e)):-1),((e,t)=>{if(s){return s.map((e=>e.metadata.key)).slice(e,t)}return[]}),((e,t)=>r.getPrevNextKey(g.current,e,t,_)),L,W,Y),Q=n.useCallback((e=>{"multiple"!==d&&"multipleToggle"!==d||u&&(e.metaKey||e.ctrlKey)&&"a"===e.key&&(e.preventDefault(),u({value:{all:!0,deletedKeys:new Set},target:e.target}))}),[u,d]),{classes:X}=C.useComponentTheme(b.TreeViewRedwoodTheme);m=r.getViewportConfig(g,m);const Z=n.useCallback((e=>{const n=e.metadata.key;e.selector="none"===d||"single"===d?void 0:e=>t.jsx("div",{"aria-hidden":!R()||void 0,children:t.jsx(A.Selector,{"aria-label":R()?e:void 0,rowKey:n,selectedKeys:c,onChange:u})})}),[d,c,u]),ee=n.useCallback((()=>{f(k())}),[k]);return t.jsxs(t.Fragment,{children:[t.jsx("div",{"aria-label":e,"aria-labelledby":l,"aria-describedby":null==s?i?[...new Set(i.split(/\s+/).concat(I))].join(" "):I:i,ref:g,role:"tree","aria-multiselectable":"multiple"===d,tabIndex:0,class:X,...a.mergeProps(N,G,J,D,{onKeyDown:Q}),children:null==s?O(ee):t.jsx(U,{data:H,selectionMode:d,onToggle:x,viewportConfig:m,updateContext:Z,...y})}),t.jsx(E.HiddenAccessible,{id:I,children:k()}),t.jsx(F.LiveRegion,{children:null==s?p:p===k()?S():""})]})}}));
 //# sourceMappingURL=FlatTreeView-85c3556a.js.map

package/amd/Flex-71f83c12.js

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

package/amd/{Flex-4b81b412.js.map → Flex-71f83c12.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Flex-4b81b412.js","sources":["../../src/UNSAFE_Flex/Flex.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { flexboxInterpolations } from '../utils/UNSAFE_interpolations/flexbox';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles, marginZeroStyles } from './FlexStyles.css';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps &\n  TestIdProps & {\n    children?: ComponentChildren;\n    /**\n     * @default true\n     */\n    hasZeroMargins?: boolean;\n  };\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(flexboxInterpolations),\n  ...Object.values(flexitemInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nexport const Flex = ({ children, hasZeroMargins = true, testId, ...props }: Props) => {\n  const flexComponentClasses = classNames([baseStyles, hasZeroMargins && marginZeroStyles]);\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const testIdProps = useTestId(testId);\n  return (\n    <div class={`${flexComponentClasses} ${cls}`} style={styles} {...testIdProps}>\n      {children}\n    </div>\n  );\n};\n"],"names":["interpolations","Object","values","dimensionInterpolations","flexboxInterpolations","flexitemInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","children","hasZeroMargins","testId","props","flexComponentClasses","classNames","marginZeroStyles","class","cls","styles","testIdProps","useTestId","_jsx","style"],"mappings":"yUAgCA,MAAMA,EAAiB,IAClBC,OAAOC,OAAOC,8BACdF,OAAOC,OAAOE,4BACdH,OAAOC,OAAOG,6BACdJ,OAAOC,OAAOI,+BAGbC,EAAsBC,EAAAA,oBAA2BR,UAEnC,EAAGS,WAAUC,kBAAiB,EAAMC,YAAWC,MACjE,MAAMC,EAAuBC,EAAAA,WAAW,mCAAaJ,GAAkBK,KAC/DC,MAAOC,KAAQC,GAAWX,EAAoBK,GAChDO,EAAcC,YAAUT,GAC9B,OACEU,EAAAA,IAAK,MAAA,CAAAL,MAAO,GAAGH,KAAwBI,IAAOK,MAAOJ,KAAYC,WAC9DV,GAEH"}
+{"version":3,"file":"Flex-71f83c12.js","sources":["../../src/UNSAFE_Flex/Flex.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { flexboxInterpolations } from '../utils/UNSAFE_interpolations/flexbox';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles, marginZeroStyles } from './FlexStyles.css';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps &\n  TestIdProps & {\n    children?: ComponentChildren;\n    /**\n     * @default true\n     */\n    hasZeroMargins?: boolean;\n  };\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(flexboxInterpolations),\n  ...Object.values(flexitemInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nexport const Flex = ({ children, hasZeroMargins = true, testId, ...props }: Props) => {\n  const flexComponentClasses = classNames([baseStyles, hasZeroMargins && marginZeroStyles]);\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const testIdProps = useTestId(testId);\n  return (\n    <div class={`${flexComponentClasses} ${cls}`} style={styles} {...testIdProps}>\n      {children}\n    </div>\n  );\n};\n"],"names":["interpolations","Object","values","dimensionInterpolations","flexboxInterpolations","flexitemInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","children","hasZeroMargins","testId","props","flexComponentClasses","classNames","marginZeroStyles","class","cls","styles","testIdProps","useTestId","_jsx","style"],"mappings":"yUAgCA,MAAMA,EAAiB,IAClBC,OAAOC,OAAOC,8BACdF,OAAOC,OAAOE,4BACdH,OAAOC,OAAOG,6BACdJ,OAAOC,OAAOI,+BAGbC,EAAsBC,EAAAA,oBAA2BR,UAEnC,EAAGS,WAAUC,kBAAiB,EAAMC,YAAWC,MACjE,MAAMC,EAAuBC,EAAAA,WAAW,mCAAaJ,GAAkBK,KAC/DC,MAAOC,KAAQC,GAAWX,EAAoBK,GAChDO,EAAcC,YAAUT,GAC9B,OACEU,EAAAA,IAAK,MAAA,CAAAL,MAAO,GAAGH,KAAwBI,IAAOK,MAAOJ,KAAYC,WAC9DV,GAEH"}

package/amd/{Floating-eca152d7.js → Floating-e8ec1b0b.js}

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

package/amd/{Floating-eca152d7.js.map → Floating-e8ec1b0b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Floating-eca152d7.js","sources":["../../src/UNSAFE_Floating/FloatingTail.tsx","../../src/UNSAFE_Floating/Floating.tsx"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useMemo, useLayoutEffect, useRef, useState } from 'preact/hooks';\nimport type { RefObject } from 'preact';\nimport { PositionData, Coords } from './Floating.types';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { FloatingStyles } from './themes/FloatingStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport type { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { Property } from 'csstype';\nimport { rgba } from '../UNSAFE_Theme/utils';\nimport { colorSchemeVars } from '@oracle/oraclejet-internal-theme-contract/themeContract.css';\nimport { FloatingRedwoodTheme } from './themes/redwood/FloatingTheme';\n\ntype Props = Pick<ColorProps, 'backgroundColor'> & {\n  data?: PositionData;\n  anchorRef: RefObject<Element | Coords>;\n  tail: 'none' | 'simple';\n  isRtl: boolean;\n};\n\nconst ARROW_SIZE = 7;\nconst ARROW_SIZE_CORNER = 6;\nconst ARROW_INNER_SIZE = 5;\nconst ARROW_INNER_SIZE_CORNER = 5;\n\nconst FloatingTail = forwardRef(\n  (\n    { data, anchorRef, tail, isRtl, backgroundColor }: Props,\n    ref: ForwardedRef<HTMLDivElement | null>\n  ) => {\n    const { styles, baseTheme } = useComponentTheme<never, FloatingStyles>(FloatingRedwoodTheme);\n    const arrowRef = useRef<HTMLDivElement | null>(null);\n    const [arrowStyles, setArrowStyles] = useState({\n      arrowStyle: { visibility: 'hidden' },\n      arrowInnerStyle: { visibility: 'hidden' }\n    });\n\n    useLayoutEffect(() => {\n      if (arrowRef.current == null) return;\n      const { isCornerVerticalPlacement, isCornerHorizontalPlacement } = isCorner(\n        anchorRef,\n        tail,\n        data\n      );\n      setArrowStyles(\n        setStyles(\n          tail,\n          isRtl,\n          isCornerVerticalPlacement,\n          isCornerHorizontalPlacement,\n          data,\n          backgroundColor\n        )\n      );\n    }, [\n      data,\n      backgroundColor,\n      data?.placement,\n      data?.x,\n      data?.y,\n      data?.offset,\n      data?.arrow,\n      tail,\n      isRtl,\n      anchorRef\n    ]);\n\n    const stableRef = useMemo(() => mergeRefs(ref, arrowRef), [ref, arrowRef]);\n    return (\n      tail === 'simple' && (\n        <div\n          ref={stableRef}\n          class={classNames([baseTheme, styles.floatingTailBaseStyle])}\n          style={arrowStyles.arrowStyle}>\n          {' '}\n          {/*Outer arrow - shadow*/}\n          <div\n            class={classNames([styles.floatingTailBaseStyle])}\n            style={arrowStyles.arrowInnerStyle}></div>{' '}\n          {/*Inner arrow - body*/}\n        </div>\n      )\n    );\n  }\n);\n\nfunction isCorner(\n  anchorRef: RefObject<Element | Coords>,\n  tail: 'none' | 'simple',\n  data?: PositionData\n) {\n  if (tail === 'simple' && data && data.arrow) {\n    const { centerOffset } = data.arrow;\n    const arrowSize = ARROW_SIZE;\n    let anchorRefHeight = 0;\n    let anchorRefWidth = 0;\n    const current = anchorRef.current;\n    // @ts-ignore. Type 'Element | Coords' issues\n    // Property 'x' does not exist on type 'Element'.\n    // Property 'y' does not exist on type 'Element'.\n    const isAnchorRefElement = current?.x === undefined && current?.y === undefined;\n    if (isAnchorRefElement) {\n      // @ts-ignore. Property 'getBoundingClientRect' does not exist on type 'Coords'.\n      anchorRefHeight = Math.round(current.getBoundingClientRect().height);\n      // @ts-ignore. Property 'getBoundingClientRect' does not exist on type 'Coords'.\n      anchorRefWidth = Math.round(anchorRef.current?.getBoundingClientRect().width);\n    }\n    const isCornerVerticalPlacement = isAnchorRefElement\n      ? Math.abs(centerOffset) >= anchorRefHeight / 2 - arrowSize / 2\n      : ['start-top-corner', 'start-bottom-corner', 'end-top-corner', 'end-bottom-corner'].includes(\n          data.origPlacement\n        );\n    const isCornerHorizontalPlacement = isAnchorRefElement\n      ? Math.abs(centerOffset) >= anchorRefWidth / 2 - arrowSize / 2\n      : ['top-start-corner', 'top-end-corner', 'bottom-start-corner', 'bottom-end-corner'].includes(\n          data.origPlacement\n        );\n\n    return { isCornerVerticalPlacement, isCornerHorizontalPlacement };\n  } else return { isCornerVerticalPlacement: false, isCornerHorizontalPlacement: false };\n}\n\nfunction setStyles(\n  //arrowEl: HTMLDivElement,\n  tail: 'none' | 'simple',\n  isRtl: boolean,\n  isCornerVerticalPlacement: boolean,\n  isCornerHorizontalPlacement: boolean,\n  data?: PositionData,\n  backgroundColor?: Property.BackgroundColor\n) {\n  const result = { visibility: 'visible' };\n  const innerResult = { visibility: 'visible' };\n  if (tail === 'simple' && data && data.arrow) {\n    const { x, y, centerOffset } = data.arrow;\n    const arrowSize = ARROW_SIZE;\n    const arrowSizeCorner = ARROW_SIZE_CORNER;\n    //const arrowInnerEl = arrowEl.querySelector('div') as Element;\n    const arrowInnerSize = ARROW_INNER_SIZE;\n    const arrowInnerSizeCorner = ARROW_INNER_SIZE_CORNER;\n\n    const isCenter = centerOffset === 0;\n    const isCenterOffsetPositive = centerOffset > 0;\n\n    // Set sizes of the arrow\n    setArrowSizes(isCornerVerticalPlacement || isCornerHorizontalPlacement);\n\n    // Corner vs. normal arrow\n    function setArrowSizes(isCornerPlacement?: boolean) {\n      // Outer arrow (shadow)\n      const arrowFinalSize = isCornerPlacement ? arrowSizeCorner : arrowSize;\n      setArrowStyle(\n        {\n          // Tracked: \n          borderTop: `${getSize(arrowFinalSize)} solid ${rgba(\n            colorSchemeVars.palette.neutral[90],\n            0.1\n          )}`,\n          borderRight: getTransparentBorder(arrowFinalSize),\n          borderLeft: getTransparentBorder(arrowFinalSize)\n        },\n        result\n      );\n      // Inner arrow\n      const arrowInnerFinalSize = isCornerPlacement ? arrowInnerSizeCorner : arrowInnerSize;\n      setArrowInnerStyle(\n        {\n          // Tracked: \n          borderTop: `${getSize(arrowInnerFinalSize)} solid ${backgroundColor}`,\n          borderRight: `${getTransparentBorder(arrowInnerFinalSize)}`,\n          borderLeft: `${getTransparentBorder(arrowInnerFinalSize)}`\n        },\n        innerResult\n      );\n    }\n\n    function setArrowStyle(style: object, result: object) {\n      Object.assign(result, style);\n    }\n\n    function setArrowInnerStyle(style: object, result: object) {\n      Object.assign(result, style);\n    }\n\n    function getTurn(eighth: number) {\n      return `rotate(${eighth * 45}deg)`;\n    }\n\n    function getSize(size: number) {\n      return `${size}px`;\n    }\n\n    function getTransparentBorder(size: number) {\n      return `${getSize(size)} solid transparent`;\n    }\n\n    const placementArr = data.placement.split('-');\n    const side = placementArr[0];\n\n    switch (side) {\n      case 'top':\n        setArrowTop();\n        break;\n      case 'end':\n        isRtl ? setArrowStart() : setArrowEnd();\n        break;\n      case 'bottom':\n        setArrowBottom();\n        break;\n      case 'start':\n        isRtl ? setArrowEnd() : setArrowStart();\n        break;\n    }\n\n    function setArrowTop() {\n      if (x != undefined) {\n        if (isCornerHorizontalPlacement) {\n          // Top corners\n          setArrowStyle(\n            {\n              top: '', // flip 'reset'\n              bottom: getSize(-arrowSize + 2),\n              left: getSize(x + (isCenterOffsetPositive ? 5 : -5)),\n              transform: getTurn(isCenterOffsetPositive ? 5 : 3)\n            },\n            result\n          );\n          setCornerArrowInner();\n        } else {\n          setArrowStyle(\n            {\n              top: '', // flip 'reset'\n              bottom: getSize(-arrowSize),\n              left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n              transform: getTurn(0)\n            },\n            result\n          );\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowEnd() {\n      if (y != undefined) {\n        if (isCornerVerticalPlacement) {\n          // End corners\n          setArrowStyle(\n            {\n              top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n              right: '', // flip 'reset'\n              left: getSize(-arrowSize - 1),\n              transform: getTurn(isCenterOffsetPositive ? 7 : 5)\n            },\n            result\n          );\n          setCornerArrowInner();\n        } else {\n          // End\n          setArrowStyle(\n            {\n              top: isCenter ? getSize(y) : getSize(y + (isCenterOffsetPositive ? -2 : +2)),\n              right: '', // flip 'reset'\n              left: getSize(-arrowSize * 1.5),\n              transform: getTurn(2)\n            },\n            result\n          );\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowBottom() {\n      if (x != undefined) {\n        if (isCornerHorizontalPlacement) {\n          // Bottom corners\n          setArrowStyle(\n            {\n              top: getSize(-arrowSize + 3),\n              bottom: '', // flip 'reset'\n              left: getSize(x + (isCenterOffsetPositive ? 4 : -4)),\n              transform: getTurn(isCenterOffsetPositive ? 2 : 6)\n            },\n            result\n          );\n          setArrowInnerStyle(\n            {\n              top: getSize(-arrowInnerSize),\n              left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 1 : -1))\n            },\n            innerResult\n          );\n        } else {\n          setArrowStyle(\n            {\n              top: getSize(-arrowSize),\n              bottom: '', // flip 'reset'\n              left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n              transform: getTurn(4)\n            },\n            result\n          );\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowStart() {\n      if (y != undefined) {\n        if (isCornerVerticalPlacement) {\n          // Start corners\n          setArrowStyle(\n            {\n              top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n              right: getSize(-arrowSize - 1),\n              left: '', // flip 'reset'\n              transform: getTurn(isCenterOffsetPositive ? 1 : 3)\n            },\n            result\n          );\n          setArrowInnerStyle(\n            {\n              top: getSize(-arrowInnerSize),\n              left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? -2 : 2))\n            },\n            innerResult\n          );\n        } else {\n          // Start\n          setArrowStyle(\n            {\n              top: isCenter ? getSize(y) : getSize(y + (isCenterOffsetPositive ? -2 : +2)),\n              right: getSize(-arrowSize * 1.5),\n              left: '', // flip 'reset'\n              transform: getTurn(6)\n            },\n            result\n          );\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setCornerArrowInner() {\n      setArrowInnerStyle(\n        {\n          top: getSize(-arrowInnerSize),\n          left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 2 : -2))\n        },\n        innerResult\n      );\n    }\n\n    function setNonCornerArrowInner() {\n      setArrowInnerStyle(\n        {\n          top: getSize(-arrowInnerSize - 2),\n          left: getSize(-arrowInnerSize)\n        },\n        innerResult\n      );\n    }\n  }\n  return { arrowStyle: result, arrowInnerStyle: innerResult };\n}\n\nexport { FloatingTail };\n","import type { RefObject, JSX } from 'preact';\nimport { useLayoutEffect, useEffect, useMemo, useState, useRef, useCallback } from 'preact/hooks';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { autoUpdate, arrow } from '@floating-ui/dom';\nimport {\n  useFloating,\n  shift,\n  flip,\n  size,\n  offset,\n  limitShift,\n  VirtualElement,\n  logicalSide\n} from '../hooks/PRIVATE_useFloating';\nimport { Offset, Placement, Coords, PositionData } from './Floating.types';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { FloatingTail } from './FloatingTail';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { FloatingStyles, floatingVisibilityStyles } from './themes/FloatingStyles.css';\nimport { FloatingRedwoodTheme } from './themes/redwood/FloatingTheme';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { floatingVars } from './themes/FloatingContract.css';\nimport type { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\nimport type { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\nimport { useUnsafeDomElementRef } from '#hooks/PRIVATE_useUnsafeDomElementRef';\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'children' | 'class'>;\n/**\n * Specifies the flipping behavior along the respective axis.\n */\nexport type FlipOptions = {\n  /**\n   * If set to true, enables collision detection on the main axis,\n   * which runs along the floating placement side.\n   */\n  mainAxis?: boolean;\n  /**\n   * If set to true, enables collision detection on the cross axis,\n   * which runs along the floating placement side.\n   */\n  crossAxis?: boolean;\n  /**\n   * Specifies an array of placements to try\n   * if the preferred initial placement doesn’t fit on the axes\n   * in which collision is detected.\n   */\n  fallbackPlacements?: Array<Placement>;\n};\n\n/**\n * Specifies the shift behavior along the respective axis.\n * When true, the floating element will shift to prevent overflow.\n */\nexport type ShiftOptions = {\n  /**\n   * main axis in which shifting is applied. Default <code>true</code>.\n   */\n  mainAxis?: boolean;\n  /**\n   * cross axis in which shifting is applied. Default <code>false</code>.\n   */\n  crossAxis?: boolean;\n};\n\n/**\n * This describes the virtual padding around the collision boundary (currently the view port).\n * This could be extended in the future,\n * i.e. property to define what is a boundary ( a view port, a document, some other html element)\n */\nexport type BoundaryOptions = {\n  padding?:\n    | number\n    | {\n        top: number;\n        right: number;\n        bottom: number;\n        left: number;\n      };\n};\n/**\n * Specifies the resizing behaviour for max-height and max-width of the floating component.\n * The floating element will change the size depending on the available space.\n * isMaxHeightAdjusted/isMaxWidthAdjusted - sets the max-height/max-width of the floating to the available space till the collision.\n * maxHeightCeiling/maxWidthCeiling - this is the limit for max-height/max-width that should not be exceeded, even if there is more available space till the collision.\n */\nexport type SizeOptions = {\n  isMaxWidthAdjusted?: boolean;\n  isMaxHeightAdjusted?: boolean;\n  maxHeightCeiling?: number;\n  maxWidthCeiling?: number;\n};\n\ntype Props = IntrinsicProps &\n  Pick<ColorProps, 'backgroundColor'> & {\n    /**\n     * <p>Placement of the floating element relative to its reference element.</p>\n     * <p>Placement consists of two parts, the first part is the side, the second is the alignment.</p>\n     * <p>Possible values are:</p>\n     * <p> <code>'top' </code> <code>'top-start' </code> <code> 'top-end' </code> <code> 'top-start-corner' </code> <code> 'top-end-corner' </code>\n     * <code> 'end' </code> <code> 'end-top'  </code> <code> 'end-bottom' </code> <code> 'end-top-corner' </code> <code> 'end-bottom-corner' </code>\n     * <code> 'bottom'  </code> <code> 'bottom-start'  </code> <code> 'bottom-end' </code> <code> 'bottom-start-corner' </code> <code> 'bottom-end-corner' </code>\n     * <code> 'start' </code> <code> 'start-top'  </code> <code> 'start-bottom' </code> <code> 'start-top-corner' </code> <code> 'start-bottom-corner' </code>\n     * </p>\n     */\n    placement?: Placement;\n\n    /**\n     * Trigger element reference.\n     */\n    anchorRef: RefObject<Element | Coords | UnsafeDomHandle<Element>>;\n\n    /**\n     * Placement offset.\n     * Offset displaces the floating element from its core placement along the specified axes.\n     * Offset could be a number or an object\n     * A number represents the distance (gutter or margin) between the floating element and the reference element.\n     * This is shorthand for mainAxis.\n     * <pre>\n     *   {\n     *     mainAxis?: number;\n     *     crossAxis?: number;\n     *   }\n     * </pre>\n     * <p><code>mainAxis</code> - represents the distance (gutter or margin) between the floating element and the reference element.</p>\n     * <p><code>crossAxis</code> - represents the shifting between the floating element and the reference element.<p>\n     */\n    offsetValue?: Offset;\n\n    /**\n     * Click outside callback.\n     */\n    onClickOutside?: (event: MouseEvent) => void;\n\n    /**\n     * FlipOptions object\n     * <pre>\n     * type FlipOptions = {\n     *     mainAxis?: boolean;\n     *     crossAxis?: boolean;\n     *     fallbackPlacements?: Array<Placement>;\n     *   }\n     * </pre>\n     * <p>Specifies the flipping behavior along the respective axis.<p>\n     * <p><code>mainAxis</code> - If set to true, enables collision detection on the main axis, which runs along the floating placement side.\n     * Default is <code>true</code>.\n     * </p>\n     * <p><code>crossAxis</code> - If set to true, enables collision detection on the cross axis, which runs along the floating placement alignment.\n     * Default is <code>false</code>.\n     * </p>\n     * <p><code>fallbackPlacements</code> - specifies an array of placements to try if the preferred initial placement doesn’t fit on the axes in which collision is detected.\n     * The fallback placements will be tried in the order they are specified in the array.\n     * The following placements are allowed as values of the array:\n     * <code>'top'</code>, <code>'top-start'</code>, <code>'top-end'</code>, <code>'start'</code>, <code>'start-top'</code>, <code>'start-bottom'</code>, <code>'bottom'</code>,\n     * <code>'bottom-start'</code>, <code>'bottom-end'</code>, <code>'end'</code>, <code>'end-top'</code>, <code>'end-bottom'</code>.\n     * <p>\n     * If not specified, the default behaviour is to flip to the side <code>opposite</code> to the one in which collision is detected\n     * </p>\n     * </p>\n     */\n    flipOptions?: FlipOptions;\n\n    /**\n     * Specifies the shift behavior along the respective axis. When true, the floating element will shift to prevent overflow.\n     * <pre>\n     * type ShiftOptions = {\n     *  mainAxis?: boolean;\n     *  crossAxis?: boolean;\n     * };\n     * </pre>\n     * <p><code>mainAxis</code> - main axis in which shifting is applied. Default <code>true</code>.</p>\n     * <p><code>crossAxis</code> - cross axis in which shifting is applied. Default <code>false</code>.</p>\n     */\n    shiftOptions?: ShiftOptions;\n\n    /**\n     *  Triggered when placement or coordinates are changed after collision is detected\n     */\n    onPosition?: (data: PositionData) => void;\n\n    /**\n     * Tail\n     */\n    tail?: 'none' | 'simple';\n\n    /**\n     * Specifies the resizing behaviour for max-height and max-width of the floating component.\n     * <pre>\n     * type SizeOptions = {\n     *    isMaxWidthAdjusted?: boolean;\n     *    isMaxHeightAdjusted?: boolean;\n     *    maxHeightCeiling?: number;\n     *    maxWidthCeiling?: number;\n     *  }\n     * </pre>\n     * <p><code>isMaxHeightAdjusted</code> and <code>isMaxWidthAdjusted</code> - sets the max-height/max-width of the floating to the available space till the collision.\n     * When either of the options isMaxHeightAdjusted, isMaxWidthAdjusted is true, the floating element will change the size depending on the available space.\n     * Default values are <code>'false'</code>.</p>\n     * <p><code>maxHeightCeiling</code> and <code>maxWidthCeiling</code> - are maximal values that could not be exceeded.\n     * Defaults are undefined and it means to use full available width/height.</p>\n     */\n    sizeOptions?: SizeOptions;\n\n    /**\n     * <p>This describes the virtual padding around the collision boundary (currently the view port).</p>\n     * <p>This could be extended in the future,\n     * i.e. property to define what is a boundary\n     * ( a view port, a document, some other html element)</p>\n     * <pre>\n     * type BoundaryOptions = {\n     *  padding?: number | {\n     *    top: number;\n     *    right: number;\n     *    bottom: number;\n     *    left: number;\n     *  };\n     * }\n     * </pre>\n     * Default value for padding is 0.\n     */\n    boundaryOptions?: BoundaryOptions;\n    /**\n     * Specifies the type of CSS position property to use.\n     * <pre>\n     * type Strategy = 'absolute' | 'fixed';\n     * </pre>\n     * Default value is 'absolute'.\n     */\n    strategy?: 'absolute' | 'fixed';\n  };\n\nfunction isElement(value: any): value is Element {\n  return value instanceof Element;\n}\n\n/**\n * A floating component allows the user to create a floating element that is displayed relative to an anchor element or pointer coordinates\n * and at the same time on the \"top layer\" of all other elements.\n * The Floating component is a base component and is often used by such components as Popup, Tooltip, SelectMultiple, Menu and other components.\n */\nexport const Floating = forwardRef(\n  (\n    {\n      children,\n      backgroundColor,\n      onClickOutside,\n      placement = 'bottom',\n      anchorRef,\n      offsetValue,\n      class: className,\n      tail = 'none',\n      flipOptions = { mainAxis: true, crossAxis: false },\n      shiftOptions = { mainAxis: true, crossAxis: false },\n      sizeOptions = { isMaxHeightAdjusted: false, isMaxWidthAdjusted: false },\n      boundaryOptions = { padding: 0 },\n      onPosition,\n      strategy\n    }: Props,\n    ref: ForwardedRef<HTMLElement | null>\n  ) => {\n    const arrowRef = useRef<HTMLDivElement>(null);\n    const [positionData, setPositionData] = useState<PositionData>();\n\n    const unsafeAnchorRef = useUnsafeDomElementRef<Element, Element | Coords>(anchorRef);\n\n    const [previousAnchor, setPreviousAnchor] = useState<Element | Coords | null>(null);\n\n    const { styles, baseTheme } = useComponentTheme<never, FloatingStyles>(FloatingRedwoodTheme);\n\n    // we need to be sure anchorRef.current exists in first call\n    // to be able to set the previousAnchor state\n    useLayoutEffect(() => {\n      setPreviousAnchor(unsafeAnchorRef.current);\n    }, [unsafeAnchorRef]);\n\n    // In case anchorRef.current changes and we need to update floating position\n    // when it changes, we need to have copy in the state.\n    // For example when anchorRef is Coords( virtual element)\n    if (unsafeAnchorRef.current !== previousAnchor) {\n      setPreviousAnchor(unsafeAnchorRef.current);\n    }\n\n    const { direction } = useUser();\n    const isRtl = direction === 'rtl';\n\n    const _onPosition = useCallback(\n      (data: PositionData) => {\n        setPositionData(data);\n        onPosition?.(data);\n      },\n      [onPosition]\n    );\n\n    const middleware = [\n      offset(offsetValue),\n      flip({\n        mainAxis: flipOptions.mainAxis,\n        crossAxis: flipOptions.crossAxis,\n        fallbackPlacements: flipOptions.fallbackPlacements?.map((placement) =>\n          logicalSide(placement, direction)\n        ),\n        padding: boundaryOptions.padding\n      }),\n      shift({\n        mainAxis: shiftOptions.mainAxis,\n        crossAxis: shiftOptions.crossAxis,\n        limiter: limitShift({\n          mainAxis: shiftOptions.mainAxis,\n          crossAxis: shiftOptions.crossAxis\n        })\n      }),\n      ...(arrowRef.current\n        ? [\n            arrow({\n              element: arrowRef.current\n            })\n          ]\n        : [])\n    ];\n    if (sizeOptions.isMaxHeightAdjusted || sizeOptions.isMaxWidthAdjusted) {\n      middleware.push(\n        size({\n          apply({ availableWidth, availableHeight, elements }) {\n            if (sizeOptions.isMaxHeightAdjusted) {\n              if (parseInt(elements.floating.style.maxHeight) !== availableHeight) {\n                Object.assign(elements.floating.style, {\n                  maxHeight: `${Math.min(\n                    availableHeight,\n                    sizeOptions.maxHeightCeiling || availableHeight\n                  )}px`\n                });\n              }\n            }\n\n            if (sizeOptions.isMaxWidthAdjusted) {\n              if (parseInt(elements.floating.style.maxWidth) !== availableWidth) {\n                Object.assign(elements.floating.style, {\n                  maxWidth: `${Math.min(\n                    availableWidth,\n                    sizeOptions.maxWidthCeiling || availableWidth\n                  )}px`\n                });\n              }\n            }\n          },\n\n          padding: boundaryOptions.padding\n        })\n      );\n    }\n\n    const { x, y, reference, floating, refs, update } = useFloating({\n      placement: placement,\n      middleware: middleware,\n      onPosition: _onPosition,\n      strategy: strategy\n    });\n\n    // To solve \"loop limit exceeds\" problem from the ResizeObserver in autoUpdate\n    // we need to make sure that we utilize autoUpdate function\n    // after the Floating component is positioned and has x, y coordinates.\n    const [isPositioned, setIsPositioned] = useState(false);\n\n    // here autoUpdate should be called only once during the Component lifecycle,\n    // if the floating, reference, placement and middleware do not change\n    useEffect(() => {\n      if (!refs.reference.current || !refs.floating.current || isPositioned !== true) {\n        return;\n      }\n\n      return autoUpdate(refs.reference.current, refs.floating.current, update);\n    }, [refs.floating, refs.reference, update, isPositioned]);\n\n    // here we should know when the Floating is positioned\n    useEffect(() => {\n      if (x != null && y != null) {\n        setIsPositioned(true);\n      }\n    }, [x, y]);\n\n    useOutsideClick({ isDisabled: false, ref: refs.floating, handler: onClickOutside });\n\n    function createVirtualElement(\n      domRef: Element | null,\n      data: {\n        axis: 'x' | 'y' | 'both';\n        x: number | null;\n        y: number | null;\n      }\n    ) {\n      let offsetX: number | null = null;\n      let offsetY: number | null = null;\n      let isAutoUpdateEvent = false;\n\n      return {\n        contextElement: domRef || undefined,\n        getBoundingClientRect() {\n          const domRect = domRef?.getBoundingClientRect() || {\n            width: 0,\n            height: 0,\n            x: 0,\n            y: 0\n          };\n\n          const isXAxis = data.axis === 'x' || data.axis === 'both';\n          const isYAxis = data.axis === 'y' || data.axis === 'both';\n\n          let width = domRect.width;\n          let height = domRect.height;\n          let x = domRect.x;\n          let y = domRect.y;\n\n          if (offsetX == null && data.x && isXAxis) {\n            offsetX = domRect.x - data.x;\n          }\n\n          if (offsetY == null && data.y && isYAxis) {\n            offsetY = domRect.y - data.y;\n          }\n\n          x -= offsetX || 0;\n          y -= offsetY || 0;\n          width = 0;\n          height = 0;\n\n          if (!isAutoUpdateEvent) {\n            width = data.axis === 'y' ? domRect.width : 0;\n            height = data.axis === 'x' ? domRect.height : 0;\n            x = isXAxis && data.x != null ? data.x : x;\n            y = isYAxis && data.y != null ? data.y : y;\n          } else if (isAutoUpdateEvent) {\n            height = data.axis === 'x' ? domRect.height : height;\n            width = data.axis === 'y' ? domRect.width : width;\n          }\n\n          isAutoUpdateEvent = true;\n          const virtEl = {\n            width,\n            height,\n            x,\n            y,\n            top: y,\n            right: x + width,\n            bottom: y + height,\n            left: x\n          };\n\n          return virtEl;\n        }\n      };\n    }\n\n    useLayoutEffect(() => {\n      if (isElement(previousAnchor)) {\n        const element = previousAnchor as Element;\n        reference(element);\n        return;\n      }\n      const coords = previousAnchor as Coords;\n      if (coords != null && coords.contextElement != null) {\n        const virtualEl = createVirtualElement(coords.contextElement, {\n          axis: 'both',\n          x: coords.x,\n          y: coords.y\n        });\n        reference(virtualEl);\n        return;\n      }\n      const virtualEl: VirtualElement = {\n        getBoundingClientRect() {\n          return {\n            width: 0,\n            height: 0,\n            x: coords!.x,\n            y: coords!.y,\n            top: coords!.y,\n            left: coords!.x,\n            right: coords!.x,\n            bottom: coords!.y\n          };\n        }\n      };\n      if (coords && coords.x != null) {\n        reference(virtualEl);\n      }\n    }, [previousAnchor, reference]);\n\n    const stableRef = useMemo(() => mergeRefs(ref, floating), [ref, floating]);\n    const positionStyle = { top: y, left: x };\n\n    let assignedVars = {}; // empty var override unless background is specified\n    if (backgroundColor) {\n      assignedVars = assignInlineVars({\n        [floatingVars.backgroundColor]: backgroundColor\n      });\n    }\n\n    const visibilityStyles =\n      x == null && y == null ? floatingVisibilityStyles.hidden : floatingVisibilityStyles.visible;\n    const floatingClasses = classNames([className, baseTheme, styles.baseStyle, visibilityStyles]);\n    const isAnchorMounted = anchorRef && anchorRef.current;\n    const content = (\n      <div class={floatingClasses} ref={stableRef} style={{ ...positionStyle, ...assignedVars }}>\n        {children}\n        {isAnchorMounted && (\n          <FloatingTail\n            ref={arrowRef}\n            backgroundColor={backgroundColor}\n            data={positionData}\n            anchorRef={unsafeAnchorRef}\n            tail={tail}\n            isRtl={isRtl}\n          />\n        )}\n      </div>\n    );\n    return content;\n  }\n);\n"],"names":["FloatingTail","forwardRef","data","anchorRef","tail","isRtl","backgroundColor","ref","styles","baseTheme","useComponentTheme","FloatingRedwoodTheme","arrowRef","useRef","arrowStyles","setArrowStyles","useState","arrowStyle","visibility","arrowInnerStyle","useLayoutEffect","current","isCornerVerticalPlacement","isCornerHorizontalPlacement","arrow","centerOffset","arrowSize","anchorRefHeight","anchorRefWidth","isAnchorRefElement","undefined","x","y","Math","round","getBoundingClientRect","height","width","abs","includes","origPlacement","isCorner","result","innerResult","arrowSizeCorner","arrowInnerSize","arrowInnerSizeCorner","isCenter","isCenterOffsetPositive","setArrowSizes","isCornerPlacement","arrowFinalSize","setArrowStyle","borderTop","getSize","rgba","colorSchemeVars","palette","neutral","borderRight","getTransparentBorder","borderLeft","arrowInnerFinalSize","setArrowInnerStyle","style","Object","assign","getTurn","eighth","size","placement","split","setArrowTop","setArrowStart","setArrowEnd","setArrowBottom","top","bottom","left","transform","setCornerArrowInner","setNonCornerArrowInner","right","setStyles","offset","stableRef","useMemo","mergeRefs","_jsxs","class","classNames","floatingTailBaseStyle","children","_jsx","Floating","onClickOutside","offsetValue","className","flipOptions","mainAxis","crossAxis","shiftOptions","sizeOptions","isMaxHeightAdjusted","isMaxWidthAdjusted","boundaryOptions","padding","onPosition","strategy","positionData","setPositionData","unsafeAnchorRef","useUnsafeDomElementRef","previousAnchor","setPreviousAnchor","direction","useUser","_onPosition","useCallback","middleware","flip","fallbackPlacements","map","logicalSide","shift","limiter","limitShift","element","push","apply","availableWidth","availableHeight","elements","parseInt","floating","maxHeight","min","maxHeightCeiling","maxWidth","maxWidthCeiling","reference","refs","update","useFloating","isPositioned","setIsPositioned","useEffect","autoUpdate","useOutsideClick","isDisabled","handler","Element","coords","contextElement","virtualEl","domRef","offsetX","offsetY","isAutoUpdateEvent","domRect","isXAxis","axis","isYAxis","createVirtualElement","positionStyle","assignedVars","assignInlineVars","floatingVars","visibilityStyles","floatingVisibilityStyles","hidden","visible","floatingClasses","baseStyle","isAnchorMounted"],"mappings":"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"}
+{"version":3,"file":"Floating-e8ec1b0b.js","sources":["../../src/UNSAFE_Floating/FloatingTail.tsx","../../src/UNSAFE_Floating/Floating.tsx"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useMemo, useLayoutEffect, useRef, useState } from 'preact/hooks';\nimport type { RefObject } from 'preact';\nimport { PositionData, Coords } from './Floating.types';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { FloatingStyles } from './themes/FloatingStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport type { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { Property } from 'csstype';\nimport { rgba } from '../UNSAFE_Theme/utils';\nimport { colorSchemeVars } from '@oracle/oraclejet-internal-theme-contract/themeContract.css';\nimport { FloatingRedwoodTheme } from './themes/redwood/FloatingTheme';\n\ntype Props = Pick<ColorProps, 'backgroundColor'> & {\n  data?: PositionData;\n  anchorRef: RefObject<Element | Coords>;\n  tail: 'none' | 'simple';\n  isRtl: boolean;\n};\n\nconst ARROW_SIZE = 7;\nconst ARROW_SIZE_CORNER = 6;\nconst ARROW_INNER_SIZE = 5;\nconst ARROW_INNER_SIZE_CORNER = 5;\n\nconst FloatingTail = forwardRef(\n  (\n    { data, anchorRef, tail, isRtl, backgroundColor }: Props,\n    ref: ForwardedRef<HTMLDivElement | null>\n  ) => {\n    const { styles, baseTheme } = useComponentTheme<never, FloatingStyles>(FloatingRedwoodTheme);\n    const arrowRef = useRef<HTMLDivElement | null>(null);\n    const [arrowStyles, setArrowStyles] = useState({\n      arrowStyle: { visibility: 'hidden' },\n      arrowInnerStyle: { visibility: 'hidden' }\n    });\n\n    useLayoutEffect(() => {\n      if (arrowRef.current == null) return;\n      const { isCornerVerticalPlacement, isCornerHorizontalPlacement } = isCorner(\n        anchorRef,\n        tail,\n        data\n      );\n      setArrowStyles(\n        setStyles(\n          tail,\n          isRtl,\n          isCornerVerticalPlacement,\n          isCornerHorizontalPlacement,\n          data,\n          backgroundColor\n        )\n      );\n    }, [\n      data,\n      backgroundColor,\n      data?.placement,\n      data?.x,\n      data?.y,\n      data?.offset,\n      data?.arrow,\n      tail,\n      isRtl,\n      anchorRef\n    ]);\n\n    const stableRef = useMemo(() => mergeRefs(ref, arrowRef), [ref, arrowRef]);\n    return (\n      tail === 'simple' && (\n        <div\n          ref={stableRef}\n          class={classNames([baseTheme, styles.floatingTailBaseStyle])}\n          style={arrowStyles.arrowStyle}>\n          {' '}\n          {/*Outer arrow - shadow*/}\n          <div\n            class={classNames([styles.floatingTailBaseStyle])}\n            style={arrowStyles.arrowInnerStyle}></div>{' '}\n          {/*Inner arrow - body*/}\n        </div>\n      )\n    );\n  }\n);\n\nfunction isCorner(\n  anchorRef: RefObject<Element | Coords>,\n  tail: 'none' | 'simple',\n  data?: PositionData\n) {\n  if (tail === 'simple' && data && data.arrow) {\n    const { centerOffset } = data.arrow;\n    const arrowSize = ARROW_SIZE;\n    let anchorRefHeight = 0;\n    let anchorRefWidth = 0;\n    const current = anchorRef.current;\n    // @ts-ignore. Type 'Element | Coords' issues\n    // Property 'x' does not exist on type 'Element'.\n    // Property 'y' does not exist on type 'Element'.\n    const isAnchorRefElement = current?.x === undefined && current?.y === undefined;\n    if (isAnchorRefElement) {\n      // @ts-ignore. Property 'getBoundingClientRect' does not exist on type 'Coords'.\n      anchorRefHeight = Math.round(current.getBoundingClientRect().height);\n      // @ts-ignore. Property 'getBoundingClientRect' does not exist on type 'Coords'.\n      anchorRefWidth = Math.round(anchorRef.current?.getBoundingClientRect().width);\n    }\n    const isCornerVerticalPlacement = isAnchorRefElement\n      ? Math.abs(centerOffset) >= anchorRefHeight / 2 - arrowSize / 2\n      : ['start-top-corner', 'start-bottom-corner', 'end-top-corner', 'end-bottom-corner'].includes(\n          data.origPlacement\n        );\n    const isCornerHorizontalPlacement = isAnchorRefElement\n      ? Math.abs(centerOffset) >= anchorRefWidth / 2 - arrowSize / 2\n      : ['top-start-corner', 'top-end-corner', 'bottom-start-corner', 'bottom-end-corner'].includes(\n          data.origPlacement\n        );\n\n    return { isCornerVerticalPlacement, isCornerHorizontalPlacement };\n  } else return { isCornerVerticalPlacement: false, isCornerHorizontalPlacement: false };\n}\n\nfunction setStyles(\n  //arrowEl: HTMLDivElement,\n  tail: 'none' | 'simple',\n  isRtl: boolean,\n  isCornerVerticalPlacement: boolean,\n  isCornerHorizontalPlacement: boolean,\n  data?: PositionData,\n  backgroundColor?: Property.BackgroundColor\n) {\n  const result = { visibility: 'visible' };\n  const innerResult = { visibility: 'visible' };\n  if (tail === 'simple' && data && data.arrow) {\n    const { x, y, centerOffset } = data.arrow;\n    const arrowSize = ARROW_SIZE;\n    const arrowSizeCorner = ARROW_SIZE_CORNER;\n    //const arrowInnerEl = arrowEl.querySelector('div') as Element;\n    const arrowInnerSize = ARROW_INNER_SIZE;\n    const arrowInnerSizeCorner = ARROW_INNER_SIZE_CORNER;\n\n    const isCenter = centerOffset === 0;\n    const isCenterOffsetPositive = centerOffset > 0;\n\n    // Set sizes of the arrow\n    setArrowSizes(isCornerVerticalPlacement || isCornerHorizontalPlacement);\n\n    // Corner vs. normal arrow\n    function setArrowSizes(isCornerPlacement?: boolean) {\n      // Outer arrow (shadow)\n      const arrowFinalSize = isCornerPlacement ? arrowSizeCorner : arrowSize;\n      setArrowStyle(\n        {\n          // Tracked: \n          borderTop: `${getSize(arrowFinalSize)} solid ${rgba(\n            colorSchemeVars.palette.neutral[90],\n            0.1\n          )}`,\n          borderRight: getTransparentBorder(arrowFinalSize),\n          borderLeft: getTransparentBorder(arrowFinalSize)\n        },\n        result\n      );\n      // Inner arrow\n      const arrowInnerFinalSize = isCornerPlacement ? arrowInnerSizeCorner : arrowInnerSize;\n      setArrowInnerStyle(\n        {\n          // Tracked: \n          borderTop: `${getSize(arrowInnerFinalSize)} solid ${backgroundColor}`,\n          borderRight: `${getTransparentBorder(arrowInnerFinalSize)}`,\n          borderLeft: `${getTransparentBorder(arrowInnerFinalSize)}`\n        },\n        innerResult\n      );\n    }\n\n    function setArrowStyle(style: object, result: object) {\n      Object.assign(result, style);\n    }\n\n    function setArrowInnerStyle(style: object, result: object) {\n      Object.assign(result, style);\n    }\n\n    function getTurn(eighth: number) {\n      return `rotate(${eighth * 45}deg)`;\n    }\n\n    function getSize(size: number) {\n      return `${size}px`;\n    }\n\n    function getTransparentBorder(size: number) {\n      return `${getSize(size)} solid transparent`;\n    }\n\n    const placementArr = data.placement.split('-');\n    const side = placementArr[0];\n\n    switch (side) {\n      case 'top':\n        setArrowTop();\n        break;\n      case 'end':\n        isRtl ? setArrowStart() : setArrowEnd();\n        break;\n      case 'bottom':\n        setArrowBottom();\n        break;\n      case 'start':\n        isRtl ? setArrowEnd() : setArrowStart();\n        break;\n    }\n\n    function setArrowTop() {\n      if (x != undefined) {\n        if (isCornerHorizontalPlacement) {\n          // Top corners\n          setArrowStyle(\n            {\n              top: '', // flip 'reset'\n              bottom: getSize(-arrowSize + 2),\n              left: getSize(x + (isCenterOffsetPositive ? 5 : -5)),\n              transform: getTurn(isCenterOffsetPositive ? 5 : 3)\n            },\n            result\n          );\n          setCornerArrowInner();\n        } else {\n          setArrowStyle(\n            {\n              top: '', // flip 'reset'\n              bottom: getSize(-arrowSize),\n              left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n              transform: getTurn(0)\n            },\n            result\n          );\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowEnd() {\n      if (y != undefined) {\n        if (isCornerVerticalPlacement) {\n          // End corners\n          setArrowStyle(\n            {\n              top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n              right: '', // flip 'reset'\n              left: getSize(-arrowSize - 1),\n              transform: getTurn(isCenterOffsetPositive ? 7 : 5)\n            },\n            result\n          );\n          setCornerArrowInner();\n        } else {\n          // End\n          setArrowStyle(\n            {\n              top: isCenter ? getSize(y) : getSize(y + (isCenterOffsetPositive ? -2 : +2)),\n              right: '', // flip 'reset'\n              left: getSize(-arrowSize * 1.5),\n              transform: getTurn(2)\n            },\n            result\n          );\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowBottom() {\n      if (x != undefined) {\n        if (isCornerHorizontalPlacement) {\n          // Bottom corners\n          setArrowStyle(\n            {\n              top: getSize(-arrowSize + 3),\n              bottom: '', // flip 'reset'\n              left: getSize(x + (isCenterOffsetPositive ? 4 : -4)),\n              transform: getTurn(isCenterOffsetPositive ? 2 : 6)\n            },\n            result\n          );\n          setArrowInnerStyle(\n            {\n              top: getSize(-arrowInnerSize),\n              left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 1 : -1))\n            },\n            innerResult\n          );\n        } else {\n          setArrowStyle(\n            {\n              top: getSize(-arrowSize),\n              bottom: '', // flip 'reset'\n              left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n              transform: getTurn(4)\n            },\n            result\n          );\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowStart() {\n      if (y != undefined) {\n        if (isCornerVerticalPlacement) {\n          // Start corners\n          setArrowStyle(\n            {\n              top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n              right: getSize(-arrowSize - 1),\n              left: '', // flip 'reset'\n              transform: getTurn(isCenterOffsetPositive ? 1 : 3)\n            },\n            result\n          );\n          setArrowInnerStyle(\n            {\n              top: getSize(-arrowInnerSize),\n              left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? -2 : 2))\n            },\n            innerResult\n          );\n        } else {\n          // Start\n          setArrowStyle(\n            {\n              top: isCenter ? getSize(y) : getSize(y + (isCenterOffsetPositive ? -2 : +2)),\n              right: getSize(-arrowSize * 1.5),\n              left: '', // flip 'reset'\n              transform: getTurn(6)\n            },\n            result\n          );\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setCornerArrowInner() {\n      setArrowInnerStyle(\n        {\n          top: getSize(-arrowInnerSize),\n          left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 2 : -2))\n        },\n        innerResult\n      );\n    }\n\n    function setNonCornerArrowInner() {\n      setArrowInnerStyle(\n        {\n          top: getSize(-arrowInnerSize - 2),\n          left: getSize(-arrowInnerSize)\n        },\n        innerResult\n      );\n    }\n  }\n  return { arrowStyle: result, arrowInnerStyle: innerResult };\n}\n\nexport { FloatingTail };\n","import type { RefObject, JSX } from 'preact';\nimport { useLayoutEffect, useEffect, useMemo, useState, useRef, useCallback } from 'preact/hooks';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { autoUpdate, arrow } from '@floating-ui/dom';\nimport {\n  useFloating,\n  shift,\n  flip,\n  size,\n  offset,\n  limitShift,\n  VirtualElement,\n  logicalSide\n} from '../hooks/PRIVATE_useFloating';\nimport { Offset, Placement, Coords, PositionData } from './Floating.types';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { FloatingTail } from './FloatingTail';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { FloatingStyles, floatingVisibilityStyles } from './themes/FloatingStyles.css';\nimport { FloatingRedwoodTheme } from './themes/redwood/FloatingTheme';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { floatingVars } from './themes/FloatingContract.css';\nimport type { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\nimport type { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\nimport { useUnsafeDomElementRef } from '#hooks/PRIVATE_useUnsafeDomElementRef';\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'children' | 'class'>;\n/**\n * Specifies the flipping behavior along the respective axis.\n */\nexport type FlipOptions = {\n  /**\n   * If set to true, enables collision detection on the main axis,\n   * which runs along the floating placement side.\n   */\n  mainAxis?: boolean;\n  /**\n   * If set to true, enables collision detection on the cross axis,\n   * which runs along the floating placement side.\n   */\n  crossAxis?: boolean;\n  /**\n   * Specifies an array of placements to try\n   * if the preferred initial placement doesn’t fit on the axes\n   * in which collision is detected.\n   */\n  fallbackPlacements?: Array<Placement>;\n};\n\n/**\n * Specifies the shift behavior along the respective axis.\n * When true, the floating element will shift to prevent overflow.\n */\nexport type ShiftOptions = {\n  /**\n   * main axis in which shifting is applied. Default <code>true</code>.\n   */\n  mainAxis?: boolean;\n  /**\n   * cross axis in which shifting is applied. Default <code>false</code>.\n   */\n  crossAxis?: boolean;\n};\n\n/**\n * This describes the virtual padding around the collision boundary (currently the view port).\n * This could be extended in the future,\n * i.e. property to define what is a boundary ( a view port, a document, some other html element)\n */\nexport type BoundaryOptions = {\n  padding?:\n    | number\n    | {\n        top: number;\n        right: number;\n        bottom: number;\n        left: number;\n      };\n};\n/**\n * Specifies the resizing behaviour for max-height and max-width of the floating component.\n * The floating element will change the size depending on the available space.\n * isMaxHeightAdjusted/isMaxWidthAdjusted - sets the max-height/max-width of the floating to the available space till the collision.\n * maxHeightCeiling/maxWidthCeiling - this is the limit for max-height/max-width that should not be exceeded, even if there is more available space till the collision.\n */\nexport type SizeOptions = {\n  isMaxWidthAdjusted?: boolean;\n  isMaxHeightAdjusted?: boolean;\n  maxHeightCeiling?: number;\n  maxWidthCeiling?: number;\n};\n\ntype Props = IntrinsicProps &\n  Pick<ColorProps, 'backgroundColor'> & {\n    /**\n     * <p>Placement of the floating element relative to its reference element.</p>\n     * <p>Placement consists of two parts, the first part is the side, the second is the alignment.</p>\n     * <p>Possible values are:</p>\n     * <p> <code>'top' </code> <code>'top-start' </code> <code> 'top-end' </code> <code> 'top-start-corner' </code> <code> 'top-end-corner' </code>\n     * <code> 'end' </code> <code> 'end-top'  </code> <code> 'end-bottom' </code> <code> 'end-top-corner' </code> <code> 'end-bottom-corner' </code>\n     * <code> 'bottom'  </code> <code> 'bottom-start'  </code> <code> 'bottom-end' </code> <code> 'bottom-start-corner' </code> <code> 'bottom-end-corner' </code>\n     * <code> 'start' </code> <code> 'start-top'  </code> <code> 'start-bottom' </code> <code> 'start-top-corner' </code> <code> 'start-bottom-corner' </code>\n     * </p>\n     */\n    placement?: Placement;\n\n    /**\n     * Trigger element reference.\n     */\n    anchorRef: RefObject<Element | Coords | UnsafeDomHandle<Element>>;\n\n    /**\n     * Placement offset.\n     * Offset displaces the floating element from its core placement along the specified axes.\n     * Offset could be a number or an object\n     * A number represents the distance (gutter or margin) between the floating element and the reference element.\n     * This is shorthand for mainAxis.\n     * <pre>\n     *   {\n     *     mainAxis?: number;\n     *     crossAxis?: number;\n     *   }\n     * </pre>\n     * <p><code>mainAxis</code> - represents the distance (gutter or margin) between the floating element and the reference element.</p>\n     * <p><code>crossAxis</code> - represents the shifting between the floating element and the reference element.<p>\n     */\n    offsetValue?: Offset;\n\n    /**\n     * Click outside callback.\n     */\n    onClickOutside?: (event: MouseEvent) => void;\n\n    /**\n     * FlipOptions object\n     * <pre>\n     * type FlipOptions = {\n     *     mainAxis?: boolean;\n     *     crossAxis?: boolean;\n     *     fallbackPlacements?: Array<Placement>;\n     *   }\n     * </pre>\n     * <p>Specifies the flipping behavior along the respective axis.<p>\n     * <p><code>mainAxis</code> - If set to true, enables collision detection on the main axis, which runs along the floating placement side.\n     * Default is <code>true</code>.\n     * </p>\n     * <p><code>crossAxis</code> - If set to true, enables collision detection on the cross axis, which runs along the floating placement alignment.\n     * Default is <code>false</code>.\n     * </p>\n     * <p><code>fallbackPlacements</code> - specifies an array of placements to try if the preferred initial placement doesn’t fit on the axes in which collision is detected.\n     * The fallback placements will be tried in the order they are specified in the array.\n     * The following placements are allowed as values of the array:\n     * <code>'top'</code>, <code>'top-start'</code>, <code>'top-end'</code>, <code>'start'</code>, <code>'start-top'</code>, <code>'start-bottom'</code>, <code>'bottom'</code>,\n     * <code>'bottom-start'</code>, <code>'bottom-end'</code>, <code>'end'</code>, <code>'end-top'</code>, <code>'end-bottom'</code>.\n     * <p>\n     * If not specified, the default behaviour is to flip to the side <code>opposite</code> to the one in which collision is detected\n     * </p>\n     * </p>\n     */\n    flipOptions?: FlipOptions;\n\n    /**\n     * Specifies the shift behavior along the respective axis. When true, the floating element will shift to prevent overflow.\n     * <pre>\n     * type ShiftOptions = {\n     *  mainAxis?: boolean;\n     *  crossAxis?: boolean;\n     * };\n     * </pre>\n     * <p><code>mainAxis</code> - main axis in which shifting is applied. Default <code>true</code>.</p>\n     * <p><code>crossAxis</code> - cross axis in which shifting is applied. Default <code>false</code>.</p>\n     */\n    shiftOptions?: ShiftOptions;\n\n    /**\n     *  Triggered when placement or coordinates are changed after collision is detected\n     */\n    onPosition?: (data: PositionData) => void;\n\n    /**\n     * Tail\n     */\n    tail?: 'none' | 'simple';\n\n    /**\n     * Specifies the resizing behaviour for max-height and max-width of the floating component.\n     * <pre>\n     * type SizeOptions = {\n     *    isMaxWidthAdjusted?: boolean;\n     *    isMaxHeightAdjusted?: boolean;\n     *    maxHeightCeiling?: number;\n     *    maxWidthCeiling?: number;\n     *  }\n     * </pre>\n     * <p><code>isMaxHeightAdjusted</code> and <code>isMaxWidthAdjusted</code> - sets the max-height/max-width of the floating to the available space till the collision.\n     * When either of the options isMaxHeightAdjusted, isMaxWidthAdjusted is true, the floating element will change the size depending on the available space.\n     * Default values are <code>'false'</code>.</p>\n     * <p><code>maxHeightCeiling</code> and <code>maxWidthCeiling</code> - are maximal values that could not be exceeded.\n     * Defaults are undefined and it means to use full available width/height.</p>\n     */\n    sizeOptions?: SizeOptions;\n\n    /**\n     * <p>This describes the virtual padding around the collision boundary (currently the view port).</p>\n     * <p>This could be extended in the future,\n     * i.e. property to define what is a boundary\n     * ( a view port, a document, some other html element)</p>\n     * <pre>\n     * type BoundaryOptions = {\n     *  padding?: number | {\n     *    top: number;\n     *    right: number;\n     *    bottom: number;\n     *    left: number;\n     *  };\n     * }\n     * </pre>\n     * Default value for padding is 0.\n     */\n    boundaryOptions?: BoundaryOptions;\n    /**\n     * Specifies the type of CSS position property to use.\n     * <pre>\n     * type Strategy = 'absolute' | 'fixed';\n     * </pre>\n     * Default value is 'absolute'.\n     */\n    strategy?: 'absolute' | 'fixed';\n  };\n\nfunction isElement(value: any): value is Element {\n  return value instanceof Element;\n}\n\n/**\n * A floating component allows the user to create a floating element that is displayed relative to an anchor element or pointer coordinates\n * and at the same time on the \"top layer\" of all other elements.\n * The Floating component is a base component and is often used by such components as Popup, Tooltip, SelectMultiple, Menu and other components.\n */\nexport const Floating = forwardRef(\n  (\n    {\n      children,\n      backgroundColor,\n      onClickOutside,\n      placement = 'bottom',\n      anchorRef,\n      offsetValue,\n      class: className,\n      tail = 'none',\n      flipOptions = { mainAxis: true, crossAxis: false },\n      shiftOptions = { mainAxis: true, crossAxis: false },\n      sizeOptions = { isMaxHeightAdjusted: false, isMaxWidthAdjusted: false },\n      boundaryOptions = { padding: 0 },\n      onPosition,\n      strategy\n    }: Props,\n    ref: ForwardedRef<HTMLElement | null>\n  ) => {\n    const arrowRef = useRef<HTMLDivElement>(null);\n    const [positionData, setPositionData] = useState<PositionData>();\n\n    const unsafeAnchorRef = useUnsafeDomElementRef<Element, Element | Coords>(anchorRef);\n\n    const [previousAnchor, setPreviousAnchor] = useState<Element | Coords | null>(null);\n\n    const { styles, baseTheme } = useComponentTheme<never, FloatingStyles>(FloatingRedwoodTheme);\n\n    // we need to be sure anchorRef.current exists in first call\n    // to be able to set the previousAnchor state\n    useLayoutEffect(() => {\n      setPreviousAnchor(unsafeAnchorRef.current);\n    }, [unsafeAnchorRef]);\n\n    // In case anchorRef.current changes and we need to update floating position\n    // when it changes, we need to have copy in the state.\n    // For example when anchorRef is Coords( virtual element)\n    if (unsafeAnchorRef.current !== previousAnchor) {\n      setPreviousAnchor(unsafeAnchorRef.current);\n    }\n\n    const { direction } = useUser();\n    const isRtl = direction === 'rtl';\n\n    const _onPosition = useCallback(\n      (data: PositionData) => {\n        setPositionData(data);\n        onPosition?.(data);\n      },\n      [onPosition]\n    );\n\n    const middleware = [\n      offset(offsetValue),\n      flip({\n        mainAxis: flipOptions.mainAxis,\n        crossAxis: flipOptions.crossAxis,\n        fallbackPlacements: flipOptions.fallbackPlacements?.map((placement) =>\n          logicalSide(placement, direction)\n        ),\n        padding: boundaryOptions.padding\n      }),\n      shift({\n        mainAxis: shiftOptions.mainAxis,\n        crossAxis: shiftOptions.crossAxis,\n        limiter: limitShift({\n          mainAxis: shiftOptions.mainAxis,\n          crossAxis: shiftOptions.crossAxis\n        })\n      }),\n      ...(arrowRef.current\n        ? [\n            arrow({\n              element: arrowRef.current\n            })\n          ]\n        : [])\n    ];\n    if (sizeOptions.isMaxHeightAdjusted || sizeOptions.isMaxWidthAdjusted) {\n      middleware.push(\n        size({\n          apply({ availableWidth, availableHeight, elements }) {\n            if (sizeOptions.isMaxHeightAdjusted) {\n              if (parseInt(elements.floating.style.maxHeight) !== availableHeight) {\n                Object.assign(elements.floating.style, {\n                  maxHeight: `${Math.min(\n                    availableHeight,\n                    sizeOptions.maxHeightCeiling || availableHeight\n                  )}px`\n                });\n              }\n            }\n\n            if (sizeOptions.isMaxWidthAdjusted) {\n              if (parseInt(elements.floating.style.maxWidth) !== availableWidth) {\n                Object.assign(elements.floating.style, {\n                  maxWidth: `${Math.min(\n                    availableWidth,\n                    sizeOptions.maxWidthCeiling || availableWidth\n                  )}px`\n                });\n              }\n            }\n          },\n\n          padding: boundaryOptions.padding\n        })\n      );\n    }\n\n    const { x, y, reference, floating, refs, update } = useFloating({\n      placement: placement,\n      middleware: middleware,\n      onPosition: _onPosition,\n      strategy: strategy\n    });\n\n    // To solve \"loop limit exceeds\" problem from the ResizeObserver in autoUpdate\n    // we need to make sure that we utilize autoUpdate function\n    // after the Floating component is positioned and has x, y coordinates.\n    const [isPositioned, setIsPositioned] = useState(false);\n\n    // here autoUpdate should be called only once during the Component lifecycle,\n    // if the floating, reference, placement and middleware do not change\n    useEffect(() => {\n      if (!refs.reference.current || !refs.floating.current || isPositioned !== true) {\n        return;\n      }\n\n      return autoUpdate(refs.reference.current, refs.floating.current, update);\n    }, [refs.floating, refs.reference, update, isPositioned]);\n\n    // here we should know when the Floating is positioned\n    useEffect(() => {\n      if (x != null && y != null) {\n        setIsPositioned(true);\n      }\n    }, [x, y]);\n\n    useOutsideClick({ isDisabled: false, ref: refs.floating, handler: onClickOutside });\n\n    function createVirtualElement(\n      domRef: Element | null,\n      data: {\n        axis: 'x' | 'y' | 'both';\n        x: number | null;\n        y: number | null;\n      }\n    ) {\n      let offsetX: number | null = null;\n      let offsetY: number | null = null;\n      let isAutoUpdateEvent = false;\n\n      return {\n        contextElement: domRef || undefined,\n        getBoundingClientRect() {\n          const domRect = domRef?.getBoundingClientRect() || {\n            width: 0,\n            height: 0,\n            x: 0,\n            y: 0\n          };\n\n          const isXAxis = data.axis === 'x' || data.axis === 'both';\n          const isYAxis = data.axis === 'y' || data.axis === 'both';\n\n          let width = domRect.width;\n          let height = domRect.height;\n          let x = domRect.x;\n          let y = domRect.y;\n\n          if (offsetX == null && data.x && isXAxis) {\n            offsetX = domRect.x - data.x;\n          }\n\n          if (offsetY == null && data.y && isYAxis) {\n            offsetY = domRect.y - data.y;\n          }\n\n          x -= offsetX || 0;\n          y -= offsetY || 0;\n          width = 0;\n          height = 0;\n\n          if (!isAutoUpdateEvent) {\n            width = data.axis === 'y' ? domRect.width : 0;\n            height = data.axis === 'x' ? domRect.height : 0;\n            x = isXAxis && data.x != null ? data.x : x;\n            y = isYAxis && data.y != null ? data.y : y;\n          } else if (isAutoUpdateEvent) {\n            height = data.axis === 'x' ? domRect.height : height;\n            width = data.axis === 'y' ? domRect.width : width;\n          }\n\n          isAutoUpdateEvent = true;\n          const virtEl = {\n            width,\n            height,\n            x,\n            y,\n            top: y,\n            right: x + width,\n            bottom: y + height,\n            left: x\n          };\n\n          return virtEl;\n        }\n      };\n    }\n\n    useLayoutEffect(() => {\n      if (isElement(previousAnchor)) {\n        const element = previousAnchor as Element;\n        reference(element);\n        return;\n      }\n      const coords = previousAnchor as Coords;\n      if (coords != null && coords.contextElement != null) {\n        const virtualEl = createVirtualElement(coords.contextElement, {\n          axis: 'both',\n          x: coords.x,\n          y: coords.y\n        });\n        reference(virtualEl);\n        return;\n      }\n      const virtualEl: VirtualElement = {\n        getBoundingClientRect() {\n          return {\n            width: 0,\n            height: 0,\n            x: coords!.x,\n            y: coords!.y,\n            top: coords!.y,\n            left: coords!.x,\n            right: coords!.x,\n            bottom: coords!.y\n          };\n        }\n      };\n      if (coords && coords.x != null) {\n        reference(virtualEl);\n      }\n    }, [previousAnchor, reference]);\n\n    const stableRef = useMemo(() => mergeRefs(ref, floating), [ref, floating]);\n    const positionStyle = { top: y, left: x };\n\n    let assignedVars = {}; // empty var override unless background is specified\n    if (backgroundColor) {\n      assignedVars = assignInlineVars({\n        [floatingVars.backgroundColor]: backgroundColor\n      });\n    }\n\n    const visibilityStyles =\n      x == null && y == null ? floatingVisibilityStyles.hidden : floatingVisibilityStyles.visible;\n    const floatingClasses = classNames([className, baseTheme, styles.baseStyle, visibilityStyles]);\n    const isAnchorMounted = anchorRef && anchorRef.current;\n    const content = (\n      <div class={floatingClasses} ref={stableRef} style={{ ...positionStyle, ...assignedVars }}>\n        {children}\n        {isAnchorMounted && (\n          <FloatingTail\n            ref={arrowRef}\n            backgroundColor={backgroundColor}\n            data={positionData}\n            anchorRef={unsafeAnchorRef}\n            tail={tail}\n            isRtl={isRtl}\n          />\n        )}\n      </div>\n    );\n    return content;\n  }\n);\n"],"names":["FloatingTail","forwardRef","data","anchorRef","tail","isRtl","backgroundColor","ref","styles","baseTheme","useComponentTheme","FloatingRedwoodTheme","arrowRef","useRef","arrowStyles","setArrowStyles","useState","arrowStyle","visibility","arrowInnerStyle","useLayoutEffect","current","isCornerVerticalPlacement","isCornerHorizontalPlacement","arrow","centerOffset","arrowSize","anchorRefHeight","anchorRefWidth","isAnchorRefElement","undefined","x","y","Math","round","getBoundingClientRect","height","width","abs","includes","origPlacement","isCorner","result","innerResult","arrowSizeCorner","arrowInnerSize","arrowInnerSizeCorner","isCenter","isCenterOffsetPositive","setArrowSizes","isCornerPlacement","arrowFinalSize","setArrowStyle","borderTop","getSize","rgba","colorSchemeVars","palette","neutral","borderRight","getTransparentBorder","borderLeft","arrowInnerFinalSize","setArrowInnerStyle","style","Object","assign","getTurn","eighth","size","placement","split","setArrowTop","setArrowStart","setArrowEnd","setArrowBottom","top","bottom","left","transform","setCornerArrowInner","setNonCornerArrowInner","right","setStyles","offset","stableRef","useMemo","mergeRefs","_jsxs","class","classNames","floatingTailBaseStyle","children","_jsx","Floating","onClickOutside","offsetValue","className","flipOptions","mainAxis","crossAxis","shiftOptions","sizeOptions","isMaxHeightAdjusted","isMaxWidthAdjusted","boundaryOptions","padding","onPosition","strategy","positionData","setPositionData","unsafeAnchorRef","useUnsafeDomElementRef","previousAnchor","setPreviousAnchor","direction","useUser","_onPosition","useCallback","middleware","flip","fallbackPlacements","map","logicalSide","shift","limiter","limitShift","element","push","apply","availableWidth","availableHeight","elements","parseInt","floating","maxHeight","min","maxHeightCeiling","maxWidth","maxWidthCeiling","reference","refs","update","useFloating","isPositioned","setIsPositioned","useEffect","autoUpdate","useOutsideClick","isDisabled","handler","Element","coords","contextElement","virtualEl","domRef","offsetX","offsetY","isAutoUpdateEvent","domRect","isXAxis","axis","isYAxis","createVirtualElement","positionStyle","assignedVars","assignInlineVars","floatingVars","visibilityStyles","floatingVisibilityStyles","hidden","visible","floatingClasses","baseStyle","isAnchorMounted"],"mappings":"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"}

package/amd/FormLayout-4cd8a8a5.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './vanilla-extract-dynamic.esm-6065bbd7', './useComponentTheme-db55de25', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './UNSAFE_FormLayout/themes/FormLayoutStyles.css', './LayoutStyles.css-e2543ca1', './UNSAFE_FormLayout/themes/redwood/FormLayoutTheme', './classNames-08d99695', './useTestId-f4240cbd'], (function(e,s,t,a,o,l,n,i,r,u,d){"use strict";e.FormLayout=({columns:e=1,columnBehavior:m="responsive",columnSpan:c=1,direction:y="row",isFullWidth:b,isReadonly:h,labelEdge:p,labelStartWidth:F,labelWrapping:C,userAssistanceDensity:x,children:v,testId:L})=>{const{isDisabled:S,isFormLayout:W,isReadonly:g,labelEdge:T,labelStartWidth:A,labelWrapping:f,textAlign:E="start",userAssistanceDensity:D}=l.useFormContext(),I=d.useTestId(L),R=d.useTestId(L?`${L}_layout`:void 0),j=h??g,w=p??T,N=F??A,V=C??f,$=x??(W?D:"efficient"),_=t.assignInlineVars({[i.layoutLocalVars.maxColumnCount]:`${e}`,[i.layoutLocalVars.minColumnCount]:`${"responsive"===m?1:e}`}),{baseTheme:B,variantClasses:U}=a.useComponentTheme(r.FormLayoutRedwoodTheme,{columnBehavior:m,direction:y}),{variantClasses:P}=a.useComponentTheme(r.FormLayoutRedwoodTheme,{labelEdge:w,fullWidth:b?"isFullWidth":"notFullWidth"});return s.jsx(o.FormContext.Provider,{value:{isDisabled:S,isFormLayout:!0,isReadonly:j,labelEdge:w,labelStartWidth:N,labelWrapping:V,textAlign:E,userAssistanceDensity:$},children:s.jsx("div",{class:u.classNames([B,P,n.styles.rootWrapperStyle,i.layoutSpanStyles.layoutSpanColumn[c]]),...I,style:_,children:s.jsx("div",{class:U,...R,children:v})})})}}));
+define(['exports', 'preact/jsx-runtime', './vanilla-extract-dynamic.esm-6065bbd7', './useComponentTheme-db55de25', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './UNSAFE_FormLayout/themes/FormLayoutStyles.css', './LayoutStyles.css-e2543ca1', './UNSAFE_FormLayout/themes/redwood/FormLayoutTheme', './classNames-08d99695', './useTestId-6160e7a2'], (function(e,s,t,a,o,l,n,i,r,u,d){"use strict";e.FormLayout=({columns:e=1,columnBehavior:m="responsive",columnSpan:c=1,direction:y="row",isFullWidth:h,isReadonly:b,labelEdge:p,labelStartWidth:F,labelWrapping:C,userAssistanceDensity:x,children:v,testId:L})=>{const{isDisabled:S,isFormLayout:W,isReadonly:g,labelEdge:T,labelStartWidth:A,labelWrapping:E,textAlign:f="start",userAssistanceDensity:D}=l.useFormContext(),I=d.useTestId(L),R=d.useTestId(L?`${L}_layout`:void 0),j=b??g,w=p??T,N=F??A,V=C??E,$=x??(W?D:"efficient"),_=t.assignInlineVars({[i.layoutLocalVars.maxColumnCount]:`${e}`,[i.layoutLocalVars.minColumnCount]:`${"responsive"===m?1:e}`}),{baseTheme:B,variantClasses:U}=a.useComponentTheme(r.FormLayoutRedwoodTheme,{columnBehavior:m,direction:y}),{variantClasses:P}=a.useComponentTheme(r.FormLayoutRedwoodTheme,{labelEdge:w,fullWidth:h?"isFullWidth":"notFullWidth"});return s.jsx(o.FormContext.Provider,{value:{isDisabled:S,isFormLayout:!0,isReadonly:j,labelEdge:w,labelStartWidth:N,labelWrapping:V,textAlign:f,userAssistanceDensity:$},children:s.jsx("div",{class:u.classNames([B,P,n.styles.rootWrapperStyle,i.layoutSpanStyles.layoutSpanColumn[c]]),...I,style:_,children:s.jsx("div",{class:U,...R,children:v})})})}}));
 //# sourceMappingURL=FormLayout-4cd8a8a5.js.map