@oracle/oraclejet-preact 19.0.5 → 19.0.7

package/amd/{OverflowTabBarItem-bcf24ceb.js → OverflowTabBarItem-e01e53ae.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './useTranslationBundle-27bf6340', './clientHints-6d361eaa', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './classNames-08d99695', './Icon-865b3c78', './useTabBarContext-15a23bb6', './Dropdown-9d52501e', './Sheet-fdd314ac', './BaseTabBarItem-cdec0e90', './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css', './NavigationListItem-cdbcc394', './NavigationListLinkItem-77705dba'], (function(e,a,t,s,n,o,i,l,r,c,d,m,b,u,v,f,p){"use strict";const g=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 h=()=>{const{deviceType:e}=o.getClientHints();return"phone"===e};e.OverflowTabBarItem=function({overflowItemKey:e,icon:o,badge:c,overflowItems:y,isOpen:x,onClose:I}){const{selection:j,showFocusRing:B,isEdgeBottom:C,onSelect:w,onRemove:K,layout:R}=d.useTabBarContext(),T=s.useRef(!1),k=s.useRef(null),L=t.createRef(),N=s.useCallback((e=>{"pointer"===e.reason&&(T.current=!0),w?.({value:e.value}),I?.({reason:"itemAction"})}),[w,I]),O=s.useCallback((e=>{I?.({reason:e.reason})}),[I]),F=s.useCallback((()=>{I?.({reason:"dismissed"})}),[I]),S=B&&!T.current&&!h(),D=y?.find((e=>e.itemKey===j))?.tabPanelId,z=n.useTranslationBundle("@oracle/oraclejet-preact"),A=void 0!==j&&(E=j,null!=y?.find((e=>e.itemKey===E)));var E;const H=i.mergeInterpolations([...Object.values(l.flexitemInterpolations)])({flex:"stretch"===R?"1 0 auto":"0 0 auto"}),M=r.classNames([v.styles.navContainerBase]),P=s.useRef(null),U=s.useCallback((e=>{"ArrowDown"===e.key&&(e.preventDefault(),L.current?.focus())}),[L]),_=s.useCallback((()=>a.jsx("div",{onKeyDown:U,tabIndex:0,ref:P,class:M,children:a.jsx(f.NavigationList,{ref:L,selection:j,onSelectionChange:N,onRemove:K,children:y?.map((e=>null!=e.href?a.jsx(p.NavigationListLinkItem,{href:e.href,itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity}):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,L,j,N,K,y]);return a.jsxs(a.Fragment,{children:[y&&y.length>0&&a.jsx("div",{ref:k,style:H,children:a.jsx(u.BaseTabBarItem,{"aria-controls":D,itemKey:e,label:z.overflowItemLabel(),icon:o||a.jsx(g,{}),badge:c,showFocusRingOverride:S,selectionOverride:A,displayOverride:"icons","aria-haspopup":!0})}),h()?a.jsx(b.Sheet,{isOpen:x,onClose:F,initialFocus:"firstFocusable",children:_()}):a.jsx(m.Dropdown,{initialFocus:"firstFocusable",isOpen:x,onClose:O,placement:C?"top-end":"bottom-end",anchorRef:k,children:_()})]})}}));
-//# sourceMappingURL=OverflowTabBarItem-bcf24ceb.js.map
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './useTranslationBundle-27bf6340', './clientHints-6d361eaa', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './classNames-08d99695', './Icon-865b3c78', './useTabBarContext-15a23bb6', './Dropdown-9d52501e', './Sheet-fdd314ac', './BaseTabBarItem-cdec0e90', './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css', './NavigationListItem-82b0c382', './NavigationListLinkItem-77705dba'], (function(e,a,t,s,n,o,i,l,r,c,d,m,b,u,v,f,p){"use strict";const g=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 h=()=>{const{deviceType:e}=o.getClientHints();return"phone"===e};e.OverflowTabBarItem=function({overflowItemKey:e,icon:o,badge:c,overflowItems:y,isOpen:x,onClose:I}){const{selection:j,showFocusRing:B,isEdgeBottom:C,onSelect:w,onRemove:K,layout:R}=d.useTabBarContext(),T=s.useRef(!1),k=s.useRef(null),L=t.createRef(),N=s.useCallback((e=>{"pointer"===e.reason&&(T.current=!0),w?.({value:e.value}),I?.({reason:"itemAction"})}),[w,I]),O=s.useCallback((e=>{I?.({reason:e.reason})}),[I]),F=s.useCallback((()=>{I?.({reason:"dismissed"})}),[I]),S=B&&!T.current&&!h(),D=y?.find((e=>e.itemKey===j))?.tabPanelId,z=n.useTranslationBundle("@oracle/oraclejet-preact"),A=void 0!==j&&(E=j,null!=y?.find((e=>e.itemKey===E)));var E;const H=i.mergeInterpolations([...Object.values(l.flexitemInterpolations)])({flex:"stretch"===R?"1 0 auto":"0 0 auto"}),M=r.classNames([v.styles.navContainerBase]),P=s.useRef(null),U=s.useCallback((e=>{"ArrowDown"===e.key&&(e.preventDefault(),L.current?.focus())}),[L]),_=s.useCallback((()=>a.jsx("div",{onKeyDown:U,tabIndex:0,ref:P,class:M,children:a.jsx(f.NavigationList,{ref:L,selection:j,onSelectionChange:N,onRemove:K,children:y?.map((e=>null!=e.href?a.jsx(p.NavigationListLinkItem,{href:e.href,itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity}):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,L,j,N,K,y]);return a.jsxs(a.Fragment,{children:[y&&y.length>0&&a.jsx("div",{ref:k,style:H,children:a.jsx(u.BaseTabBarItem,{"aria-controls":D,itemKey:e,label:z.overflowItemLabel(),icon:o||a.jsx(g,{}),badge:c,showFocusRingOverride:S,selectionOverride:A,displayOverride:"icons","aria-haspopup":!0})}),h()?a.jsx(b.Sheet,{isOpen:x,onClose:F,initialFocus:"firstFocusable",children:_()}):a.jsx(m.Dropdown,{initialFocus:"firstFocusable",isOpen:x,onClose:O,placement:C?"top-end":"bottom-end",anchorRef:k,children:_()})]})}}));
+//# sourceMappingURL=OverflowTabBarItem-e01e53ae.js.map

package/amd/{OverflowTabBarItem-bcf24ceb.js.map → OverflowTabBarItem-e01e53ae.js.map}

@@ -1 +1 @@
-{"version":3,"file":"OverflowTabBarItem-bcf24ceb.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  NavigationListLinkItem\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   * Sets the URL that the hyperlink points to.\n   */\n  href?: 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.href != null ? (\n              <NavigationListLinkItem\n                href={item.href}\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\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} initialFocus=\"firstFocusable\">\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","href","NavigationListLinkItem","label","metadata","severity","isRemovable","RemovableNavigationListItem","NavigationListItem","_jsxs","jsxs","_Fragment","Fragment","length","style","BaseTabBarItem","overflowItemLabel","OverflowH","showFocusRingOverride","selectionOverride","displayOverride","Sheet","initialFocus","Dropdown","placement","anchorRef"],"mappings":"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"}
+{"version":3,"file":"OverflowTabBarItem-e01e53ae.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  NavigationListLinkItem\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   * Sets the URL that the hyperlink points to.\n   */\n  href?: 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.href != null ? (\n              <NavigationListLinkItem\n                href={item.href}\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\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} initialFocus=\"firstFocusable\">\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","href","NavigationListLinkItem","label","metadata","severity","isRemovable","RemovableNavigationListItem","NavigationListItem","_jsxs","jsxs","_Fragment","Fragment","length","style","BaseTabBarItem","overflowItemLabel","OverflowH","showFocusRingOverride","selectionOverride","displayOverride","Sheet","initialFocus","Dropdown","placement","anchorRef"],"mappings":"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"}

package/amd/PRIVATE_Chart.js

@@ -1,2 +1,2 @@
-define(['exports', './Chart-061335fe', 'preact/jsx-runtime', './PRIVATE_Chart/themes/ChartStyles.css', 'css!./ChartStyles.styles.css', './TrackResizeContainer-a4999df9', 'preact/hooks', './useSize-165f7da4', './useResizeObserver-25032462', './useAddBusyState-8ed5cc58', './BusyStateContext-ab2c549a', 'preact', './useBusyStateContext-26bb2acb', './unsafeDomAccess-602c5dde', './size-0127b66b', './utils-ad4761c9', './themeContract.css-2e4b066d', './colorUtils-b9dc1bd1', './_curry1-df649359', './useTextDimensions-f254e8f5', './clientHints-6d361eaa', './useCssVars-d782da3d', './useUser-988f7da2', './LayerHost-7d4aa6d3', './index-f7ad24df', 'preact/compat', './UNSAFE_Layer/themes/LayerHostStyles.css', 'css!./LayerHostStyles.styles.css', './useTheme-af7bfac1', './useColorScheme-f2a81610', './useScale-5d246769', './Gridlines-545ae30a', './PRIVATE_PlotArea/themes/PlotAreaStyles.css', 'css!./PlotAreaStyles.styles.css', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css', 'css!./VisDndStyles.styles.css', './classNames-08d99695', './useId-c9578d26', './Axis-3b37075a', './PRIVATE_Axis/themes/AxisStyles.css', 'css!./AxisStyles.styles.css', './MultilineText-a4fcc3cb', './datatipUtils-6846028e', './clientUtils-df9caee0', './labelUtils-a0808e76', './textUtils-ae0a246c', './accUtils-acd70e81', './utils-cd60c9d4', './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-167a8e6b', './eventsUtils-5fb81c3e', './usePinch-fc8ed928', './usePointerGesture-1c1dd806', './mergeProps-bcfa6a92', './utils-8ccd1b88', './getLocale-ae79e654', './stringUtils-4ffd9d59', './scale-2f3251e1', './useChartNav-a162c821', './layoutUtils-641af87a', './useVisHover-28319fef', './ScrollBar-fae26188', './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css', 'css!./ScrollBarStyles.styles.css', './useSelectDrill-05d4e28f', './useChartDataCursor-622da975', './hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css', 'css!./DataCursorStyles.styles.css', './Marker-cf672e83', 'css!./SvgShapesStyles.styles.css', './useChartDatatip-cdfc4089', './useDatatip-36aa820b', './Layer-dc3c1ac9', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useThemeInterpolations-1dff2f9d', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', './useDensity-bee3cef4', './Floating-366a30f8', './useFloating-0df4b3d3', './positionUtils-6e4daa31', './refUtils-77e97004', './useOutsideClick-9c4ceb18', './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-6065bbd7', './UNSAFE_Floating/themes/FloatingContract.css', './useUnsafeDomElementRef-75afb461', './hooks/PRIVATE_useDatatip/themes/useDatatip.css', 'css!./useDatatip.styles.css', './VisTabularDatatip-ab3b0b91', './PRIVATE_VisTabularDatatip/themes/VisTabularDatatipStyles.css', 'css!./VisTabularDatatipStyles.styles.css', './colorUtils-7aaca9f1', './useChartDrill-287d3f36', './useVisDrill-b08ba7e5', './useDoubleTap-b6bf5458', './clientUtils-f1eea2db', './useSelection-bb7d04ee', './BaseButton-2c9850cb', './useHover-8b8a1496', './useToggle-a29f97af', './useActive-bb5dc069', './dimensions-f24f9a2b', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', 'module', './BareButton-7b68bbbf', './useBareButton-3f7e0c0c', './usePress-949a0d03', './usePressClick-b5bf4243', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './buttonUtils-cbbb0130', './id-c70ab33c', './useTestId-a2e433c2', './Text-9e32c423', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './useTranslationBundle-27bf6340', './hooks/PRIVATE_useVisSelection/themes/ClearSelection.css', 'css!./ClearSelection.styles.css', './cssUtils-1609d0af', './useChartContextMenu-59688a67', './useContextMenu-4bd1c23a', './Menu-45a26116', './Sheet-fdd314ac', './Modal-8d647f76', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './tabbableUtils-9101c0e5', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './popupUtils-e19b93b5', './WindowOverlay-bd810e3b', './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', './useAnimationStatus-4b135f52', './useAnimation-5a74955f', './animationUtils-716a9aa6', './Dropdown-9d52501e', './keyboardUtils-fb6219eb', './usePopupAnimation-9f80595b', './popupAnimationUtils-49b93365', './CollectionInteractionContext-0b4ed98b', './UNSAFE_Dropdown/themes/dropdownStyles.css', 'css!./dropdownStyles.styles.css', './useOutsideMousedown-b0021878', './MenuItem-ff1cd14d', './flexitem-5db48325', 'css!./flexitem.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './useInteractionStyle-15a2bdd0', './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', './Flex-4bc3a394', './boxalignment-6cee1ef3', 'css!./boxalignment.styles.css', './flexbox-8521f6aa', 'css!./flexbox.styles.css', 'css!./FlexStyles.styles.css', './Skeleton-a7e166a0', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './UNSAFE_Menu/themes/MenuSkeletonStyles.css', 'css!./MenuSkeletonStyles.styles.css', './LiveRegion-4b9317e5', 'css!./LiveRegionStyles.styles.css', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-3c8a0253', './EnvironmentProvider-fb09fcfb', './LayerManager-4983f21c', '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-69b54d61', './textSelectionUtils-06c7855d', './useChartDnd-e1facca9', './utils-a2a190fa', './useDnd-33ec1cdf', './useTooltip-e14d62f1', './useTooltipControlled-f7e07ed4', './useFocus-4194fc59', './useTouch-37489bb5', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', './useChartMarquee-33a329da', './useVisDragModeControls-4fcf2261', './Button-c1b41673', './Icon-865b3c78', './UNSAFE_Icon/themes/IconStyle.css', './Move-37905d32', './hooks/PRIVATE_useVisDragModeControls/themes/useVisDragModeControls.css', 'css!./useVisDragModeControls.styles.css', './ZoomAlt-d983f1d7', './ButtonSetSingle-545b4bcf', './useButtonSetContext-dffdaea3', './ButtonSet-ce95318d', './UNSAFE_ButtonSet/themes/ButtonSetStyles.css', 'css!./ButtonSetStyles.styles.css', './ButtonSetPositionContext-fd98cc11', './toggleButtonUtils-0ebe4c56', './useRovingTabIndexContainer-b11a404b', './ButtonSetItem-0f8f7660', './ButtonSetButton-af5f14b6', './ToggleButtonLabel-03111248', './ButtonLabelLayout-9cc087dc', './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-f3c6a05e', './useButtonSetPositionContext-b8534679', './IconToggleButton-b783604a', './useToggleAction-59741954', './hooks/PRIVATE_useChartMarquee/themes/useChartMarquee.css', 'css!./useChartMarquee.styles.css', './useVisTouchResponse-88a7bb09', './useOverviewContext-dd00c487', './OverviewSlidingWindow-366528eb', './PRIVATE_VisOverview/themes/VisOverview.css', 'css!./VisOverview.styles.css', './DragH-c1224a99'], (function(e,s,t,o,a,l,n,c,i,r,d,u,S,y,h,m,b,f,A,T,B,U,_,F,E,p,w,C,M,N,x,V,g,v,L,I,D,k,P,R,O,W,H,q,z,G,j,K,Z,J,Q,X,Y,$,ee,se,te,oe,ae,le,ne,ce,ie,re,de,ue,Se,ye,he,me,be,fe,Ae,Te,Be,Ue,_e,Fe,Ee,pe,we,Ce,Me,Ne,xe,Ve,ge,ve,Le,Ie,De,ke,Pe,Re,Oe,We,He,qe,ze,Ge,je,Ke,Ze,Je,Qe,Xe,Ye,$e,es,ss,ts,os,as,ls,ns,cs,is,rs,ds,us,Ss,ys,hs,ms,bs,fs,As,Ts,Bs,Us,_s,Fs,Es,ps,ws,Cs,Ms,Ns,xs,Vs,gs,vs,Ls,Is,Ds,ks,Ps,Rs,Os,Ws,Hs,qs,zs,Gs,js,Ks,Zs,Js,Qs,Xs,Ys,$s,et,st,tt,ot,at,lt,nt,ct,it,rt,dt,ut,St,yt,ht,mt,bt,ft,At,Tt,Bt,Ut,_t,Ft,Et,pt,wt,Ct,Mt,Nt,xt,Vt,gt,vt,Lt,It,Dt,kt,Pt,Rt,Ot,Wt,Ht,qt,zt,Gt,jt,Kt,Zt,Jt,Qt,Xt,Yt,$t,eo,so,to,oo,ao,lo,no,co,io,ro,uo,So,yo,ho,mo,bo,fo,Ao,To,Bo,Uo,_o,Fo,Eo,po,wo,Co,Mo,No,xo,Vo,go,vo,Lo,Io,Do,ko,Po,Ro,Oo,Wo,Ho,qo,zo,Go,jo,Ko,Zo,Jo,Qo,Xo,Yo,$o,ea,sa,ta,oa,aa,la,na,ca,ia,ra,da,ua){"use strict";e.Chart=s.Chart,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './Chart-3108fa88', 'preact/jsx-runtime', './PRIVATE_Chart/themes/ChartStyles.css', 'css!./ChartStyles.styles.css', './TrackResizeContainer-a4999df9', 'preact/hooks', './useSize-165f7da4', './useResizeObserver-25032462', './useAddBusyState-8ed5cc58', './BusyStateContext-ab2c549a', 'preact', './useBusyStateContext-26bb2acb', './unsafeDomAccess-602c5dde', './size-0127b66b', './utils-ad4761c9', './themeContract.css-2e4b066d', './colorUtils-b9dc1bd1', './_curry1-df649359', './useTextDimensions-f254e8f5', './clientHints-6d361eaa', './useCssVars-d782da3d', './useUser-988f7da2', './LayerHost-7d4aa6d3', './index-f7ad24df', 'preact/compat', './UNSAFE_Layer/themes/LayerHostStyles.css', 'css!./LayerHostStyles.styles.css', './useTheme-af7bfac1', './useColorScheme-f2a81610', './useScale-5d246769', './Gridlines-545ae30a', './PRIVATE_PlotArea/themes/PlotAreaStyles.css', 'css!./PlotAreaStyles.styles.css', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css', 'css!./VisDndStyles.styles.css', './classNames-08d99695', './useId-c9578d26', './Axis-3b37075a', './PRIVATE_Axis/themes/AxisStyles.css', 'css!./AxisStyles.styles.css', './MultilineText-a4fcc3cb', './datatipUtils-6846028e', './clientUtils-df9caee0', './labelUtils-a0808e76', './textUtils-ae0a246c', './accUtils-acd70e81', './utils-cd60c9d4', './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-167a8e6b', './eventsUtils-5fb81c3e', './usePinch-fc8ed928', './usePointerGesture-1c1dd806', './mergeProps-bcfa6a92', './utils-8ccd1b88', './getLocale-ae79e654', './stringUtils-4ffd9d59', './scale-2f3251e1', './useChartNav-a162c821', './layoutUtils-641af87a', './useVisHover-28319fef', './useSelectDrill-05d4e28f', './useChartDataCursor-622da975', './hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css', 'css!./DataCursorStyles.styles.css', './Marker-cf672e83', 'css!./SvgShapesStyles.styles.css', './useChartDatatip-cdfc4089', './useDatatip-36aa820b', './Layer-dc3c1ac9', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useThemeInterpolations-1dff2f9d', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', './useDensity-bee3cef4', './Floating-366a30f8', './useFloating-0df4b3d3', './positionUtils-6e4daa31', './refUtils-77e97004', './useOutsideClick-9c4ceb18', './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-6065bbd7', './UNSAFE_Floating/themes/FloatingContract.css', './useUnsafeDomElementRef-75afb461', './hooks/PRIVATE_useDatatip/themes/useDatatip.css', 'css!./useDatatip.styles.css', './VisTabularDatatip-ab3b0b91', './PRIVATE_VisTabularDatatip/themes/VisTabularDatatipStyles.css', 'css!./VisTabularDatatipStyles.styles.css', './colorUtils-7aaca9f1', './useChartDrill-287d3f36', './useVisDrill-b08ba7e5', './useDoubleTap-b6bf5458', './clientUtils-f1eea2db', './useSelection-bb7d04ee', './BaseButton-2c9850cb', './useHover-8b8a1496', './useToggle-a29f97af', './useActive-bb5dc069', './dimensions-f24f9a2b', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', 'module', './BareButton-7b68bbbf', './useBareButton-3f7e0c0c', './usePress-949a0d03', './usePressClick-b5bf4243', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './buttonUtils-cbbb0130', './id-c70ab33c', './useTestId-a2e433c2', './Text-9e32c423', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './useTranslationBundle-27bf6340', './hooks/PRIVATE_useVisSelection/themes/ClearSelection.css', 'css!./ClearSelection.styles.css', './cssUtils-1609d0af', './useChartContextMenu-59688a67', './useContextMenu-4bd1c23a', './Menu-45a26116', './Sheet-fdd314ac', './Modal-8d647f76', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './tabbableUtils-9101c0e5', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './popupUtils-e19b93b5', './WindowOverlay-bd810e3b', './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', './useAnimationStatus-4b135f52', './useAnimation-5a74955f', './animationUtils-716a9aa6', './Dropdown-9d52501e', './keyboardUtils-fb6219eb', './usePopupAnimation-9f80595b', './popupAnimationUtils-49b93365', './CollectionInteractionContext-0b4ed98b', './UNSAFE_Dropdown/themes/dropdownStyles.css', 'css!./dropdownStyles.styles.css', './useOutsideMousedown-b0021878', './MenuItem-ff1cd14d', './flexitem-5db48325', 'css!./flexitem.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './useInteractionStyle-15a2bdd0', './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', './Flex-4bc3a394', './boxalignment-6cee1ef3', 'css!./boxalignment.styles.css', './flexbox-8521f6aa', 'css!./flexbox.styles.css', 'css!./FlexStyles.styles.css', './Skeleton-a7e166a0', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './UNSAFE_Menu/themes/MenuSkeletonStyles.css', 'css!./MenuSkeletonStyles.styles.css', './LiveRegion-4b9317e5', 'css!./LiveRegionStyles.styles.css', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-3c8a0253', './EnvironmentProvider-fb09fcfb', './LayerManager-4983f21c', '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-69b54d61', './textSelectionUtils-06c7855d', './useChartDnd-e1facca9', './utils-a2a190fa', './useDnd-33ec1cdf', './useTooltip-e14d62f1', './useTooltipControlled-f7e07ed4', './useFocus-4194fc59', './useTouch-37489bb5', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', './useChartMarquee-33a329da', './useVisDragModeControls-4fcf2261', './Button-c1b41673', './Icon-865b3c78', './UNSAFE_Icon/themes/IconStyle.css', './Move-37905d32', './hooks/PRIVATE_useVisDragModeControls/themes/useVisDragModeControls.css', 'css!./useVisDragModeControls.styles.css', './ZoomAlt-d983f1d7', './ButtonSetSingle-545b4bcf', './useButtonSetContext-dffdaea3', './ButtonSet-ce95318d', './UNSAFE_ButtonSet/themes/ButtonSetStyles.css', 'css!./ButtonSetStyles.styles.css', './ButtonSetPositionContext-fd98cc11', './toggleButtonUtils-0ebe4c56', './useRovingTabIndexContainer-b11a404b', './ButtonSetItem-0f8f7660', './ButtonSetButton-af5f14b6', './ToggleButtonLabel-03111248', './ButtonLabelLayout-9cc087dc', './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-f3c6a05e', './useButtonSetPositionContext-b8534679', './IconToggleButton-b783604a', './useToggleAction-59741954', './hooks/PRIVATE_useChartMarquee/themes/useChartMarquee.css', 'css!./useChartMarquee.styles.css', './useVisTouchResponse-88a7bb09', './useOverviewContext-dd00c487', './OverviewSlidingWindow-366528eb', './PRIVATE_VisOverview/themes/VisOverview.css', 'css!./VisOverview.styles.css', './DragH-c1224a99', './ScrollBar-fae26188', './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css', 'css!./ScrollBarStyles.styles.css'], (function(e,s,t,a,o,l,n,c,i,r,d,u,S,y,h,m,b,f,A,T,B,U,_,F,E,p,w,C,M,N,x,V,g,v,L,I,D,k,P,R,O,W,H,q,z,G,j,K,Z,J,Q,X,Y,$,ee,se,te,ae,oe,le,ne,ce,ie,re,de,ue,Se,ye,he,me,be,fe,Ae,Te,Be,Ue,_e,Fe,Ee,pe,we,Ce,Me,Ne,xe,Ve,ge,ve,Le,Ie,De,ke,Pe,Re,Oe,We,He,qe,ze,Ge,je,Ke,Ze,Je,Qe,Xe,Ye,$e,es,ss,ts,as,os,ls,ns,cs,is,rs,ds,us,Ss,ys,hs,ms,bs,fs,As,Ts,Bs,Us,_s,Fs,Es,ps,ws,Cs,Ms,Ns,xs,Vs,gs,vs,Ls,Is,Ds,ks,Ps,Rs,Os,Ws,Hs,qs,zs,Gs,js,Ks,Zs,Js,Qs,Xs,Ys,$s,et,st,tt,at,ot,lt,nt,ct,it,rt,dt,ut,St,yt,ht,mt,bt,ft,At,Tt,Bt,Ut,_t,Ft,Et,pt,wt,Ct,Mt,Nt,xt,Vt,gt,vt,Lt,It,Dt,kt,Pt,Rt,Ot,Wt,Ht,qt,zt,Gt,jt,Kt,Zt,Jt,Qt,Xt,Yt,$t,ea,sa,ta,aa,oa,la,na,ca,ia,ra,da,ua,Sa,ya,ha,ma,ba,fa,Aa,Ta,Ba,Ua,_a,Fa,Ea,pa,wa,Ca,Ma,Na,xa,Va,ga,va,La,Ia,Da,ka,Pa,Ra,Oa,Wa,Ha,qa,za,Ga,ja,Ka,Za,Ja,Qa,Xa,Ya,$a,eo,so,to,ao,oo,lo,no,co,io,ro,uo){"use strict";e.Chart=s.Chart,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_Chart.js.map

package/amd/{ScatterChart-6fc3c47e.js → ScatterChart-1999acf0.js}

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

package/amd/{ScatterChart-6fc3c47e.js.map → ScatterChart-1999acf0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ScatterChart-6fc3c47e.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\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  ...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\n  const getOffset = () => {\n    return { startOffset: 0, endOffset: 0 };\n  };\n\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={false}\n      isDataXAxis={true}\n      getStartAndEndAxesOffset={getOffset}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\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        axisStepWidth,\n        getItemAriaLabel\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 = seriesItem.lineType && seriesItem.lineType !== 'none';\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                yScale,\n                xScale,\n                lineAreaSeries,\n                xStartIndex,\n                xEndIndex,\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={seriesItem.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                      groupWidth={axisStepWidth}\n                      isRtl={isRtl}\n                      timeAxisType={timeAxisType}\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                    getItemAriaLabel={getItemAriaLabel}\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","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","getStartAndEndAxesOffset","startOffset","endOffset","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","axisStepWidth","getItemAriaLabel","jsx","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","isLineRendered","lineType","lineSegmentCoords","getLineAreaSegments","isHighlighted","has","id","_jsxs","LineSeries","lineColor","lineWidth","lineStyle","isHorizontal","groupWidth","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"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"}
+{"version":3,"file":"ScatterChart-1999acf0.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\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  ...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\n  const getOffset = () => {\n    return { startOffset: 0, endOffset: 0 };\n  };\n\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={false}\n      isDataXAxis={true}\n      getStartAndEndAxesOffset={getOffset}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\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        axisStepWidth,\n        getItemAriaLabel\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 = seriesItem.lineType && seriesItem.lineType !== 'none';\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                yScale,\n                xScale,\n                lineAreaSeries,\n                xStartIndex,\n                xEndIndex,\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={seriesItem.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                      groupWidth={axisStepWidth}\n                      isRtl={isRtl}\n                      timeAxisType={timeAxisType}\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                    getItemAriaLabel={getItemAriaLabel}\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","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","getStartAndEndAxesOffset","startOffset","endOffset","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","axisStepWidth","getItemAriaLabel","jsx","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","isLineRendered","lineType","lineSegmentCoords","getLineAreaSegments","isHighlighted","has","id","_jsxs","LineSeries","lineColor","lineWidth","lineStyle","isHorizontal","groupWidth","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"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"}