@oracle/oraclejet-preact 18.0.8 → 18.0.9

package/amd/{OverflowTabBar-339f34cf.js.map → OverflowTabBar-ea3a4742.js.map}

@@ -1 +1 @@
-{"version":3,"file":"OverflowTabBar-339f34cf.js","sources":["../../src/UNSAFE_OverflowTabBar/OverflowTabBar.tsx"],"sourcesContent":["import { ComponentProps, createRef } from 'preact';\nimport { useCallback, useMemo, useRef, useState } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { OverflowTabBarItem, RemovableTabBarItem, TabBar, TabBarItem } from '../UNSAFE_TabBar';\nimport { CloseDetail, Item } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/OverflowTabBarStyles.css';\nimport { useDetectHorizontalOverflow } from '../hooks/PRIVATE_useDetectHorizontalOverflow';\n\ntype OverflowTabBarProps<K extends string | number> = {\n  /**\n   * An array of data to render individual tabs\n   */\n  items: Item<K>[];\n  /**\n   * The truncation configuration for tab labels.\n   * 'progressive' will restrict the width of each tab label to allow all tabs to fit if enough space is not available to display all of the tabs.\n   * Labels that are truncated are displayed with ellipses. However the width of each tab label will not be truncated below a specific threshold.\n   * 'none' tabs always take up the space needed by the labels even if enough space is not available to display all of the tabs.\n   */\n  truncation?: 'none' | 'progressive';\n} & Omit<ComponentProps<typeof TabBar>, 'children' | 'aria-describedby' | 'ref'>;\n\n/**\n * OverflowTabBar handles the rendering of overflowing tab items.\n */\nexport function OverflowTabBar<K extends string | number>({\n  items,\n  layout = 'stretch',\n  display = 'standard',\n  size = 'md',\n  edge = 'top',\n  selection,\n  truncation,\n  onSelect,\n  onRemove,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  testId\n}: OverflowTabBarProps<K> & TestIdProps) {\n  const displayStackProps = {\n    display: display\n  };\n  const displayNonStackProps = {\n    display: display,\n    size: size\n  };\n\n  const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const tabBarRef = createRef<HTMLDivElement>();\n\n  const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n\n  const isOutsideMouseDown = useRef<boolean>(false);\n\n  const handleClose = (e: CloseDetail) => {\n    if (tabBarRef.current && ['itemAction', 'dismissed'].includes(e.reason)) {\n      tabBarRef?.current?.focus();\n    }\n    if (e.reason === 'outsideMousedown') {\n      isOutsideMouseDown.current = true;\n    }\n    setIsDropDownOpen(false);\n  };\n\n  const handleSelect = useCallback<Required<ComponentProps<typeof TabBar>>['onSelect']>(\n    (e: { value: string | number }) => {\n      if (e.value === 'more') {\n        //If overflow item is clicked after dropdown is open, the reason is outsideMouseDown and it needs to be closed\n        if (isOutsideMouseDown.current) {\n          setIsDropDownOpen(false);\n        } else {\n          setIsDropDownOpen(true);\n        }\n      } else {\n        onSelect?.(e);\n      }\n      isOutsideMouseDown.current = false;\n    },\n    [onSelect]\n  );\n\n  const overflowItemKey = 'more' as K;\n\n  const keysArray = useMemo(() => items.map((item) => item.itemKey) as K[], [items]);\n\n  const { visibleItemKeys, overflowItemKeys, maxWidths } = useDetectHorizontalOverflow({\n    rootRef: tabBarRef,\n    keysArray,\n    isTruncationDisabled: !(truncation && truncation === 'progressive')\n  });\n\n  const overflowTabBarClass = classNames([styles.overflowTabBarBase]);\n\n  return (\n    <div ref={rootRef} class={overflowTabBarClass}>\n      <TabBar\n        ref={tabBarRef}\n        selection={selection}\n        onSelect={handleSelect}\n        {...displayProps}\n        layout={layout}\n        edge={edge}\n        onRemove={onRemove}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        testId={testId}>\n        {visibleItemKeys != null &&\n          visibleItemKeys.length > 0 &&\n          items\n            .filter((item) => visibleItemKeys?.includes(item.itemKey))\n            .map((item: Item<K>) =>\n              item.isRemovable ? (\n                <RemovableTabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              ) : (\n                <TabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              )\n            )}\n        {overflowItemKeys != null && overflowItemKeys.length > 0 && (\n          <OverflowTabBarItem\n            isOpen={isDropDownOpen}\n            onClose={handleClose}\n            overflowItemKey={overflowItemKey}\n            overflowItems={items.filter((item) => overflowItemKeys?.includes(item.itemKey))}\n          />\n        )}\n      </TabBar>\n    </div>\n  );\n}\n"],"names":["items","layout","display","size","edge","selection","truncation","onSelect","onRemove","ariaLabel","ariaLabelledby","testId","displayProps","rootRef","useRef","tabBarRef","createRef","isDropDownOpen","setIsDropDownOpen","useState","isOutsideMouseDown","handleSelect","useCallback","e","value","current","keysArray","useMemo","map","item","itemKey","visibleItemKeys","overflowItemKeys","maxWidths","useDetectHorizontalOverflow","isTruncationDisabled","overflowTabBarClass","classNames","styles","overflowTabBarBase","_jsx","ref","class","children","_jsxs","TabBar","length","filter","includes","isRemovable","RemovableTabBarItem","label","icon","badge","metadata","severity","tabPanelId","labelMaxWidth","get","TabBarItem","OverflowTabBarItem","isOpen","onClose","reason","focus","overflowItemKey","overflowItems"],"mappings":"iXA0B0DA,MACxDA,EAAKC,OACLA,EAAS,UAASC,QAClBA,EAAU,WAAUC,KACpBA,EAAO,KAAIC,KACXA,EAAO,MAAKC,UACZA,EAASC,WACTA,EAAUC,SACVA,EAAQC,SACRA,EACA,aAAcC,EACd,kBAAmBC,EAAcC,OACjCA,IAEA,MAQMC,EAA2B,YAAZV,EARK,CACxBA,QAASA,GAEkB,CAC3BA,QAASA,EACTC,KAAMA,GAIFU,EAAUC,SAAuB,MACjCC,EAAYC,EAAAA,aAEXC,EAAgBC,GAAqBC,EAAQA,UAAU,GAExDC,EAAqBN,UAAgB,GAYrCO,EAAeC,eAClBC,IACiB,SAAZA,EAAEC,MAEAJ,EAAmBK,QACrBP,GAAkB,GAElBA,GAAkB,GAGpBX,IAAWgB,GAEbH,EAAmBK,SAAU,CAAK,GAEpC,CAAClB,IAKGmB,EAAYC,EAAAA,SAAQ,IAAM3B,EAAM4B,KAAKC,GAASA,EAAKC,WAAiB,CAAC9B,KAErE+B,gBAAEA,EAAeC,iBAAEA,EAAgBC,UAAEA,GAAcC,EAAAA,4BAA4B,CACnFrB,QAASE,EACTW,YACAS,uBAAwB7B,GAA6B,gBAAfA,KAGlC8B,EAAsBC,EAAUA,WAAC,CAACC,EAAAA,OAAOC,qBAE/C,OACEC,EAAAA,WAAKC,IAAK5B,EAAS6B,MAAON,EACxBO,SAAAC,EAAAA,KAACC,EAAAA,OACC,CAAAJ,IAAK1B,EACLV,UAAWA,EACXE,SAAUc,KACNT,EACJX,OAAQA,EACRG,KAAMA,EACNI,SAAUA,EACE,aAAAC,EACK,kBAAAC,EACjBC,OAAQA,EAAMgC,SAAA,CACM,MAAnBZ,GACCA,EAAgBe,OAAS,GACzB9C,EACG+C,QAAQlB,GAASE,GAAiBiB,SAASnB,EAAKC,WAChDF,KAAKC,GACJA,EAAKoB,YACHT,MAACU,EAAAA,qBACCpB,QAASD,EAAKC,QACdqB,MAAOtB,EAAKsB,MACZC,KAAMvB,EAAKuB,KACXC,MAAOxB,EAAKwB,MACZC,SAAUzB,EAAKyB,SACfC,SAAU1B,EAAK0B,SAAQ,gBACR1B,EAAK2B,WACpBC,cAAexB,GAAWyB,IAAI7B,EAAKC,WAGrCU,MAACmB,aAAU,CACT7B,QAASD,EAAKC,QACdqB,MAAOtB,EAAKsB,MACZC,KAAMvB,EAAKuB,KACXC,MAAOxB,EAAKwB,MACZC,SAAUzB,EAAKyB,SACfC,SAAU1B,EAAK0B,yBACA1B,EAAK2B,WACpBC,cAAexB,GAAWyB,IAAI7B,EAAKC,aAIxB,MAApBE,GAA4BA,EAAiBc,OAAS,GACrDN,MAACoB,EAAAA,mBACC,CAAAC,OAAQ5C,EACR6C,QApFWvC,IACfR,EAAUU,SAAW,CAAC,aAAc,aAAauB,SAASzB,EAAEwC,SAC9DhD,GAAWU,SAASuC,QAEL,qBAAbzC,EAAEwC,SACJ3C,EAAmBK,SAAU,GAE/BP,GAAkB,EAAM,EA8EhB+C,gBA1Dc,OA2DdC,cAAelE,EAAM+C,QAAQlB,GAASG,GAAkBgB,SAASnB,EAAKC,iBAMlF"}
+{"version":3,"file":"OverflowTabBar-ea3a4742.js","sources":["../../src/UNSAFE_OverflowTabBar/OverflowTabBar.tsx"],"sourcesContent":["import { ComponentProps, createRef } from 'preact';\nimport { useCallback, useMemo, useRef, useState } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { OverflowTabBarItem, RemovableTabBarItem, TabBar, TabBarItem } from '../UNSAFE_TabBar';\nimport { CloseDetail, Item } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/OverflowTabBarStyles.css';\nimport { useDetectHorizontalOverflow } from '../hooks/PRIVATE_useDetectHorizontalOverflow';\n\ntype OverflowTabBarProps<K extends string | number> = {\n  /**\n   * An array of data to render individual tabs\n   */\n  items: Item<K>[];\n  /**\n   * The truncation configuration for tab labels.\n   * 'progressive' will restrict the width of each tab label to allow all tabs to fit if enough space is not available to display all of the tabs.\n   * Labels that are truncated are displayed with ellipses. However the width of each tab label will not be truncated below a specific threshold.\n   * 'none' tabs always take up the space needed by the labels even if enough space is not available to display all of the tabs.\n   */\n  truncation?: 'none' | 'progressive';\n} & Omit<ComponentProps<typeof TabBar>, 'children' | 'aria-describedby' | 'ref'>;\n\n/**\n * OverflowTabBar handles the rendering of overflowing tab items.\n */\nexport function OverflowTabBar<K extends string | number>({\n  items,\n  layout = 'stretch',\n  display = 'standard',\n  size = 'md',\n  edge = 'top',\n  selection,\n  truncation,\n  onSelect,\n  onRemove,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  testId\n}: OverflowTabBarProps<K> & TestIdProps) {\n  const displayStackProps = {\n    display: display\n  };\n  const displayNonStackProps = {\n    display: display,\n    size: size\n  };\n\n  const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const tabBarRef = createRef<HTMLDivElement>();\n\n  const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n\n  const isOutsideMouseDown = useRef<boolean>(false);\n\n  const handleClose = (e: CloseDetail) => {\n    if (tabBarRef.current && ['itemAction', 'dismissed'].includes(e.reason)) {\n      tabBarRef?.current?.focus();\n    }\n    if (e.reason === 'outsideMousedown') {\n      isOutsideMouseDown.current = true;\n    }\n    setIsDropDownOpen(false);\n  };\n\n  const handleSelect = useCallback<Required<ComponentProps<typeof TabBar>>['onSelect']>(\n    (e: { value: string | number }) => {\n      if (e.value === 'more') {\n        //If overflow item is clicked after dropdown is open, the reason is outsideMouseDown and it needs to be closed\n        if (isOutsideMouseDown.current) {\n          setIsDropDownOpen(false);\n        } else {\n          setIsDropDownOpen(true);\n        }\n      } else {\n        onSelect?.(e);\n      }\n      isOutsideMouseDown.current = false;\n    },\n    [onSelect]\n  );\n\n  const overflowItemKey = 'more' as K;\n\n  const keysArray = useMemo(() => items.map((item) => item.itemKey) as K[], [items]);\n\n  const { visibleItemKeys, overflowItemKeys, maxWidths } = useDetectHorizontalOverflow({\n    rootRef: tabBarRef,\n    keysArray,\n    isTruncationDisabled: !(truncation && truncation === 'progressive')\n  });\n\n  const overflowTabBarClass = classNames([styles.overflowTabBarBase]);\n\n  return (\n    <div ref={rootRef} class={overflowTabBarClass}>\n      <TabBar\n        ref={tabBarRef}\n        selection={selection}\n        onSelect={handleSelect}\n        {...displayProps}\n        layout={layout}\n        edge={edge}\n        onRemove={onRemove}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        testId={testId}>\n        {visibleItemKeys != null &&\n          visibleItemKeys.length > 0 &&\n          items\n            .filter((item) => visibleItemKeys?.includes(item.itemKey))\n            .map((item: Item<K>) =>\n              item.isRemovable ? (\n                <RemovableTabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              ) : (\n                <TabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              )\n            )}\n        {overflowItemKeys != null && overflowItemKeys.length > 0 && (\n          <OverflowTabBarItem\n            isOpen={isDropDownOpen}\n            onClose={handleClose}\n            overflowItemKey={overflowItemKey}\n            overflowItems={items.filter((item) => overflowItemKeys?.includes(item.itemKey))}\n          />\n        )}\n      </TabBar>\n    </div>\n  );\n}\n"],"names":["items","layout","display","size","edge","selection","truncation","onSelect","onRemove","ariaLabel","ariaLabelledby","testId","displayProps","rootRef","useRef","tabBarRef","createRef","isDropDownOpen","setIsDropDownOpen","useState","isOutsideMouseDown","handleSelect","useCallback","e","value","current","keysArray","useMemo","map","item","itemKey","visibleItemKeys","overflowItemKeys","maxWidths","useDetectHorizontalOverflow","isTruncationDisabled","overflowTabBarClass","classNames","styles","overflowTabBarBase","_jsx","ref","class","children","_jsxs","TabBar","length","filter","includes","isRemovable","RemovableTabBarItem","label","icon","badge","metadata","severity","tabPanelId","labelMaxWidth","get","TabBarItem","OverflowTabBarItem","isOpen","onClose","reason","focus","overflowItemKey","overflowItems"],"mappings":"iXA0B0DA,MACxDA,EAAKC,OACLA,EAAS,UAASC,QAClBA,EAAU,WAAUC,KACpBA,EAAO,KAAIC,KACXA,EAAO,MAAKC,UACZA,EAASC,WACTA,EAAUC,SACVA,EAAQC,SACRA,EACA,aAAcC,EACd,kBAAmBC,EAAcC,OACjCA,IAEA,MAQMC,EAA2B,YAAZV,EARK,CACxBA,QAASA,GAEkB,CAC3BA,QAASA,EACTC,KAAMA,GAIFU,EAAUC,SAAuB,MACjCC,EAAYC,EAAAA,aAEXC,EAAgBC,GAAqBC,EAAQA,UAAU,GAExDC,EAAqBN,UAAgB,GAYrCO,EAAeC,eAClBC,IACiB,SAAZA,EAAEC,MAEAJ,EAAmBK,QACrBP,GAAkB,GAElBA,GAAkB,GAGpBX,IAAWgB,GAEbH,EAAmBK,SAAU,CAAK,GAEpC,CAAClB,IAKGmB,EAAYC,EAAAA,SAAQ,IAAM3B,EAAM4B,KAAKC,GAASA,EAAKC,WAAiB,CAAC9B,KAErE+B,gBAAEA,EAAeC,iBAAEA,EAAgBC,UAAEA,GAAcC,EAAAA,4BAA4B,CACnFrB,QAASE,EACTW,YACAS,uBAAwB7B,GAA6B,gBAAfA,KAGlC8B,EAAsBC,EAAUA,WAAC,CAACC,EAAAA,OAAOC,qBAE/C,OACEC,EAAAA,WAAKC,IAAK5B,EAAS6B,MAAON,EACxBO,SAAAC,EAAAA,KAACC,EAAAA,OACC,CAAAJ,IAAK1B,EACLV,UAAWA,EACXE,SAAUc,KACNT,EACJX,OAAQA,EACRG,KAAMA,EACNI,SAAUA,EACE,aAAAC,EACK,kBAAAC,EACjBC,OAAQA,EAAMgC,SAAA,CACM,MAAnBZ,GACCA,EAAgBe,OAAS,GACzB9C,EACG+C,QAAQlB,GAASE,GAAiBiB,SAASnB,EAAKC,WAChDF,KAAKC,GACJA,EAAKoB,YACHT,MAACU,EAAAA,qBACCpB,QAASD,EAAKC,QACdqB,MAAOtB,EAAKsB,MACZC,KAAMvB,EAAKuB,KACXC,MAAOxB,EAAKwB,MACZC,SAAUzB,EAAKyB,SACfC,SAAU1B,EAAK0B,SAAQ,gBACR1B,EAAK2B,WACpBC,cAAexB,GAAWyB,IAAI7B,EAAKC,WAGrCU,MAACmB,aAAU,CACT7B,QAASD,EAAKC,QACdqB,MAAOtB,EAAKsB,MACZC,KAAMvB,EAAKuB,KACXC,MAAOxB,EAAKwB,MACZC,SAAUzB,EAAKyB,SACfC,SAAU1B,EAAK0B,yBACA1B,EAAK2B,WACpBC,cAAexB,GAAWyB,IAAI7B,EAAKC,aAIxB,MAApBE,GAA4BA,EAAiBc,OAAS,GACrDN,MAACoB,EAAAA,mBACC,CAAAC,OAAQ5C,EACR6C,QApFWvC,IACfR,EAAUU,SAAW,CAAC,aAAc,aAAauB,SAASzB,EAAEwC,SAC9DhD,GAAWU,SAASuC,QAEL,qBAAbzC,EAAEwC,SACJ3C,EAAmBK,SAAU,GAE/BP,GAAkB,EAAM,EA8EhB+C,gBA1Dc,OA2DdC,cAAelE,EAAM+C,QAAQlB,GAASG,GAAkBgB,SAASnB,EAAKC,iBAMlF"}

package/amd/{OverflowTabBarItem-c59db4a2.js → OverflowTabBarItem-763773c9.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './useTranslationBundle-516b1b83', './clientHints-4f5a07b0', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './classNames-08d99695', './Icon-2d38c876', './useTabBarContext-15a23bb6', './Dropdown-4b421eff', './Sheet-46782f99', './TabBarItem-547825e2', './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css', './NavigationListItem-044a79fd', './RemovableNavigationListItem-e01b6693'], (function(e,a,t,n,s,o,i,l,r,c,d,m,b,u,v,f,p){"use strict";const x=e=>a.jsx(c.Icon,{viewBox:"0 0 24 24",...e,children:a.jsx("g",{fill:"none",children:a.jsx("path",{d:"M6 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z",fill:"currentcolor"})})});const g=()=>{const{deviceType:e}=o.getClientHints();return"phone"===e};e.OverflowTabBarItem=function({overflowItemKey:e,icon:o,badge:c,overflowItems:h,isOpen:y,onClose:I}){const{selection:j,showFocusRing:C,isEdgeBottom:w,onSelect:B,onRemove:R,layout:T}=d.useTabBarContext(),K=n.useRef(!1),O=n.useRef(null),N=t.createRef(),k=n.useCallback((e=>{"pointer"===e.reason&&(K.current=!0),B?.({value:e.value}),I?.({reason:"itemAction"})}),[B,I]),F=n.useCallback((e=>{I?.({reason:e.reason})}),[I]),L=n.useCallback((()=>{I?.({reason:"dismissed"})}),[I]),S=C&&!K.current&&!g(),D=h?.find((e=>e.itemKey===j))?.tabPanelId,z=s.useTranslationBundle("@oracle/oraclejet-preact"),A=void 0!==j&&(E=j,null!=h?.find((e=>e.itemKey===E)));var E;const H=i.mergeInterpolations([...Object.values(l.flexitemInterpolations)])({flex:"stretch"===T?"1 0 auto":"0 0 auto"}),M=r.classNames([v.styles.navContainerBase]),P=n.useRef(null),U=n.useCallback((e=>{"ArrowDown"===e.key&&(e.preventDefault(),N.current?.focus())}),[N]),_=n.useCallback((()=>a.jsx("div",{onKeyDown:U,tabIndex:0,ref:P,class:M,children:a.jsx(f.NavigationList,{ref:N,selection:j,onSelectionChange:k,onRemove:R,children:h?.map((e=>e.isRemovable?a.jsx(p.RemovableNavigationListItem,{itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity}):a.jsx(f.NavigationListItem,{itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity})))})})),[U,M,N,j,k,R,h]);return a.jsxs(a.Fragment,{children:[h&&h.length>0&&a.jsx("div",{ref:O,style:H,children:a.jsx(u.BaseTabBarItem,{"aria-controls":D,itemKey:e,label:z.overflowItemLabel(),icon:o||a.jsx(x,{}),badge:c,showFocusRingOverride:S,selectionOverride:A,displayOverride:"icons","aria-haspopup":!0})}),g()?a.jsx(b.Sheet,{isOpen:y,onClose:L,children:_()}):a.jsx(m.Dropdown,{initialFocus:"firstFocusable",isOpen:y,onClose:F,placement:w?"top-end":"bottom-end",anchorRef:O,children:_()})]})}}));
-//# sourceMappingURL=OverflowTabBarItem-c59db4a2.js.map
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './useTranslationBundle-516b1b83', './clientHints-4f5a07b0', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './classNames-08d99695', './Icon-2d38c876', './useTabBarContext-15a23bb6', './Dropdown-4b421eff', './Sheet-46782f99', './TabBarItem-547825e2', './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css', './NavigationListItem-021b2d58', './RemovableNavigationListItem-e01b6693'], (function(e,a,t,n,s,o,i,l,r,c,d,m,b,u,v,f,p){"use strict";const x=e=>a.jsx(c.Icon,{viewBox:"0 0 24 24",...e,children:a.jsx("g",{fill:"none",children:a.jsx("path",{d:"M6 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z",fill:"currentcolor"})})});const g=()=>{const{deviceType:e}=o.getClientHints();return"phone"===e};e.OverflowTabBarItem=function({overflowItemKey:e,icon:o,badge:c,overflowItems:h,isOpen:y,onClose:I}){const{selection:j,showFocusRing:C,isEdgeBottom:w,onSelect:B,onRemove:R,layout:T}=d.useTabBarContext(),K=n.useRef(!1),O=n.useRef(null),N=t.createRef(),k=n.useCallback((e=>{"pointer"===e.reason&&(K.current=!0),B?.({value:e.value}),I?.({reason:"itemAction"})}),[B,I]),F=n.useCallback((e=>{I?.({reason:e.reason})}),[I]),L=n.useCallback((()=>{I?.({reason:"dismissed"})}),[I]),S=C&&!K.current&&!g(),D=h?.find((e=>e.itemKey===j))?.tabPanelId,z=s.useTranslationBundle("@oracle/oraclejet-preact"),A=void 0!==j&&(E=j,null!=h?.find((e=>e.itemKey===E)));var E;const H=i.mergeInterpolations([...Object.values(l.flexitemInterpolations)])({flex:"stretch"===T?"1 0 auto":"0 0 auto"}),M=r.classNames([v.styles.navContainerBase]),P=n.useRef(null),U=n.useCallback((e=>{"ArrowDown"===e.key&&(e.preventDefault(),N.current?.focus())}),[N]),_=n.useCallback((()=>a.jsx("div",{onKeyDown:U,tabIndex:0,ref:P,class:M,children:a.jsx(f.NavigationList,{ref:N,selection:j,onSelectionChange:k,onRemove:R,children:h?.map((e=>e.isRemovable?a.jsx(p.RemovableNavigationListItem,{itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity}):a.jsx(f.NavigationListItem,{itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity})))})})),[U,M,N,j,k,R,h]);return a.jsxs(a.Fragment,{children:[h&&h.length>0&&a.jsx("div",{ref:O,style:H,children:a.jsx(u.BaseTabBarItem,{"aria-controls":D,itemKey:e,label:z.overflowItemLabel(),icon:o||a.jsx(x,{}),badge:c,showFocusRingOverride:S,selectionOverride:A,displayOverride:"icons","aria-haspopup":!0})}),g()?a.jsx(b.Sheet,{isOpen:y,onClose:L,children:_()}):a.jsx(m.Dropdown,{initialFocus:"firstFocusable",isOpen:y,onClose:F,placement:w?"top-end":"bottom-end",anchorRef:O,children:_()})]})}}));
+//# sourceMappingURL=OverflowTabBarItem-763773c9.js.map

package/amd/{OverflowTabBarItem-c59db4a2.js.map → OverflowTabBarItem-763773c9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"OverflowTabBarItem-c59db4a2.js","sources":["../../src/UNSAFE_RedwoodIcons/OverflowH/OverflowH.tsx","../../src/UNSAFE_TabBarCommon/OverflowTabBarItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates. All rights reserved.\n * https://www.oracle.com/contracts/docs/cloud_csa_online_v062223_us_eng.pdf?download=false&er=221886\n * @ignore\n */\n// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox' | 'children'>;\nconst SvgOverflowH = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <g fill=\"none\">\n      <path\n        d=\"M6 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z\"\n        fill=\"currentcolor\"\n      />\n    </g>\n  </Icon>\n);\nexport { SvgOverflowH as OverflowH };\n","import { ComponentChild, ComponentProps, createRef } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport {\n  NavigationListItem,\n  NavigationList,\n  RemovableNavigationListItem,\n  FocusableHandle\n} from '../UNSAFE_NavigationList';\nimport { OverflowH } from '../UNSAFE_RedwoodIcons/OverflowH';\nimport { useTabBarContext } from './useTabBarContext';\nimport { Dropdown } from '../UNSAFE_Dropdown';\nimport { Sheet } from '../UNSAFE_Sheet';\nimport { BaseTabBarItem } from './BaseTabBarItem';\nimport { styles } from './themes/OverflowTabBarItemStyles.css';\nimport { TabBarItem } from './TabBarItem';\n\nexport type OverflowSelectionDetail<K> = {\n  value: K;\n};\n\nexport type CloseDetail = {\n  /**\n   * dismissed represents dismissing the DropDown\n   */\n  reason: 'dismissed' | 'itemAction' | 'outsideMousedown';\n};\n\nexport type Item<K extends string | number> = Omit<\n  ComponentProps<typeof TabBarItem<K>>,\n  'testId' | 'aria-controls'\n> & {\n  isRemovable?: boolean;\n  /**\n   * Accepts the tabpanel element's ID associated with the tab item\n   **/\n  tabPanelId?: string;\n};\n\nexport type OverflowTabBarItemProps<K extends string | number> = {\n  /**\n   * Key of the TabBarItem\n   */\n  overflowItemKey: K;\n  /**\n   * Whether to open the popup\n   */\n  isOpen: boolean;\n  /**\n   * Property that triggers a callback when DropDown is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * The icon of the OverflowTabBarItem\n   */\n  icon?: ComponentChild;\n  /**\n   * The content to be rendered inside the Badge component.\n   */\n  badge?: string;\n  /**\n   * An array of data used by NavigationList to render individual overflow items.\n   */\n  overflowItems?: Item<K>[];\n};\n\n/**\n * An OverflowTabBarItem renders TabBarItems in a device appropriate popup. OverflowTabBarItem is used internally in an OverflowTabBar.\n */\n\nexport function OverflowTabBarItem<K extends string | number>({\n  overflowItemKey,\n  icon,\n  badge,\n  overflowItems,\n  isOpen,\n  onClose\n}: OverflowTabBarItemProps<K>) {\n  const { selection, showFocusRing, isEdgeBottom, onSelect, onRemove, layout } = useTabBarContext();\n\n  const isPointerSelection = useRef<boolean>(false);\n\n  const overflowTabBarItemRef = useRef<HTMLDivElement>(null);\n  const navigationListRef = createRef<FocusableHandle>();\n\n  const handleSelectionChange = useCallback<\n    Required<ComponentProps<typeof NavigationList>>['onSelectionChange']\n  >(\n    (detail: { value: string | number; reason?: 'pointer' | 'keyboard' }) => {\n      if (detail.reason === 'pointer') {\n        isPointerSelection.current = true;\n      }\n      onSelect?.({ value: detail.value });\n      onClose?.({ reason: 'itemAction' });\n    },\n    [onSelect, onClose]\n  );\n\n  const handleDropdownClose = useCallback(\n    (e: CloseDetail) => {\n      onClose?.({ reason: e.reason });\n    },\n    [onClose]\n  );\n\n  const handleSheetClose = useCallback(() => {\n    onClose?.({ reason: 'dismissed' });\n  }, [onClose]);\n\n  //When NavigationList steals focus the app resets it. Not always would it be reset to\n  //parent of OverflowTabBarItem. Though currentKey would be correct, but focusRing would would not be visible\n  //Hence we check for isPointerSelection.current\n\n  const focusRingRequirement = showFocusRing && !isPointerSelection.current && !getIsMobile();\n\n  const overflowContainsKey = (searchKey: K) => {\n    return overflowItems?.find((item) => item.itemKey === searchKey) != null;\n  };\n\n  const currentPanelId = overflowItems?.find((item) => item.itemKey === selection)?.tabPanelId;\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const isSelected = selection !== undefined && overflowContainsKey(selection as K);\n\n  //instead of specifying flex: '1 0 auto' in cssProps var\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const navContainerClasses = classNames([styles.navContainerBase]);\n\n  const navContainerRef = useRef<HTMLDivElement>(null);\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        navigationListRef.current?.focus();\n      }\n    },\n    [navigationListRef]\n  );\n  const getNavigationList = useCallback(() => {\n    return (\n      <div onKeyDown={handleKeyDown} tabIndex={0} ref={navContainerRef} class={navContainerClasses}>\n        <NavigationList\n          ref={navigationListRef}\n          selection={selection}\n          onSelectionChange={handleSelectionChange}\n          onRemove={onRemove}>\n          {overflowItems?.map((item) =>\n            item.isRemovable ? (\n              <RemovableNavigationListItem\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            ) : (\n              <NavigationListItem\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            )\n          )}\n        </NavigationList>\n      </div>\n    );\n  }, [\n    handleKeyDown,\n    navContainerClasses,\n    navigationListRef,\n    selection,\n    handleSelectionChange,\n    onRemove,\n    overflowItems\n  ]);\n\n  return (\n    <>\n      {overflowItems && overflowItems.length > 0 && (\n        <div ref={overflowTabBarItemRef} style={flexDimensions}>\n          <BaseTabBarItem\n            aria-controls={currentPanelId}\n            itemKey={overflowItemKey}\n            label={translations.overflowItemLabel()}\n            icon={icon ? icon : <OverflowH />}\n            badge={badge}\n            showFocusRingOverride={focusRingRequirement}\n            selectionOverride={isSelected}\n            displayOverride={'icons'}\n            aria-haspopup={true}\n          />\n        </div>\n      )}\n      {getIsMobile() ? (\n        <Sheet isOpen={isOpen} onClose={handleSheetClose}>\n          {getNavigationList()}\n        </Sheet>\n      ) : (\n        <Dropdown\n          initialFocus=\"firstFocusable\"\n          isOpen={isOpen}\n          onClose={handleDropdownClose}\n          placement={isEdgeBottom ? 'top-end' : 'bottom-end'}\n          anchorRef={overflowTabBarItemRef}>\n          {getNavigationList()}\n        </Dropdown>\n      )}\n    </>\n  );\n}\n\nconst getIsMobile = () => {\n  const { deviceType } = getClientHints();\n  return deviceType === 'phone';\n};\n"],"names":["SvgOverflowH","props","_jsx","jsx","Icon","viewBox","children","fill","d","getIsMobile","deviceType","getClientHints","overflowItemKey","icon","badge","overflowItems","isOpen","onClose","selection","showFocusRing","isEdgeBottom","onSelect","onRemove","layout","useTabBarContext","isPointerSelection","useRef","overflowTabBarItemRef","navigationListRef","createRef","handleSelectionChange","useCallback","detail","reason","current","value","handleDropdownClose","e","handleSheetClose","focusRingRequirement","currentPanelId","find","item","itemKey","tabPanelId","translations","useTranslationBundle","isSelected","undefined","searchKey","flexDimensions","mergeInterpolations","Object","values","flexitemInterpolations","styleInterpolations","flex","navContainerClasses","classNames","styles","navContainerBase","navContainerRef","handleKeyDown","event","key","preventDefault","focus","getNavigationList","onKeyDown","tabIndex","ref","class","NavigationList","onSelectionChange","map","isRemovable","RemovableNavigationListItem","label","metadata","severity","NavigationListItem","_jsxs","_Fragment","length","style","BaseTabBarItem","overflowItemLabel","OverflowH","showFocusRingOverride","selectionOverride","displayOverride","Sheet","Dropdown","initialFocus","placement","anchorRef"],"mappings":"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"}
+{"version":3,"file":"OverflowTabBarItem-763773c9.js","sources":["../../src/UNSAFE_RedwoodIcons/OverflowH/OverflowH.tsx","../../src/UNSAFE_TabBarCommon/OverflowTabBarItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates. All rights reserved.\n * https://www.oracle.com/contracts/docs/cloud_csa_online_v062223_us_eng.pdf?download=false&er=221886\n * @ignore\n */\n// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox' | 'children'>;\nconst SvgOverflowH = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <g fill=\"none\">\n      <path\n        d=\"M6 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z\"\n        fill=\"currentcolor\"\n      />\n    </g>\n  </Icon>\n);\nexport { SvgOverflowH as OverflowH };\n","import { ComponentChild, ComponentProps, createRef } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport {\n  NavigationListItem,\n  NavigationList,\n  RemovableNavigationListItem,\n  FocusableHandle\n} from '../UNSAFE_NavigationList';\nimport { OverflowH } from '../UNSAFE_RedwoodIcons/OverflowH';\nimport { useTabBarContext } from './useTabBarContext';\nimport { Dropdown } from '../UNSAFE_Dropdown';\nimport { Sheet } from '../UNSAFE_Sheet';\nimport { BaseTabBarItem } from './BaseTabBarItem';\nimport { styles } from './themes/OverflowTabBarItemStyles.css';\nimport { TabBarItem } from './TabBarItem';\n\nexport type OverflowSelectionDetail<K> = {\n  value: K;\n};\n\nexport type CloseDetail = {\n  /**\n   * dismissed represents dismissing the DropDown\n   */\n  reason: 'dismissed' | 'itemAction' | 'outsideMousedown';\n};\n\nexport type Item<K extends string | number> = Omit<\n  ComponentProps<typeof TabBarItem<K>>,\n  'testId' | 'aria-controls'\n> & {\n  isRemovable?: boolean;\n  /**\n   * Accepts the tabpanel element's ID associated with the tab item\n   **/\n  tabPanelId?: string;\n};\n\nexport type OverflowTabBarItemProps<K extends string | number> = {\n  /**\n   * Key of the TabBarItem\n   */\n  overflowItemKey: K;\n  /**\n   * Whether to open the popup\n   */\n  isOpen: boolean;\n  /**\n   * Property that triggers a callback when DropDown is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * The icon of the OverflowTabBarItem\n   */\n  icon?: ComponentChild;\n  /**\n   * The content to be rendered inside the Badge component.\n   */\n  badge?: string;\n  /**\n   * An array of data used by NavigationList to render individual overflow items.\n   */\n  overflowItems?: Item<K>[];\n};\n\n/**\n * An OverflowTabBarItem renders TabBarItems in a device appropriate popup. OverflowTabBarItem is used internally in an OverflowTabBar.\n */\n\nexport function OverflowTabBarItem<K extends string | number>({\n  overflowItemKey,\n  icon,\n  badge,\n  overflowItems,\n  isOpen,\n  onClose\n}: OverflowTabBarItemProps<K>) {\n  const { selection, showFocusRing, isEdgeBottom, onSelect, onRemove, layout } = useTabBarContext();\n\n  const isPointerSelection = useRef<boolean>(false);\n\n  const overflowTabBarItemRef = useRef<HTMLDivElement>(null);\n  const navigationListRef = createRef<FocusableHandle>();\n\n  const handleSelectionChange = useCallback<\n    Required<ComponentProps<typeof NavigationList>>['onSelectionChange']\n  >(\n    (detail: { value: string | number; reason?: 'pointer' | 'keyboard' }) => {\n      if (detail.reason === 'pointer') {\n        isPointerSelection.current = true;\n      }\n      onSelect?.({ value: detail.value });\n      onClose?.({ reason: 'itemAction' });\n    },\n    [onSelect, onClose]\n  );\n\n  const handleDropdownClose = useCallback(\n    (e: CloseDetail) => {\n      onClose?.({ reason: e.reason });\n    },\n    [onClose]\n  );\n\n  const handleSheetClose = useCallback(() => {\n    onClose?.({ reason: 'dismissed' });\n  }, [onClose]);\n\n  //When NavigationList steals focus the app resets it. Not always would it be reset to\n  //parent of OverflowTabBarItem. Though currentKey would be correct, but focusRing would would not be visible\n  //Hence we check for isPointerSelection.current\n\n  const focusRingRequirement = showFocusRing && !isPointerSelection.current && !getIsMobile();\n\n  const overflowContainsKey = (searchKey: K) => {\n    return overflowItems?.find((item) => item.itemKey === searchKey) != null;\n  };\n\n  const currentPanelId = overflowItems?.find((item) => item.itemKey === selection)?.tabPanelId;\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const isSelected = selection !== undefined && overflowContainsKey(selection as K);\n\n  //instead of specifying flex: '1 0 auto' in cssProps var\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const navContainerClasses = classNames([styles.navContainerBase]);\n\n  const navContainerRef = useRef<HTMLDivElement>(null);\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        navigationListRef.current?.focus();\n      }\n    },\n    [navigationListRef]\n  );\n  const getNavigationList = useCallback(() => {\n    return (\n      <div onKeyDown={handleKeyDown} tabIndex={0} ref={navContainerRef} class={navContainerClasses}>\n        <NavigationList\n          ref={navigationListRef}\n          selection={selection}\n          onSelectionChange={handleSelectionChange}\n          onRemove={onRemove}>\n          {overflowItems?.map((item) =>\n            item.isRemovable ? (\n              <RemovableNavigationListItem\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            ) : (\n              <NavigationListItem\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            )\n          )}\n        </NavigationList>\n      </div>\n    );\n  }, [\n    handleKeyDown,\n    navContainerClasses,\n    navigationListRef,\n    selection,\n    handleSelectionChange,\n    onRemove,\n    overflowItems\n  ]);\n\n  return (\n    <>\n      {overflowItems && overflowItems.length > 0 && (\n        <div ref={overflowTabBarItemRef} style={flexDimensions}>\n          <BaseTabBarItem\n            aria-controls={currentPanelId}\n            itemKey={overflowItemKey}\n            label={translations.overflowItemLabel()}\n            icon={icon ? icon : <OverflowH />}\n            badge={badge}\n            showFocusRingOverride={focusRingRequirement}\n            selectionOverride={isSelected}\n            displayOverride={'icons'}\n            aria-haspopup={true}\n          />\n        </div>\n      )}\n      {getIsMobile() ? (\n        <Sheet isOpen={isOpen} onClose={handleSheetClose}>\n          {getNavigationList()}\n        </Sheet>\n      ) : (\n        <Dropdown\n          initialFocus=\"firstFocusable\"\n          isOpen={isOpen}\n          onClose={handleDropdownClose}\n          placement={isEdgeBottom ? 'top-end' : 'bottom-end'}\n          anchorRef={overflowTabBarItemRef}>\n          {getNavigationList()}\n        </Dropdown>\n      )}\n    </>\n  );\n}\n\nconst getIsMobile = () => {\n  const { deviceType } = getClientHints();\n  return deviceType === 'phone';\n};\n"],"names":["SvgOverflowH","props","_jsx","jsx","Icon","viewBox","children","fill","d","getIsMobile","deviceType","getClientHints","overflowItemKey","icon","badge","overflowItems","isOpen","onClose","selection","showFocusRing","isEdgeBottom","onSelect","onRemove","layout","useTabBarContext","isPointerSelection","useRef","overflowTabBarItemRef","navigationListRef","createRef","handleSelectionChange","useCallback","detail","reason","current","value","handleDropdownClose","e","handleSheetClose","focusRingRequirement","currentPanelId","find","item","itemKey","tabPanelId","translations","useTranslationBundle","isSelected","undefined","searchKey","flexDimensions","mergeInterpolations","Object","values","flexitemInterpolations","styleInterpolations","flex","navContainerClasses","classNames","styles","navContainerBase","navContainerRef","handleKeyDown","event","key","preventDefault","focus","getNavigationList","onKeyDown","tabIndex","ref","class","NavigationList","onSelectionChange","map","isRemovable","RemovableNavigationListItem","label","metadata","severity","NavigationListItem","_jsxs","_Fragment","length","style","BaseTabBarItem","overflowItemLabel","OverflowH","showFocusRingOverride","selectionOverride","displayOverride","Sheet","Dropdown","initialFocus","placement","anchorRef"],"mappings":"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"}

package/amd/PRIVATE_Chart.js

@@ -1,2 +1,2 @@
-define(['exports', './Chart-e2807ff7', 'preact/jsx-runtime', './PRIVATE_Chart/themes/ChartStyles.css', 'css!./ChartStyles.styles.css', './TrackResizeContainer-2b033ae7', 'preact/hooks', './useSize-3adb635a', './useResizeObserver-275c3e83', './useVisAddBusyState-2d2ccb92', './VisBusyStateContext-63467849', 'preact', './useVisBusyStateContext-7b0606e7', './size-a75b3f13', './utils-5077c092', './Common/themes/themeContract.css', './colorUtils-7c069766', './_curry1-df649359', './useTextDimensions-83dd9415', './clientHints-4f5a07b0', './useCssVars-c043f8da', './useUser-85c781ea', './LayerHost-e95c5f30', './Common/themes/redwood/theme', 'preact/compat', './useTheme-ac980f9a', './useColorScheme-10dc88de', './useScale-37d42c9d', './Gridlines-7851bb20', './PRIVATE_PlotArea/themes/PlotAreaStyles.css', 'css!./PlotAreaStyles.styles.css', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css', 'css!./VisDndStyles.styles.css', './classNames-08d99695', './useId-c9578d26', './Axis-43a8b896', './PRIVATE_Axis/themes/AxisStyles.css', 'css!./AxisStyles.styles.css', './MultilineText-880bf22f', './datatipUtils-01750311', './clientUtils-009e930e', './labelUtils-8f020da5', './textUtils-ae0a246c', './accUtils-530bdb90', './utils-37c54af8', './dimensionUtils-61978138', './PRIVATE_Axis/themes/redwood/AxisTheme', './PRIVATE_Axis/themes/redwood/AxisBaseTheme.css', 'module', './PRIVATE_Axis/themes/redwood/AxisVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './useComponentTheme-5aa41a8f', './logger-0f873e29', './useChartViewport-2129094d', './eventsUtils-edf8f4e5', './usePinch-fc8ed928', './usePointerGesture-1c1dd806', './mergeProps-bcfa6a92', './layoutUtils-c2938c54', './scale-3ae48ed5', './getLocale-ae79e654', './stringUtils-0ae982c2', './useChartNav-60a79595', './layoutUtils-8805fc5b', './useVisHover-28319fef', './useSelectDrill-6361116b', './useChartDataCursor-e953c918', './hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css', 'css!./DataCursorStyles.styles.css', './Marker-a5694092', 'css!./SvgShapesStyles.styles.css', './useChartDatatip-ee3783af', './useDatatip-ac26447a', './Layer-447c68e6', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useThemeInterpolations-6b2de213', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', './useDensity-c83df7b4', './Floating-1ec5ec2a', './useFloating-acd30a55', './positionUtils-6e4daa31', './refUtils-d354a169', './useOutsideClick-f99b7a84', './arrayUtils-6ee96a35', './useModal-536cb7ff', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css', './hooks/PRIVATE_useDatatip/themes/useDatatip.css', 'css!./useDatatip.styles.css', './VisTabularDatatip-1051eaca', './PRIVATE_VisTabularDatatip/themes/VisTabularDatatipStyles.css', 'css!./VisTabularDatatipStyles.styles.css', './colorUtils-a785c4c4', './useChartDrill-307602e0', './useVisDrill-7f811101', './useDoubleTap-b6bf5458', './useSelection-af7b4b52', './BaseButton-19a622bc', './usePress-949a0d03', './usePressClick-b7b38da2', './useHover-7964884c', './useToggle-a29f97af', './useActive-bb5dc069', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './dimensions-60420dbb', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', 'module', './useTestId-3a316499', './Text-cd61a065', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './useTranslationBundle-516b1b83', './hooks/PRIVATE_useVisSelection/themes/ClearSelection.css', 'css!./ClearSelection.styles.css', './cssUtils-577028f8', './useChartContextMenu-8606bfa2', './useContextMenu-e08aad46', './Menu-5d447084', './Dropdown-4b421eff', './keyboardUtils-fbb389f8', './tabbableUtils-85aa6918', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './usePopupAnimation-f679a4b0', './useAnimationStatus-86746674', './useAnimation-5a74955f', './popupAnimationUtils-49b93365', './CollectionInteractionContext-0b4ed98b', './UNSAFE_Dropdown/themes/dropdownStyles.css', 'css!./dropdownStyles.styles.css', './useOutsideMousedown-73d5a78a', './animationUtils-716a9aa6', './MenuItem-87cd59b8', './flexitem-5db48325', 'css!./flexitem.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './useInteractionStyle-76a64325', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './UNSAFE_Menu/themes/MenuItemStyles.css', 'css!./MenuItemStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuItemVariants.css', 'css!./MenuItemVariants.styles.css', './UNSAFE_Menu/themes/MenuStyles.css', 'css!./MenuStyles.styles.css', './UNSAFE_Menu/themes/DropdownMenuStyles.css', 'css!./DropdownMenuStyles.styles.css', './Sheet-46782f99', './Modal-d6b2e905', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './WindowOverlay-a2d80d55', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './UNSAFE_Sheet/themes/SheetStyles.css', 'css!./SheetStyles.styles.css', './UNSAFE_Menu/themes/SheetMenuStyles.css', 'css!./SheetMenuStyles.styles.css', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-69ce0a2d', './EnvironmentProvider-8f6fc388', './LayerManager-76fcfb58', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./SeparatorStyles.styles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './useContextMenuGesture-d55fbea5', './textSelectionUtils-06c7855d', './useChartDnd-947ed9e4', './utils-a2a190fa', './pathUtils-ec75f879', './useDnd-33ec1cdf', './useTooltip-7b11fd35', './useTooltipControlled-52183a08', './useFocus-4194fc59', './useTouch-37489bb5', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', './useChartMarquee-51f52d57', './useVisDragModeControls-a5685835', './Button-cf946d86', './Icon-2d38c876', './UNSAFE_Icon/themes/IconStyle.css', './Move-cc2aeed5', './hooks/PRIVATE_useVisDragModeControls/themes/useVisDragModeControls.css', 'css!./useVisDragModeControls.styles.css', './ZoomAlt-8d30726c', './ButtonSetSingle-1d398df0', './useButtonSetContext-dffdaea3', './ButtonSet-d95872cc', './UNSAFE_ButtonSet/themes/ButtonSetStyles.css', 'css!./ButtonSetStyles.styles.css', './ButtonSetPositionContext-fd98cc11', './toggleButtonUtils-c8f12580', './useRovingTabIndexContainer-955e23a8', './buttonUtils-97878e90', './id-c70ab33c', './ButtonSetItem-41485f24', './ButtonSetButton-526d9712', './ToggleButtonLabel-330c8f8b', './ButtonLabelLayout-2e0e8d09', './useButtonLabelLayoutTheme-3237026f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css', 'css!./ButtonLabelLayoutStyles.styles.css', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css', 'module', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css', 'css!./ButtonLabelLayoutVariants.styles.css', './HiddenAccessible-037ef42d', 'css!./HiddenAccessibleStyles.styles.css', './ButtonSetIconButton-7a2c113c', './useButtonSetPositionContext-b8534679', './IconToggleButton-20d411e6', './useToggleAction-59741954', './hooks/PRIVATE_useChartMarquee/themes/useChartMarquee.css', 'css!./useChartMarquee.styles.css', './useVisTouchResponse-88a7bb09', './useOverviewContext-dd00c487', './OverviewSlidingWindow-e4bea056', './PRIVATE_VisOverview/themes/VisOverview.css', 'css!./VisOverview.styles.css', './DragH-01dfdece', './ScrollBar-4046f84f', './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css', 'css!./ScrollBarStyles.styles.css'], (function(e,s,t,a,o,l,n,c,i,r,u,d,y,S,h,m,b,A,T,f,B,U,_,p,C,E,F,w,M,V,N,g,x,v,I,L,D,P,O,R,k,W,H,q,z,G,j,K,Z,J,Q,X,Y,$,ee,se,te,ae,oe,le,ne,ce,ie,re,ue,de,ye,Se,he,me,be,Ae,Te,fe,Be,Ue,_e,pe,Ce,Ee,Fe,we,Me,Ve,Ne,ge,xe,ve,Ie,Le,De,Pe,Oe,Re,ke,We,He,qe,ze,Ge,je,Ke,Ze,Je,Qe,Xe,Ye,$e,es,ss,ts,as,os,ls,ns,cs,is,rs,us,ds,ys,Ss,hs,ms,bs,As,Ts,fs,Bs,Us,_s,ps,Cs,Es,Fs,ws,Ms,Vs,Ns,gs,xs,vs,Is,Ls,Ds,Ps,Os,Rs,ks,Ws,Hs,qs,zs,Gs,js,Ks,Zs,Js,Qs,Xs,Ys,$s,et,st,tt,at,ot,lt,nt,ct,it,rt,ut,dt,yt,St,ht,mt,bt,At,Tt,ft,Bt,Ut,_t,pt,Ct,Et,Ft,wt,Mt,Vt,Nt,gt,xt,vt,It,Lt,Dt,Pt,Ot,Rt,kt,Wt,Ht,qt,zt,Gt,jt,Kt,Zt,Jt,Qt,Xt,Yt,$t,ea,sa,ta,aa,oa,la,na,ca,ia,ra,ua,da,ya,Sa,ha,ma,ba,Aa,Ta,fa,Ba,Ua,_a,pa,Ca,Ea,Fa,wa,Ma,Va,Na,ga,xa,va,Ia,La,Da,Pa,Oa,Ra,ka,Wa){"use strict";e.Chart=s.Chart,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './Chart-3621e125', 'preact/jsx-runtime', './PRIVATE_Chart/themes/ChartStyles.css', 'css!./ChartStyles.styles.css', './TrackResizeContainer-2b033ae7', 'preact/hooks', './useSize-3adb635a', './useResizeObserver-275c3e83', './useVisAddBusyState-2d2ccb92', './VisBusyStateContext-63467849', 'preact', './useVisBusyStateContext-7b0606e7', './size-a75b3f13', './utils-5077c092', './Common/themes/themeContract.css', './colorUtils-7c069766', './_curry1-df649359', './useTextDimensions-83dd9415', './clientHints-4f5a07b0', './useCssVars-c043f8da', './useUser-85c781ea', './LayerHost-e95c5f30', './Common/themes/redwood/theme', 'preact/compat', './useTheme-ac980f9a', './useColorScheme-10dc88de', './useScale-37d42c9d', './Gridlines-7851bb20', './PRIVATE_PlotArea/themes/PlotAreaStyles.css', 'css!./PlotAreaStyles.styles.css', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css', 'css!./VisDndStyles.styles.css', './classNames-08d99695', './useId-c9578d26', './Axis-43a8b896', './PRIVATE_Axis/themes/AxisStyles.css', 'css!./AxisStyles.styles.css', './MultilineText-880bf22f', './datatipUtils-01750311', './clientUtils-009e930e', './labelUtils-8f020da5', './textUtils-ae0a246c', './accUtils-530bdb90', './utils-37c54af8', './dimensionUtils-61978138', './PRIVATE_Axis/themes/redwood/AxisTheme', './PRIVATE_Axis/themes/redwood/AxisBaseTheme.css', 'module', './PRIVATE_Axis/themes/redwood/AxisVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './useComponentTheme-5aa41a8f', './logger-0f873e29', './useChartViewport-2129094d', './eventsUtils-edf8f4e5', './usePinch-fc8ed928', './usePointerGesture-1c1dd806', './mergeProps-bcfa6a92', './layoutUtils-c2938c54', './scale-3ae48ed5', './getLocale-ae79e654', './stringUtils-0ae982c2', './useChartNav-60a79595', './layoutUtils-8805fc5b', './useVisHover-28319fef', './ScrollBar-4046f84f', './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css', 'css!./ScrollBarStyles.styles.css', './useSelectDrill-6361116b', './useChartDataCursor-e953c918', './hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css', 'css!./DataCursorStyles.styles.css', './Marker-a5694092', 'css!./SvgShapesStyles.styles.css', './useChartDatatip-ee3783af', './useDatatip-ac26447a', './Layer-447c68e6', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useThemeInterpolations-6b2de213', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', './useDensity-c83df7b4', './Floating-1ec5ec2a', './useFloating-acd30a55', './positionUtils-6e4daa31', './refUtils-d354a169', './useOutsideClick-f99b7a84', './arrayUtils-6ee96a35', './useModal-536cb7ff', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css', './hooks/PRIVATE_useDatatip/themes/useDatatip.css', 'css!./useDatatip.styles.css', './VisTabularDatatip-1051eaca', './PRIVATE_VisTabularDatatip/themes/VisTabularDatatipStyles.css', 'css!./VisTabularDatatipStyles.styles.css', './colorUtils-a785c4c4', './useChartDrill-307602e0', './useVisDrill-7f811101', './useDoubleTap-b6bf5458', './useSelection-af7b4b52', './BaseButton-19a622bc', './usePress-949a0d03', './usePressClick-b7b38da2', './useHover-7964884c', './useToggle-a29f97af', './useActive-bb5dc069', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './dimensions-60420dbb', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', 'module', './useTestId-3a316499', './Text-cd61a065', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './useTranslationBundle-516b1b83', './hooks/PRIVATE_useVisSelection/themes/ClearSelection.css', 'css!./ClearSelection.styles.css', './cssUtils-577028f8', './useChartContextMenu-8606bfa2', './useContextMenu-e08aad46', './Menu-5d447084', './Dropdown-4b421eff', './keyboardUtils-fbb389f8', './tabbableUtils-85aa6918', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './usePopupAnimation-f679a4b0', './useAnimationStatus-86746674', './useAnimation-5a74955f', './popupAnimationUtils-49b93365', './CollectionInteractionContext-0b4ed98b', './UNSAFE_Dropdown/themes/dropdownStyles.css', 'css!./dropdownStyles.styles.css', './useOutsideMousedown-73d5a78a', './animationUtils-716a9aa6', './MenuItem-87cd59b8', './flexitem-5db48325', 'css!./flexitem.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './useInteractionStyle-76a64325', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './UNSAFE_Menu/themes/MenuItemStyles.css', 'css!./MenuItemStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuItemVariants.css', 'css!./MenuItemVariants.styles.css', './UNSAFE_Menu/themes/MenuStyles.css', 'css!./MenuStyles.styles.css', './UNSAFE_Menu/themes/DropdownMenuStyles.css', 'css!./DropdownMenuStyles.styles.css', './Sheet-46782f99', './Modal-d6b2e905', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './WindowOverlay-a2d80d55', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './UNSAFE_Sheet/themes/SheetStyles.css', 'css!./SheetStyles.styles.css', './UNSAFE_Menu/themes/SheetMenuStyles.css', 'css!./SheetMenuStyles.styles.css', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-69ce0a2d', './EnvironmentProvider-8f6fc388', './LayerManager-76fcfb58', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./SeparatorStyles.styles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './useContextMenuGesture-d55fbea5', './textSelectionUtils-06c7855d', './useChartDnd-947ed9e4', './utils-a2a190fa', './pathUtils-ec75f879', './useDnd-33ec1cdf', './useTooltip-7b11fd35', './useTooltipControlled-52183a08', './useFocus-4194fc59', './useTouch-37489bb5', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', './useChartMarquee-51f52d57', './useVisDragModeControls-a5685835', './Button-cf946d86', './Icon-2d38c876', './UNSAFE_Icon/themes/IconStyle.css', './Move-cc2aeed5', './hooks/PRIVATE_useVisDragModeControls/themes/useVisDragModeControls.css', 'css!./useVisDragModeControls.styles.css', './ZoomAlt-8d30726c', './ButtonSetSingle-1d398df0', './useButtonSetContext-dffdaea3', './ButtonSet-d95872cc', './UNSAFE_ButtonSet/themes/ButtonSetStyles.css', 'css!./ButtonSetStyles.styles.css', './ButtonSetPositionContext-fd98cc11', './toggleButtonUtils-c8f12580', './useRovingTabIndexContainer-955e23a8', './buttonUtils-97878e90', './id-c70ab33c', './ButtonSetItem-41485f24', './ButtonSetButton-526d9712', './ToggleButtonLabel-330c8f8b', './ButtonLabelLayout-2e0e8d09', './useButtonLabelLayoutTheme-3237026f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css', 'css!./ButtonLabelLayoutStyles.styles.css', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css', 'module', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css', 'css!./ButtonLabelLayoutVariants.styles.css', './HiddenAccessible-037ef42d', 'css!./HiddenAccessibleStyles.styles.css', './ButtonSetIconButton-7a2c113c', './useButtonSetPositionContext-b8534679', './IconToggleButton-20d411e6', './useToggleAction-59741954', './hooks/PRIVATE_useChartMarquee/themes/useChartMarquee.css', 'css!./useChartMarquee.styles.css', './useVisTouchResponse-88a7bb09', './useOverviewContext-dd00c487', './OverviewSlidingWindow-e4bea056', './PRIVATE_VisOverview/themes/VisOverview.css', 'css!./VisOverview.styles.css', './DragH-01dfdece'], (function(e,s,t,a,o,l,n,c,i,r,u,d,y,S,h,m,b,A,T,f,B,U,_,p,C,E,F,w,M,V,N,g,x,v,I,L,D,P,O,R,k,W,H,q,z,G,j,K,Z,J,Q,X,Y,$,ee,se,te,ae,oe,le,ne,ce,ie,re,ue,de,ye,Se,he,me,be,Ae,Te,fe,Be,Ue,_e,pe,Ce,Ee,Fe,we,Me,Ve,Ne,ge,xe,ve,Ie,Le,De,Pe,Oe,Re,ke,We,He,qe,ze,Ge,je,Ke,Ze,Je,Qe,Xe,Ye,$e,es,ss,ts,as,os,ls,ns,cs,is,rs,us,ds,ys,Ss,hs,ms,bs,As,Ts,fs,Bs,Us,_s,ps,Cs,Es,Fs,ws,Ms,Vs,Ns,gs,xs,vs,Is,Ls,Ds,Ps,Os,Rs,ks,Ws,Hs,qs,zs,Gs,js,Ks,Zs,Js,Qs,Xs,Ys,$s,et,st,tt,at,ot,lt,nt,ct,it,rt,ut,dt,yt,St,ht,mt,bt,At,Tt,ft,Bt,Ut,_t,pt,Ct,Et,Ft,wt,Mt,Vt,Nt,gt,xt,vt,It,Lt,Dt,Pt,Ot,Rt,kt,Wt,Ht,qt,zt,Gt,jt,Kt,Zt,Jt,Qt,Xt,Yt,$t,ea,sa,ta,aa,oa,la,na,ca,ia,ra,ua,da,ya,Sa,ha,ma,ba,Aa,Ta,fa,Ba,Ua,_a,pa,Ca,Ea,Fa,wa,Ma,Va,Na,ga,xa,va,Ia,La,Da,Pa,Oa,Ra,ka,Wa){"use strict";e.Chart=s.Chart,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_Chart.js.map

package/amd/ReadonlyTextFieldVariants.styles.css

@@ -1,4 +1,4 @@
-.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__a11ehs0 {
+.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__ck0nxo0 {
   border-width: var(--borderWidth__w6gg1y1);
   border-color: var(--borderColorDisabled__w6gg1yd);
   background-color: transparent;
@@ -6,72 +6,72 @@
   min-width: 1em;
   flex: 1;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__a11ehs1 {
+.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__ck0nxo1 {
   border-width: 0;
   background-color: transparent;
   height: auto;
   vertical-align: top;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__a11ehs4 {
+.ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__ck0nxo4 {
   height: auto;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__a11ehsc {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__ck0nxoc {
   resize: horizontal;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__a11ehsd {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__ck0nxod {
   resize: vertical;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_both__a11ehse {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_both__ck0nxoe {
   resize: both;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_none__a11ehsf {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_none__ck0nxof {
   max-width: 100%;
   overflow: visible;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_0__a11ehsg {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_0__ck0nxog {
   padding-top: 0;
   padding-bottom: 0;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_1__a11ehsh {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_1__ck0nxoh {
   min-height: var(--insideEdgeHeight__w6gg1yh);
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_2__a11ehsi {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_2__ck0nxoi {
   height: auto;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_3__a11ehsj {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_3__ck0nxoj {
   min-height: calc(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_4__a11ehsk {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_4__ck0nxok {
   min-height: calc(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_5__a11ehsl {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_5__ck0nxol {
   min-height: calc((var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) + var(--insideEdgeLineHeight__kn3t7f6)) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_6__a11ehsm {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_6__ck0nxom {
   min-height: calc((var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) + var(--insideEdgeLineHeight__kn3t7f6)) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_7__a11ehsn {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_7__ck0nxon {
   min-height: var(--height__w6gg1yg);
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_8__a11ehso {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_8__ck0nxoo {
   min-height: var(--height__w6gg1yg);
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_9__a11ehsp {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_9__ck0nxop {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_10__a11ehsq {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_10__ck0nxoq {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_11__a11ehsr {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_11__ck0nxor {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_12__a11ehss {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_12__ck0nxos {
   min-height: var(--insideEdgeHeight__w6gg1yh);
 }

package/amd/ReadonlyTextFieldVariants.styles2.css

@@ -1,4 +1,4 @@
-.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__ck0nxo0 {
+.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__a11ehs0 {
   border-width: var(--borderWidth__w6gg1y1);
   border-color: var(--borderColorDisabled__w6gg1yd);
   background-color: transparent;
@@ -6,72 +6,72 @@
   min-width: 1em;
   flex: 1;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__ck0nxo1 {
+.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__a11ehs1 {
   border-width: 0;
   background-color: transparent;
   height: auto;
   vertical-align: top;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__ck0nxo4 {
+.ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__a11ehs4 {
   height: auto;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__ck0nxoc {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__a11ehsc {
   resize: horizontal;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__ck0nxod {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__a11ehsd {
   resize: vertical;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_both__ck0nxoe {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_both__a11ehse {
   resize: both;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_none__ck0nxof {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_none__a11ehsf {
   max-width: 100%;
   overflow: visible;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_0__ck0nxog {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_0__a11ehsg {
   padding-top: 0;
   padding-bottom: 0;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_1__ck0nxoh {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_1__a11ehsh {
   min-height: var(--insideEdgeHeight__w6gg1yh);
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_2__ck0nxoi {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_2__a11ehsi {
   height: auto;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_3__ck0nxoj {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_3__a11ehsj {
   min-height: calc(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_4__ck0nxok {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_4__a11ehsk {
   min-height: calc(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_5__ck0nxol {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_5__a11ehsl {
   min-height: calc((var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) + var(--insideEdgeLineHeight__kn3t7f6)) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_6__ck0nxom {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_6__a11ehsm {
   min-height: calc((var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) + var(--insideEdgeLineHeight__kn3t7f6)) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_7__ck0nxon {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_7__a11ehsn {
   min-height: var(--height__w6gg1yg);
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_8__ck0nxoo {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_8__a11ehso {
   min-height: var(--height__w6gg1yg);
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_9__ck0nxop {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_9__a11ehsp {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_10__ck0nxoq {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_10__a11ehsq {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_11__ck0nxor {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_11__a11ehsr {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_12__ck0nxos {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_12__a11ehss {
   min-height: var(--insideEdgeHeight__w6gg1yh);
 }

package/amd/{ScatterChart-0ca7c658.js → ScatterChart-88304601.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './layoutUtils-c2938c54', './useChartDnd-947ed9e4', './LineSeries-a549e727', './dataStyleUtils-7ba616b8', './useUser-85c781ea', './colorUtils-a785c4c4', './accUtils-530bdb90', './Chart-e2807ff7'], (function(e,t,i,n,r,s,o,a,l,d){"use strict";e.ScatterChart=function({width:e,height:l,selectedIds:h=[],hiddenIds:g=[],highlightedIds:c,hideAndShowBehavior:I="none",orientation:x="vertical",yAxis:f,series:u,groups:m,getDataItem:S,selectionMode:v="none",drilling:y="off",dataLabelEffect:p="outline",lineType:C="none",...D}){const{direction:b,forcedColors:A}=o.useUser(),w="active"===A,L=void 0!==D.testId,M="rtl"===b,T="log"===f?.scale,U=D.xAxis?.timeAxisType,E=new Set(g),j=new Set(h),k=new Set(c),F="horizontal"===x,z=a.getColorRamp(),N=n.getSeriesData(u?.length,m?.length,S,E,T),P=(e,t)=>S(e,t),R=n.getMarkers();return t.jsx(d.Chart,{width:e,height:l,selectedIds:j,hiddenIds:g,hideAndShowBehavior:I,orientation:x,yAxis:f,series:u,groups:m,overview:"off",defaultOverviewContentRenderer:()=>null,selectionMode:v,drilling:y,getDataItem:S,findNearest:(e,t)=>i.findNearestDataPoint(u,m,e,t,P,!1,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),T,0,E,U),getDataItemPos:(e,t)=>(i,n)=>{const r=N[i][n];if(null==r?.x&&r?.y)return;return{x:e.transform(r?.x),y:t.transform(r?.y),height:0,width:0}},getMarkerInfo:(e,t)=>({color:s.getItemColor(e,t,u,S),type:s.getMarkerType(e,t,S)}),renderGridLinesInFront:!0,isDataXAxis:!0,getNavUtil:(e,t)=>s.getLineAreaChartNavUtil(S,u.length,e,t,!1,M,F),getGapRatio:()=>1,offset:.2,isRtl:M,...D,children:({xStartIndex:e,xEndIndex:i,xScale:s,yScale:o,activeId:a,focusedItemInfo:l,hoveredItemInfo:d,isPointInsideMarquee:h,defaultFontSize:g,getTextDimensions:I})=>t.jsx(t.Fragment,{children:N.map(((f,b)=>{if(0===f.length)return;const A=u[b],M="none"!==C,E=n.getLineAreaSegments(o,s,f,e,i,F,T,m,b,P,U,!0),N=void 0===c||0===c.length||k.has(A.id);return t.jsxs(t.Fragment,{children:[M&&t.jsx(r.LineSeries,{lineType:C,lineColor:A.lineColor,lineWidth:A.lineWidth,lineStyle:A.lineStyle,color:A.lineColor||z[b%z.length],lineSegmentCoords:E,isHorizontal:F,isHighlighted:N,seriesIndex:b}),t.jsx(r.MarkersWithLabel,{yScale:o,xScale:s,groups:m,series:A,timeAxisType:U,color:A.lineColor||z[b%z.length],seriesIndex:b,startIndex:e,endIndex:i,markerType:R[b%R.length],orientation:x,isLog:T,activeId:a,getDataItem:S,isPointInsideMarquee:h,selectedIds:j,highlightedIds:void 0!==c?k:void 0,focusedItemIndex:l.seriesIndex!==b||!l.isFocusVisible||D.isDataCursorEnabled&&D.dataCursorStyle?.isMarkerDisplayed?void 0:l.groupIndex,hoveredItemIndex:d?.isCurrent&&d.seriesIndex===b?d.groupIndex:void 0,isSelectionEnabled:"single"===v||"multiple"===v,isDrillEnabled:"on"===y,defaultFontSize:g,dataLabelEffect:p,isHighContrast:w,isTestEnv:L,isDataXAxis:!0,getTextDimensions:I})]})}))})})}}));
-//# sourceMappingURL=ScatterChart-0ca7c658.js.map
+define(['exports', 'preact/jsx-runtime', './layoutUtils-c2938c54', './useChartDnd-947ed9e4', './LineSeries-a549e727', './dataStyleUtils-7ba616b8', './useUser-85c781ea', './colorUtils-a785c4c4', './accUtils-530bdb90', './Chart-3621e125'], (function(e,t,i,n,r,s,o,a,l,d){"use strict";e.ScatterChart=function({width:e,height:l,selectedIds:h=[],hiddenIds:g=[],highlightedIds:c,hideAndShowBehavior:I="none",orientation:x="vertical",yAxis:u,series:f,groups:m,getDataItem:S,selectionMode:v="none",drilling:y="off",dataLabelEffect:p="outline",lineType:C="none",...D}){const{direction:b,forcedColors:A}=o.useUser(),w="active"===A,L=void 0!==D.testId,M="rtl"===b,T="log"===u?.scale,U=D.xAxis?.timeAxisType,E=new Set(g),j=new Set(h),k=new Set(c),F="horizontal"===x,z=a.getColorRamp(),N=n.getSeriesData(f?.length,m?.length,S,E,T),P=(e,t)=>S(e,t),R=n.getMarkers();return t.jsx(d.Chart,{width:e,height:l,selectedIds:j,hiddenIds:g,hideAndShowBehavior:I,orientation:x,yAxis:u,series:f,groups:m,overview:"off",defaultOverviewContentRenderer:()=>null,selectionMode:v,drilling:y,getDataItem:S,findNearest:(e,t)=>i.findNearestDataPoint(f,m,e,t,P,!1,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),T,0,E,U),getDataItemPos:(e,t)=>(i,n)=>{const r=N[i][n];if(null==r?.x&&r?.y)return;return{x:e.transform(r?.x),y:t.transform(r?.y),height:0,width:0}},getMarkerInfo:(e,t)=>({color:s.getItemColor(e,t,f,S),type:s.getMarkerType(e,t,S)}),renderGridLinesInFront:!0,isDataXAxis:!0,getNavUtil:(e,t)=>s.getLineAreaChartNavUtil(S,f.length,e,t,!1,M,F),getGapRatio:()=>1,offset:.2,isRtl:M,...D,children:({xStartIndex:e,xEndIndex:i,xScale:s,yScale:o,activeId:a,focusedItemInfo:l,hoveredItemInfo:d,isPointInsideMarquee:h,defaultFontSize:g,getTextDimensions:I})=>t.jsx(t.Fragment,{children:N.map(((u,b)=>{if(0===u.length)return;const A=f[b],M="none"!==C,E=n.getLineAreaSegments(o,s,u,e,i,F,T,m,b,P,U,!0),N=void 0===c||0===c.length||k.has(A.id);return t.jsxs(t.Fragment,{children:[M&&t.jsx(r.LineSeries,{lineType:C,lineColor:A.lineColor,lineWidth:A.lineWidth,lineStyle:A.lineStyle,color:A.lineColor||z[b%z.length],lineSegmentCoords:E,isHorizontal:F,isHighlighted:N,seriesIndex:b}),t.jsx(r.MarkersWithLabel,{yScale:o,xScale:s,groups:m,series:A,timeAxisType:U,color:A.lineColor||z[b%z.length],seriesIndex:b,startIndex:e,endIndex:i,markerType:R[b%R.length],orientation:x,isLog:T,activeId:a,getDataItem:S,isPointInsideMarquee:h,selectedIds:j,highlightedIds:void 0!==c?k:void 0,focusedItemIndex:l.seriesIndex!==b||!l.isFocusVisible||D.isDataCursorEnabled&&D.dataCursorStyle?.isMarkerDisplayed?void 0:l.groupIndex,hoveredItemIndex:d?.isCurrent&&d.seriesIndex===b?d.groupIndex:void 0,isSelectionEnabled:"single"===v||"multiple"===v,isDrillEnabled:"on"===y,defaultFontSize:g,dataLabelEffect:p,isHighContrast:w,isTestEnv:L,isDataXAxis:!0,getTextDimensions:I})]})}))})})}}));
+//# sourceMappingURL=ScatterChart-88304601.js.map

package/amd/{ScatterChart-0ca7c658.js.map → ScatterChart-88304601.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ScatterChart-0ca7c658.js","sources":["../../src/UNSAFE_ScatterChart/ScatterChart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ScatterChartProps, ScatterItem } from './scatterChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\n\nconst AXIS_OFFSET = 0.2;\n\n/**\n * Scatter charts define data items using x and y values, making them useful for viewing relationships between 2 dimensions.\n */\nexport function ScatterChart<K extends string | number, D extends ScatterItem<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataLabelEffect = 'outline',\n  lineType = 'none',\n  ...props\n}: ScatterChartProps<K, D>) {\n  const { direction, forcedColors } = useUser();\n  const isHighContrast = forcedColors === 'active';\n  const isTestEnv = props.testId !== undefined;\n  const isRtl = direction === 'rtl';\n  const isLog = yAxis?.scale === 'log';\n  const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n  const hiddenSet = new Set(hiddenIds);\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n  const isHoriz = orientation === 'horizontal';\n  const colors = getColorRamp();\n  const renderedSeries = getSeriesData<K, D>(\n    series?.length,\n    groups?.length,\n    getDataItem,\n    hiddenSet,\n    isLog\n  );\n\n  const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined =>\n    getDataItem(seriesIndex, groupIndex);\n\n  const getGapRatio = () => {\n    return 1;\n  };\n\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    // TODO: JET-71301\n    return getLineAreaChartNavUtil<D>(\n      getDataItem,\n      series.length,\n      startIndex,\n      endIndex,\n      false,\n      isRtl,\n      isHoriz\n    );\n  };\n\n  const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n    return (seriesIndex: number, groupIndex: number) => {\n      // Scatter shouldn't create renderedSeries. Can filter for hidden item here.\n      // TODO: JET-71332\n      const item = renderedSeries[seriesIndex][groupIndex] as { x: number; y: number };\n      if (item?.x == null && item?.y) {\n        return;\n      }\n      const x = xScale.transform(item?.x!);\n      const y = yScale.transform(item?.y!);\n      return { x, y, height: 0, width: 0 };\n    };\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    return {\n      color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n      type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n    };\n  };\n\n  const findNearest = (xScale: Scale, yScale: Scale) => {\n    const getSeriesDataInfo = () => {\n      return {\n        offset: 0,\n        dataWidth: 0\n      };\n    };\n\n    const getYCoord = (value: number, yScale: Scale) => {\n      return yScale.transform(value);\n    };\n\n    return findNearestDataPoint<K, D>(\n      series,\n      groups,\n      xScale,\n      yScale,\n      renderedGetDataItem,\n      false,\n      getSeriesDataInfo,\n      getYCoord,\n      isLog,\n      0,\n      hiddenSet,\n      timeAxisType\n    );\n  };\n  const markers = getMarkers();\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      series={series}\n      groups={groups}\n      overview=\"off\"\n      defaultOverviewContentRenderer={() => null}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      getDataItem={getDataItem}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getMarkerInfo={getMarkerColorAndType}\n      renderGridLinesInFront={true}\n      isDataXAxis={true}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      offset={AXIS_OFFSET}\n      isRtl={isRtl}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        isPointInsideMarquee,\n        defaultFontSize,\n        getTextDimensions\n      }) => {\n        return (\n          <>\n            {renderedSeries.map((lineAreaSeries, index) => {\n              if (lineAreaSeries.length === 0) {\n                /* TODO: need a better way to handle when a series is hidden. */\n                return;\n              }\n              const seriesItem = series[index];\n              const isLineRendered = lineType !== 'none';\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                yScale,\n                xScale,\n                lineAreaSeries,\n                xStartIndex,\n                xEndIndex,\n                isHoriz,\n                isLog,\n                groups,\n                index,\n                renderedGetDataItem,\n                timeAxisType,\n                true\n              );\n\n              const isHighlighted =\n                highlightedIds === undefined ||\n                highlightedIds.length === 0 ||\n                highlightedSet.has(seriesItem.id);\n\n              return (\n                <>\n                  {isLineRendered && (\n                    <LineSeries\n                      lineType={lineType}\n                      /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n                        It's always white in legacy.*/\n                      lineColor={seriesItem.lineColor}\n                      /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n                      Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n                      TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n                      generates this curve.\n                     */\n                      lineWidth={seriesItem.lineWidth}\n                      lineStyle={seriesItem.lineStyle}\n                      color={seriesItem.lineColor || colors[index % colors.length]}\n                      lineSegmentCoords={lineSegmentCoords}\n                      isHorizontal={isHoriz}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                    />\n                  )}\n                  <MarkersWithLabel\n                    yScale={yScale}\n                    xScale={xScale}\n                    groups={groups}\n                    series={seriesItem}\n                    timeAxisType={timeAxisType}\n                    color={\n                      seriesItem.lineColor ||\n                      colors[\n                        index % colors.length\n                      ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n                    }\n                    seriesIndex={index}\n                    startIndex={xStartIndex}\n                    endIndex={xEndIndex}\n                    markerType={markers[index % markers.length]}\n                    orientation={orientation}\n                    isLog={isLog}\n                    activeId={activeId}\n                    getDataItem={getDataItem}\n                    isPointInsideMarquee={isPointInsideMarquee}\n                    selectedIds={selectedSet}\n                    highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n                    focusedItemIndex={\n                      focusedItemInfo.seriesIndex === index &&\n                      focusedItemInfo.isFocusVisible &&\n                      !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n                        ? focusedItemInfo.groupIndex\n                        : undefined\n                    }\n                    hoveredItemIndex={\n                      hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                        ? hoveredItemInfo.groupIndex\n                        : undefined\n                    }\n                    isSelectionEnabled={selectionMode === 'single' || selectionMode === 'multiple'}\n                    isDrillEnabled={drilling === 'on'}\n                    defaultFontSize={defaultFontSize}\n                    dataLabelEffect={dataLabelEffect}\n                    isHighContrast={isHighContrast}\n                    isTestEnv={isTestEnv}\n                    isDataXAxis={true}\n                    getTextDimensions={getTextDimensions}\n                  />\n                </>\n              );\n            })}\n          </>\n        );\n      }}\n    </Chart>\n  );\n}\n"],"names":["width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","series","groups","getDataItem","selectionMode","drilling","dataLabelEffect","lineType","props","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getSeriesData","length","renderedGetDataItem","seriesIndex","groupIndex","markers","getMarkers","_jsx","Chart","overview","defaultOverviewContentRenderer","findNearest","xScale","yScale","findNearestDataPoint","offset","dataWidth","value","transform","getDataItemPos","item","x","y","getMarkerInfo","color","getItemColor","type","getMarkerType","renderGridLinesInFront","isDataXAxis","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","jsx","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","isLineRendered","lineSegmentCoords","getLineAreaSegments","isHighlighted","has","id","_jsxs","jsxs","LineSeries","lineColor","lineWidth","lineStyle","isHorizontal","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"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"}
+{"version":3,"file":"ScatterChart-88304601.js","sources":["../../src/UNSAFE_ScatterChart/ScatterChart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ScatterChartProps, ScatterItem } from './scatterChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\n\nconst AXIS_OFFSET = 0.2;\n\n/**\n * Scatter charts define data items using x and y values, making them useful for viewing relationships between 2 dimensions.\n */\nexport function ScatterChart<K extends string | number, D extends ScatterItem<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataLabelEffect = 'outline',\n  lineType = 'none',\n  ...props\n}: ScatterChartProps<K, D>) {\n  const { direction, forcedColors } = useUser();\n  const isHighContrast = forcedColors === 'active';\n  const isTestEnv = props.testId !== undefined;\n  const isRtl = direction === 'rtl';\n  const isLog = yAxis?.scale === 'log';\n  const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n  const hiddenSet = new Set(hiddenIds);\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n  const isHoriz = orientation === 'horizontal';\n  const colors = getColorRamp();\n  const renderedSeries = getSeriesData<K, D>(\n    series?.length,\n    groups?.length,\n    getDataItem,\n    hiddenSet,\n    isLog\n  );\n\n  const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined =>\n    getDataItem(seriesIndex, groupIndex);\n\n  const getGapRatio = () => {\n    return 1;\n  };\n\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    // TODO: JET-71301\n    return getLineAreaChartNavUtil<D>(\n      getDataItem,\n      series.length,\n      startIndex,\n      endIndex,\n      false,\n      isRtl,\n      isHoriz\n    );\n  };\n\n  const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n    return (seriesIndex: number, groupIndex: number) => {\n      // Scatter shouldn't create renderedSeries. Can filter for hidden item here.\n      // TODO: JET-71332\n      const item = renderedSeries[seriesIndex][groupIndex] as { x: number; y: number };\n      if (item?.x == null && item?.y) {\n        return;\n      }\n      const x = xScale.transform(item?.x!);\n      const y = yScale.transform(item?.y!);\n      return { x, y, height: 0, width: 0 };\n    };\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    return {\n      color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n      type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n    };\n  };\n\n  const findNearest = (xScale: Scale, yScale: Scale) => {\n    const getSeriesDataInfo = () => {\n      return {\n        offset: 0,\n        dataWidth: 0\n      };\n    };\n\n    const getYCoord = (value: number, yScale: Scale) => {\n      return yScale.transform(value);\n    };\n\n    return findNearestDataPoint<K, D>(\n      series,\n      groups,\n      xScale,\n      yScale,\n      renderedGetDataItem,\n      false,\n      getSeriesDataInfo,\n      getYCoord,\n      isLog,\n      0,\n      hiddenSet,\n      timeAxisType\n    );\n  };\n  const markers = getMarkers();\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      series={series}\n      groups={groups}\n      overview=\"off\"\n      defaultOverviewContentRenderer={() => null}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      getDataItem={getDataItem}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getMarkerInfo={getMarkerColorAndType}\n      renderGridLinesInFront={true}\n      isDataXAxis={true}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      offset={AXIS_OFFSET}\n      isRtl={isRtl}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        isPointInsideMarquee,\n        defaultFontSize,\n        getTextDimensions\n      }) => {\n        return (\n          <>\n            {renderedSeries.map((lineAreaSeries, index) => {\n              if (lineAreaSeries.length === 0) {\n                /* TODO: need a better way to handle when a series is hidden. */\n                return;\n              }\n              const seriesItem = series[index];\n              const isLineRendered = lineType !== 'none';\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                yScale,\n                xScale,\n                lineAreaSeries,\n                xStartIndex,\n                xEndIndex,\n                isHoriz,\n                isLog,\n                groups,\n                index,\n                renderedGetDataItem,\n                timeAxisType,\n                true\n              );\n\n              const isHighlighted =\n                highlightedIds === undefined ||\n                highlightedIds.length === 0 ||\n                highlightedSet.has(seriesItem.id);\n\n              return (\n                <>\n                  {isLineRendered && (\n                    <LineSeries\n                      lineType={lineType}\n                      /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n                        It's always white in legacy.*/\n                      lineColor={seriesItem.lineColor}\n                      /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n                      Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n                      TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n                      generates this curve.\n                     */\n                      lineWidth={seriesItem.lineWidth}\n                      lineStyle={seriesItem.lineStyle}\n                      color={seriesItem.lineColor || colors[index % colors.length]}\n                      lineSegmentCoords={lineSegmentCoords}\n                      isHorizontal={isHoriz}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                    />\n                  )}\n                  <MarkersWithLabel\n                    yScale={yScale}\n                    xScale={xScale}\n                    groups={groups}\n                    series={seriesItem}\n                    timeAxisType={timeAxisType}\n                    color={\n                      seriesItem.lineColor ||\n                      colors[\n                        index % colors.length\n                      ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n                    }\n                    seriesIndex={index}\n                    startIndex={xStartIndex}\n                    endIndex={xEndIndex}\n                    markerType={markers[index % markers.length]}\n                    orientation={orientation}\n                    isLog={isLog}\n                    activeId={activeId}\n                    getDataItem={getDataItem}\n                    isPointInsideMarquee={isPointInsideMarquee}\n                    selectedIds={selectedSet}\n                    highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n                    focusedItemIndex={\n                      focusedItemInfo.seriesIndex === index &&\n                      focusedItemInfo.isFocusVisible &&\n                      !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n                        ? focusedItemInfo.groupIndex\n                        : undefined\n                    }\n                    hoveredItemIndex={\n                      hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                        ? hoveredItemInfo.groupIndex\n                        : undefined\n                    }\n                    isSelectionEnabled={selectionMode === 'single' || selectionMode === 'multiple'}\n                    isDrillEnabled={drilling === 'on'}\n                    defaultFontSize={defaultFontSize}\n                    dataLabelEffect={dataLabelEffect}\n                    isHighContrast={isHighContrast}\n                    isTestEnv={isTestEnv}\n                    isDataXAxis={true}\n                    getTextDimensions={getTextDimensions}\n                  />\n                </>\n              );\n            })}\n          </>\n        );\n      }}\n    </Chart>\n  );\n}\n"],"names":["width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","series","groups","getDataItem","selectionMode","drilling","dataLabelEffect","lineType","props","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getSeriesData","length","renderedGetDataItem","seriesIndex","groupIndex","markers","getMarkers","_jsx","Chart","overview","defaultOverviewContentRenderer","findNearest","xScale","yScale","findNearestDataPoint","offset","dataWidth","value","transform","getDataItemPos","item","x","y","getMarkerInfo","color","getItemColor","type","getMarkerType","renderGridLinesInFront","isDataXAxis","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","jsx","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","isLineRendered","lineSegmentCoords","getLineAreaSegments","isHighlighted","has","id","_jsxs","jsxs","LineSeries","lineColor","lineWidth","lineStyle","isHorizontal","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"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"}