@oracle/oraclejet-preact 20.0.3 → 20.1.0

package/amd/NavigationList-a6bb123d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationList-a6bb123d.js","sources":["../../src/UNSAFE_NavigationList/useNavigationList.ts","../../src/UNSAFE_NavigationList/NavigationList.tsx"],"sourcesContent":["import { ComponentChildren, ComponentProps } from 'preact';\nimport { useState, useCallback, MutableRef, useRef, useEffect, useId } from 'preact/hooks';\nimport {\n  keyExtractor,\n  getFirstVisibleKey,\n  getKey,\n  getPrevNextKeyUsingRef,\n  findElementByKey\n} from '../utils/PRIVATE_collectionUtils';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { MenuProps } from '../hooks/PRIVATE_useVisContextMenu/util';\nimport { useContextMenuGesture } from '../hooks/UNSAFE_useContextMenuGesture';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { Menu } from '../UNSAFE_Menu';\nimport { getDefaultContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\nimport { TabBarContextMenuConfig, TabBarItemContextMenuContext } from '../UNSAFE_TabBarCommon';\nimport { NavigationListContextProps } from '../UNSAFE_NavigationListCommon';\n\nconst ITEM_SELECTOR = '[role=\"tab\"]';\nexport const REMOVE_ICON_SELECTOR = '[data-oj-navigationlist-item-remove-icon]';\nconst TOUCH_OFFSET_VALUE = 40;\nconst menuPropGestureStates: Record<\n  'mouse' | 'keyboard' | 'touch',\n  Omit<Required<MenuProps>, 'anchorRef' | 'isOpen'>\n> = {\n  mouse: {\n    initialFocus: 'menu',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  keyboard: {\n    initialFocus: 'firstItem',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  touch: {\n    initialFocus: 'menu',\n    placement: 'end',\n    offsetValue: TOUCH_OFFSET_VALUE\n  }\n};\n\n/**\n * type for payload of current key change event handler\n */\ntype CurrentKeyDetail<K> = {\n  value: K;\n};\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n  reason: 'pointer' | 'keyboard';\n};\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n  value: K;\n};\n\nconst initialMenuProps: MenuProps = {\n  isOpen: false,\n  initialFocus: 'menu',\n  placement: 'bottom-start',\n  offsetValue: 0,\n  anchorRef: { current: null }\n};\n\n/*TODO: JET-58534. Create a hook to share some logic between navlist and tabbar. Hook will be used inside this one. */\nexport function useNavigationList<K extends string | number>({\n  containerRef,\n  selection,\n  onRemove,\n  onSelectionChange,\n  children,\n  contextMenuConfig\n}: {\n  containerRef: MutableRef<HTMLDivElement>;\n  selection?: K;\n  onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n  onSelectionChange?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  children: ComponentChildren;\n  contextMenuConfig?: TabBarContextMenuConfig<K>;\n}) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const [currentKey, setCurrentKey] = useState<K | undefined>(selection);\n\n  const onCurrentKeyChange = useCallback((detail: CurrentKeyDetail<K | undefined>) => {\n    setCurrentKey(detail.value);\n  }, []) as NavigationListContextProps<K>['onCurrentKeyChange'];\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) =>\n      onRemove\n        ? (extractOnlyItemKey(element, ITEM_SELECTOR, REMOVE_ICON_SELECTOR) as K)\n        : keyExtractor(element, ITEM_SELECTOR),\n    false,\n    false,\n    getPrevNextKeyUsingRef(containerRef, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKeyUsingRef(containerRef, currentKey, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(containerRef, [\n    'Home',\n    'End',\n    'ArrowUp',\n    'ArrowDown'\n  ]);\n\n  const onFocus = useCallback(() => {\n    if (containerRef.current && currentKey === undefined) {\n      const key = getFirstVisibleKey(containerRef.current, ITEM_SELECTOR);\n      if (key) {\n        setCurrentKey(key as K);\n      }\n    }\n  }, [currentKey, containerRef]);\n\n  const onFocusProps = { onFocus };\n  const prevNavItems = useRef<K[]>();\n\n  useEffect(() => {\n    if (containerRef.current) {\n      const navListItemKeys = Array.from(\n        containerRef.current.querySelectorAll(ITEM_SELECTOR),\n        (elem) => getKey(elem as HTMLElement) as K\n      );\n      if (currentKey != null && navListItemKeys.indexOf(currentKey) !== -1) {\n        const navListItem = findElementByKey(\n          containerRef.current,\n          currentKey,\n          ITEM_SELECTOR\n        ) as any;\n        if (navListItem.scrollIntoViewIfNeeded) {\n          // for some browsers, we'll need the non-standard scrollIntoViewIfNeeded\n          navListItem.scrollIntoViewIfNeeded();\n        } else {\n          navListItem.scrollIntoView({ block: 'nearest' });\n        }\n      } else {\n        if (currentKey && navListItemKeys.indexOf(currentKey) === -1) {\n          prevNavItems.current\n            ? setCurrentKey(findNextCurrentKey(currentKey, navListItemKeys, prevNavItems.current))\n            : setCurrentKey(navListItemKeys[0] as K);\n        }\n        prevNavItems.current = navListItemKeys;\n      }\n    }\n  }, [children, currentKey, containerRef]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if ((event.key === 'Home' || event.key === 'End') && containerRef.current && currentKey) {\n        const navListItemKey = Array.from(\n          containerRef.current.querySelectorAll(ITEM_SELECTOR),\n          (elem) => getKey(elem as HTMLElement) as K\n        );\n        onCurrentKeyChange?.({\n          value: navListItemKey[event.key === 'Home' ? 0 : navListItemKey.length - 1] as K\n        });\n      }\n      if (currentKey && (event.key === 'Enter' || event.key === ' ')) {\n        // Prevent default to avoid page scrolling on Space (and native actions on Enter)\n        event.preventDefault();\n        onSelectionChange?.({\n          value: currentKey as K,\n          reason: 'keyboard'\n        });\n      }\n      if (currentKey && event.key === 'Delete') {\n        onRemove?.({ value: currentKey as K });\n      }\n    },\n    [currentKey, onSelectionChange, onRemove, onCurrentKeyChange, containerRef]\n  );\n\n  const [contextMenuContext, setContextMenuContext] = useState<TabBarItemContextMenuContext<K>>();\n\n  const [menuProps, setMenuProps] = useState<MenuProps>(initialMenuProps);\n  const [accStatusInfo, setAccStatusInfo] = useState<string>();\n\n  const { triggerProps } = useContextMenuGesture(\n    ({ gesture, anchor, target }) => {\n      let anchorBasedOnGesture = anchor;\n      let itemKey = currentKey as K;\n      if (gesture === 'keyboard') {\n        //We find the element where the position of the menu is going to be based of\n        const elem = findElementByKey(\n          containerRef.current as HTMLElement,\n          currentKey as K,\n          ITEM_SELECTOR\n        );\n        //We set the correct anchor\n        anchorBasedOnGesture = elem ? elem : anchor;\n      } else {\n        //We search for the key using the target of the event\n        const key = keyExtractor(target as HTMLElement, ITEM_SELECTOR);\n\n        //On touch devices, the keyExtractor returns null because target of touch event is the entire tabbar. Hence we make use of currentkey since the context menu is always launched from selected item and its key is currentKey\n        itemKey = key != null ? (key as K) : (currentKey as K);\n      }\n      let isRemovable = false;\n      if (containerRef.current) {\n        isRemovable = getItemAttribute(itemKey, containerRef.current, REMOVE_ICON_SELECTOR) != null;\n      }\n      const defaultContext = getDefaultContextMenu<K>({\n        // For default menu items the existence of REMOVE_ICON_SELECTOR is the indicator that it is removable because we render the default menu in touch devices not the application.\n        // Furthermore in corepack due to delegations onRemove is always defined as it is a even handler hence not a good check for isRemovable.\n        isRemovable: isRemovable,\n        handleRemove: onRemove,\n        handleReorder: undefined,\n        itemKey: itemKey,\n        tabKeys: undefined,\n        // As direction is only needed for reorder to switch the labels\n        direction: undefined,\n        itemLabels: {\n          labelRemove: isRemovable ? translations.tabbar_labelRemove() : undefined\n        },\n        handleAccStatus: (detail) => {\n          const removeItemLabel = getItemLabel(detail.removedKey!, containerRef.current!) as string;\n          const removeStatus =\n            isRemovable && detail.removedKey ? ` Removed ${removeItemLabel}` : '';\n\n          setAccStatusInfo(removeStatus);\n        }\n      });\n      setContextMenuContext(defaultContext);\n\n      setMenuProps({\n        ...menuPropGestureStates[gesture],\n        anchorRef: { current: anchorBasedOnGesture },\n        // This is set so that when no contextMenuConfig and when items is not removable we need not open it.\n        isOpen: contextMenuConfig != null\n      });\n    },\n    {\n      isDisabled: !contextMenuConfig //If there is no a context menu renderer we disable the hook\n    }\n  );\n\n  const handleCloseContextMenu = useCallback<Required<ComponentProps<typeof Menu>>['onClose']>(\n    (detail) => {\n      //Focus has to be set on the current target that was obtained\n      //during context menu gesture when menu is dismissed or item is \"selected\"\n      if (detail.reason === 'dismissed' || detail.reason === 'itemAction') {\n        setCurrentKey(contextMenuContext?.itemKey);\n        containerRef.current?.focus();\n      }\n      // We close the menu.The only prop that matters here is isOpen\n      setMenuProps({ ...initialMenuProps });\n    },\n    [containerRef, contextMenuContext?.itemKey]\n  );\n\n  const contextMenuDescriptionId = 'contextMenu_' + useId();\n  const contextMenuDescription = translations.tabbar_labelContextMenu();\n\n  return {\n    showFocusRing,\n    currentKey,\n    onCurrentKeyChange,\n    onKeyDown,\n    menuProps: { ...menuProps, onClose: handleCloseContextMenu },\n    contextMenuContext,\n    contextMenuDescription,\n    contextMenuDescriptionId,\n    accStatusInfo,\n    containerHandlers: mergeProps(focusRingProps, currentKeyProps, onFocusProps, triggerProps)\n  };\n}\n// Utility that returns the value for a attribute related to the role=\"tab\" item.\nexport const getItemAttribute = <K extends string | number>(\n  itemKey: K,\n  root: HTMLElement,\n  attribute: string\n) => {\n  const navItem = findElementByKey(root, itemKey as K, ITEM_SELECTOR) as HTMLElement;\n  if (navItem) {\n    const tabBarItemAttribute = navItem.querySelector(attribute);\n    return tabBarItemAttribute;\n  }\n  return;\n};\n\n// Utility that returns the visible inner text inside the role=\"tab\" item.\nconst getItemLabel = <K extends string | number>(itemKey: K, root: HTMLElement) => {\n  const tabBarItem = findElementByKey(root, itemKey as K, ITEM_SELECTOR) as HTMLElement;\n  if (tabBarItem) {\n    return tabBarItem.innerText;\n  }\n  return;\n};\n\nconst extractOnlyItemKey = (element: HTMLElement, itemSelector: string, itemEliminator: string) => {\n  const navigationListItem = element.closest(itemSelector);\n  const removeButton = element.closest(itemEliminator);\n  return navigationListItem?.contains(removeButton) ? null : keyExtractor(element, itemSelector);\n};\n\nconst findNextCurrentKey = <K>(currentKey: K, currNavs: K[], prevNavs: K[]) => {\n  const index = prevNavs.indexOf(currentKey);\n  if (index > 0) {\n    const nextIndex = index === prevNavs.length - 1 ? index - 1 : index + 1;\n    const nextKey = prevNavs[nextIndex];\n    if (currNavs.indexOf(nextKey) !== -1) {\n      return nextKey;\n    }\n  }\n  // update current key to be the first one if we can't find a suitable next key\n  return currNavs[0];\n};\n","import { Ref } from 'preact';\nimport { MutableRef, useMemo, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { navigationListStyles } from './themes/NavigationListStyles.css';\nimport { getItemAttribute, REMOVE_ICON_SELECTOR, useNavigationList } from './useNavigationList';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { NavigationListProps, NavigationListContext } from '../UNSAFE_NavigationListCommon';\nimport { TabBarContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\nimport type { TabBarContextMenuConfig as NavigationListContextMenuConfig } from '../UNSAFE_TabBarCommon';\nexport {\n  RemovableNavigationListItem,\n  NavigationListLinkItem\n} from '../UNSAFE_NavigationListCommon';\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\nexport const NavigationList = forwardRef(\n  <K extends string | number>(\n    {\n      children,\n      selection,\n      edge = 'start',\n      onSelectionChange,\n      onRemove,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelLedBy,\n      testId,\n      display = 'standard'\n    }: NavigationListProps<K> & TestIdProps,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const isMobileDevice = isMobile();\n    const defaultContextMenuConfig = useMemo<\n      NavigationListContextMenuConfig<string | number> | undefined\n    >(() => {\n      return isMobileDevice\n        ? {\n            itemsRenderer: (context) => {\n              //Only if context is available, it is a mobile device and it is removable item, we will return remove context menu item\n              if (context) {\n                const isRemovableItem =\n                  getItemAttribute(context.itemKey, containerRef.current!, REMOVE_ICON_SELECTOR) !=\n                  null;\n                if (isRemovableItem) {\n                  const defaultItems = context.defaultMenuItems;\n                  return <>{defaultItems}</>;\n                }\n              }\n              return null;\n            }\n          }\n        : undefined;\n    }, [isMobileDevice]);\n\n    const {\n      showFocusRing,\n      currentKey,\n      onCurrentKeyChange,\n      containerHandlers,\n      onKeyDown,\n      contextMenuContext,\n      menuProps,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = useNavigationList({\n      containerRef: containerRef as MutableRef<HTMLDivElement>,\n      selection,\n      onRemove,\n      onSelectionChange,\n      children,\n      contextMenuConfig: defaultContextMenuConfig\n    });\n\n    const eventProps = { onKeyDown };\n    const navigationListClass = classNames([navigationListStyles.uListStyle]);\n    const navigationListItemPrefix = useId() + '_';\n    const testIdProps = useTestId(testId);\n\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(ref!, () => ({\n      focus: () => {\n        if (containerRef.current) {\n          containerRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (containerRef.current) {\n          containerRef.current.focus();\n        }\n      }\n    }));\n\n    return (\n      <>\n        <div\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelLedBy}\n          role=\"tablist\"\n          ref={containerRef}\n          aria-orientation={'vertical'}\n          tabIndex={0}\n          aria-activedescendant={currentKey ? navigationListItemPrefix + currentKey : ''}\n          {...mergeProps(eventProps, containerHandlers)}\n          {...testIdProps}\n          class={navigationListClass}>\n          <NavigationListContext.Provider\n            value={{\n              selection,\n              display,\n              onSelectionChange,\n              onCurrentKeyChange,\n              currentKey,\n              showFocusRing,\n              navigationListItemPrefix,\n              onRemove,\n              edge\n            }}>\n            {children}\n          </NavigationListContext.Provider>\n        </div>\n        {defaultContextMenuConfig && contextMenuDescriptionId && contextMenuDescription && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {defaultContextMenuConfig && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {defaultContextMenuConfig && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={defaultContextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["ITEM_SELECTOR","REMOVE_ICON_SELECTOR","menuPropGestureStates","mouse","initialFocus","placement","offsetValue","keyboard","touch","initialMenuProps","isOpen","anchorRef","current","getItemAttribute","itemKey","root","attribute","navItem","findElementByKey","querySelector","getItemLabel","tabBarItem","innerText","extractOnlyItemKey","element","itemSelector","itemEliminator","navigationListItem","closest","removeButton","contains","keyExtractor","findNextCurrentKey","currentKey","currNavs","prevNavs","index","indexOf","nextKey","length","NavigationList","forwardRef","children","selection","edge","onSelectionChange","onRemove","ariaLabel","ariaLabelLedBy","testId","display","ref","containerRef","useRef","isMobileDevice","isMobile","defaultContextMenuConfig","useMemo","itemsRenderer","context","defaultItems","defaultMenuItems","_jsx","jsx","_Fragment","Fragment","undefined","showFocusRing","onCurrentKeyChange","containerHandlers","onKeyDown","contextMenuContext","menuProps","contextMenuDescription","contextMenuDescriptionId","accStatusInfo","contextMenuConfig","translations","useTranslationBundle","setCurrentKey","useState","useCallback","detail","value","currentKeyProps","useCurrentKey","getPrevNextKeyUsingRef","focusRingProps","useCollectionFocusRing","onFocusProps","onFocus","key","getFirstVisibleKey","prevNavItems","useEffect","navListItemKeys","Array","from","querySelectorAll","elem","getKey","navListItem","scrollIntoViewIfNeeded","scrollIntoView","block","event","navListItemKey","preventDefault","reason","setContextMenuContext","setMenuProps","setAccStatusInfo","triggerProps","useContextMenuGesture","gesture","anchor","target","anchorBasedOnGesture","isRemovable","defaultContext","getDefaultContextMenu","handleRemove","handleReorder","tabKeys","direction","itemLabels","labelRemove","tabbar_labelRemove","handleAccStatus","removeItemLabel","removedKey","removeStatus","isDisabled","handleCloseContextMenu","focus","useId","tabbar_labelContextMenu","onClose","mergeProps","useNavigationList","eventProps","navigationListClass","classNames","navigationListStyles","uListStyle","navigationListItemPrefix","testIdProps","useTestId","useImperativeHandle","blur","_jsxs","role","tabIndex","class","NavigationListContext","Provider","id","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":"+1CAqBA,MAAMA,EAAgB,eACTC,EAAuB,4CAE9BC,EAGF,CACFC,MAAO,CACLC,aAAc,OACdC,UAAW,eACXC,YAAa,GAEfC,SAAU,CACRH,aAAc,YACdC,UAAW,eACXC,YAAa,GAEfE,MAAO,CACLJ,aAAc,OACdC,UAAW,MACXC,YAlBuB,KA0CrBG,EAA8B,CAClCC,QAAQ,EACRN,aAAc,OACdC,UAAW,eACXC,YAAa,EACbK,UAAW,CAAEC,QAAS,OAkNjB,MAAMC,EAAmB,CAC9BC,EACAC,EACAC,KAEA,MAAMC,EAAUC,EAAgBA,iBAACH,EAAMD,EAAcd,GACrD,GAAIiB,EAAS,CAEX,OAD4BA,EAAQE,cAAcH,EAEnD,CACM,EAIHI,EAAe,CAA4BN,EAAYC,KAC3D,MAAMM,EAAaH,EAAgBA,iBAACH,EAAMD,EAAcd,GACxD,GAAIqB,EACF,OAAOA,EAAWC,SAEb,EAGHC,EAAqB,CAACC,EAAsBC,EAAsBC,KACtE,MAAMC,EAAqBH,EAAQI,QAAQH,GACrCI,EAAeL,EAAQI,QAAQF,GACrC,OAAOC,GAAoBG,SAASD,GAAgB,KAAOE,eAAaP,EAASC,EAAa,EAG1FO,EAAqB,CAAIC,EAAeC,EAAeC,KAC3D,MAAMC,EAAQD,EAASE,QAAQJ,GAC/B,GAAIG,EAAQ,EAAG,CACb,MACME,EAAUH,EADEC,IAAUD,EAASI,OAAS,EAAIH,EAAQ,EAAIA,EAAQ,GAEtE,IAAmC,IAA/BF,EAASG,QAAQC,GACnB,OAAOA,CAEV,CAED,OAAOJ,EAAS,EAAE,ECrSPM,EAAiBC,EAAUA,YACtC,EAEIC,WACAC,YACAC,OAAO,QACPC,oBACAC,WACA,aAAcC,EACd,kBAAmBC,EACnBC,SACAC,UAAU,YAEZC,KAEA,MAAMC,EAAeC,SAAuB,MAEtCC,EAAiBC,EAAAA,WACjBC,EAA2BC,EAAAA,SAE/B,IACOH,EACH,CACEI,cAAgBC,IAEd,GAAIA,EAAS,CAIX,GADE,MADA9C,EAAiB8C,EAAQ7C,QAASsC,EAAaxC,QAAUX,GAEtC,CACnB,MAAM2D,EAAeD,EAAQE,iBAC7B,OAAOC,EAAAC,IAAAC,EAAAC,SAAA,CAAAvB,SAAGkB,GACX,CACF,CACD,OAAO,IAAI,QAGfM,GACH,CAACZ,KAEEa,cACJA,EAAalC,WACbA,EAAUmC,mBACVA,EAAkBC,kBAClBA,EAAiBC,UACjBA,EAASC,mBACTA,EAAkBC,UAClBA,EAASC,uBACTA,EAAsBC,yBACtBA,EAAwBC,cACxBA,GDDU,UAA6CvB,aAC3DA,EAAYT,UACZA,EAASG,SACTA,EAAQD,kBACRA,EAAiBH,SACjBA,EAAQkC,kBACRA,IASA,MAAMC,EAAeC,uBAAiC,6BAC/C7C,EAAY8C,GAAiBC,EAAQA,SAAgBrC,GAEtDyB,EAAqBa,eAAaC,IACtCH,EAAcG,EAAOC,MAAM,GAC1B,KAEGC,gBAAEA,GAAoBC,iBACzB7D,GACCsB,EACKvB,EAAmBC,EAASxB,EAAeC,GAC5C8B,eAAaP,EAASxB,KAC5B,GACA,EACAsF,yBAAuBlC,EAAcnB,GAAY,EAAMjC,GACvDsF,yBAAuBlC,EAAcnB,GAAY,EAAOjC,QACxDkE,OACAA,EACAjC,EACAmC,IAGKD,EAAeoB,GAAkBC,EAAAA,uBAAuBpC,EAAc,CAC3E,OACA,MACA,UACA,cAYIqC,EAAe,CAAEC,QATPT,EAAAA,aAAY,KAC1B,GAAI7B,EAAaxC,cAA0BsD,IAAfjC,EAA0B,CACpD,MAAM0D,EAAMC,EAAkBA,mBAACxC,EAAaxC,QAASZ,GACjD2F,GACFZ,EAAcY,EAEjB,IACA,CAAC1D,EAAYmB,KAGVyC,EAAexC,EAAAA,SAErByC,EAAAA,WAAU,KACR,GAAI1C,EAAaxC,QAAS,CACxB,MAAMmF,EAAkBC,MAAMC,KAC5B7C,EAAaxC,QAAQsF,iBAAiBlG,IACrCmG,GAASC,SAAOD,KAEnB,GAAkB,MAAdlE,IAA+D,IAAzC8D,EAAgB1D,QAAQJ,GAAoB,CACpE,MAAMoE,EAAcnF,EAAAA,iBAClBkC,EAAaxC,QACbqB,EACAjC,GAEEqG,EAAYC,uBAEdD,EAAYC,yBAEZD,EAAYE,eAAe,CAAEC,MAAO,WAEvC,MACKvE,IAAuD,IAAzC8D,EAAgB1D,QAAQJ,KACxC4D,EAAajF,QACTmE,EAAc/C,EAAmBC,EAAY8D,EAAiBF,EAAajF,UAC3EmE,EAAcgB,EAAgB,KAEpCF,EAAajF,QAAUmF,CAE1B,IACA,CAACrD,EAAUT,EAAYmB,IAE1B,MAAMkB,EAAYW,eACfwB,IACC,IAAmB,SAAdA,EAAMd,KAAgC,QAAdc,EAAMd,MAAkBvC,EAAaxC,SAAWqB,EAAY,CACvF,MAAMyE,EAAiBV,MAAMC,KAC3B7C,EAAaxC,QAAQsF,iBAAiBlG,IACrCmG,GAASC,SAAOD,KAEnB/B,IAAqB,CACnBe,MAAOuB,EAA6B,SAAdD,EAAMd,IAAiB,EAAIe,EAAenE,OAAS,IAE5E,EACGN,GAA6B,UAAdwE,EAAMd,KAAiC,MAAdc,EAAMd,MAEhDc,EAAME,iBACN9D,IAAoB,CAClBsC,MAAOlD,EACP2E,OAAQ,cAGR3E,GAA4B,WAAdwE,EAAMd,KACtB7C,IAAW,CAAEqC,MAAOlD,GACrB,GAEH,CAACA,EAAYY,EAAmBC,EAAUsB,EAAoBhB,KAGzDmB,EAAoBsC,GAAyB7B,EAAQA,YAErDR,EAAWsC,GAAgB9B,EAAQA,SAAYvE,IAC/CkE,EAAeoC,GAAoB/B,EAAQA,YAE5CgC,aAAEA,GAAiBC,EAAqBA,uBAC5C,EAAGC,UAASC,SAAQC,aAClB,IAAIC,EAAuBF,EACvBrG,EAAUmB,EACd,GAAgB,aAAZiF,EAAwB,CAQ1BG,EANanG,EAAAA,iBACXkC,EAAaxC,QACbqB,EACAjC,IAGmCmH,CACtC,KAAM,CAEL,MAAMxB,EAAM5D,EAAAA,aAAaqF,EAAuBpH,GAGhDc,EAAiB,MAAP6E,EAAeA,EAAa1D,CACvC,CACD,IAAIqF,GAAc,EACdlE,EAAaxC,UACf0G,EAAuF,MAAzEzG,EAAiBC,EAASsC,EAAaxC,QAASX,IAEhE,MAAMsH,EAAiBC,EAAAA,sBAAyB,CAG9CF,YAAaA,EACbG,aAAc3E,EACd4E,mBAAexD,EACfpD,QAASA,EACT6G,aAASzD,EAET0D,eAAW1D,EACX2D,WAAY,CACVC,YAAaR,EAAczC,EAAakD,0BAAuB7D,GAEjE8D,gBAAkB9C,IAChB,MAAM+C,EAAkB7G,EAAa8D,EAAOgD,WAAa9E,EAAaxC,SAChEuH,EACJb,GAAepC,EAAOgD,WAAa,YAAYD,IAAoB,GAErElB,EAAiBoB,EAAa,IAGlCtB,EAAsBU,GAEtBT,EAAa,IACR5G,EAAsBgH,GACzBvG,UAAW,CAAEC,QAASyG,GAEtB3G,OAA6B,MAArBkE,GACR,GAEJ,CACEwD,YAAaxD,IAIXyD,EAAyBpD,eAC5BC,IAGuB,cAAlBA,EAAO0B,QAA4C,eAAlB1B,EAAO0B,SAC1C7B,EAAcR,GAAoBzD,SAClCsC,EAAaxC,SAAS0H,SAGxBxB,EAAa,IAAKrG,GAAmB,GAEvC,CAAC2C,EAAcmB,GAAoBzD,UAG/B4D,EAA2B,eAAiB6D,EAAAA,QAC5C9D,EAAyBI,EAAa2D,0BAE5C,MAAO,CACLrE,gBACAlC,aACAmC,qBACAE,YACAE,UAAW,IAAKA,EAAWiE,QAASJ,GACpC9D,qBACAE,yBACAC,2BACAC,gBACAN,kBAAmBqE,EAAAA,WAAWnD,EAAgBH,EAAiBK,EAAcuB,GAEjF,CC1MQ2B,CAAkB,CACpBvF,aAAcA,EACdT,YACAG,WACAD,oBACAH,WACAkC,kBAAmBpB,IAGfoF,EAAa,CAAEtE,aACfuE,EAAsBC,EAAUA,WAAC,CAACC,EAAAA,qBAAqBC,aACvDC,EAA2BV,UAAU,IACrCW,EAAcC,YAAUlG,GAgB9B,OAbAmG,EAAmBA,oBAACjG,GAAM,KAAO,CAC/BmF,MAAO,KACDlF,EAAaxC,SACfwC,EAAaxC,QAAQ0H,OACtB,EAEHe,KAAM,KACAjG,EAAaxC,SACfwC,EAAaxC,QAAQ0H,OACtB,MAKHgB,EAAAA,KACEtF,EAAAA,SAAA,CAAAtB,SAAA,CAAAoB,MAAA,MAAA,CAAA,aACcf,EAAS,kBACJC,EACjBuG,KAAK,UACLpG,IAAKC,EAAY,mBACC,WAClBoG,SAAU,EACa,wBAAAvH,EAAagH,EAA2BhH,EAAa,MACxEyG,EAAAA,WAAWE,EAAYvE,MACvB6E,EACJO,MAAOZ,EACPnG,SAAAoB,EAAAC,IAAC2F,wBAAsBC,SACrB,CAAAxE,MAAO,CACLxC,YACAO,UACAL,oBACAuB,qBACAnC,aACAkC,gBACA8E,2BACAnG,WACAF,QAEDF,SAAAA,MAGJc,GAA4BkB,GAA4BD,GACvDX,MAAA,OAAA,CAAM8F,GAAIlF,EACRhC,SAAAoB,EAAAC,IAAC8F,EAAgBA,iBAAA,CAAAnH,SAAE+B,MAGtBjB,GAA4BmB,GAAiBb,EAAAC,IAAC+F,aAAU,CAAApH,SAAEiC,IAC1DnB,GACCM,EAAAC,IAACgG,EAAiBA,kBAAA,IACZvF,EACJI,kBAAmBpB,EACnBe,mBAAoBA,MAI1B"}

package/amd/NavigationListItem-10bf6656.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './NavigationListLinkItem-df1826e6'], (function(e,t,i){"use strict";e.NavigationListItem=function({itemKey:e,label:a,badge:n,metadata:s,severity:m,icon:o}){return t.jsx(i.BaseNavigationListItem,{itemKey:e,label:a,badge:n,metadata:s,severity:m,icon:o})}}));
-//# sourceMappingURL=NavigationListItem-10bf6656.js.map

package/amd/NavigationListItem-10bf6656.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationListItem-10bf6656.js","sources":["../../src/UNSAFE_NavigationList/NavigationListItem.tsx"],"sourcesContent":["import {\n  BaseNavigationListItem,\n  BaseNavigationListItemProps\n} from '../UNSAFE_NavigationListCommon/BaseNavigationListItem';\n\nexport type NavigationListItemProps<K extends string | number> = Omit<\n  BaseNavigationListItemProps<K>,\n  'removeIcon'\n>;\n\nexport function NavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity,\n  icon\n}: NavigationListItemProps<K>) {\n  return (\n    <BaseNavigationListItem\n      itemKey={itemKey}\n      label={label}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      icon={icon}\n    />\n  );\n}\n"],"names":["itemKey","label","badge","metadata","severity","icon","_jsx","BaseNavigationListItem"],"mappings":"+HAUgB,UAA8CA,QAC5DA,EAAOC,MACPA,EAAKC,MACLA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,KACRA,IAEA,OACEC,EAAAA,IAACC,EAAAA,uBAAsB,CACrBP,QAASA,EACTC,MAAOA,EACPC,MAAOA,EACPC,SAAUA,EACVC,SAAUA,EACVC,KAAMA,GAGZ"}

package/amd/NavigationListLinkItem-df1826e6.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Text-31cabc49', './useNavigationListItem-582f5564', './Flex-4b81b412', './Badge-b28ef084', './useComponentTheme-5aa41a8f', './classNames-08d99695', './WarningS-98a81abe', './ErrorS-d91c3db2', './InformationS-53490112', './SuccessS-eb8fd915', './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme', './useTabBarItemTooltip-a81da662', './mergeProps-bcfa6a92'], (function(e,s,a,n,t,i,r,l,o,c,d,m,h,x,u,g){"use strict";const j=e=>{e.preventDefault()};function v({itemKey:e,label:v,badge:f,metadata:b,severity:p="none",removeIcon:y,icon:I,href:S,"aria-controls":C}){const N=a.useRef(null),{itemId:L,itemHandlers:T,itemClasses:F,isSelected:w,labelContainerClasses:B,labelContainerStyle:k,isIconOnly:E,isEdgeEnd:P,stackedBadgeClasses:R,iconOnlyClasses:z,isCurrent:K,showFocusRing:W}=t.useNavigationListItem({itemKey:e}),D=!("none"===p||void 0===p),H=e=>{switch(e){case"error":return s.jsx(d.SvgErrorS,{color:"danger"});case"warning":return s.jsx(c.SvgWarningS,{color:"warning"});case"info":return s.jsx(m.SvgInformationS,{color:"info"});case"confirmation":return s.jsx(h.SvgSuccessS,{color:"success"});default:return null}},{styles:{iconLabelContainer:O,iconContainer:A,startIconPadding:M,endContentPadding:U,removeIconPaddingWithEndContent:_,navigationItemMetadata:q,navigationListItemLink:G}}=l.useComponentTheme(x.NavigationListItemRedwoodTheme),J=o.classNames([q,U]),Q=o.classNames([G]),V=o.classNames([O,A,U]),X=o.classNames([!E&&O,A,!E&&M,E&&z]),{styles:{navigationlistRemoveIcon:Y}}=l.useComponentTheme(x.NavigationListItemRedwoodTheme),Z=b||D||f,$=o.classNames([Y,Z&&_,!Z&&U]),ee=null!=S,se=v&&!(" "===v&&void 0===v),ae=I&&null!=I&&E,ne=ae,{tooltipContent:te,tooltipEventHandlerProps:ie,onLogicalFocus:re,onLogicalBlur:le}=u.useTabBarItemTooltip({label:v,isDisabled:!ne,position:P?"start":"end"});ne&&(K&&W||w?re(N.current):K&&W||le());const oe=()=>s.jsxs(s.Fragment,{children:[I&&s.jsx(i.Flex,{justify:"start",children:s.jsx("span",{class:X,children:I})}),!E&&se&&s.jsx(i.Flex,{align:"center",justify:"start",flex:"1 1 auto",children:s.jsx("span",{class:B,style:k,children:s.jsx(n.Text,{size:"inherit",weight:"inherit",variant:"inherit",children:v})})}),y&&!ee&&s.jsx("span",{class:$,children:y})]}),ce=()=>s.jsxs(s.Fragment,{children:[ae&&s.jsxs("div",{class:X,children:[I,s.jsx("span",{class:R,children:f?s.jsx(r.Badge,{size:"xs",variant:"neutral",children:f}):null})]}),!E&&I&&s.jsx(i.Flex,{justify:"start",children:s.jsx("span",{class:X,children:I})}),(!E||E&&!ae)&&se&&s.jsx(i.Flex,{align:"center",justify:"start",flex:"1 1 auto",children:s.jsx("span",{class:B,style:k,children:s.jsx(n.Text,{size:"inherit",weight:"inherit",variant:"inherit",children:v})})}),(b||D||f||y)&&s.jsxs(i.Flex,{align:"center",justify:"end",children:[" ",(!E||E&&!ae)&&f&&s.jsx("span",{class:V,children:s.jsx(r.Badge,{size:"md",variant:"neutralSubtle",children:f})}),b&&s.jsx("span",{class:J,children:s.jsx(n.Text,{children:"( "+b+" )"})}),D&&s.jsx("span",{class:V,children:H(p)}),y&&!ee&&s.jsx("span",{class:$,children:y})]})]});return ee?s.jsx("div",{...T,class:F,children:s.jsx("a",{tabindex:-1,role:"tab","data-oj-key":e,id:L,class:Q,"aria-selected":w,"aria-controls":C,href:S,onClick:j,children:Z?ce():oe()})}):s.jsxs("div",{role:"tab",...g.mergeProps(ie,T),"data-oj-key":e,id:L,class:F,"aria-selected":w,ref:N,"aria-controls":C,children:[Z?ce():oe(),E&&te]})}e.BaseNavigationListItem=v,e.NavigationListLinkItem=function({itemKey:e,badge:a,metadata:n,severity:t,href:i,label:r,"aria-controls":l}){return s.jsx(v,{"aria-controls":l,itemKey:e,label:r,badge:a,metadata:n,severity:t,href:i})}}));
-//# sourceMappingURL=NavigationListLinkItem-df1826e6.js.map

package/amd/NavigationListLinkItem-df1826e6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationListLinkItem-df1826e6.js","sources":["../../src/UNSAFE_NavigationListCommon/BaseNavigationListItem.tsx","../../src/UNSAFE_NavigationListCommon/NavigationListLinkItem.tsx"],"sourcesContent":["import { useRef } from 'preact/hooks';\n\nimport { Text } from '../UNSAFE_Text';\n\nimport { useNavigationListItem } from './useNavigationListItem';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Badge } from '../UNSAFE_Badge';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { WarningS } from '../UNSAFE_RedwoodIcons/WarningS';\nimport { ErrorS } from '../UNSAFE_RedwoodIcons/ErrorS';\nimport { InformationS } from '../UNSAFE_RedwoodIcons/InformationS';\nimport { SuccessS } from '../UNSAFE_RedwoodIcons/SuccessS';\nimport {\n  NavigationListItemStyles,\n  NavigationListItemVariantOptions\n} from '../UNSAFE_NavigationList/themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\nimport { ComponentChild, ComponentChildren } from 'preact';\nimport { useTabBarItemTooltip } from '#UNSAFE_TabBarCommon/useTabBarItemTooltip';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype Severity = 'warning' | 'info' | 'none' | 'error' | 'confirmation';\ntype AriaProps = {\n  /**\n   * Accepts the panel element's ID associated with the item\n   **/\n  'aria-controls'?: string;\n};\n\nexport type BaseNavigationListItemProps<K extends string | number> = {\n  /**\n   * Key of the NavigationListItem.\n   */\n  itemKey: K;\n  /**\n   * Label of the NavigationListItem.\n   */\n  label: string;\n  /**\n   * The content to be rendered inside the Badge component.\n   */\n  badge?: string;\n  /**\n   * The content to be rendered inside the Text component as a metadata.\n   */\n  metadata?: string;\n  /**\n   * The status icon to be rendered after the label.\n   */\n  severity?: Severity;\n  /**\n   * The content to be rendered for remove icon\n   */\n  removeIcon?: ComponentChildren;\n  /**\n   * The icon before the label or the stand alone icon\n   */\n  icon?: ComponentChild;\n  /**\n   * Sets the URL that the hyperlink points to. If there is no valid URL use \"#\" for href value to navigate to the top of the page.\n   */\n  href?: string;\n} & AriaProps;\n\nconst onClickLink = (event: MouseEvent) => {\n  event.preventDefault();\n};\n/*TODO: JET-58535. Add ripple effect when touching navigationListItem. */\nexport function BaseNavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity = 'none',\n  removeIcon,\n  icon,\n  href,\n  'aria-controls': ariaControls\n}: BaseNavigationListItemProps<K>) {\n  const itemRef = useRef<HTMLDivElement | null>(null);\n\n  //Logic of the component handled here\n  const {\n    itemId,\n    itemHandlers,\n    itemClasses,\n    isSelected,\n    labelContainerClasses,\n    labelContainerStyle,\n    isIconOnly,\n    isEdgeEnd,\n    stackedBadgeClasses,\n    iconOnlyClasses,\n    isCurrent,\n    showFocusRing\n  } = useNavigationListItem({\n    itemKey\n  });\n\n  const severityRequirement = !(severity === 'none' || severity === undefined);\n\n  const IconComponent = (severityValue: Severity) => {\n    switch (severityValue) {\n      case 'error':\n        return <ErrorS color=\"danger\" />;\n      case 'warning':\n        return <WarningS color=\"warning\" />;\n      case 'info':\n        return <InformationS color=\"info\" />;\n      case 'confirmation':\n        return <SuccessS color=\"success\" />;\n      default:\n        return null;\n    }\n  };\n\n  const {\n    styles: {\n      iconLabelContainer,\n      iconContainer,\n      startIconPadding,\n      endContentPadding,\n      removeIconPaddingWithEndContent,\n      navigationItemMetadata,\n      navigationListItemLink\n    }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme\n  );\n\n  const navigationItemMatadata = classNames([navigationItemMetadata, endContentPadding]);\n  const navigationItemLinkClass = classNames([navigationListItemLink]);\n\n  const endIconContainerClasses = classNames([\n    iconLabelContainer,\n    iconContainer,\n    endContentPadding\n  ]);\n  const startIconContainerClasses = classNames([\n    !isIconOnly && iconLabelContainer,\n    iconContainer,\n    //For icon only icon to label padding is not required.\n    !isIconOnly && startIconPadding,\n    isIconOnly && iconOnlyClasses\n  ]);\n  const {\n    styles: { navigationlistRemoveIcon }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme\n  );\n\n  const isComplexItem = metadata || severityRequirement || badge;\n  const removeClass = classNames([\n    navigationlistRemoveIcon,\n    isComplexItem && removeIconPaddingWithEndContent,\n    !isComplexItem && endContentPadding\n  ]);\n\n  const isLinkItem = href != null;\n  const labelRequirement = label && !(label === ' ' && label === undefined);\n  const iconOnlyRequirement = icon && icon != null && isIconOnly;\n  const showTooltip = iconOnlyRequirement;\n\n  const { tooltipContent, tooltipEventHandlerProps, onLogicalFocus, onLogicalBlur } =\n    useTabBarItemTooltip({\n      label,\n      isDisabled: !showTooltip,\n      // For edge end the tooltip will appear after icon in the order tooltip, icon, selection when navlist is placed at end of page.\n      position: !isEdgeEnd ? 'end' : 'start'\n    });\n  if (showTooltip) {\n    if ((isCurrent && showFocusRing) || isSelected) {\n      onLogicalFocus(itemRef.current as HTMLElement);\n    } else if (!isCurrent || !showFocusRing) {\n      onLogicalBlur();\n    }\n  }\n\n  const labelRenderer = () => {\n    return (\n      <>\n        {icon && (\n          <Flex justify=\"start\">\n            <span class={startIconContainerClasses}>{icon}</span>\n          </Flex>\n        )}\n        {!isIconOnly && labelRequirement && (\n          <Flex align=\"center\" justify=\"start\" flex=\"1 1 auto\">\n            <span class={labelContainerClasses} style={labelContainerStyle}>\n              <Text size=\"inherit\" weight=\"inherit\" variant=\"inherit\">\n                {label}\n              </Text>\n            </span>\n          </Flex>\n        )}\n        {removeIcon && !isLinkItem && <span class={removeClass}>{removeIcon}</span>}\n      </>\n    );\n  };\n\n  const complexItemRenderer = () => {\n    return (\n      <>\n        {iconOnlyRequirement && (\n          <div class={startIconContainerClasses}>\n            {icon}\n            <span class={stackedBadgeClasses}>\n              {badge ? (\n                <Badge size=\"xs\" variant=\"neutral\">\n                  {badge}\n                </Badge>\n              ) : null}\n            </span>\n          </div>\n        )}\n        {!isIconOnly && icon && (\n          <Flex justify=\"start\">\n            <span class={startIconContainerClasses}>{icon}</span>\n          </Flex>\n        )}\n        {(!isIconOnly || /* This covers invalid cases*/ (isIconOnly && !iconOnlyRequirement)) &&\n          labelRequirement && (\n            <Flex align=\"center\" justify=\"start\" flex=\"1 1 auto\">\n              <span class={labelContainerClasses} style={labelContainerStyle}>\n                <Text size=\"inherit\" weight=\"inherit\" variant=\"inherit\">\n                  {label}\n                </Text>\n              </span>\n            </Flex>\n          )}\n        {(metadata || severityRequirement || badge || removeIcon) && (\n          <Flex align=\"center\" justify=\"end\">\n            {' '}\n            {(!isIconOnly || /* This covers invalid cases*/ (isIconOnly && !iconOnlyRequirement)) &&\n              badge && (\n                <span class={endIconContainerClasses}>\n                  <Badge size=\"md\" variant=\"neutralSubtle\">\n                    {badge}\n                  </Badge>\n                </span>\n              )}\n            {metadata && (\n              <span class={navigationItemMatadata}>\n                <Text>{'( ' + metadata + ' )'}</Text>\n              </span>\n            )}\n            {severityRequirement && (\n              <span class={endIconContainerClasses}>{IconComponent(severity)}</span>\n            )}\n            {removeIcon && !isLinkItem && <span class={removeClass}>{removeIcon}</span>}\n          </Flex>\n        )}\n      </>\n    );\n  };\n  const navlistItemRenderer = () => {\n    return (\n      <div\n        role=\"tab\"\n        {...mergeProps(tooltipEventHandlerProps, itemHandlers)}\n        data-oj-key={itemKey}\n        id={itemId}\n        class={itemClasses}\n        aria-selected={isSelected}\n        ref={itemRef}\n        aria-controls={ariaControls}>\n        {isComplexItem ? complexItemRenderer() : labelRenderer()}\n        {isIconOnly && tooltipContent}\n      </div>\n    );\n  };\n  const navlistLinkItemRenderer = () => {\n    return (\n      <div {...itemHandlers} class={itemClasses}>\n        <a\n          tabindex={-1}\n          role=\"tab\"\n          data-oj-key={itemKey}\n          id={itemId}\n          class={navigationItemLinkClass}\n          aria-selected={isSelected}\n          aria-controls={ariaControls}\n          href={href}\n          onClick={onClickLink}>\n          {isComplexItem ? complexItemRenderer() : labelRenderer()}\n        </a>\n      </div>\n    );\n  };\n  return isLinkItem ? navlistLinkItemRenderer() : navlistItemRenderer();\n}\n","import { BaseNavigationListItem, BaseNavigationListItemProps } from './BaseNavigationListItem';\n\ntype Link = {\n  /**\n   * Sets the URL that the hyperlink points to. If there is no valid URL do not use NavigationListLinkItem, use other types of NavigationListItem instead.\n   */\n  href: string;\n};\nexport type NavigationListLinkItemProps<K extends string | number> = Link &\n  Pick<\n    BaseNavigationListItemProps<K>,\n    'label' | 'itemKey' | 'badge' | 'metadata' | 'severity' | 'aria-controls'\n  >;\n/**\n * NavigationListLinkItem is used to render links in a NavigationList. It allows to view the browser's built in link context menu to open the link in new browser tab.\n */\nexport function NavigationListLinkItem<K extends string | number>({\n  itemKey,\n  badge,\n  metadata,\n  severity,\n  href,\n  label,\n  'aria-controls': ariaControls\n}: NavigationListLinkItemProps<K>) {\n  return (\n    <BaseNavigationListItem\n      aria-controls={ariaControls}\n      itemKey={itemKey}\n      label={label}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      href={href}></BaseNavigationListItem>\n  );\n}\n"],"names":["onClickLink","event","preventDefault","BaseNavigationListItem","itemKey","label","badge","metadata","severity","removeIcon","icon","href","ariaControls","itemRef","useRef","itemId","itemHandlers","itemClasses","isSelected","labelContainerClasses","labelContainerStyle","isIconOnly","isEdgeEnd","stackedBadgeClasses","iconOnlyClasses","isCurrent","showFocusRing","useNavigationListItem","severityRequirement","undefined","IconComponent","severityValue","_jsx","ErrorS","SvgErrorS","color","WarningS","SvgWarningS","InformationS","SvgInformationS","SuccessS","SvgSuccessS","styles","iconLabelContainer","iconContainer","startIconPadding","endContentPadding","removeIconPaddingWithEndContent","navigationItemMetadata","navigationListItemLink","useComponentTheme","NavigationListItemRedwoodTheme","navigationItemMatadata","classNames","navigationItemLinkClass","endIconContainerClasses","startIconContainerClasses","navigationlistRemoveIcon","isComplexItem","removeClass","isLinkItem","labelRequirement","iconOnlyRequirement","showTooltip","tooltipContent","tooltipEventHandlerProps","onLogicalFocus","onLogicalBlur","useTabBarItemTooltip","isDisabled","position","current","labelRenderer","_jsxs","_Fragment","children","Flex","justify","jsx","class","align","flex","style","Text","size","weight","variant","complexItemRenderer","Badge","jsxs","tabindex","role","id","onClick","mergeProps","ref"],"mappings":"2dAiEA,MAAMA,EAAeC,IACnBA,EAAMC,gBAAgB,EAGlB,SAAUC,GAAkDC,QAChEA,EAAOC,MACPA,EAAKC,MACLA,EAAKC,SACLA,EAAQC,SACRA,EAAW,OAAMC,WACjBA,EAAUC,KACVA,EAAIC,KACJA,EACA,gBAAiBC,IAEjB,MAAMC,EAAUC,SAA8B,OAGxCC,OACJA,EAAMC,aACNA,EAAYC,YACZA,EAAWC,WACXA,EAAUC,sBACVA,EAAqBC,oBACrBA,EAAmBC,WACnBA,EAAUC,UACVA,EAASC,oBACTA,EAAmBC,gBACnBA,EAAeC,UACfA,EAASC,cACTA,GACEC,EAAAA,sBAAsB,CACxBvB,YAGIwB,IAAqC,SAAbpB,QAAoCqB,IAAbrB,GAE/CsB,EAAiBC,IACrB,OAAQA,GACN,IAAK,QACH,OAAOC,MAACC,EAAMC,UAAA,CAACC,MAAM,WACvB,IAAK,UACH,OAAOH,MAACI,EAAQC,YAAA,CAACF,MAAM,YACzB,IAAK,OACH,OAAOH,MAACM,EAAYC,gBAAA,CAACJ,MAAM,SAC7B,IAAK,eACH,OAAOH,MAACQ,EAAQC,YAAA,CAACN,MAAM,YACzB,QACE,OAAO,KACV,GAIDO,QAAQC,mBACNA,EAAkBC,cAClBA,EAAaC,iBACbA,EAAgBC,kBAChBA,EAAiBC,gCACjBA,EAA+BC,uBAC/BA,EAAsBC,uBACtBA,IAEAC,EAAiBA,kBACnBC,EAA8BA,gCAG1BC,EAAyBC,EAAUA,WAAC,CAACL,EAAwBF,IAC7DQ,EAA0BD,EAAAA,WAAW,CAACJ,IAEtCM,EAA0BF,EAAAA,WAAW,CACzCV,EACAC,EACAE,IAEIU,EAA4BH,EAAAA,WAAW,EAC1ChC,GAAcsB,EACfC,GAECvB,GAAcwB,EACfxB,GAAcG,KAGdkB,QAAQe,yBAAEA,IACRP,EAAAA,kBACFC,EAAAA,gCAGIO,EAAgBnD,GAAYqB,GAAuBtB,EACnDqD,EAAcN,EAAAA,WAAW,CAC7BI,EACAC,GAAiBX,GAChBW,GAAiBZ,IAGdc,GAAqB,MAARjD,EACbkD,GAAmBxD,KAAqB,MAAVA,QAA2BwB,IAAVxB,GAC/CyD,GAAsBpD,GAAgB,MAARA,GAAgBW,EAC9C0C,GAAcD,IAEdE,eAAEA,GAAcC,yBAAEA,GAAwBC,eAAEA,GAAcC,cAAEA,IAChEC,EAAAA,qBAAqB,CACnB/D,QACAgE,YAAaN,GAEbO,SAAWhD,EAAoB,QAAR,QAEvByC,KACGtC,GAAaC,GAAkBR,EAClCgD,GAAerD,EAAQ0D,SACb9C,GAAcC,GACxByC,MAIJ,MAAMK,GAAgB,IAElBC,EAAAA,KACGC,EAAAA,SAAA,CAAAC,SAAA,CAAAjE,GACCsB,EAAAA,IAAC4C,EAAAA,KAAK,CAAAC,QAAQ,iBACZ7C,EAAM8C,IAAA,OAAA,CAAAC,MAAOvB,EAAyBmB,SAAGjE,OAG3CW,GAAcwC,IACd7B,MAAC4C,EAAIA,KAAA,CAACI,MAAM,SAASH,QAAQ,QAAQI,KAAK,WAAUN,SAClD3C,EAAM8C,IAAA,OAAA,CAAAC,MAAO5D,EAAuB+D,MAAO9D,WACzCY,EAAAA,IAACmD,EAAAA,MAAKC,KAAK,UAAUC,OAAO,UAAUC,QAAQ,UAC3CX,SAAAtE,QAKRI,IAAemD,IAAc5B,EAAM8C,IAAA,OAAA,CAAAC,MAAOpB,EAAWgB,SAAGlE,OAKzD8E,GAAsB,IAExBd,OACGC,EAAAA,SAAA,CAAAC,SAAA,CAAAb,IACCW,cAAKM,MAAOvB,EAAyBmB,SAAA,CAClCjE,EACDsB,MAAA,OAAA,CAAM+C,MAAOxD,EACVoD,SAAArE,EACC0B,EAAAA,IAACwD,EAAKA,MAAA,CAACJ,KAAK,KAAKE,QAAQ,UAASX,SAC/BrE,IAED,WAIRe,GAAcX,GACdsB,EAAA8C,IAACF,EAAIA,KAAC,CAAAC,QAAQ,QAAOF,SACnB3C,cAAM+C,MAAOvB,EAAyBmB,SAAGjE,QAG1CW,GAA8CA,IAAeyC,KAC9DD,IACE7B,EAAA8C,IAACF,OAAI,CAACI,MAAM,SAASH,QAAQ,QAAQI,KAAK,oBACxCjD,EAAM8C,IAAA,OAAA,CAAAC,MAAO5D,EAAuB+D,MAAO9D,EACzCuD,SAAA3C,MAACmD,EAAAA,KAAK,CAAAC,KAAK,UAAUC,OAAO,UAAUC,QAAQ,UAASX,SACpDtE,SAKTE,GAAYqB,GAAuBtB,GAASG,IAC5CgE,EAACgB,KAAAb,QAAKI,MAAM,SAASH,QAAQ,gBAC1B,MACExD,GAA8CA,IAAeyC,KAC9DxD,GACE0B,EAAAA,IAAM,OAAA,CAAA+C,MAAOxB,EAAuBoB,SAClC3C,EAAC8C,IAAAU,EAAKA,OAACJ,KAAK,KAAKE,QAAQ,gBACtBX,SAAArE,MAIRC,GACCyB,EAAA8C,IAAA,OAAA,CAAMC,MAAO3B,EACXuB,SAAA3C,EAAA8C,IAACK,EAAIA,KAAA,CAAAR,SAAE,KAAOpE,EAAW,SAG5BqB,GACCI,EAAM8C,IAAA,OAAA,CAAAC,MAAOxB,EAAuBoB,SAAG7C,EAActB,KAEtDC,IAAemD,IAAc5B,cAAM+C,MAAOpB,EAAWgB,SAAGlE,UAwCnE,OAAOmD,GAhBH5B,EAAAA,IAAS,MAAA,IAAAhB,EAAc+D,MAAO9D,EAAW0D,SACvC3C,EAAAA,IACE,IAAA,CAAA0D,UAAW,EACXC,KAAK,MACQ,cAAAvF,EACbwF,GAAI7E,EACJgE,MAAOzB,kBACQpC,EAAU,gBACVN,EACfD,KAAMA,EACNkF,QAAS7F,EACR2E,SAAAjB,EAAgB6B,KAAwBf,SA3B7CC,cACEkB,KAAK,SACDG,EAAUA,WAAC7B,GAA0BjD,GAC5B,cAAAZ,EACbwF,GAAI7E,EACJgE,MAAO9D,EACQ,gBAAAC,EACf6E,IAAKlF,EACU,gBAAAD,YACd8C,EAAgB6B,KAAwBf,KACxCnD,GAAc2C,KAuBvB,+DCnRkE5D,QAChEA,EAAOE,MACPA,EAAKC,SACLA,EAAQC,SACRA,EAAQG,KACRA,EAAIN,MACJA,EACA,gBAAiBO,IAEjB,OACEoB,EAAAA,IAAC7B,EAAsB,CAAA,gBACNS,EACfR,QAASA,EACTC,MAAOA,EACPC,MAAOA,EACPC,SAAUA,EACVC,SAAUA,EACVG,KAAMA,GAEZ"}

package/amd/OverflowTabBar-f8bf9356.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './classNames-08d99695', './TabBar-92bac52f', './UNSAFE_OverflowTabBar/themes/OverflowTabBarStyles.css', './useDetectHorizontalOverflow-5882ed4b', './TabBarLinkItem-944b1e8d', './RemovableTabBarItem-9ae273fe', './TabBarItem-a39c5de3', './OverflowTabBarItem-0aa39512'], (function(e,a,t,l,r,s,i,o,n,m,c,d){"use strict";e.OverflowTabBar=function({items:e,layout:b="stretch",display:u="standard",size:y="md",edge:f="top",selection:v,truncation:I,onSelect:g,onRemove:B,"aria-label":K,"aria-labelledby":T,contextMenuConfig:h,testId:x}){const p="stacked"===u?{display:u}:{display:u,size:y},w=l.useRef(null),R=t.createRef(),[O,j]=l.useState(!1),M=l.useRef(!1),k=l.useCallback((e=>{"more"===e.value?M.current?j(!1):j(!0):g?.(e),M.current=!1}),[g]),S=l.useMemo((()=>e.map((e=>e.itemKey))),[e]),{visibleItemKeys:z,overflowItemKeys:C,maxWidths:W}=o.useDetectHorizontalOverflow({rootRef:R,keysArray:S,isTruncationDisabled:!(I&&"progressive"===I)}),A=r.classNames([i.styles.overflowTabBarBase]);return a.jsx("div",{ref:w,class:A,children:a.jsxs(s.TabBar,{ref:R,selection:v,onSelect:k,...p,layout:b,edge:f,onRemove:B,"aria-label":K,"aria-labelledby":T,testId:x,contextMenuConfig:h,children:[null!=z&&z.length>0&&e.filter((e=>z?.includes(e.itemKey))).map((e=>null!=e.href?a.jsx(n.TabBarLinkItem,{href:e.href,itemKey:e.itemKey,label:e.label,icon:e.icon,badge:e.badge,metadata:e.metadata,severity:e.severity,"aria-controls":e.tabPanelId,labelMaxWidth:W?.get(e.itemKey)}):e.isRemovable?a.jsx(m.RemovableTabBarItem,{itemKey:e.itemKey,label:e.label,icon:e.icon,badge:e.badge,metadata:e.metadata,severity:e.severity,"aria-controls":e.tabPanelId,labelMaxWidth:W?.get(e.itemKey)}):a.jsx(c.TabBarItem,{itemKey:e.itemKey,label:e.label,icon:e.icon,badge:e.badge,metadata:e.metadata,severity:e.severity,"aria-controls":e.tabPanelId,labelMaxWidth:W?.get(e.itemKey)}))),null!=C&&C.length>0&&a.jsx(d.OverflowTabBarItem,{isOpen:O,onClose:e=>{R.current&&["itemAction","dismissed"].includes(e.reason)&&R?.current?.focus(),"outsideMousedown"===e.reason&&(M.current=!0),j(!1)},overflowItemKey:"more",overflowItems:e.filter((e=>C?.includes(e.itemKey)))})]})})}}));
-//# sourceMappingURL=OverflowTabBar-f8bf9356.js.map

package/amd/OverflowTabBar-f8bf9356.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverflowTabBar-f8bf9356.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 {\n  OverflowTabBarItem,\n  RemovableTabBarItem,\n  TabBar,\n  TabBarItem,\n  TabBarLinkItem\n} 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  contextMenuConfig,\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        contextMenuConfig={contextMenuConfig}>\n        {visibleItemKeys != null &&\n          visibleItemKeys.length > 0 &&\n          items\n            .filter((item) => visibleItemKeys?.includes(item.itemKey))\n            .map((item: Item<K>) =>\n              item.href != null ? (\n                <TabBarLinkItem\n                  href={item.href}\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              ) : 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","contextMenuConfig","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","jsxs","TabBar","length","filter","includes","href","TabBarLinkItem","label","icon","badge","metadata","severity","tabPanelId","labelMaxWidth","get","isRemovable","jsx","RemovableTabBarItem","TabBarItem","OverflowTabBarItem","isOpen","onClose","reason","focus","overflowItemKey","overflowItems"],"mappings":"+YAgC0DA,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,kBACjCA,EAAiBC,OACjBA,IAEA,MAQMC,EAA2B,YAAZX,EARK,CACxBA,QAASA,GAEkB,CAC3BA,QAASA,EACTC,KAAMA,GAIFW,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,GAGpBZ,IAAWiB,GAEbH,EAAmBK,SAAU,CAAK,GAEpC,CAACnB,IAKGoB,EAAYC,EAAAA,SAAQ,IAAM5B,EAAM6B,KAAKC,GAASA,EAAKC,WAAiB,CAAC/B,KAErEgC,gBAAEA,EAAeC,iBAAEA,EAAgBC,UAAEA,GAAcC,EAAAA,4BAA4B,CACnFrB,QAASE,EACTW,YACAS,uBAAwB9B,GAA6B,gBAAfA,KAGlC+B,EAAsBC,EAAUA,WAAC,CAACC,EAAAA,OAAOC,qBAE/C,OACEC,EAAAA,IAAK,MAAA,CAAAC,IAAK5B,EAAS6B,MAAON,EAAmBO,SAC3CC,EAACC,KAAAC,EAAMA,QACLL,IAAK1B,EACLX,UAAWA,EACXE,SAAUe,KACNT,EACJZ,OAAQA,EACRG,KAAMA,EACNI,SAAUA,EACE,aAAAC,oBACKC,EACjBE,OAAQA,EACRD,kBAAmBA,EAAiBiC,SAAA,CAChB,MAAnBZ,GACCA,EAAgBgB,OAAS,GACzBhD,EACGiD,QAAQnB,GAASE,GAAiBkB,SAASpB,EAAKC,WAChDF,KAAKC,GACS,MAAbA,EAAKqB,KACHV,EAAAA,IAACW,EAAAA,eAAc,CACbD,KAAMrB,EAAKqB,KACXpB,QAASD,EAAKC,QACdsB,MAAOvB,EAAKuB,MACZC,KAAMxB,EAAKwB,KACXC,MAAOzB,EAAKyB,MACZC,SAAU1B,EAAK0B,SACfC,SAAU3B,EAAK2B,SAAQ,gBACR3B,EAAK4B,WACpBC,cAAezB,GAAW0B,IAAI9B,EAAKC,WAEnCD,EAAK+B,YACPpB,EAACqB,IAAAC,EAAmBA,oBAClB,CAAAhC,QAASD,EAAKC,QACdsB,MAAOvB,EAAKuB,MACZC,KAAMxB,EAAKwB,KACXC,MAAOzB,EAAKyB,MACZC,SAAU1B,EAAK0B,SACfC,SAAU3B,EAAK2B,SACA,gBAAA3B,EAAK4B,WACpBC,cAAezB,GAAW0B,IAAI9B,EAAKC,WAGrCU,EAAAA,IAACuB,EAAAA,WAAU,CACTjC,QAASD,EAAKC,QACdsB,MAAOvB,EAAKuB,MACZC,KAAMxB,EAAKwB,KACXC,MAAOzB,EAAKyB,MACZC,SAAU1B,EAAK0B,SACfC,SAAU3B,EAAK2B,SAAQ,gBACR3B,EAAK4B,WACpBC,cAAezB,GAAW0B,IAAI9B,EAAKC,aAIxB,MAApBE,GAA4BA,EAAiBe,OAAS,GACrDP,EAAAqB,IAACG,EAAkBA,mBAAA,CACjBC,OAAQhD,EACRiD,QAjGW3C,IACfR,EAAUU,SAAW,CAAC,aAAc,aAAawB,SAAS1B,EAAE4C,SAC9DpD,GAAWU,SAAS2C,QAEL,qBAAb7C,EAAE4C,SACJ/C,EAAmBK,SAAU,GAE/BP,GAAkB,EAAM,EA2FhBmD,gBAvEc,OAwEdC,cAAevE,EAAMiD,QAAQnB,GAASG,GAAkBiB,SAASpB,EAAKC,iBAMlF"}

package/amd/OverflowTabBarItem-0aa39512.js

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

package/amd/OverflowTabBarItem-0aa39512.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverflowTabBarItem-0aa39512.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, useEffect } 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  // Reset pointer selection flag when the popup closes so keyboard navigation\n  // restores focus-visible on the overflow trigger.\n  useEffect(() => {\n    if (!isOpen) {\n      isPointerSelection.current = false;\n    }\n  }, [isOpen]);\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 { deviceRenderMode } = getClientHints();\n  return deviceRenderMode === 'phone';\n};\n"],"names":["SvgOverflowH","props","_jsx","jsx","Icon","viewBox","children","fill","d","getIsMobile","deviceRenderMode","getClientHints","overflowItemKey","icon","badge","overflowItems","isOpen","onClose","selection","showFocusRing","isEdgeBottom","onSelect","onRemove","layout","useTabBarContext","isPointerSelection","useRef","useEffect","current","overflowTabBarItemRef","navigationListRef","createRef","handleSelectionChange","useCallback","detail","reason","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/PictoChart-ab426a71.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './TrackResizeContainer-d8fa612c', 'preact', 'preact/hooks', './UNSAFE_PictoChart/themes/PictoChartStyles.css', './classNames-08d99695', './useSelection-a8ec14e8', './useTranslationBundle-e4dd341e', './mergeProps-bcfa6a92', './themeContract.css-b6ec3943', './utils-9a3f9606', './SvgSymbol-b672024f', './accUtils-7e057eef', './useUser-08901aba', './layoutUtils-517a546d', './eventsUtils-1f5dc91a', './useVisHover-28319fef', './useVisDrill-7dce7e9a', './useDatatip-40f28485', './useItemFocus-75d6510d', './datatipUtils-6846028e', './useTestId-f4240cbd', './useVisTouchResponse-88a7bb09', './stringUtils-4ffd9d59', './useContextMenu-67972d45', './Menu-1b8fefc5', './MenuItem-85e4ffdc', './logger-0f873e29', './LayerHost-0b288129', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css'], (function(t,e,o,n,r,i,s,a,c,l,u,d,f,m,p,h,g,x,C,I,S,b,w,y,v,M,R,E,F,$,D,P,k,T,U,V,A,N,H,j,_,L,B){"use strict";const O=n.createContext({});function W(t,e){return Math.ceil(t/e)*e}const q=(t,e,o,n,r)=>{for(let i=0;i<r;i++)for(let r=0;r<n;r++)if(t[o+i][e+r])return!1;return!0},G=(t,e,o,n,r)=>{for(let i=0;i<r;i++)for(let r=0;r<n;r++)t[o+i][e+r]=!0},z=(t,e,o,n,r,i)=>{if(i){for(let i=0;i<=n-e;i++)for(let n=0;n<=r-o;n++)if(q(t,i,n,e,o))return G(t,i,n,e,o),{col:i,row:n}}else for(let i=0;i<r-o+1;i++)for(let r=0;r<n-e+1;r++)if(q(t,r,i,e,o))return G(t,r,i,e,o),{col:r,row:i}};function K(t){const e=t.dataset.idx;if(void 0!==e)return{idx:Number(e)}}function Z(t,e,o,n,r,i,s,a,c,l,u){let d=!1;if(!n){const t=!!s&&e===s.idx,o=!!r&&e===r.idx;d=!!(t&&s?.isCurrent||o&&r?.isCurrent)}const f=function(t,e){return!e||0===e.length||new Set(e).has(t)}(t.id,a),m=function(t,e){return!(!e||0===e.length)&&new Set(e).has(t)}(t.id,i);return{isCurrent:d,isHighlighted:f,isSelected:m,hasSelection:i&&0!==i.length,isFocused:!!s&&Q(s,e),key:t.id,itemIdx:e,countIdx:o,activeId:d?c:void 0,isReadOnly:n,item:t,isVerticalLayout:l,layoutOrigin:u}}function J(t,e){return t?.idx===e?.idx}function Q(t,e){return!!t.isFocusVisible&&t.idx===e}function X(t,e,o){return`${o?.vis_labelCountWithTotal({itemCount:t.toString(),totalCount:e.toString()})}`}const Y=({context:t,markerProps:o})=>{const{supportsSelection:n}=r.useContext(O),i=function(t,e,o,n,r,i){const s="human"===t,a=o||r&&i,c="ellipse"===t||"rectangle"===t;e=""===e||null==e?d.rgba(u.colorSchemeVars.palette.neutral[190],.15):e;const l=n?u.colorSchemeVars.textIcon.primary:a?e:"";return{markerShape:t,tx:s?70:void 0,ty:s?60:void 0,markerColor:e,borderColor:n||a?d.rgb(u.colorSchemeVars.palette.neutral[0]):e,outerBorderColor:l,markerScale:c&&!l?1:.85,setAspectRatioNone:!!c}}(o.shape,o.color,t.state.focused,t.state.selected,t.state.hovered,n);return e.jsx(f.SvgSymbol,{...i})};function tt(t,e){const{idx:o}=t;return e[o]}function et(t,e){return{getItem:e=>tt(e,t),getDetailFromInfo:e=>{if(!e)return{id:void 0,data:void 0};const o=tt(e,t);return{id:o?o.id:void 0,data:o}},getPrevItemInfo:o=>function(t,e,o){let n=t.idx;return n=o?Math.min(e.length-1,n+1):Math.max(0,n-1),{idx:n}}(o,t,e),getNextItemInfo:o=>function(t,e,o){let n=t.idx;return n=o?Math.max(0,n-1):Math.min(e.length-1,n+1),{idx:n}}(o,t,e)}}const ot=t=>{const{direction:o}=p.useUser(),n="rtl"===o,r=t.isVerticalLayout;let a=t.fractionalStart??0,c=t.fractionalEnd??1;const l=t.layoutOrigin;r?"bottomStart"!==l&&"bottomEnd"!==l||([a,c]=[1-c,1-a]):"bottomEnd"!==l&&"topEnd"!==l||([a,c]=[1-c,1-a]);const u=0!==a||1!==c?r?`polygon(0% ${100*a}%, 100% ${100*a}%, 100% ${100*c}%, 0% ${100*c}%)`:n?`polygon(${100-100*c}% 0%, ${100-100*a}% 0%, ${100-100*a}% 100%, ${100-100*c}% 100%)`:`polygon(${100*a}% 0%, ${100*c}% 0%, ${100*c}% 100%, ${100*a}% 100%)`:void 0,d=t.supportsSelection||t.supportsDrill,{dimmedItemStyle:f,interactiveItemStyle:h}=i.styles,g=s.classNames([d&&h,!t.isHighlighted&&f]),x=0===t.countIdx,C=x&&function(t,e,o,n,r,i,s,a,c){const l=r?X(t,e,r):"";return a=a||`${n?n+": ":""}${l}`,{"aria-label":m.generateAriaLabel(r,a,{isSelected:o||s?i:void 0})||void 0,role:"img",id:c}}(t.item.count||1,t.totalCount,!!t.supportsSelection,t.item.label,t.translations,t.isSelected,t.hasSelection,t.item.accessibleLabel,t.activeId)||{};return e.jsx("div",{ref:x?t.focusedItemRef:void 0,id:t.activeId,"data-idx":t.itemIdx,"data-count-idx":t.countIdx,style:{gridRow:`${t.row+1} / span ${t.item.rowSpan||1}`,gridColumn:`${t.column+1} / span ${t.item.columnSpan||1}`,clipPath:u},class:g,...C,children:t.children})};function nt({width:t,height:o,columnWidth:n,rowHeight:f,items:m,columnCount:b,rowCount:R,layout:E,layoutOrigin:F="topStart",selectionMode:$="none",highlightedIds:D=[],selectedIds:P=[],drilling:k="off",onItemDrill:T,onItemHover:U,isFlowingWidth:V,isFlowingHeight:A,onItemFocus:N,contextMenuConfig:H,...j}){const _=r.useRef(null),L=0!==m.length,B=function(t){let e=0;for(let o=0;o<t.length;o++)e+=t[o].count||1;return e}(m),O=c.useTranslationBundle("@oracle/oraclejet-preact"),q=!(!$||"none"===$),G=null!=T,Q=!q&&!G&&null===U&&null===N,Y=w.useTestId(j.testId),tt=new Map(m.map((t=>[t.id,t]))),nt="bottomStart"===F||"bottomEnd"===F,{getItem:rt,getDetailFromInfo:it,getPrevItemInfo:st,getNextItemInfo:at}=et(m,nt),{touchResponse:ct,touchResponseStyle:lt}=y.useVisTouchResponse({type:"auto",supportsTouchDragGestures:!1,rootRef:_}),{hoveredItemInfo:ut,focusedItemInfo:dt,activeId:ft,eventsProps:mt,onContextMenuDismissed:pt}=function(t,e,o,n,i,s,a,c,u,d){const[f,m]=r.useState({idx:0}),[I,S]=r.useState(),b=r.useRef(),{direction:w}=p.useUser(),y="rtl"===w,v=x.useVisHover((t=>{const o=K(t.target);J(o,I)||(S(o&&{...o,isCurrent:!0}),b.current=h.getRandomId(),e&&(m({...f,isCurrent:!1}),u?.(n(o))))}),void 0,(()=>{S(void 0),b.current=void 0,e&&u?.(n())}),t),M=r.useCallback((t=>{const{id:e,data:o}=n(t);null!=e&&o&&(c?.({id:e,data:o}),b.current=h.getRandomId())}),[n,c]),R=r.useCallback((t=>{"keydown"===t.type?"on"==a&&M(f):M(K(t.target))}),[a,f,M]),E=C.useVisDrill(o,R);if(!e)return{focusedItemInfo:f,hoveredItemInfo:I,eventsProps:v};function F(t){d?.(n(t)),b.current=h.getRandomId(),m(t)}function $(t){J(t,f)||(t.isCurrent=!0,t.isFocusVisible=!0,I&&S({...I,isCurrent:!1}),F(t))}return{focusedItemInfo:f,hoveredItemInfo:I,activeId:b.current,onContextMenuDismissed:t=>{"keyboard"===t&&F({...f,isFocusVisible:!0,isCurrent:!0})},eventsProps:l.mergeProps(E,v,{onKeyUp:t=>{"Tab"===t.code&&(F({...f,isCurrent:!0,isFocusVisible:!0}),g.cancelEvent(t))},onKeyDown:t=>{switch(t.key){case"Tab":return;case"ArrowDown":$(s(f)),g.cancelEvent(t);break;case"ArrowUp":$(i(f)),g.cancelEvent(t);break;case"ArrowRight":$(y?i(f):s(f)),g.cancelEvent(t);break;case"ArrowLeft":$(y?s(f):i(f)),g.cancelEvent(t)}},onBlur:()=>{(null!=I||f.isCurrent)&&d?.(n(void 0));const t={...f,isCurrent:!1,isFocusVisible:!1};m(t)}})}}(ct,!Q&&L,$,it,st,at,k,T,U,N),{selectionContent:ht,selectionProps:gt}=a.useSelection({idExtracter:t=>{const e="keyup"===t.type?dt:K(t.target);return it(e).id},isDrillEnabled:"off"!=k,selection:P,selectionMode:$,getDataById:t=>tt.get(t),onChange:j.onSelectionChange}),xt=n&&parseFloat(n),Ct=f&&parseFloat(f),It=s.classNames([i.baseStyles]),{focusedItemRef:St}=S.useItemFocus(dt),{content:bt,borderColor:wt,defaultContainer:yt}=function(t,e,o,n,r,i,s){let a;const c=r?.isCurrent;let l,f;c&&null!=t[r.idx].id&&(a=r),n&&n.isCurrent&&(a=n);let m=d.rgba(u.colorSchemeVars.palette.neutral[190],.15),p="enabled";const h=a&&e(a,t);if(h&&i){const t=h&&{data:h},{content:e,borderColor:n,defaultContainer:r}=i(t);l=e,m=n||m,p=r,f=s?X(h.count||1,o,s):""}return{borderColor:m,content:""===l?void 0:l||a&&e(a,t)?.accessibleLabel||a&&e(a,t)?.label+": "+f||f,defaultContainer:p}}(m,rt,B,dt,ut,j.datatip,O),{calcColCount:vt,calcRowCount:Mt,calcColWidth:Rt,calcRowHeight:Et,gridGap:Ft}=r.useMemo((()=>function(t,e,o,n,r,s,a,c,l,u){let d=0,f=1,m=1,p=1/0;for(let e=0;e<t.length;e++){const o=t[e],n=o.columnSpan||1,r=o.rowSpan||1;n<=0||r<=0||(n>f&&(f=n),r>m&&(m=r),n<p&&(p=n),r<p&&(p=r),d+=n*r*(o.count||1))}if(0===d)return{};(r||s)&&(l||(l=u||i.DEFAULT_SIZE),u||(u=l)),a||c||(r||s?r?s?e?c=W(Math.sqrt(d),m):a=W(Math.sqrt(d),f):c=Math.max(Math.floor(n/(u||1)),1):a=Math.max(Math.floor(o/(l||1)),1):e?c=W(Math.sqrt(d*n/o),m):a=W(Math.sqrt(d*o/n),f)),a?c||(c=W(d/a,m)):a=W(d/(c||1),f);const h=.25*p;return r||s||(l||(l=u||Math.min(o/a,n/(c||1))),u||(u=l)),a<=0||!c||c<=0||!l||l<=0||!u||u<=0?{}:{calcColCount:a,calcRowCount:c,calcColWidth:l?l-h:l,calcRowHeight:u?u-h:u,gridGap:h}}(m,"vertical"===E,t,o,V,A,b,R,xt,Ct)),[m,E,t,o,V,A,b,R,xt,Ct]),{contextMenuContent:$t,contextMenuProps:Dt}=(({rootRef:t,contextMenuConfig:e,focusedItemInfo:o,items:n,onContextMenuDismissed:r,getItemInfo:i})=>{const{contextMenuProps:s,contextMenuContent:a}=M.useContextMenu({onContextMenuHandler:({gesture:e,target:r})=>{if("keyboard"===e){const e=o.idx,r=t.current?.querySelector(`[data-idx="${e}"]`)||null;return{type:"element",context:{type:"item",data:n[e]},elem:r}}const s=i(r)?.idx,a=void 0!==s?n[s]:null;return a?{type:"pointer",context:{type:"item",data:a}}:{type:"pointer",context:{type:"background"}}},contextMenuOptions:{isDisabled:!e},rootRef:t,contextMenuConfig:e,onContextMenuDismissed:r});return{contextMenuContent:a,contextMenuProps:s}})({getItemInfo:K,focusedItemInfo:dt,rootRef:_,contextMenuConfig:L?H:void 0,items:m,onContextMenuDismissed:pt});if(!vt)return null;const Pt=function(t,e,o,n,r){const i=e,s=o,a="bottomStart"===(c=n)||"bottomEnd"===c;var c;const l=(t=>"topEnd"===t||"bottomEnd"===t)(n),u=[],d=new Array(i);for(let t=0;t<i;t++)d[t]=new Array(s).fill(!1);const f=!0;let m={row:-1,col:-1,count:0,direction:f,rowSpan:1,columnSpan:1};for(let e=0;e<t.length;e++){const o=t[e],n=o.rowSpan??1,c=o.columnSpan??1;let p=o.count??1;if(m.count>0&&m.count<1&&m.rowSpan===n&&m.columnSpan===c){const t=1-m.count,r=Math.min(t,p),d=a?i-m.row-n:m.row,h=l?s-m.col-c:m.col;if(u.push({row:d,col:h,countIdx:e,itemIdx:e,item:o,fractionalStart:m.count,fractionalEnd:m.count+r}),m.count+=r,p-=r,!(m.count>=1))continue;m={row:-1,col:-1,count:0,direction:f,rowSpan:n,columnSpan:c}}const h=Math.floor(p);for(let t=0;t<h;t++){const f=z(d,c,n,s,i,r);if(f){const r=a?i-f.row-n:f.row,d=l?s-f.col-c:f.col;u.push({row:r,col:d,countIdx:t,itemIdx:e,item:o,fractionalStart:0,fractionalEnd:1})}}const g=p-h;if(g>0&&g<1){const t=z(d,c,n,s,i,r);if(t){m={row:t.row,col:t.col,count:g,direction:!0,rowSpan:n,columnSpan:c};const r=a?i-t.row-n:t.row,d=l?s-t.col-c:t.col;u.push({row:r,col:d,countIdx:g,itemIdx:e,item:o,fractionalStart:0,fractionalEnd:g})}}}return u}(m,Mt,vt,F,"vertical"===E),{direction:kt}=p.useUser(),Tt="rtl"===kt,{datatipContent:Ut,datatipProps:{"aria-describedby":Vt,...At}}=(({touchResponse:t,content:e,borderColor:o,width:n,focusedItemInfo:r,getFocusedItemDimension:i,defaultContainer:s="enabled"})=>{const{direction:a}=p.useUser(),c="rtl"===a,{datatipContent:l,datatipProps:u}=I.useDatatip({content:e,placement:"top-start",offset:h.calculateOffsetForPicto(c,n,r?.isCurrent?i(r):void 0),borderColor:o,anchor:r?.isCurrent?"element":"pointer",touchResponse:t,defaultContainer:s});return{datatipContent:l,datatipProps:u}})({touchResponse:ct,content:bt,width:t,borderColor:wt,focusedItemInfo:dt,getFocusedItemDimension:e=>{const{idx:o}=e,{row:n,col:r}=Pt.find((t=>t.itemIdx===o)),i=r*Rt;return{x:Tt?t-i-Rt:i,y:n*Et,width:Rt,height:Et}},defaultContainer:yt}),Nt=l.mergeProps(mt,At,gt,Dt);return e.jsxs("div",{ref:_,tabIndex:0,"aria-label":j["aria-label"],"aria-describedby":v.l([j["aria-describedby"],Vt]),"aria-labelledby":j["aria-labelledby"],"aria-activedescendant":ft,role:"application",style:{width:V?"max-content":`${t}px`,height:A?"max-content":`${o}px`,gridTemplateRows:`repeat(${Mt}, ${Et}px)`,gridTemplateColumns:`repeat(${vt}, ${Rt}px)`,gap:`${Ft}px`,...lt},class:It,...Y,...Nt,children:[Pt.map((t=>{const o=dt.idx===t.itemIdx,n=Z(t.item,t.itemIdx,t.countIdx,Q,ut,P,dt,D,ft,"vertical"===E,F),r={data:t.item,state:{selected:n.isSelected,focused:n.isFocused,hovered:n.isCurrent}};return e.jsx(ot,{focusedItemRef:o?St:void 0,row:t.row,column:t.col,supportsSelection:q,supportsDrill:G,translations:O,totalCount:B,fractionalStart:t.fractionalStart,fractionalEnd:t.fractionalEnd,...n,children:j.children(r)})})),Ut,$t,ht]})}t.PictoChart=function({width:t,height:n,...r}){const i=!(!r.selectionMode||"none"===r.selectionMode),s=void 0===t,a=void 0===n;return e.jsx(O.Provider,{value:{supportsSelection:i},children:e.jsx(o.TrackResizeContainer,{width:s?"initial":t,height:a?"initial":n,children:(t,o)=>e.jsx(nt,{width:t,height:o,isFlowingWidth:s,isFlowingHeight:a,...r})})})},t.getPictoDefaultRenderers=function(t){return{markerRenderer:o=>{const n=t(o.data);return e.jsx(Y,{context:o,markerProps:n})},datatipRenderer:e=>({borderColor:t(e.data).color})}}}));
-//# sourceMappingURL=PictoChart-ab426a71.js.map

package/amd/PictoChart-ab426a71.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PictoChart-ab426a71.js","sources":["../../src/UNSAFE_PictoChart/PictoChartContext.tsx","../../src/UNSAFE_PictoChart/pictoChartLayoutUtils.ts","../../src/UNSAFE_PictoChart/pictoChartUtils.tsx","../../src/UNSAFE_PictoChart/pictoChartNavUtils.ts","../../src/UNSAFE_PictoChart/usePictoChartDatatip.ts","../../src/UNSAFE_PictoChart/PictoChartElement.tsx","../../src/UNSAFE_PictoChart/PictoChartWithDimensions.tsx","../../src/UNSAFE_PictoChart/useEvents.ts","../../src/UNSAFE_PictoChart/usePictoChartContextMenu.ts","../../src/UNSAFE_PictoChart/PictoChart.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 { createContext } from 'preact';\nimport { useContext } from 'preact/hooks';\n\ntype PictoChartContextValue = {\n  supportsSelection?: boolean;\n};\n\nconst PictoChartContext = createContext<PictoChartContextValue>({} as PictoChartContextValue);\nconst usePictoChartContext = () => useContext(PictoChartContext);\n\nexport { PictoChartContext, usePictoChartContext };\n","import type { PictoChartItemData } from './pictoChart.type';\nimport { DEFAULT_SIZE } from './themes/PictoChartStyles.css';\n\nconst GAP_RATIO = 0.25;\n\nfunction _ceil(a: number, b: number) {\n  return Math.ceil(a / b) * b;\n}\n\nexport function getFlowingInfo<K, D extends PictoChartItemData<K>>(\n  items: D[],\n  isVert: boolean,\n  width: number,\n  height: number,\n  isFlowingWidth: boolean,\n  isFlowingHeight: boolean,\n  colCount?: number,\n  rowCount?: number,\n  colWidth?: number,\n  rowHeight?: number\n) {\n  let numCells = 0;\n  let maxColSpan = 1;\n  let maxRowSpan = 1;\n  let minSpan = Infinity;\n\n  for (let i = 0; i < items.length; i++) {\n    const item = items[i];\n    const columnSpan = item.columnSpan || 1;\n    const rowSpan = item.rowSpan || 1;\n    if (columnSpan <= 0 || rowSpan <= 0) continue;\n\n    // Compute the maximum columnSpan and rowSpan\n    if (columnSpan > maxColSpan) maxColSpan = columnSpan;\n    if (rowSpan > maxRowSpan) maxRowSpan = rowSpan;\n\n    // Compute minimum span for gap computation\n    if (columnSpan < minSpan) minSpan = columnSpan;\n    if (rowSpan < minSpan) minSpan = rowSpan;\n\n    numCells += columnSpan * rowSpan * (item.count || 1);\n  }\n\n  if (numCells === 0) return {};\n\n  // Default colWidth and rowHeight for flowing layout\n  if (isFlowingWidth || isFlowingHeight) {\n    if (!colWidth) colWidth = rowHeight ? rowHeight : DEFAULT_SIZE;\n    if (!rowHeight) rowHeight = colWidth;\n  }\n\n  // Default colCount and rowCount for both layouts\n  // We set the default colCount (or rowCount) to be an integer multiple of the maxColSpan (or maxRowSpan) to\n  // ensure that all the items can find a spot to occupy in the mixed sizes case.\n  if (!colCount && !rowCount) {\n    // Try to achieve square cells, (width / colCount) = (height / rowCount)\n    if (!isFlowingWidth && !isFlowingHeight) {\n      if (isVert) rowCount = _ceil(Math.sqrt((numCells * height) / width), maxRowSpan);\n      else colCount = _ceil(Math.sqrt((numCells * width) / height), maxColSpan);\n    } else if (!isFlowingWidth) colCount = Math.max(Math.floor(width / (colWidth || 1)), 1);\n    else if (!isFlowingHeight) rowCount = Math.max(Math.floor(height / (rowHeight || 1)), 1);\n    else {\n      if (isVert) rowCount = _ceil(Math.sqrt(numCells), maxRowSpan);\n      else colCount = _ceil(Math.sqrt(numCells), maxColSpan);\n    }\n  }\n\n  // Now only either colCount or rowCount is undefined\n  if (!colCount) colCount = _ceil(numCells / (rowCount || 1), maxColSpan);\n  else if (!rowCount) rowCount = _ceil(numCells / colCount, maxRowSpan);\n\n  const gridGap = GAP_RATIO * minSpan;\n  // Default colWidth and rowHeight for fixed layout\n  if (!isFlowingWidth && !isFlowingHeight) {\n    if (!colWidth)\n      colWidth = rowHeight ? rowHeight : Math.min(width / colCount, height / (rowCount || 1));\n    if (!rowHeight) rowHeight = colWidth;\n  }\n\n  if (\n    colCount <= 0 ||\n    !rowCount ||\n    rowCount <= 0 ||\n    !colWidth ||\n    colWidth <= 0 ||\n    !rowHeight ||\n    rowHeight <= 0\n  )\n    return {};\n\n  return {\n    calcColCount: colCount,\n    calcRowCount: rowCount,\n    calcColWidth: colWidth ? colWidth - gridGap : colWidth,\n    calcRowHeight: rowHeight ? rowHeight - gridGap : rowHeight,\n    gridGap: gridGap\n  };\n}\n\n/**\n * Returns whether the pictoChart is layout from bottom to top.\n */\nconst isOriginBottom = (origin: string) => {\n  return origin === 'bottomStart' || origin === 'bottomEnd';\n};\n\n/**\n * Returns whether the pictoChart is layout from right to left.\n */\nconst isOriginRight = (origin: string) => {\n  const isEnd = origin === 'topEnd' || origin === 'bottomEnd';\n  return isEnd;\n};\n\n/**\n * Returns whether the cells are available given col, row and columnSpan, rowSpan needed.\n */\nconst areCellsAvailable = (\n  map: boolean[][],\n  col: number,\n  row: number,\n  columnSpan: number,\n  rowSpan: number\n) => {\n  for (let r = 0; r < rowSpan; r++) {\n    for (let c = 0; c < columnSpan; c++) {\n      if (map[row + r][col + c]) return false;\n    }\n  }\n  return true;\n};\n\n/**\n * Occupies the cell in the map given col, row and columnSpan, rowSpan.\n */\nconst occupyCells = (\n  map: boolean[][],\n  col: number,\n  row: number,\n  columnSpan: number,\n  rowSpan: number\n) => {\n  for (let r = 0; r < rowSpan; r++) {\n    for (let c = 0; c < columnSpan; c++) {\n      map[row + r][col + c] = true;\n    }\n  }\n};\n\n/**\n * Returns whether the cells are available given col, row and the colCount and rowCount of the pictochart.\n */\nconst findNextAvailableCell = (\n  map: boolean[][],\n  columnSpan: number,\n  rowSpan: number,\n  colCount: number,\n  rowCount: number,\n  isVert: boolean\n): { row: number; col: number } | undefined => {\n  if (isVert) {\n    for (let c = 0; c <= colCount - columnSpan; c++) {\n      for (let r = 0; r <= rowCount - rowSpan; r++) {\n        if (areCellsAvailable(map, c, r, columnSpan, rowSpan)) {\n          occupyCells(map, c, r, columnSpan, rowSpan);\n          return { col: c, row: r };\n        }\n      }\n    }\n    return;\n  }\n  \n  for (let r = 0; r < rowCount - rowSpan + 1; r++) {\n    for (let c = 0; c < colCount - columnSpan + 1; c++) {\n      if (areCellsAvailable(map, c, r, columnSpan, rowSpan)) {\n        occupyCells(map, c, r, columnSpan, rowSpan);\n        return { col: c, row: r };\n      }\n    }\n  }\n\n  return;\n};\n\n/**\n * Returns the picto items with row and col of the pictochart.\n */\nexport function generateElementCoords<K, D extends PictoChartItemData<K>>(\n  items: D[],\n  row: number,\n  column: number,\n  layoutOrigin: 'topStart' | 'topEnd' | 'bottomStart' | 'bottomEnd',\n  isVert: boolean) {\n  const rowCount = row;\n  const colCount = column;\n  const isLayoutBottom = isOriginBottom(layoutOrigin);\n  const isLayoutRight = isOriginRight(layoutOrigin);\n  const pictoItems = [];\n\n  const map: boolean[][] = new Array(rowCount);\n  for (let i = 0; i < rowCount; i++) {\n    map[i] = new Array(colCount).fill(false);\n  }\n\n  const isFractionalLeft = true;\n  let lastFractionalCell = {\n    row: -1, \n    col: -1, \n    count: 0, \n    direction: isFractionalLeft,\n    rowSpan: 1,\n    columnSpan: 1\n   };\n\n  for (let i = 0; i < items.length; i++) {\n    const currItem = items[i];\n    const rowSpan = currItem.rowSpan ?? 1;\n    const columnSpan = currItem.columnSpan ?? 1;\n    let totalCount = currItem.count ?? 1;\n\n    // fill previous fractional cell if needed\n    if (lastFractionalCell.count > 0 && lastFractionalCell.count < 1\n      && lastFractionalCell.rowSpan === rowSpan &&\n      lastFractionalCell.columnSpan === columnSpan) {\n      const amountToFill = 1 - lastFractionalCell.count;\n      const fillAmount = Math.min(amountToFill, totalCount);\n\n      const filledRow = isLayoutBottom\n        ? rowCount - lastFractionalCell.row - rowSpan\n        : lastFractionalCell.row;\n      const filledCol = isLayoutRight\n        ? colCount - lastFractionalCell.col - columnSpan\n        : lastFractionalCell.col;\n\n      pictoItems.push({\n        row: filledRow,\n        col: filledCol,\n        countIdx: i,\n        itemIdx: i,\n        item: currItem,\n        fractionalStart: lastFractionalCell.count,\n        fractionalEnd: lastFractionalCell.count + fillAmount\n      });\n\n      lastFractionalCell.count += fillAmount;\n      totalCount -= fillAmount;\n\n      if (lastFractionalCell.count >= 1) {\n        lastFractionalCell = { row: -1, col: -1, count: 0, direction: isFractionalLeft, rowSpan, columnSpan};\n      } else {\n        continue;\n      }\n    }\n\n    // fill with full units first\n    const fullUnits = Math.floor(totalCount);\n    for (let j = 0; j < fullUnits; j++) {\n      const cell = findNextAvailableCell(map, columnSpan, rowSpan, colCount, rowCount, isVert);\n      if (cell) {\n        const currRow = isLayoutBottom ? rowCount - cell.row - rowSpan : cell.row;\n        const currCol = isLayoutRight ? colCount - cell.col - columnSpan : cell.col;\n\n        pictoItems.push({\n          row: currRow,\n          col: currCol,\n          countIdx: j,\n          itemIdx: i,\n          item: currItem,\n          fractionalStart: 0,\n          fractionalEnd: 1\n        });\n      }\n    }\n\n    // fill with the current item's remaining fractional cell\n    const remainder = totalCount - fullUnits;\n    if (remainder > 0 && remainder < 1) {\n      const cell = findNextAvailableCell(map, columnSpan, rowSpan, colCount, rowCount, isVert);\n      if (cell) {\n        lastFractionalCell = {\n          row: cell.row,\n          col: cell.col,\n          count: remainder,\n          direction: true,\n          rowSpan,\n          columnSpan        \n        };\n\n        const newRow = isLayoutBottom ? rowCount - cell.row - rowSpan : cell.row;\n        const newCol = isLayoutRight ? colCount - cell.col - columnSpan : cell.col;\n\n        pictoItems.push({\n          row: newRow,\n          col: newCol,\n          countIdx: remainder,\n          itemIdx: i,\n          item: currItem,\n          fractionalStart: 0,\n          fractionalEnd: remainder\n        });\n      }\n    }\n  }\n  return pictoItems;\n}","import type { ComponentChildren, JSX } from 'preact';\nimport type {\n  ItemInfo,\n  PictoChartItemData,\n  MarkerRendererContext,\n  PictoRendererOptions,\n  DatatipContext\n} from './pictoChart.type';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { BundleType } from '#resources/nls/bundle';\nimport { MarkerShapes } from '#utils/UNSAFE_visTypes/common';\nimport { colorSchemeVars } from '@oracle/oraclejet-internal-theme-contract/themeContract.css';\nimport { rgb, rgba } from '#UNSAFE_Theme';\nimport { SvgSymbol } from '#PRIVATE_SvgShapes';\nimport { usePictoChartContext } from './PictoChartContext';\nimport { Property } from 'csstype';\nimport { ColorProps } from '#utils/UNSAFE_interpolations/colors';\nimport { generateAriaLabel } from '#utils/UNSAFE_visUtils/accUtils';\n\n/**\n * Checks if the item is highlighted.\n * @param id Id of the item\n * @param highlighted The set of highlighted item\n */\nexport function isItemHighlighted<K>(id: K, highlightedIds?: K[]) {\n  if (!highlightedIds || highlightedIds.length === 0) {\n    return true;\n  }\n  return new Set(highlightedIds).has(id);\n}\n\n/**\n * Checks if the item is highlighted.\n * @param id Id of the item\n * @param selectedIds The set of highlighted item\n */\nexport function isItemSelected<K>(id: K, selectedIds?: K[]) {\n  if (!selectedIds || selectedIds.length === 0) {\n    return false;\n  }\n  return new Set(selectedIds).has(id);\n}\n\n/**\n * Returns the value of the data-oj-private-item-index attribute for a given element.\n * @param element The HTML element.\n */\nexport function getItemInfo(element: HTMLElement) {\n  const itemIdx = element.dataset['idx'];\n  if (itemIdx === undefined) return;\n\n  return {\n    idx: Number(itemIdx)\n  };\n}\n\n/**\n * Returns the item props for PictoChart.\n * @param item The picto chart item.\n * @param itemIdx The item index of the item.\n * @param countIdx The item count of the item.\n * @param isReadOnly Whether the picto chart is readonly.\n * @param hoveredItem The info of the currently hovered item.\n * @param selectedIds The selected Ids\n * @param focusedItem The info of currently focused item.\n * @param highlightedIds The highlighted ids.\n * @param activeId The active Id\n */\nexport function getItemProps<K, D extends PictoChartItemData<K>>(\n  item: D,\n  itemIdx: number,\n  countIdx: number,\n  isReadOnly: boolean,\n  hoveredItem?: ItemInfo,\n  selectedIds?: Array<K>,\n  focusedItem?: ItemInfo,\n  highlightedIds?: Array<K>,\n  activeId?: string,\n  isVert?: boolean,\n  layoutOrigin?: string\n) {\n  let isCurrent = false;\n  if (!isReadOnly) {\n    const isFocusedItem = !!focusedItem && itemIdx === focusedItem.idx;\n    const isHoveredItem = !!hoveredItem && itemIdx === hoveredItem.idx;\n    isCurrent = !!(\n      (isFocusedItem && focusedItem?.isCurrent) ||\n      (isHoveredItem && hoveredItem?.isCurrent)\n    );\n  }\n  const isHighlighted = isItemHighlighted<K>(item.id, highlightedIds);\n  const isSelected = isItemSelected(item.id, selectedIds);\n  const hasSelection = selectedIds && selectedIds.length !== 0;\n\n  return {\n    isCurrent,\n    isHighlighted: isHighlighted,\n    isSelected: isSelected,\n    hasSelection,\n    isFocused: focusedItem ? hasFocusRing(focusedItem, itemIdx) : false,\n    key: item.id,\n    itemIdx,\n    countIdx,\n    activeId: isCurrent ? activeId : undefined,\n    isReadOnly,\n    item: item,\n    isVerticalLayout: isVert,\n    layoutOrigin: layoutOrigin\n  };\n}\n\n/**\n * Compares if two ItemInfo are equal\n * @param item1\n * @param item2\n * @returns\n */\nexport function isEqualItem(item1?: ItemInfo, item2?: ItemInfo) {\n  return item1?.idx === item2?.idx;\n}\n\n/**\n * Checks if the item is the currentItem and if the focus ring\n * is visible.\n * @param itemInfo ItemInfo\n * @param itemIdx Item index\n */\nexport function hasFocusRing(itemInfo: ItemInfo, itemIdx: number) {\n  if (!itemInfo.isFocusVisible) return false;\n  return itemInfo.idx === itemIdx;\n}\n\n/**\n *\n */\nexport function getCountWithTotal(itemCount: number, totalCount: number, translations: BundleType) {\n  const totalWithCountLabel = `${translations?.vis_labelCountWithTotal({\n    itemCount: itemCount.toString(),\n    totalCount: totalCount.toString()\n  })}`;\n  return totalWithCountLabel;\n}\n\n/**\n * Returns the aria properties for the picto chart.\n * @param isReadOnly { boolean } If the picto chart is readonly.\n * @param accessibleLabel { string } The aria-label set by the app.\n * @returns The aria props.\n */\nexport function getItemAriaProps(\n  itemCount: number,\n  totalCount: number,\n  supportsSelection: boolean,\n  label?: string,\n  translations?: BundleType,\n  isSelected?: boolean,\n  hasSelection?: boolean,\n  accessibleLabel?: string,\n  activeId?: string\n): {\n  'aria-label'?: UnpackSignals<JSX.AriaAttributes>['aria-label'];\n  role: UnpackSignals<JSX.HTMLAttributes['role']>;\n  id?: string;\n} {\n  const totalWithCountLabel = translations\n    ? getCountWithTotal(itemCount, totalCount, translations)\n    : '';\n\n  accessibleLabel = accessibleLabel || `${label ? label + ': ' : ''}${totalWithCountLabel}`; // TODO: use a translation string for :\n\n  return {\n    'aria-label':\n      generateAriaLabel(translations!, accessibleLabel, {\n        isSelected: !supportsSelection && !hasSelection ? undefined : isSelected\n      }) || undefined,\n    role: 'img',\n    id: activeId\n  };\n}\n\n/**\n * Returns the marker props for SVGSymbol\n */\nexport function getMarkerProps(\n  shape: MarkerShapes,\n  color?: ColorProps['color'],\n  isFocused?: boolean,\n  isSelected?: boolean,\n  isCurrent?: boolean,\n  supportsSelection?: boolean\n) {\n  const isHuman = shape === 'human';\n  const applyHover = isFocused || (isCurrent && supportsSelection);\n  const isNoneEqualSides = shape === 'ellipse' || shape === 'rectangle';\n  const isDefault = color === '' || color == null;\n  color = !isDefault ? color : rgba(colorSchemeVars.palette.neutral['190'], 0.15);\n  const outerBorderColor = isSelected ? colorSchemeVars.textIcon.primary : applyHover ? color : '';\n\n  return {\n    markerShape: shape,\n    tx: isHuman ? 70 : undefined,\n    ty: isHuman ? 60 : undefined,\n    markerColor: color,\n    borderColor: isSelected || applyHover ? rgb(colorSchemeVars.palette.neutral[0]) : color,\n    outerBorderColor,\n    markerScale: isNoneEqualSides && !outerBorderColor ? 1 : 0.85,\n    setAspectRatioNone: isNoneEqualSides ? true : false\n  };\n}\n\n// Creating component to read the context\nconst PictoRenderer = <K,>({\n  context,\n  markerProps\n}: {\n  context: MarkerRendererContext<K>;\n  markerProps: PictoRendererOptions;\n}) => {\n  const { supportsSelection } = usePictoChartContext();\n  const markerProp = getMarkerProps(\n    markerProps.shape,\n    markerProps.color,\n    context.state.focused,\n    context.state.selected,\n    context.state.hovered,\n    supportsSelection\n  );\n\n  return <SvgSymbol {...markerProp} />;\n};\n\n/**\n * Returns the marker renderer for SVGSymbol\n */\nexport function getPictoDefaultRenderers<\n  K,\n  D extends PictoChartItemData<K> = PictoChartItemData<K>\n>(rendererOptions: (data: D) => PictoRendererOptions) {\n  return {\n    markerRenderer: (context: MarkerRendererContext<D>) => {\n      const props = rendererOptions(context.data); // TODO: should we add default values\n      return <PictoRenderer context={context} markerProps={props} />;\n    },\n    datatipRenderer: (context: DatatipContext<D>) => {\n      const props = rendererOptions(context.data);\n      return { borderColor: props.color };\n    }\n  };\n}\n\nexport function getTotalCount<K>(items: PictoChartItemData<K>[]) {\n  let totalCount = 0;\n  for (let i = 0; i < items.length; i++) {\n    totalCount += items[i].count || 1;\n  }\n  return totalCount;\n}\n\n/**\n * Returns the text for the picto chart datatip.\n * @param items The picto chart items data.\n * @param focusedItem The item currently keyboard focused.\n * @param hoveredItem The item that is currently hovered.\n * @param datatip The datatip.\n */\nexport function getDatatipContent<K, D extends PictoChartItemData<K>>(\n  items: D[],\n  getItem: (itemInfo: ItemInfo, items: D[]) => D | undefined,\n  totalCount: number,\n  focusedItem: ItemInfo,\n  hoveredItem?: ItemInfo,\n  datatip?: (context: DatatipContext<D>) => {\n    content?: ComponentChildren;\n    borderColor?: Property.BorderColor;\n    defaultContainer?: 'enabled' | 'disabled';\n  },\n  translations?: BundleType\n) {\n  let itemInfo;\n  const isPointerActive = hoveredItem?.isCurrent;\n  if (isPointerActive && items[hoveredItem.idx].id != null) {\n    itemInfo = hoveredItem;\n  }\n  if (focusedItem && focusedItem.isCurrent) {\n    itemInfo = focusedItem;\n  }\n  let _content, countWithTotal;\n  let _borderColor: string = rgba(colorSchemeVars.palette.neutral['190'], 0.15);\n  let _defaultContainer: 'enabled' | 'disabled' | undefined = 'enabled';\n  const item = itemInfo && getItem(itemInfo, items);\n  if (item && datatip) {\n    // custom datatip\n    const datatipContext = item && { data: item };\n    const { content, borderColor, defaultContainer } = datatip(datatipContext);\n\n    _content = content;\n    _borderColor = borderColor || _borderColor;\n    _defaultContainer = defaultContainer;\n\n    countWithTotal = translations\n      ? getCountWithTotal(item.count || 1, totalCount, translations)\n      : '';\n  }\n  return {\n    borderColor: _borderColor,\n    content:\n      _content === ''\n        ? undefined\n        : _content ||\n          (itemInfo && getItem(itemInfo, items)?.accessibleLabel) ||\n          (itemInfo && getItem(itemInfo, items)?.label + ': ' + countWithTotal) ||\n          countWithTotal,\n    defaultContainer: _defaultContainer\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type {\n  ItemHoverDetail,\n  ItemFocusDetail,\n  ItemInfo,\n  PictoChartItemData\n} from './pictoChart.type';\n\n/**\n * Returns the item based on item info in a picto chart.\n * @param itemInfo\n * @param items\n * @returns\n */\nfunction getItem<K, D extends PictoChartItemData<K>>(itemInfo: ItemInfo, items: D[]) {\n  const { idx } = itemInfo;\n  return items[idx];\n}\n\n/**\n * Returns the next item's info in a picto chart.\n * @param itemInfo\n * @param items\n * @returns\n */\nfunction getNextItemInfo<K, D extends PictoChartItemData<K>>(itemInfo: ItemInfo, items: D[], isBottomLayoutOrigin: boolean\n) {\n  let idx = itemInfo.idx;\n\n  idx = isBottomLayoutOrigin ? Math.max(0, idx - 1) : Math.min(items.length - 1, idx + 1);\n  return { idx: idx };\n}\n\n/**\n * Returns the previous item's info in a picto chart.\n * @param itemInfo\n * @returns\n */\nfunction getPrevItemInfo<K, D extends PictoChartItemData<K>>(itemInfo: ItemInfo, items: D[], isBottomLayoutOrigin: boolean) {\n  let idx = itemInfo.idx;\n\n  idx = isBottomLayoutOrigin ? Math.min(items.length - 1, idx + 1) : Math.max(0, idx - 1);\n  return { idx: idx };\n}\n\n/**\n * Returns utils functions for navigation in a picto chart.\n * @param items\n * @returns\n */\nexport function getPictoChartNavUtils<K, D extends PictoChartItemData<K>>(items: D[], isBottomLayoutOrigin: boolean) {\n  return {\n    getItem: (itemInfo: ItemInfo) => {\n      return getItem(itemInfo, items);\n    },\n    getDetailFromInfo: (itemInfo?: ItemInfo): ItemHoverDetail<K, D> | ItemFocusDetail<K, D> => {\n      if (!itemInfo) {\n        return { id: undefined, data: undefined };\n      }\n      const item = getItem(itemInfo, items);\n      return { id: item ? item.id : undefined, data: item };\n    },\n    getPrevItemInfo: (itemInfo: ItemInfo) => {\n      return getPrevItemInfo(itemInfo, items, isBottomLayoutOrigin);\n    },\n    getNextItemInfo: (itemInfo: ItemInfo) => {\n      return getNextItemInfo(itemInfo, items, isBottomLayoutOrigin);\n    }\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ItemInfo } from './pictoChart.type';\nimport { useDatatip } from '#hooks/PRIVATE_useDatatip';\nimport { calculateOffsetForPicto as calculateOffset } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { ComponentChildren } from 'preact';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { Property } from 'csstype';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\n\ntype Props = {\n  touchResponse: 'touchStart' | 'touchHold';\n  content?: ComponentChildren;\n  borderColor?: Property.BorderColor;\n  focusedItemInfo: ItemInfo;\n  width: number;\n  getFocusedItemDimension: (item: ItemInfo) => Dimension | undefined;\n  defaultContainer?: 'enabled' | 'disabled';\n};\n\n/**\n * Returns the datatip.\n * @param content The text string for the picto chart item.\n * @param focusedItemRef The ref for focused item node.\n * @param focusedItemInfo The ItemInfo for focused item node.\n * @returns\n */\nexport const usePictoChartDatatip = ({\n  touchResponse,\n  content,\n  borderColor,\n  width,\n  focusedItemInfo,\n  getFocusedItemDimension,\n  defaultContainer = 'enabled'\n}: Props) => {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const { datatipContent, datatipProps } = useDatatip({\n    content,\n    placement: 'top-start',\n    offset: calculateOffset(\n      isRtl,\n      width,\n      focusedItemInfo?.isCurrent ? getFocusedItemDimension(focusedItemInfo) : undefined\n    ),\n    borderColor,\n    anchor: focusedItemInfo?.isCurrent ? 'element' : 'pointer',\n    touchResponse,\n    defaultContainer\n  });\n  return { datatipContent: datatipContent, datatipProps: datatipProps };\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { styles } from './themes/PictoChartStyles.css';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getItemAriaProps } from './pictoChartUtils';\nimport type { RefObject } from 'preact';\nimport { PictoChartItemData } from './pictoChart.type';\nimport { useUser } from '#hooks/UNSAFE_useUser';\n\nexport type PictoElementProps<K, D extends PictoChartItemData<K>> = {\n  item: D;\n  children: ComponentChildren;\n  row: number;\n  column: number;\n  totalCount: number;\n  class?: string;\n  activeId?: string;\n  isHighlighted?: boolean;\n  isSelected?: boolean;\n  hasSelection?: boolean;\n  itemIdx?: number;\n  countIdx?: number;\n  supportsSelection?: boolean;\n  supportsDrill?: boolean;\n  translations?: BundleType;\n  focusedItemRef?: RefObject<HTMLDivElement>;\n  fractionalStart?: number;\n  fractionalEnd?: number;\n  isVerticalLayout?: boolean;\n  layoutOrigin?: string;\n};\n\nconst PictoChartElement = <K, D extends PictoChartItemData<K>>(props: PictoElementProps<K, D>) => {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const isVert = props.isVerticalLayout;\n  let start = props.fractionalStart ?? 0;\n  let end = props.fractionalEnd ?? 1;\n  const layoutOrigin = props.layoutOrigin;\n  if (isVert) {\n    if (layoutOrigin === 'bottomStart' || layoutOrigin === 'bottomEnd') {\n      [start, end] = [1 - end, 1 - start];\n    }  \n  }\n  else {\n    if (layoutOrigin === 'bottomEnd' || layoutOrigin === 'topEnd') {\n      [start, end] = [1 - end, 1 - start];\n    }\n  }\n  const shouldClip = start !== 0 || end !== 1;\n  const clipPolygon = shouldClip ?\n  (isVert ? \n  `polygon(0% ${start * 100}%, 100% ${start * 100}%, 100% ${end * 100}%, 0% ${end * 100}%)`\n  : isRtl\n  ? `polygon(${100 - end * 100}% 0%, ${100 - start * 100}% 0%, ${100 - start * 100}% 100%, ${100 - end * 100}% 100%)`\n  : `polygon(${start * 100}% 0%, ${end * 100}% 0%, ${end * 100}% 100%, ${start * 100}% 100%)`)\n  : undefined;\n  const isInteractive = props.supportsSelection || props.supportsDrill;\n  const { dimmedItemStyle, interactiveItemStyle } = styles;\n  const itemClasses = classNames([\n    isInteractive && interactiveItemStyle,\n    !props.isHighlighted && dimmedItemStyle\n  ]);\n  const isFirstElement = props.countIdx === 0;\n  const itemAriaProps =\n    (isFirstElement &&\n      getItemAriaProps(\n        props.item.count || 1,\n        props.totalCount,\n        !!props.supportsSelection,\n        props.item.label,\n        props.translations,\n        props.isSelected,\n        props.hasSelection,\n        props.item.accessibleLabel,\n        props.activeId\n      )) ||\n    {};\n\n  return (\n    <div\n      ref={isFirstElement ? props.focusedItemRef : undefined}\n      id={props.activeId}\n      data-idx={props.itemIdx}\n      data-count-idx={props.countIdx}\n      style={{\n        gridRow: `${props.row + 1} / span ${props.item.rowSpan || 1}`,\n        gridColumn: `${props.column + 1} / span ${props.item.columnSpan || 1}`,\n        clipPath: clipPolygon\n      }}\n      class={itemClasses}\n      {...itemAriaProps}>\n      {props.children}\n    </div>\n  );\n};\n\nexport { PictoChartElement };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { baseStyles } from './themes/PictoChartStyles.css';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { generateElementCoords, getFlowingInfo } from './pictoChartLayoutUtils';\nimport { useSelection } from '#hooks/PRIVATE_useVisSelection';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { getItemInfo, getDatatipContent, getItemProps, getTotalCount } from './pictoChartUtils';\nimport { getPictoChartNavUtils } from './pictoChartNavUtils';\nimport { useEvents } from './useEvents';\nimport { usePictoChartDatatip } from './usePictoChartDatatip';\nimport { useItemFocus } from '#hooks/PRIVATE_useVisEvents';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { PictoChartProps, PictoChartItemData, ItemInfo } from './pictoChart.type';\nimport { PictoChartElement } from './PictoChartElement';\nimport { useVisTouchResponse } from '#hooks/PRIVATE_useVisTouchResponse';\nimport { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\nimport { usePictoChartContextMenu } from './usePictoChartContextMenu';\nimport { useRef } from 'preact/hooks';\nimport { useMemo } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\n\ntype PictoChartWithDimensionsProps<K, D> = Omit<PictoChartProps<K, D>, 'width' | 'height'> & {\n  width: number;\n  height: number;\n  isFlowingWidth: boolean;\n  isFlowingHeight: boolean;\n};\n\nexport function PictoChartWithDimensions<\n  K extends string | number,\n  D extends PictoChartItemData<K> = PictoChartItemData<K>\n>({\n  width,\n  height,\n  columnWidth,\n  rowHeight,\n  items,\n  columnCount,\n  rowCount,\n  layout,\n  layoutOrigin = 'topStart',\n  selectionMode = 'none',\n  highlightedIds = [],\n  selectedIds = [],\n  drilling = 'off',\n  onItemDrill,\n  onItemHover,\n  isFlowingWidth,\n  isFlowingHeight,\n  onItemFocus,\n  contextMenuConfig,\n  ...props\n}: PictoChartWithDimensionsProps<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const hasData = items.length !== 0;\n  const totalCount = getTotalCount(items);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const supportsSelection = !!(selectionMode && selectionMode !== 'none');\n  const supportsDrill = onItemDrill != null;\n  const isReadOnly =\n    !supportsSelection && !supportsDrill && onItemHover === null && onItemFocus === null;\n  const testIdProps = useTestId(props.testId);\n  const idToDataMap = new Map(items.map((obj) => [obj.id, obj]));\n  const isBottomLayoutOrigin = layoutOrigin === 'bottomStart' || layoutOrigin === \"bottomEnd\";\n  const { getItem, getDetailFromInfo, getPrevItemInfo, getNextItemInfo } = getPictoChartNavUtils<\n    K,\n    D\n  >(items, isBottomLayoutOrigin);\n\n  const { touchResponse, touchResponseStyle } = useVisTouchResponse({\n    type: 'auto',\n    supportsTouchDragGestures: false,\n    rootRef\n  });\n\n  const { hoveredItemInfo, focusedItemInfo, activeId, eventsProps, onContextMenuDismissed } =\n    useEvents<K, D>(\n      touchResponse,\n      !isReadOnly && hasData,\n      selectionMode,\n      getDetailFromInfo,\n      getPrevItemInfo,\n      getNextItemInfo,\n      drilling,\n      onItemDrill,\n      onItemHover,\n      onItemFocus\n    );\n\n  const idExtracter = (event: Event) => {\n    // return focused item for keyboard event.\n    // eventsProps should have already updated the focused item\n    const info =\n      event.type === 'keyup' ? focusedItemInfo : getItemInfo(event.target as HTMLElement);\n    return getDetailFromInfo(info).id;\n  };\n\n  const { selectionContent, selectionProps } = useSelection<K, D>({\n    idExtracter,\n    isDrillEnabled: drilling != 'off',\n    selection: selectedIds,\n    selectionMode: selectionMode,\n    getDataById: (id) => idToDataMap.get(id),\n    onChange: props.onSelectionChange\n  });\n\n  const rectangleWidth = columnWidth && parseFloat(columnWidth);\n  const rectangleHeight = rowHeight && parseFloat(rowHeight);\n  const pictoStyleClasses = classNames([baseStyles]);\n  const { focusedItemRef } = useItemFocus(focusedItemInfo);\n  const { content, borderColor, defaultContainer } = getDatatipContent(\n    items,\n    getItem,\n    totalCount,\n    focusedItemInfo,\n    hoveredItemInfo,\n    props.datatip,\n    translations\n  );\n  const { calcColCount, calcRowCount, calcColWidth, calcRowHeight, gridGap } = useMemo(() => {\n    return getFlowingInfo<K, D>(\n      items,\n      layout === 'vertical',\n      width,\n      height,\n      isFlowingWidth,\n      isFlowingHeight,\n      columnCount,\n      rowCount,\n      rectangleWidth,\n      rectangleHeight\n    );\n  }, [\n    items,\n    layout,\n    width,\n    height,\n    isFlowingWidth,\n    isFlowingHeight,\n    columnCount,\n    rowCount,\n    rectangleWidth,\n    rectangleHeight\n  ]);\n\n  const { contextMenuContent, contextMenuProps } = usePictoChartContextMenu<D>({\n    getItemInfo,\n    focusedItemInfo,\n    rootRef,\n    contextMenuConfig: hasData ? contextMenuConfig : undefined,\n    items,\n    onContextMenuDismissed\n  });\n\n  if (!calcColCount)\n    // Nothing to render.\n    return null;\n\n  const elements = generateElementCoords(\n    items,\n    calcRowCount,\n    calcColCount,\n    layoutOrigin,\n    layout === 'vertical'\n  );\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const getFocusedItemDimension = (item: ItemInfo) => {\n    const { idx } = item;\n    const { row, col } = elements.find((elt) => elt.itemIdx === idx)!;\n    const xCoord = col * calcColWidth;\n    const xRtlCoord = width - xCoord - calcColWidth;\n    return {\n      x: isRtl ? xRtlCoord : xCoord,\n      y: row * calcRowHeight,\n      width: calcColWidth,\n      height: calcRowHeight\n    };\n  };\n\n  const {\n    datatipContent,\n    datatipProps: { 'aria-describedby': datatipAriaDescribedby, ...datatipProps }\n  } = usePictoChartDatatip({\n    touchResponse,\n    content,\n    width,\n    borderColor,\n    focusedItemInfo,\n    getFocusedItemDimension,\n    defaultContainer\n  });\n\n  const mergedEventProps = mergeProps(eventsProps, datatipProps, selectionProps, contextMenuProps);\n  return (\n    <div\n      ref={rootRef}\n      tabIndex={0}\n      aria-label={props['aria-label']}\n      aria-describedby={merge([props['aria-describedby'], datatipAriaDescribedby])}\n      aria-labelledby={props['aria-labelledby']}\n      aria-activedescendant={activeId}\n      role=\"application\"\n      style={{\n        width: isFlowingWidth ? 'max-content' : `${width}px`,\n        height: isFlowingHeight ? 'max-content' : `${height}px`,\n        gridTemplateRows: `repeat(${calcRowCount}, ${calcRowHeight}px)`,\n        gridTemplateColumns: `repeat(${calcColCount}, ${calcColWidth}px)`,\n        gap: `${gridGap}px`,\n        ...touchResponseStyle\n      }}\n      class={pictoStyleClasses}\n      {...testIdProps}\n      {...mergedEventProps}>\n      {elements.map((elt) => {\n        const isFocusedItem = focusedItemInfo.idx === elt.itemIdx;\n        const itemProps = getItemProps(\n          elt.item,\n          elt.itemIdx,\n          elt.countIdx,\n          isReadOnly,\n          hoveredItemInfo,\n          selectedIds,\n          focusedItemInfo,\n          highlightedIds,\n          activeId,\n          layout === 'vertical',\n          layoutOrigin\n        );\n        const context = {\n          data: elt.item,\n          state: {\n            selected: itemProps.isSelected,\n            focused: itemProps.isFocused,\n            hovered: itemProps.isCurrent\n          }\n        };\n        return (\n          <PictoChartElement<K, D>\n            focusedItemRef={isFocusedItem ? focusedItemRef : undefined}\n            row={elt.row}\n            column={elt.col}\n            supportsSelection={supportsSelection}\n            supportsDrill={supportsDrill}\n            translations={translations}\n            totalCount={totalCount}\n            fractionalStart={elt.fractionalStart}\n            fractionalEnd={elt.fractionalEnd}\n            {...itemProps}>\n            {props.children(context)}\n          </PictoChartElement>\n        );\n      })}\n      {datatipContent}\n      {contextMenuContent}\n      {selectionContent}\n    </div>\n  );\n}\n","import { useCallback, useRef, useState } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport type {\n  ItemHoverDetail,\n  ItemFocusDetail,\n  ItemInfo,\n  PictoChartItemData,\n  ItemDrillDetail\n} from './pictoChart.type';\nimport { getItemInfo, isEqualItem } from './pictoChartUtils';\nimport { getRandomId } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { cancelEvent } from '#utils/UNSAFE_visUtils/eventsUtils';\nimport { useVisHover } from '#hooks/PRIVATE_useVisHover';\nimport { useVisDrill } from '#hooks/PRIVATE_useVisDrill';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { gestureTypes } from '#hooks/PRIVATE_useVisContextMenu';\n\nexport function useEvents<K, D extends PictoChartItemData<K>>(\n  touchResponse: 'touchStart' | 'touchHold',\n  isInteractive: boolean,\n  selectionMode: 'none' | 'single' | 'multiple',\n  getDetailFromInfo: (info?: ItemInfo) => ItemHoverDetail<K, D> | ItemFocusDetail<K, D>,\n  getPrevItemInfo: (info: ItemInfo) => ItemInfo,\n  getNextItemInfo: (info: ItemInfo) => ItemInfo,\n  drilling?: 'on' | 'off',\n  onItemDrill?: (detail: ItemDrillDetail<K, D>) => void,\n  onItemHover?: (detail: ItemHoverDetail<K, D>) => void,\n  onItemFocus?: (detail: ItemFocusDetail<K, D>) => void\n) {\n  const [focusedItemInfo, setfocusedItemInfo] = useState<ItemInfo>({ idx: 0 });\n  const [hoveredItemInfo, sethoveredItemInfo] = useState<ItemInfo>();\n\n  const activeId = useRef<string>();\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const onHover = (event: PointerEvent) => {\n    const itemInfo = getItemInfo(event.target as HTMLElement);\n    if (!isEqualItem(itemInfo, hoveredItemInfo)) {\n      sethoveredItemInfo(itemInfo && { ...itemInfo, isCurrent: true });\n      activeId.current = getRandomId();\n      if (isInteractive) {\n        setfocusedItemInfo({ ...focusedItemInfo, isCurrent: false });\n        onItemHover?.(getDetailFromInfo(itemInfo));\n      }\n    }\n  };\n\n  const onHoverLeave = () => {\n    sethoveredItemInfo(undefined);\n    activeId.current = undefined;\n    if (isInteractive) {\n      onItemHover?.(getDetailFromInfo());\n    }\n  };\n\n  const hoverHandlers = useVisHover(onHover, undefined, onHoverLeave, touchResponse);\n\n  const processDrill = useCallback(\n    (info?: ItemInfo) => {\n      const { id, data } = getDetailFromInfo(info);\n      if (id != null && data) {\n        onItemDrill?.({ id, data });\n        activeId.current = getRandomId();\n      }\n    },\n    [getDetailFromInfo, onItemDrill]\n  );\n\n  const onDrill = useCallback(\n    (event: Event) => {\n      if (event.type === 'keydown') {\n        if (drilling == 'on') processDrill(focusedItemInfo);\n      } else {\n        processDrill(getItemInfo(event.target as HTMLElement));\n      }\n    },\n    [drilling, focusedItemInfo, processDrill]\n  );\n\n  const drillProps = useVisDrill(selectionMode, onDrill);\n\n  if (!isInteractive) {\n    return {\n      focusedItemInfo,\n      hoveredItemInfo,\n      // include relevant hover handlers for datatip\n      eventsProps: hoverHandlers\n    };\n  }\n\n  function updatefocusedItemInfo(itemInfo: ItemInfo) {\n    onItemFocus?.(getDetailFromInfo(itemInfo));\n    activeId.current = getRandomId();\n    setfocusedItemInfo(itemInfo);\n  }\n\n  function handleKeyboardInput(item: ItemInfo) {\n    if (!isEqualItem(item, focusedItemInfo)) {\n      item.isCurrent = true;\n      item.isFocusVisible = true;\n      if (hoveredItemInfo) {\n        sethoveredItemInfo({ ...hoveredItemInfo, isCurrent: false });\n      }\n      updatefocusedItemInfo(item);\n    }\n  }\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    const key = event.key;\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown': {\n        const nextItemInfo = getNextItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowUp': {\n        const nextItemInfo = getPrevItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowRight': {\n        const nextItemInfo = isRtl\n          ? getPrevItemInfo(focusedItemInfo)\n          : getNextItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowLeft': {\n        const nextItemInfo = isRtl\n          ? getNextItemInfo(focusedItemInfo)\n          : getPrevItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n    }\n  };\n\n  const onKeyUp = (event: KeyboardEvent) => {\n    const key = event.code;\n    switch (key) {\n      case 'Tab': {\n        updatefocusedItemInfo({\n          ...focusedItemInfo,\n          isCurrent: true,\n          isFocusVisible: true\n        });\n        cancelEvent(event);\n        break;\n      }\n    }\n  };\n\n  const onBlur = () => {\n    if (hoveredItemInfo != null || focusedItemInfo.isCurrent) {\n      onItemFocus?.(getDetailFromInfo(undefined));\n    }\n    const itemInfo = { ...focusedItemInfo, isCurrent: false, isFocusVisible: false };\n    setfocusedItemInfo(itemInfo);\n  };\n\n  const onContextMenuDismissed = (gesture: gestureTypes) => {\n    if (gesture === 'keyboard') {\n      updatefocusedItemInfo({\n        ...focusedItemInfo,\n        isFocusVisible: true,\n        isCurrent: true\n      });\n    }\n  };\n  return {\n    focusedItemInfo,\n    hoveredItemInfo,\n    activeId: activeId.current,\n    onContextMenuDismissed,\n    eventsProps: mergeProps(drillProps, hoverHandlers, {\n      onKeyUp,\n      onKeyDown,\n      onBlur\n    })\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { RefObject } from 'preact';\nimport { type gestureTypes, useContextMenu } from '#hooks/PRIVATE_useVisContextMenu';\nimport type {\n  PictoChartContextMenuContext,\n  PictoChartContextMenuConfig,\n  ItemInfo\n} from './pictoChart.type';\n\ntype Props<D> = {\n  focusedItemInfo: ItemInfo;\n  items: D[];\n  rootRef: RefObject<HTMLDivElement>;\n  contextMenuConfig?: PictoChartContextMenuConfig<D>;\n  onContextMenuDismissed?: (gesture: gestureTypes) => void;\n  getItemInfo: (element: HTMLElement) =>\n    | {\n        idx: number;\n      }\n    | undefined;\n};\nexport const usePictoChartContextMenu = <D>({\n  rootRef,\n  contextMenuConfig,\n  focusedItemInfo,\n  items,\n  onContextMenuDismissed,\n  getItemInfo\n}: Props<D>) => {\n  const { contextMenuProps, contextMenuContent } = useContextMenu<PictoChartContextMenuContext<D>>({\n    onContextMenuHandler: ({ gesture, target }) => {\n      if (gesture === 'keyboard') {\n        const idx = focusedItemInfo.idx;\n        const elem = rootRef.current?.querySelector(`[data-idx=\"${idx}\"]`) || null;\n        const data = items[idx];\n\n        return {\n          type: 'element',\n          context: {\n            type: 'item' as const,\n            data\n          },\n          elem\n        };\n      }\n\n      const idx = getItemInfo(target as HTMLElement)?.idx;\n      const data = idx !== undefined ? items[idx] : null;\n      if (data) {\n        return {\n          type: 'pointer',\n          context: {\n            type: 'item' as const,\n            data\n          }\n        };\n      }\n\n      return {\n        type: 'pointer',\n        context: { type: 'background' as const }\n      };\n    },\n    contextMenuOptions: {\n      isDisabled: !contextMenuConfig //If there is no context menu renderer we disable the hook\n    },\n    rootRef,\n    contextMenuConfig,\n    onContextMenuDismissed\n  });\n\n  return { contextMenuContent, contextMenuProps };\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { PictoChartItemData, PictoChartProps } from './pictoChart.type';\nimport { TrackResizeContainer } from '#UNSAFE_TrackResizeContainer';\nimport { PictoChartContext } from './PictoChartContext';\nimport { PictoChartWithDimensions } from './PictoChartWithDimensions';\n\n/**\n * A picto chart displays information using icons to visualize an absolute number or the relative sizes of the different parts of a population.\n */\nexport function PictoChart<\n  K extends string | number,\n  D extends PictoChartItemData<K> = PictoChartItemData<K>\n>({ width, height, ...props }: PictoChartProps<K, D>) {\n  //  TODO: investigate if we need to handle empty items for performance reasons.\n  const supportsSelection = !!(props.selectionMode && props.selectionMode !== 'none');\n\n  const isFlowingWidth = width === undefined;\n  const isFlowingHeight = height === undefined;\n\n  return (\n    <PictoChartContext.Provider value={{ supportsSelection }}>\n      <TrackResizeContainer\n        width={isFlowingWidth ? 'initial' : width}\n        height={isFlowingHeight ? 'initial' : height}>\n        {(width, height) => (\n          <PictoChartWithDimensions\n            width={width}\n            height={height}\n            isFlowingWidth={isFlowingWidth}\n            isFlowingHeight={isFlowingHeight}\n            {...props}\n          />\n        )}\n      </TrackResizeContainer>\n    </PictoChartContext.Provider>\n  );\n}\n"],"names":["PictoChartContext","createContext","_ceil","a","b","Math","ceil","areCellsAvailable","map","col","row","columnSpan","rowSpan","r","c","occupyCells","findNextAvailableCell","colCount","rowCount","isVert","getItemInfo","element","itemIdx","dataset","undefined","idx","Number","getItemProps","item","countIdx","isReadOnly","hoveredItem","selectedIds","focusedItem","highlightedIds","activeId","layoutOrigin","isCurrent","isFocusedItem","isHoveredItem","isHighlighted","id","length","Set","has","isItemHighlighted","isSelected","isItemSelected","hasSelection","isFocused","hasFocusRing","key","isVerticalLayout","isEqualItem","item1","item2","itemInfo","isFocusVisible","getCountWithTotal","itemCount","totalCount","translations","vis_labelCountWithTotal","toString","PictoRenderer","context","markerProps","supportsSelection","useContext","markerProp","shape","color","isHuman","applyHover","isNoneEqualSides","rgba","colorSchemeVars","palette","neutral","outerBorderColor","textIcon","primary","markerShape","tx","ty","markerColor","borderColor","rgb","markerScale","setAspectRatioNone","getMarkerProps","state","focused","selected","hovered","_jsx","jsx","SvgSymbol","getItem","items","getPictoChartNavUtils","isBottomLayoutOrigin","getDetailFromInfo","data","getPrevItemInfo","min","max","getNextItemInfo","PictoChartElement","props","direction","useUser","isRtl","start","fractionalStart","end","fractionalEnd","clipPolygon","isInteractive","supportsDrill","dimmedItemStyle","interactiveItemStyle","styles","itemClasses","classNames","isFirstElement","itemAriaProps","label","accessibleLabel","totalWithCountLabel","generateAriaLabel","role","getItemAriaProps","count","ref","focusedItemRef","style","gridRow","gridColumn","column","clipPath","class","children","PictoChartWithDimensions","width","height","columnWidth","rowHeight","columnCount","layout","selectionMode","drilling","onItemDrill","onItemHover","isFlowingWidth","isFlowingHeight","onItemFocus","contextMenuConfig","rootRef","useRef","hasData","i","getTotalCount","useTranslationBundle","testIdProps","useTestId","testId","idToDataMap","Map","obj","touchResponse","touchResponseStyle","useVisTouchResponse","type","supportsTouchDragGestures","hoveredItemInfo","focusedItemInfo","eventsProps","onContextMenuDismissed","setfocusedItemInfo","useState","sethoveredItemInfo","hoverHandlers","useVisHover","event","target","current","getRandomId","processDrill","useCallback","info","onDrill","drillProps","useVisDrill","updatefocusedItemInfo","handleKeyboardInput","gesture","mergeProps","onKeyUp","code","cancelEvent","onKeyDown","onBlur","useEvents","selectionContent","selectionProps","useSelection","idExtracter","isDrillEnabled","selection","getDataById","get","onChange","onSelectionChange","rectangleWidth","parseFloat","rectangleHeight","pictoStyleClasses","baseStyles","useItemFocus","content","defaultContainer","datatip","isPointerActive","_content","countWithTotal","_borderColor","_defaultContainer","datatipContext","getDatatipContent","calcColCount","calcRowCount","calcColWidth","calcRowHeight","gridGap","useMemo","colWidth","numCells","maxColSpan","maxRowSpan","minSpan","Infinity","DEFAULT_SIZE","sqrt","floor","getFlowingInfo","contextMenuContent","contextMenuProps","useContextMenu","onContextMenuHandler","elem","querySelector","contextMenuOptions","isDisabled","usePictoChartContextMenu","elements","isLayoutBottom","origin","isLayoutRight","isOriginRight","pictoItems","Array","fill","isFractionalLeft","lastFractionalCell","currItem","amountToFill","fillAmount","filledRow","filledCol","push","fullUnits","j","cell","currRow","currCol","remainder","newRow","newCol","generateElementCoords","datatipContent","datatipProps","datatipAriaDescribedby","getFocusedItemDimension","useDatatip","placement","offset","calculateOffset","anchor","usePictoChartDatatip","find","elt","xCoord","x","y","mergedEventProps","_jsxs","tabIndex","merge","l","gridTemplateRows","gridTemplateColumns","gap","itemProps","Provider","value","TrackResizeContainer","rendererOptions","markerRenderer","datatipRenderer"],"mappings":"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"}

package/amd/PieChart-57ffe4c0.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './UNSAFE_PieChart/themes/PieChartStyles.css', './TrackResizeContainer-d8fa612c', './datatipUtils-6846028e', './accUtils-7e057eef', './lineUtils-3b56374d', './utils-8bf50f08', './classNames-08d99695', './usePieChartNav-a87eaf41', './useDatatip-40f28485', './layoutUtils-517a546d', './mergeProps-bcfa6a92', './VisTabularDatatip-93d56ae8', './useUser-08901aba', './useTestId-f4240cbd', './useVisTouchResponse-88a7bb09', 'preact/hooks', './stringUtils-4ffd9d59', './useContextMenu-67972d45', './Menu-1b8fefc5', './MenuItem-85e4ffdc', 'preact', './logger-0f873e29', './LayerHost-0b288129', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './eventsUtils-1f5dc91a', './utils-cd60c9d4', './useTextDimensions-f254e8f5', './useCssVars-3194b2f6', './cssUtils-af3bf5fd', './colorUtils-b9dc1bd1'], (function(e,t,n,s,i,o,a,l,r,c,h,d,u,f,x,g,y,b,m,M,p,I,v,S,C,P,T,w,F,L,j,A,R,N,V,U,D,E,z,k,_,B,O,Y){"use strict";function q(e){return e*(Math.PI/180)}function H(e,t,n,s){const i=Math.atan2(s,n)-Math.atan2(t,e);return i<0?i+2*Math.PI:i}function G(e,t,n,s,i,o,l,r,c){const h=Math.max(s-e,0),d=Math.max(i-e,0),u=360==l||h<e?0:r+2*e,f=o?o+e:0,x=q(360==l?359.99:l),g=q(c),y=u/2,b=y<h?Math.asin(y/h):0,m=-x/2-g,M=Math.min(5*y,x>0?Math.abs(y/Math.sin(x/2)):0),p=0==h?M:M*d/h,I=t+Math.cos(m)*M,v=n+Math.sin(m)*p,S=t+Math.cos(-b-g)*h,C=n+Math.sin(-b-g)*d,P=t+Math.cos(-g-x+b)*h,T=n+Math.sin(-g-x+b)*d;let w,F=H(P-t,T-n,S-t,C-n);if(F=Math.min(F,x),f>0){const e=y<f?Math.asin(y/f):0,s=t+Math.cos(-e-g)*f,i=n+Math.sin(-e-g)*f,o=t+Math.cos(-g-x+e)*f,r=n+Math.sin(-g-x+e)*f;let c=H(o-t,r-n,s-t,i-n);c=Math.min(c,F,x),360==l?(w=a.moveTo(P,T),w+=a.arcTo(h,d,x,1,S,C),w+=a.lineTo(P,T),w+=a.moveTo(s,i),w+=a.arcTo(f,f,x,0,o,r)):(w=a.moveTo(o,r),w+=a.lineTo(P,T),w+=a.arcTo(h,d,F,1,S,C),w+=a.lineTo(s,i),w+=a.arcTo(f,f,c,0,o,r))}else 360==l?(w=a.moveTo(P,T),w+=a.arcTo(h,d,x,1,S,C)):(w=a.moveTo(I,v),w+=a.lineTo(P,T),w+=a.arcTo(h,d,F,1,S,C));return w+=a.closePath(),w}function W(e,t,n){return{innerBounds:{width:Math.sqrt(2)*n,height:Math.sqrt(2)*n,x:e-n/Math.sqrt(2),y:t-n/Math.sqrt(2)},outerBounds:{width:2*n,height:2*n,x:e-n,y:t-n}}}function $(e,t,n,s,i,o){return o?function(e,t,n,s,i,o){const a=(e+t/2)/180*Math.PI,l=(i+o)/2;return{x:n+l*Math.cos(a),y:s-l*Math.sin(a),width:0,height:0}}(e[o.itemIndex].startAngle,e[o.itemIndex].angleExtent,t,n,s,i):void 0}function J(e,t,n){return n?.color||null!=t?.itemIndex?e[t.itemIndex]:void 0}function K({cx:e,cy:s,r:i,startAngle:o,angleExtent:a,gap:l,innerRadius:c,color:h,id:d,itemIndex:u,isFocused:f=!1,isInteractive:x,...g}){const{interactiveItemStyle:y,contrastBorder:b,innerShapes:m}=n.styles,M=r.classNames([x&&y,b,m]),p=G(0,e,s,i,i,c,a,l,o);let I;return f?(I=G(2,e,s,i,i,c,a,l,o),t.jsxs("g",{id:d,role:g.accessibleLabel?"img":void 0,"data-oj-private-item-index":u,"data-oj-private-object":"pieSlice","aria-label":g.accessibleLabel,children:[t.jsx("path",{d:p,fill:h,stroke:h,className:n.styles.innerShapes}),t.jsx("path",{d:I,fill:h,className:M})]})):t.jsx("path",{role:g.accessibleLabel?"img":void 0,"aria-label":g.accessibleLabel,d:p,"data-oj-private-object":"pieSlice",fill:h,id:d,"data-oj-private-item-index":u,className:x?y:void 0})}const Q=1.04,X=.1;function Z(e,t,n,s,i){const o=(360-e)*(Math.PI/180);return{x:t+Math.cos(o)*s,y:n+Math.sin(o)*i}}function ee(e,t){const{angleExtent:n}=e;return n<3&&t>120}function te(e,t,n,s,i,o,a){const{angleExtent:l,startAngle:r}=e,c=o,h=(t-s)/a,d=(n-i)/a;let u=-Math.atan2(d,h)*(180/Math.PI);for(;u<r;)u+=360;for(;u-r>=360;)u-=360;const f=Math.pow(h,2)+Math.pow(d,2);return Math.sqrt(f)>c/a&&f<=1&&u<=r+l}const ne=(e,t,n,s,i,o,a)=>{const[l,r]=function(e,t,n,s,i,o){const a=[],l=new Set,{cx:r,cy:c}=s;for(const h of e){const{labelPosition:d,startAngle:u,angleExtent:f,label:x,labelStyle:g}=h,y=d||"auto";if("none"===y)continue;if("outside"===y||ee(h,e.length)||null==x){l.add(h.index);continue}const b=u+f/2,m=t,M=s;let p,I;if(1===e.length)p=M.cx,I=M.cy;else{const e=Math.max(.45,.65-.45*m/Math.max(n,.001)),t=Z(b,M.cx,M.cy,m+(n-m)*e,m+(n-m)*e);p=t.x,I=t.y}const v={x:p,y:I},S=o(x,{fontSize:i,...g});let C=p,P=p;const T=I-S.height/2,w=I+S.height/2;for(;te(h,C,T,r,c,t,n)&&te(h,C,w,r,c,t,n);)C--;for(;te(h,P,T,r,c,t,n)&&te(h,P,w,r,c,t,n);)P++;C=Math.ceil(C+3),P=Math.floor(P-3);let F=2*Math.min(p-C,P-p);if(F<S.width&&(v.x=(C+P)/2,F=P-C),"inside"===y)S.width<F&&a.push({position:b,angle:b,slice:h,textInfo:k.getTextInfo(x,{fontSize:i,...g},F,S.height,!1,x.length,o),...S,...v});else{const e=x.length,t=k.getTextInfo(x,{fontSize:i,...g},F,S.height,!1,e,o);t.didNotFit?l.add(h.index):a.push({position:b,angle:b,slice:h,textInfo:t,...S,...v})}}return[a,l]}(e,n,s,t,a,o),{leftLabels:c,rightLabels:h}=function(e,t,n,s,i,o,a){const l=[],r=[],{cx:c,cy:h}=s;for(let s=0;s<e.length;s++){const d=e[s],{labelPosition:u,startAngle:f,angleExtent:x,label:g,labelStyle:y}=d;if(null==g||"none"==u||"inside"==u||ee(e[s],e.length)||!t.has(d.index))continue;let b=f+x/2;b>360&&(b-=360),b<0&&(b+=360);const m=Z(b,c,h,i*Q,i*Q),M=b>=90&&b<270,p=se(n,m.x,M),I=k.getTextInfo(g,{fontSize:o,...y},p,1/0,!0,1,a),v={x:I.width,y:I.height},S=15;if(b<180-S&&b>S?m.y-=1*v.y:b<S||b>360-S?(m.y-=.5*v.y,m.x+=.2*v.y):b>180-S&&b<180+S&&(m.y-=.5*v.y,m.x-=.2*v.y),1==e.length&&(m.x-=v.x/2),m.y<n.y||m.y+v.y>n.y+n.height)continue;let C;b>=90&&b<270?(C=b-90,ie(d,b,C,v,m,I,l)):(C=b<=90?Math.abs(90-b):180-(b-270),ie(d,b,C,v,m,I,r))}return{leftLabels:l,rightLabels:r}}(e,r,i,t,s,a,o),d=oe(e,s,t,i,c,"left"),u=oe(e,s,t,i,h,"right");return 1===d&&0!==u&&re(e,i,t,s,c,!0,!0,!0),0!==d&&1===u&&re(e,i,t,s,h,!1,!0,!0),ce(c,i,t,s,"left",{fontSize:a},o),ce(h,i,t,s,"right",{fontSize:a},o),{insideLabels:l,rightLabels:h,leftLabels:c}};function se(e,t,n){return n?t-e.x:e.x+e.width-t}function ie(e,t,n,s,i,o,a){let l=-1;for(let e=0;e<a.length;e++){const t=a[e];if(t.position&&t.position>n){l=e;break}}-1==l&&(l=a.length);const r={position:n,angle:t,width:s.x,height:s.y,x:i.x,y:i.y,slice:e,textInfo:o};a.splice(l,0,r)}function oe(e,t,n,s,i,o){if(i.length<1)return;let a,l,r=s.y,c=!1,h=!1,d=!1,u=0,f=!1,x=!1;const g="left"==o;for(let e=0;e<i.length;e++)a=i[e],l=f,a.position>90&&(f=!0),u=a.y+a.height,x=r-a.y>1,x&&(f?l?d=!0:h=!0:c=!0),u>r&&(r=u);return c&&d||h?(re(e,s,n,t,i,g,!0,!0),2):c?(re(e,s,n,t,i,g,!0,!1),1):d?(re(e,s,n,t,i,g,!1,!0),1):0}function ae(e,t,n,s,i){const o=Z(e.angle,i.cx,i.cy,s,s);return Math.atan2(Math.abs(t-o.x),o.y-n)}function le(e,t,n,s){t.x=n;const i=1.1*e,o=q(t.position),a=i*Math.cos(o);let l=s.cy-a-.5*t.height+0;const r=t.minY,c=t.maxY;r<=c&&(l=Math.max(l,r),l=Math.min(l,c)),t.y=l}function re(e,t,n,s,i,o,a,l){const r=t;let c,h,d,u,f=r.y,x=r.y+r.height,g=0,y=n.cx;const b=1.2000000000000002*s;for(o?(y-=b,u=y+s*X):(y+=b,u=y-s*X),c=0;c<i.length;c++)h=i[c],g=q(h.position),d=ae(h,u,f,s,n),d-g>.45*Math.PI||ee(i[c].slice,e.length)?(i.splice(c,1),c--):(i[c].minY=f,f+=i[c].height);for(c=i.length-1;c>=0;c--){h=i[c];g=q(h.position),d=ae(h,u,x,s,n),g-d>.45*Math.PI||ee(i[c].slice,e.length)?i.splice(c,1):(x-=i[c].height,i[c].maxY=x)}if(0==i.length)return;const m=function(e){let t=91,n=-1;for(let s=0;s<e.length;s++){const i=e[s].position;Math.abs(i-90)<t&&(t=Math.abs(i-90),n=s)}return n}(i),M=i[m];a&&!l&&M.minY+M.height>n.cy&&(l=!0),l&&!a&&M.maxY<n.cy&&(a=!0);const p=M.position;(l&&a||p>90&&l||p<=90&&a)&&(le(s,M,y,n),M.slice.hasFeelers=!0);let I,v,S=M.y,C=M.y+M.height;if(a)for(c=m-1;c>=0;c--)h=i[c],v=h.height,le(s,h,y,n),h.slice.hasFeelers=!0,I=h.y,I+v<S?S=I:S-=v,h.y=S;if(l)for(c=m+1;c<i.length;c++)h=i[c],v=h.height,le(s,h,y,n),h.slice.hasFeelers=!0,I=h.y,I>C?C=I+v:C+=v,h.y=C-v}function ce(e,t,n,s,i,o,a){if(null==e||e.length<=0)return;let l,r,c;const h="left"===i,d=t;let u,f=1/0;for(l=0;l<e.length;l++){const i=e[l],r={...o,...i.slice.labelStyle};if(i.slice.hasFeelers){u=he(i,n,s,h);const e=a("MW",r).height,o=i.width,l=Math.min(2*e,o);if(se(t,i.x,h)+u<l||0==i.width){i.textInfo=void 0,i.slice.hasFeelers=!1;continue}f=Math.min(f,u)}else i.slice.hasFeelers=!1}for(l=0;l<e.length;l++){const i=e[l];if(r=i.slice,c=i.slice.label,c)if(i.slice.hasFeelers&&(i.x=h?i.x+f:i.x-f,he(i,n,s,h)),i.y<d.y||i.y+i.height>d.y+d.height)r.label="",r.hasFeelers=!1;else{const e=se(t,i.x,h),n=i.textInfo&&k.getTextInfo(i.slice.label,{...o,...i.slice.labelStyle},e,i.textInfo.height,!0,1,a);i.textInfo=n,0!==i.height&&0!==i.width||(r.label="",r.hasFeelers=!1)}}}function he(e,t,n,s){const{x:i,y:o,height:a}=e;let l=i;const r=o+.5*a,c=X*n;let h;s?(l+=3,h=l+c):(l-=3,h=l-c);const d={x:h,y:r},u={x:l,y:r},f=Z(e.angle,t.cx,t.cy,n,n),x=q(e.position),g=Math.abs(Math.atan2(d.x-f.x,f.y-d.y)),y=(f.y-d.y)*Math.tan(x);return(x>Math.PI/2&&g>Math.PI/2&&g<x||x<Math.PI/2&&g<Math.PI/2&&g>x)&&(d.x=s?f.x-y:f.x+y),e.startPt=f,e.midPt=d,e.endPt=u,Math.abs(u.x-d.x)-c}function de({pieLabelInfo:e,labelPos:s,fontSize:i,isRtl:o}){const{x:a,y:l,textInfo:r,slice:c,startPt:h,midPt:d,endPt:u}=e,f=c.color,x="inside"===s?Y.getContrastingTextColor(f):void 0;return t.jsx(t.Fragment,{children:r?.lines.map(((e,f)=>{const g=a,y=l+(f+.5)*r.dims[f].height,b=o&&"left"===s||!o&&"right"===s?"start":"inside"===s?"middle":"end";return t.jsxs(t.Fragment,{children:[c.label&&t.jsx("text",{className:n.styles.labelStyle,x:g,y:y,textAnchor:b,dominantBaseline:"inside"===s?"center":"middle",style:{fill:x,fontSize:i},children:e}),c.hasFeelers&&h&&d&&u&&t.jsxs(t.Fragment,{children:[t.jsx("line",{x1:h.x,x2:d.x,y1:h.y,y2:d.y,className:n.styles.fillerLineStyle}),t.jsx("line",{x1:u.x,x2:d.x,y1:u.y,y2:d.y,className:n.styles.fillerLineStyle})]})]})}))})}const ue=O.getChartVars();function fe({width:e,height:s,testId:i,innerRadius:o=0,contextMenuConfig:a,drilling:r="off",selectionMode:p="none",onItemDrill:I,onItemHover:v,onItemFocus:S,...C}){const P=b.useRef(null),{direction:T}=x.useUser(),w="rtl"===T,{resolvedVars:F,cssContent:L}=B.useCssVars(ue),j=Array.from(Array(12)).map(((e,t)=>F[`color${t+1}`]));let A=C.data.filter((e=>e.value>0));w&&(A=A.slice().reverse());const{totalValue:R,isLabelOutside:N}=A.reduce((({totalValue:e,isLabelOutside:t},n)=>({totalValue:e+n.value,isLabelOutside:t||!!n.label&&("outside"===n.labelPosition||"auto"===n.labelPosition)})),{totalValue:0,isLabelOutside:!1});const V=function(e,t,n,s){let i,o=90;const a=[];for(let l=0;l<e.length;l++){const r=e[l],c=r.value;i=c===t?100:0===t?0:Math.min(c/t*100,99.99);const h=3.6*i;let d=o-h;d<0&&(d+=360),a.push({color:n[(s?e.length-1-l:l)%n.length],index:l,startAngle:d,angleExtent:h,...r}),o=d}return a}(A,R,j,w),U=A.length>0,D=function(e){return 3*e}(.5),E=A.length>100,k=g.useTestId(i),O=l.getAvailSpace(e,s,!1),{cx:Y,cy:q}=function(e){return{cx:e.x+Math.floor(e.width/2),cy:e.y+Math.floor(e.height/2)}}(O),H=function(e,t){const n=t?.38:.45;return Math.floor(Math.min(e.width,e.height)*n)}(O,N),G=o*H,Q=function(e,t,n){if(!t)return e;const s=2*Math.PI*n;let i=0;return e.filter((({startAngle:e,angleExtent:t})=>{const n=(t+e)/360*s;return!(t/360*s<1.5&&Math.abs(i-n)<1.5||(i=n,0))}))}(V,E,H),{getDetailFromInfo:X,getNextChartItem:Z}=function(e,t){return{getNextChartItem:({itemIndex:n},s)=>{let i=n;return i=t&&("ArrowRight"===s||"ArrowUp"===s)||!t&&("ArrowLeft"===s||"ArrowDown"===s)?n-1:n+1,{itemIndex:(i%e.length+e.length)%e.length}},getDetailFromInfo:t=>{if(!t)return{id:void 0,data:void 0};const n=function(e,t){const{itemIndex:n}=e;return t[n]}(t,e);return{id:n?n.id:void 0,data:n}}}}(A,"rtl"===T),{textMeasureContent:ee,getTextDimensions:te}=_.useTextDimensions(),se=!(!p||"none"===p),ie="on"===r,{touchResponse:oe,touchResponseStyle:ae}=y.useVisTouchResponse({type:"auto",supportsTouchDragGestures:!1,rootRef:P}),{activeId:le,focusedItemInfo:re,hoveredItemInfo:ce,eventsProps:he,onContextMenuDismissed:fe}=c.usePieChartNav(oe,X,Z,r,I),xe=re.isFocusVisible?re:ce,ge=xe?A[Q[xe.itemIndex].index]:void 0,{content:ye,borderColor:be,defaultContainer:me}=ge&&C.datatip?C.datatip({data:ge}):((e,n)=>e?e.accessibleLabel?{content:e.accessibleLabel,borderColor:J(j,n,e),defaultContainer:"enabled"}:{content:t.jsx(f.VisTabularDatatip,{tableData:[{key:"Value",value:e.value}]}),borderColor:J(j,n,e),defaultContainer:"enabled"}:{content:void 0,borderColor:void 0,defaultContainer:void 0})(ge,xe),Me=re.isFocusVisible?"element":"pointer",pe=xe?.isFocusVisible?$(Q,Y,q,G,H,xe):void 0,Ie=d.calculateOffset(w,e,pe),{datatipContent:ve,datatipProps:Se}=h.useDatatip({content:ye,offset:Ie,anchor:Me,placement:"top-start",borderColor:be,touchResponse:oe,defaultContainer:me});Se["aria-describedby"]=m.l([C["aria-describedby"],Se["aria-describedby"]]);const{contextMenuContent:Ce,contextMenuProps:Pe}=(({offset:e,rootRef:t,contextMenuConfig:n,focusedItemInfo:s,items:i,onContextMenuDismissed:o,width:a,isRtl:l})=>{const{contextMenuProps:r,contextMenuContent:c}=M.useContextMenu({onContextMenuHandler:({gesture:n,target:o})=>{if("keyboard"===n){const t=s.itemIndex;return{type:"offset",context:{type:"item",data:i[t]},offsetValue:e,isRtl:l,width:a}}const r=z.getInfo(t,o)?.itemIndex,c=void 0!==r?i[r]:null;let h;return h=c?{type:"item",data:c}:t.current?.children[1].contains(o)?{type:"centerLabel"}:{type:"background"},{type:"pointer",context:h}},contextMenuOptions:{isDisabled:!n},rootRef:t,contextMenuConfig:n,onContextMenuDismissed:o});return{contextMenuContent:c,contextMenuProps:r}})({offset:Ie,rootRef:P,contextMenuConfig:U?a:void 0,onContextMenuDismissed:fe,focusedItemInfo:re,items:V,width:e,isRtl:w}),Te=u.mergeProps(he,Se,Pe);let we=[],Fe=[],Le=[];const je=F.labelFontSize;if(te){const e=ne(Q,{cx:Y,cy:q},G,H,O,te,je);we=e.insideLabels,Fe=e.rightLabels,Le=e.leftLabels}return t.jsxs("div",{ref:P,tabIndex:0,"aria-label":C["aria-label"],"aria-labelledby":C["aria-labelledby"],"aria-activedescendant":le,role:"application",...Te,...k,className:n.styles.chart,style:ae,children:[Q.length>0&&U&&t.jsxs("svg",{className:n.styles.svg,children:[Q.map(((e,n)=>t.jsx(K,{isInteractive:se||ie,cx:Y,cy:q,itemIndex:n,id:xe?.itemIndex===n?le:void 0,isFocused:re?.itemIndex===n&&re?.isFocusVisible,isHovered:ce?.itemIndex===n,r:H,startAngle:e.startAngle,gap:D,innerRadius:G,angleExtent:e.angleExtent,color:e.color,accessibleLabel:e.accessibleLabel},e.id))),we?.map((e=>t.jsx(de,{isRtl:w,pieLabelInfo:e,labelPos:"inside",fontSize:je}))),Le?.map((e=>t.jsx(de,{isRtl:w,pieLabelInfo:e,labelPos:"left",fontSize:je}))),Fe?.map((e=>t.jsx(de,{isRtl:w,pieLabelInfo:e,labelPos:"right",fontSize:je})))]}),C.children?.(W(Y,q,G)),ve,L,Ce,ee]})}e.PieChart=function({width:e,height:i,...o}){return t.jsx(s.TrackResizeContainer,{width:e,height:i,class:n.dimensionStyle,children:(e,n)=>t.jsx(fe,{width:e,height:n,...o})})}}));
-//# sourceMappingURL=PieChart-57ffe4c0.js.map