@oracle/oraclejet-preact 19.0.0 → 19.0.2

package/amd/OverflowTabBarItem-70c4684c.js

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

package/amd/OverflowTabBarItem-70c4684c.js.map

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

package/amd/PictoChart-a85dfa1b.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './TrackResizeContainer-a4999df9', 'preact', 'preact/hooks', './UNSAFE_PictoChart/themes/PictoChartStyles.css', './classNames-08d99695', './useSelection-205a2bda', './useTranslationBundle-27bf6340', './mergeProps-bcfa6a92', './themeContract.css-2e4b066d', './utils-ad4761c9', './SvgSymbol-b672024f', './accUtils-acd70e81', './useUser-988f7da2', './layoutUtils-641af87a', './eventsUtils-5fb81c3e', './useVisHover-28319fef', './useVisDrill-b08ba7e5', './useDatatip-36aa820b', './useItemFocus-75d6510d', './LayerHost-7d4aa6d3', 'preact/compat', './datatipUtils-6846028e', './useTestId-a2e433c2', './useVisTouchResponse-88a7bb09', './stringUtils-4ffd9d59', './useContextMenu-4bd1c23a', './Menu-45a26116', './MenuItem-ff1cd14d', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', '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,I,S,C,b,y,w,v,M,R,E,$,F,k,P,D,T,U,V,A,N,H,j,_,B,L){"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?e:d.rgba(u.colorSchemeVars.palette.neutral[190],.15);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){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:t=>function(t){let e=t.idx;return e=Math.max(0,e-1),{idx:e}}(t),getNextItemInfo:e=>function(t,e){let o=t.idx;return o=Math.min(e.length-1,o+1),{idx:o}}(e,t)}}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,I=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,...I,children:t.children})};function nt({width:t,height:o,columnWidth:n,rowHeight:f,items:m,columnCount:b,rowCount:y,layout:w,layoutOrigin:$="topStart",selectionMode:F="none",highlightedIds:k=[],selectedIds:P=[],drilling:D="off",onItemDrill:T,onItemHover:U,isFlowingWidth:V,isFlowingHeight:A,onItemFocus:N,contextMenuConfig:H,...j}){const _=r.useRef(null),B=0!==m.length,L=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=!(!F||"none"===F),G=null!=T,Q=!q&&!G&&null===U&&null===N,Y=v.useTestId(j.testId),tt=new Map(m.map((t=>[t.id,t]))),{getItem:nt,getDetailFromInfo:rt,getPrevItemInfo:it,getNextItemInfo:st}=et(m),{touchResponse:at,touchResponseStyle:ct}=M.useVisTouchResponse({type:"touchStart"}),{hoveredItemInfo:lt,focusedItemInfo:ut,activeId:dt,eventsProps:ft,onContextMenuDismissed:mt}=function(t,e,o,n,i,s,a,c,u,d){const[f,m]=r.useState({idx:0}),[S,C]=r.useState(),b=r.useRef(),{direction:y}=p.useUser(),w="rtl"===y,v=x.useVisHover((t=>{const o=K(t.target);J(o,S)||(C(o&&{...o,isCurrent:!0}),b.current=h.getRandomId(),e&&(m({...f,isCurrent:!1}),u?.(n(o))))}),void 0,(()=>{C(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=I.useVisDrill(o,R);if(!e)return{focusedItemInfo:f,hoveredItemInfo:S,eventsProps:v};function $(t){d?.(n(t)),b.current=h.getRandomId(),m(t)}function F(t){J(t,f)||(t.isCurrent=!0,t.isFocusVisible=!0,S&&C({...S,isCurrent:!1}),$(t))}return{focusedItemInfo:f,hoveredItemInfo:S,activeId:b.current,onContextMenuDismissed:t=>{"keyboard"===t&&$({...f,isFocusVisible:!0,isCurrent:!0})},eventsProps:l.mergeProps(E,v,{onKeyUp:t=>{"Tab"===t.code&&($({...f,isCurrent:!0,isFocusVisible:!0}),g.cancelEvent(t))},onKeyDown:t=>{switch(t.key){case"Tab":return;case"ArrowDown":F(s(f)),g.cancelEvent(t);break;case"ArrowUp":F(i(f)),g.cancelEvent(t);break;case"ArrowRight":F(w?i(f):s(f)),g.cancelEvent(t);break;case"ArrowLeft":F(w?s(f):i(f)),g.cancelEvent(t)}},onBlur:()=>{(null!=S||f.isCurrent)&&d?.(n(void 0));const t={...f,isCurrent:!1,isFocusVisible:!1};m(t)}})}}(at,!Q&&B,F,rt,it,st,D,T,U,N),{selectionContent:pt,selectionProps:ht}=a.useSelection({idExtracter:t=>{const e="keyup"===t.type?ut:K(t.target);return rt(e).id},isDrillEnabled:"off"!=D,selection:P,selectionMode:F,getDataById:t=>tt.get(t),onChange:j.onSelectionChange}),gt=n&&parseFloat(n),xt=f&&parseFloat(f),It=s.classNames([i.baseStyles]),{focusedItemRef:St}=C.useItemFocus(ut),{content:Ct,borderColor:bt}=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);const p=a&&e(a,t);if(p&&i){const t=p&&{data:p},{content:e,borderColor:n}=i(t);l=e,m=n||m,f=s?X(p.count||1,o,s):""}return{borderColor:m,content:l||a&&e(a,t)?.accessibleLabel||a&&e(a,t)?.label+": "+f||f}}(m,nt,L,ut,lt,j.datatip,O),{calcColCount:yt,calcRowCount:wt,calcColWidth:vt,calcRowHeight:Mt,gridGap:Rt}=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"===w,t,o,V,A,b,y,gt,xt),{datatipContent:Et,datatipProps:{"aria-describedby":$t,...Ft}}=(({touchResponse:t,content:e,borderColor:o,width:n,focusedItemRef:r,focusedItemInfo:i})=>{const{direction:s}=p.useUser(),a="rtl"===s,c=r.current?.getBoundingClientRect(),{datatipContent:l,datatipProps:u}=S.useDatatip({content:e,placement:"top-start",offset:h.calculateOffset(a,n,i.isCurrent?c:void 0),borderColor:o,anchor:i?.isCurrent?"element":"pointer",touchResponse:t});return{datatipContent:l,datatipProps:u}})({touchResponse:at,content:Ct,width:t,borderColor:bt,focusedItemRef:St,focusedItemInfo:ut}),{contextMenuContent:kt,contextMenuProps:Pt}=(({rootRef:t,contextMenuConfig:e,focusedItemInfo:o,items:n,onContextMenuDismissed:r,getItemInfo:i})=>{const{contextMenuProps:s,contextMenuContent:a}=E.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:ut,rootRef:_,contextMenuConfig:B?H:void 0,items:m,onContextMenuDismissed:mt});if(!yt)return null;const Dt=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,wt,yt,$,"vertical"===w),Tt=l.mergeProps(ft,Ft,ht,Pt);return e.jsxs("div",{ref:_,tabIndex:0,"aria-label":j["aria-label"],"aria-describedby":R.l([j["aria-describedby"],$t]),"aria-labelledby":j["aria-labelledby"],"aria-activedescendant":dt,role:"application",style:{width:V?"max-content":`${t}px`,height:A?"max-content":`${o}px`,gridTemplateRows:`repeat(${wt}, ${Mt}px)`,gridTemplateColumns:`repeat(${yt}, ${vt}px)`,gap:`${Rt}px`,...ct},class:It,...Y,...Tt,children:[Dt.map((t=>{const o=ut.idx===t.itemIdx,n=Z(t.item,t.itemIdx,t.countIdx,Q,lt,P,ut,k,dt,"vertical"===w,$),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:L,fractionalStart:t.fractionalStart,fractionalEnd:t.fractionalEnd,...n,children:j.children(r)})})),Et,kt,pt]})}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-a85dfa1b.js.map

package/amd/PictoChart-a85dfa1b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PictoChart-a85dfa1b.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\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  color = color !== '' ? 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  },\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  const item = itemInfo && getItem(itemInfo, items);\n  if (item && datatip) {\n    // custom datatip\n    const datatipContext = item && { data: item };\n    const { content, borderColor } = datatip(datatipContext);\n    _content = content;\n    _borderColor = borderColor || _borderColor;\n    countWithTotal = translations\n      ? getCountWithTotal(item.count || 1, totalCount, translations)\n      : '';\n  }\n  return {\n    borderColor: _borderColor,\n    content:\n      _content ||\n      (itemInfo && getItem(itemInfo, items)?.accessibleLabel) ||\n      (itemInfo && getItem(itemInfo, items)?.label + ': ' + countWithTotal) ||\n      countWithTotal\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[]) {\n  let idx = itemInfo.idx;\n\n  idx = 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(itemInfo: ItemInfo) {\n  let idx = itemInfo.idx;\n\n  idx = 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[]) {\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);\n    },\n    getNextItemInfo: (itemInfo: ItemInfo) => {\n      return getNextItemInfo(itemInfo, items);\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 { RefObject } from 'preact';\nimport type { ItemInfo } from './pictoChart.type';\nimport { useDatatip } from '#hooks/PRIVATE_useDatatip';\nimport { calculateOffset } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { ComponentChildren } from 'preact';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { Property } from 'csstype';\n\ntype Props = {\n  touchResponse: 'touchStart' | 'touchHold';\n  content?: ComponentChildren;\n  borderColor?: Property.BorderColor;\n  focusedItemInfo: ItemInfo;\n  width: number;\n  focusedItemRef: RefObject<HTMLDivElement>;\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  focusedItemRef,\n  focusedItemInfo\n}: Props) => {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const itemDim = focusedItemRef.current?.getBoundingClientRect();\n  const { datatipContent, datatipProps } = useDatatip({\n    content,\n    placement: 'top-start',\n    offset: calculateOffset(isRtl, width, focusedItemInfo.isCurrent ? itemDim : undefined),\n    borderColor,\n    anchor: focusedItemInfo?.isCurrent ? 'element' : 'pointer',\n    touchResponse\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 } 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';\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\n  const { getItem, getDetailFromInfo, getPrevItemInfo, getNextItemInfo } = getPictoChartNavUtils<\n    K,\n    D\n  >(items);\n\n  const { touchResponse, touchResponseStyle } = useVisTouchResponse({ type: 'touchStart' });\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 } = getDatatipContent(\n    items,\n    getItem,\n    totalCount,\n    focusedItemInfo,\n    hoveredItemInfo,\n    props.datatip,\n    translations\n  );\n  const { calcColCount, calcRowCount, calcColWidth, calcRowHeight, gridGap } = 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  const {\n    datatipContent,\n    datatipProps: { 'aria-describedby': datatipAriaDescribedby, ...datatipProps }\n  } = usePictoChartDatatip({\n    touchResponse,\n    content,\n    width,\n    borderColor,\n    focusedItemRef,\n    focusedItemInfo\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 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","getDetailFromInfo","data","getPrevItemInfo","max","getNextItemInfo","min","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","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","datatip","isPointerActive","_content","countWithTotal","_borderColor","datatipContext","getDatatipContent","calcColCount","calcRowCount","calcColWidth","calcRowHeight","gridGap","colWidth","numCells","maxColSpan","maxRowSpan","minSpan","Infinity","DEFAULT_SIZE","sqrt","floor","getFlowingInfo","datatipContent","datatipProps","datatipAriaDescribedby","itemDim","getBoundingClientRect","useDatatip","placement","offset","calculateOffset","anchor","usePictoChartDatatip","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","mergedEventProps","_jsxs","tabIndex","merge","l","gridTemplateRows","gridTemplateColumns","gap","elt","itemProps","Provider","value","TrackResizeContainer","rendererOptions","markerRenderer","datatipRenderer"],"mappings":"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"}

package/amd/Popup-062b66ff.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Floating-366a30f8', './tabbableUtils-9101c0e5', './refUtils-77e97004', './FocusTrap-d06ac102', './Layer-dc3c1ac9', 'preact/compat', './LayerHost-7d4aa6d3', './Modal-8d647f76', './WindowOverlay-bd810e3b', './usePopupAnimation-9f80595b', './useTestId-a2e433c2', './useOutsideClick-9c4ceb18', './clientHints-6d361eaa', './LiveRegion-4b9317e5', './HiddenAccessible-037ef42d', './useTranslationBundle-27bf6340', './useComponentTheme-5aa41a8f', './UNSAFE_Popup/themes/PopupContract.css', './stringUtils-4ffd9d59', './classNames-08d99695', './UNSAFE_Popup/themes/redwood/PopupTheme', './dimensions-f24f9a2b', './colors-17f17162', './mergeInterpolations-9ede4cf7', './unsafeDomAccess-602c5dde'], (function(e,n,t,s,o,r,i,a,c,l,u,d,p,f,m,b,g,h,x,A,y,v,E,O,k,C,F,_){"use strict";function j({message:e,callback:s}){const o=t.useRef(null),r=e=>{"Enter"===e.code&&(e.stopPropagation(),e.preventDefault())};return n.jsx("div",{ref:o,children:n.jsx(h.HiddenAccessible,{children:n.jsx("a",{onClick:s,tabIndex:-1,href:"#",role:"button",onKeyDown:r,onKeyUp:r,onKeyPress:r,children:e})})})}const R=c.forwardRef((({anchorRef:e,launcherRef:c,children:l,isOpen:h=!1,modality:R="modeless",offset:P={mainAxis:0,crossAxis:0},flipOptions:T={mainAxis:!0,crossAxis:!0},shiftOptions:S={mainAxis:!1,crossAxis:!1},onClickOutside:w,onClose:L,initialFocus:D="auto",placement:I=(e?"top":"center"),tail:U="none",onTransitionEnd:N,onFocusSet:M,variant:H="standard",role:K="dialog","aria-label":W,"aria-labelledby":V,"aria-describedby":B,testId:$,...q},z)=>{const G=t.useRef(null),[J,Q]=t.useState(),X=t.useRef(null),Y=t.useRef("unmounted"),Z=f.useTestId($),ee=[X];G.current&&G.current!==document.body&&ee.push(G);const ne=x.useTranslationBundle("@oracle/oraclejet-preact"),te=t.useCallback((()=>"modal"===R),[R]);m.useOutsideClick({isDisabled:!(h&&X.current),ref:ee,handler:e=>{w?.(e)}});const se=t.useCallback((e=>{G.current!==o.getActiveElement()||"F6"!==e.code||te()||(e.preventDefault(),e.stopPropagation(),o.focusWithin(X.current),M?.())}),[te]),{setAnimationElementRef:oe,status:re,onPosition:ie}=p.usePopupAnimation({isOpen:h,isAnimatedOnMount:!0,onTransitionEnd:e=>{e?(le(),N?.(!0)):N?.(!1)},placement:I}),ae=t.useMemo((()=>r.mergeRefs(X,z)),[X,z]),ce=t.useCallback((()=>{const n=G.current,t=e?.current;if(n)o.focusOn(n);else if(t){let e=null;t instanceof Element?e=t:t[_.UNSAFE_DOM_ACCESS]&&(e=t[_.UNSAFE_DOM_ACCESS]),e&&o.focusOn(e)}}),[G,e]);t.useEffect((()=>(h||"opening"!==re||te()?!h&&"unmounted"===re&&te()&&re!==Y.current&&ce():X.current?.contains(o.getActiveElement())&&ce(),()=>{Y.current=re})),[h,re,ce,te]),t.useEffect((()=>(h&&(c?.current&&c.current instanceof Element?G.current=document.body.contains(c.current)?c.current:o.getActiveElement():G.current=o.getActiveElement(),G.current?.addEventListener("keydown",se)),()=>{G.current?.removeEventListener("keydown",se)})),[h,c,se]);const le=()=>{let e=D;"auto"===D&&(e=te()?"firstFocusable":"none"),"popup"===e&&(o.focusOn(X.current),M?.()),"firstFocusable"===e&&(o.focusWithin(X.current),M?.())},ue={mainAxis:(e=>{let n=0;return e&&(n="number"==typeof e?e:e.mainAxis||0,"simple"===U&&(n+=5)),n})(P),crossAxis:(e=>e?"number"==typeof e?0:e.crossAxis||0:0)(P)},de=e=>{const n=o.getActiveElement(),t=X.current,s=G.current;if(t===n||t?.contains(n))switch(e.code){case"Escape":L?.({reason:"escapeKey"});break;case"F6":e.preventDefault(),e.stopPropagation(),s&&!te()&&o.focusOn(s)}};t.useLayoutEffect((()=>{if("unmounted"===re||null==X.current||null!=J||"none"===U)return;const e=v.g(y.popupVars.backgroundColor),n=getComputedStyle(X.current);Q(q.backgroundColor||n.getPropertyValue(e))}),[re,X,J,U,q.backgroundColor]);const pe=b.getClientHints(),fe=["ios","android"].indexOf(pe.platform)>-1,me="opening"===re,{baseTheme:be,classes:ge}=A.useComponentTheme(O.PopupRedwoodTheme),he="unmounted"!==re,xe=[...Object.values(k.dimensionInterpolations),...Object.values(C.colorInterpolations)],Ae=F.mergeInterpolations(xe),{...ye}=Ae(q),ve=()=>{L?.({reason:"closeSkipLink"})},Ee=()=>n.jsxs(n.Fragment,{children:[n.jsx(i.FocusTrap,{restoreFocusRef:!1,children:n.jsxs("div",{ref:ae,tabIndex:-1,role:K,className:E.classNames([be,"unstyled"===H?null:ge]),style:ye,onKeyDown:de,"aria-label":W,"aria-labelledby":V,"aria-describedby":B,...Z,children:[!te()&&fe&&me&&n.jsx(j,{callback:ve,message:`${ne.popup_close_skipLink}`}),l]})}),!te()&&!fe&&n.jsx(g.LiveRegion,{children:`${-1!=["auto","none"].indexOf(D)?ne.popup_liveRegion_F6_initial_focus_none:ne.popup_liveRegion_F6_initial_focus_firstFocusable}`})]}),Oe=()=>e&&e.current?n.jsx(s.Floating,{ref:oe,backgroundColor:J,anchorRef:e,placement:I,offsetValue:ue,flipOptions:T,shiftOptions:S,tail:U,onPosition:ie,children:Ee()}):n.jsx(d.WindowOverlay,{placement:I,offset:ue,children:n.jsx("div",{ref:oe,children:Ee()})});return he?te()?n.jsx(u.Modal,{isOpen:he,children:Oe()}):n.jsx(a.Layer,{children:Oe()}):null}));e.Popup=R}));
-//# sourceMappingURL=Popup-062b66ff.js.map

package/amd/Popup-062b66ff.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popup-062b66ff.js","sources":["../../src/UNSAFE_Popup/PopupSkipLink.tsx","../../src/UNSAFE_Popup/Popup.tsx"],"sourcesContent":["import { JSX } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype SkipLinkProps = IntrinsicProps & {\n  message?: string;\n  callback?: () => void;\n};\n\nexport function PopupSkipLink({ message, callback }: SkipLinkProps) {\n  const hiddenAccessibleRef = useRef<HTMLDivElement | null>(null);\n\n  const handleKey = (event: KeyboardEvent) => {\n    // Prevent click generated from an \"enter\" key press by eating the event.\n    // This could only happen in some kind of simulator as this skip link is only used on the iOS platform.\n    if (event.code === 'Enter') {\n      event.stopPropagation();\n      event.preventDefault();\n    }\n  };\n\n  return (\n    <div ref={hiddenAccessibleRef}>\n      <HiddenAccessible>\n        <a\n          onClick={callback}\n          tabIndex={-1}\n          href=\"#\"\n          role=\"button\"\n          onKeyDown={handleKey}\n          onKeyUp={handleKey}\n          onKeyPress={handleKey}>\n          {message}\n        </a>\n      </HiddenAccessible>\n    </div>\n  );\n}\n","import type { JSX, RefObject } from 'preact';\nimport { useState, useEffect, useLayoutEffect, useMemo, useRef, useCallback } from 'preact/hooks';\nimport { Floating, Offset, Placement, Coords, FlipOptions, ShiftOptions } from '../UNSAFE_Floating';\nimport {\n  FocusableElement,\n  focusOn,\n  focusWithin,\n  getActiveElement\n} from '../utils/PRIVATE_tabbableUtils';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { usePopupAnimation } from './usePopupAnimation';\nimport { AnimationStatus } from '../hooks/PRIVATE_useAnimationStatus';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { PopupSkipLink } from './PopupSkipLink';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\n// Style imports\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { popupVars } from './themes/PopupContract.css';\nimport { getVarName } from '@oracle/oraclejet-internal-utilities/stringUtils';\nimport { Property } from 'csstype';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from './themes/redwood/PopupTheme';\nimport { dimensionInterpolations, DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { colorInterpolations, ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\nimport type { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\nimport { UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nexport type PopupPlacement = Placement | WindowOverlayPlacement;\nexport type OnCloseDetail = {\n  reason: 'escapeKey' | 'closeSkipLink';\n};\nexport type InitialFocus = 'auto' | 'none' | 'popup' | 'firstFocusable';\nexport type Tail = 'none' | 'simple';\nexport type Modality = 'modal' | 'modeless';\nexport type Variant = 'standard' | 'unstyled';\n\ntype Props = IntrinsicProps &\n  Pick<ColorProps, 'backgroundColor'> &\n  DimensionProps &\n  TestIdProps & {\n    /**\n     * Specifies whether the Popup is open.\n     */\n    isOpen: boolean;\n    /**\n     * Specifies Popup's anchor. Popup is placed relatively to its anchor.\n     */\n    anchorRef?: RefObject<Element | Coords | UnsafeDomHandle<Element>>;\n    /**\n     * Specifies Popup's launcher. After Popup closes, it returns focus to the launcher.\n     */\n    launcherRef?: RefObject<HTMLElement>;\n    /**\n     * Specifies placement of the Popup relative to the anchor.\n     */\n    placement?: PopupPlacement;\n    /**\n     * Specifies displacement of the Popup from the anchor element along the specified axes.\n     * The offset object consists of mainAxis and crossAxis properties. The direction in which these properties\n     * are applied depends on the current value of the position property.\n     *\n     * The <code>mainAxis</code> property represents the distance between the Popup and the anchor.\n     * The <code>crossAxis</code> property represents the deviation in the opposite axis to the main axis - the skidding between the Popup and the anchor.\n     */\n    offset?: Offset;\n    /**\n     * Specifies modality of the Popup.\n     */\n    modality?: Modality;\n    /**\n     * Specifies whether a floating Popup changes placement to the opposite side to be kept in view when a collision is detected.\n     *\n     * The flipOptions object consists of mainAxis and crossAxis properties.\n     * The <code>mainAxis</code> runs along the side of the Popup element.\n     * The <code>crossAxis</code> runs along the alignment of the Popup element.\n     */\n    flipOptions?: FlipOptions;\n    /**\n     * Specifies whether a floating Popup shifts along axis to be kept in view when a collision is detected.\n     * Note that if both 'flip' and 'shift' are enabled on respective axis, the flip will take precedence.\n     *\n     * The shiftOptions object consists of mainAxis and crossAxis properties.\n     * The <code>mainAxis</code> runs along the side of the Popup element.\n     * The <code>crossAxis</code> runs along the alignment of the Popup element.\n     */\n    shiftOptions?: ShiftOptions;\n    /**\n     * Specifies if the Popup sets focus to its content when initially open.\n     * A value of none prevents the popup from setting focus when open.\n     *\n     * <code>auto</code> in modeless mode resolves to none.\n     * <code>none</code> prevents the popup from setting focus when open.\n     * <code>popup</code> sets focus to the root popup container (good choice for touch platforms).\n     * <code>firstFocusable</code> defines that a popup should set focus to the first focusable element within the popup's content.\n     */\n    initialFocus?: InitialFocus;\n    /**\n     * Specifies callback triggered when a user clicks outside Popup.\n     */\n    onClickOutside?: (event: MouseEvent) => void;\n    /**\n     * Specifies callback triggered when a user tries to close a Popup through UI interaction.\n     * The parent should listen to this event and close the Popup. If the parent fails to remove\n     * the Popup, then no change will be done in the UI by the component.\n     */\n    onClose?: (detail: OnCloseDetail) => void;\n    /**\n     * Specifies callback triggered when initial focus is set or when Popup receives it via F6 key.\n     */\n    onFocusSet?: () => void;\n    /**\n     * Specifies Popup's tail. Simple tail is an arrow pointing to Popup's anchor.\n     */\n    tail?: Tail;\n    /**\n     * Specifies callback triggered after the animation ends.\n     */\n    onTransitionEnd?: (value: boolean) => void;\n    /**\n     * Specifies styling variant. If <code>unstyled</code> is set, standard styles are not applied.\n     */\n    variant?: Variant;\n    /**\n     * Specifies the ARIA role type.\n     */\n    role?: UnpackSignals<JSX.HTMLAttributes['role']>;\n    /**\n     * Specifies guidance for screen readers.\n     */\n    'aria-label'?: string;\n    /**\n     * Specifies ID of an element used for guidance for screen readers.\n     */\n    'aria-labelledby'?: string;\n    /**\n     * Specifies ID of an element (or space separated IDs of multiple elements) that\n     * describes the Drawer.\n     */\n    'aria-describedby'?: string;\n  };\n\n/**\n * A popup temporarily 'pops up' content in the foreground.\n */\nexport const Popup = forwardRef(\n  (\n    {\n      anchorRef,\n      launcherRef,\n      children,\n      isOpen = false,\n      modality = 'modeless',\n      offset = { mainAxis: 0, crossAxis: 0 },\n      flipOptions = { mainAxis: true, crossAxis: true },\n      shiftOptions = { mainAxis: false, crossAxis: false },\n      onClickOutside,\n      onClose,\n      initialFocus = 'auto',\n      placement = anchorRef ? 'top' : 'center',\n      tail = 'none',\n      onTransitionEnd,\n      onFocusSet,\n      variant = 'standard',\n      role = 'dialog',\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      testId,\n      ...props\n    }: Props,\n    ref: ForwardedRef<HTMLElement | null>\n  ) => {\n    const localLauncherRef = useRef<HTMLElement | null>(null);\n    const [popupBgColor, setPopupBgColor] = useState<Property.BackgroundColor>();\n\n    const contentWrapperRef = useRef<HTMLDivElement | null>(null);\n\n    const prevStatusRef = useRef<AnimationStatus>('unmounted');\n\n    // testId support\n    const testIdProps = useTestId(testId);\n\n    const insideRefs: RefObject<HTMLElement>[] = [contentWrapperRef];\n    // launcher should be considered an \"inside\" element\n    if (localLauncherRef.current && localLauncherRef.current !== document.body) {\n      insideRefs.push(localLauncherRef);\n    }\n\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const isModal = useCallback(() => {\n      return modality === 'modal';\n    }, [modality]);\n\n    // We can not merge outsideClick to onClose event with {reason: 'outsideClick'} payload\n    // The reason is that we allow outsideClick/autodismiss in modeless mode and\n    // we need to detect outsideClick which is\n    useOutsideClick({\n      isDisabled: !(isOpen && contentWrapperRef.current),\n      ref: insideRefs,\n      handler: (event) => {\n        onClickOutside?.(event);\n      }\n    });\n\n    const launcherKeyDownCallback = useCallback(\n      (event: KeyboardEvent): void => {\n        if (localLauncherRef.current === getActiveElement() && event.code === 'F6' && !isModal()) {\n          // Prevent default F6 handlers.\n          // F6 is a standard Chrome address bar shortcut on Windows.\n          event.preventDefault();\n          event.stopPropagation();\n\n          focusWithin(contentWrapperRef.current as HTMLElement);\n          onFocusSet?.();\n        }\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [isModal]\n    );\n\n    const _onTransitionEnd = (isOpen: boolean) => {\n      if (isOpen) {\n        setInitialFocus();\n        onTransitionEnd?.(true);\n      } else {\n        onTransitionEnd?.(false);\n      }\n    };\n\n    // Animation\n    const { setAnimationElementRef, status, onPosition } = usePopupAnimation({\n      isOpen,\n      isAnimatedOnMount: true,\n      onTransitionEnd: _onTransitionEnd,\n      placement: placement\n    });\n\n    const stableRef = useMemo(() => mergeRefs(contentWrapperRef, ref), [contentWrapperRef, ref]);\n\n    const returnFocus = useCallback((): void => {\n      // Try to return focus to 1.launcher or 2.anchor\n      const launcherEl = localLauncherRef.current;\n      const anchor = anchorRef?.current;\n\n      if (launcherEl) {\n        focusOn(launcherEl);\n      } else if (anchor) {\n        let anchorElement: FocusableElement | null = null;\n\n        // Checking instanceof to avoid Coords type that can not be focused\n        if (anchor instanceof Element) {\n          anchorElement = anchor as FocusableElement;\n        } else if ((anchor as UnsafeDomHandle)[UNSAFE_DOM_ACCESS]) {\n          anchorElement = (anchor as UnsafeDomHandle)[UNSAFE_DOM_ACCESS];\n        }\n\n        if (anchorElement) {\n          focusOn(anchorElement);\n        }\n      }\n    }, [localLauncherRef, anchorRef]);\n\n    useEffect(() => {\n      // Init closing\n      if (!isOpen && status === 'opening' && !isModal()) {\n        // Only actively return focus to the launcher or anchor if the popup contained focus.\n        // Otherwise, focus is already elsewhere on the page and should not be forced back\n        // because that could reopen the popup again, which essentially prevents the user from\n        // moving focus out of the launcher.\n        if (contentWrapperRef.current?.contains(getActiveElement())) {\n          returnFocus();\n        }\n      }\n      // JET-71010 - for modal popups, the focus cannot be moved until the modal overlay is gone\n      else if (!isOpen && status === 'unmounted' && isModal()) {\n        // avoid returning focus on initial render\n        if (status !== prevStatusRef.current) {\n          returnFocus();\n        }\n      }\n      return () => {\n        prevStatusRef.current = status;\n      };\n    }, [isOpen, status, returnFocus, isModal]);\n\n    // Initialize launcher\n    useEffect(() => {\n      if (isOpen) {\n        if (!launcherRef?.current) {\n          // 1. If launcher is not defined, most frequent scenario is,\n          // that element, that has focus before opening a popup is considered launcher\n          localLauncherRef.current = getActiveElement() as HTMLElement;\n        } else if (launcherRef.current instanceof Element) {\n          // 2. launcherRef element was provided.\n          // Verify, if it exists in DOM, otherwise use the last active element\n          localLauncherRef.current = document.body.contains(launcherRef.current)\n            ? launcherRef.current\n            : (getActiveElement() as HTMLElement);\n        } else {\n          localLauncherRef.current = getActiveElement() as HTMLElement;\n        }\n        // Register F6 key handler to enter the Popup\n        localLauncherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n      }\n      return () => {\n        // Deregister F6 key handler\n        localLauncherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n      };\n    }, [isOpen, launcherRef, launcherKeyDownCallback]);\n    // Note: unlike oj-c-popup we do not default anchorRef to launcherRef in Preact Popup\n    // If anchorRef is undefined, we use WindowOverlay as anchor\n\n    const setInitialFocus = () => {\n      let derivedInitialFocus = initialFocus;\n      if (initialFocus === 'auto') {\n        if (isModal()) {\n          // modal mode - set focus to first focusable\n          derivedInitialFocus = 'firstFocusable';\n        } else {\n          // modeless mode - do not steal focus by default\n          derivedInitialFocus = 'none';\n        }\n      }\n\n      // Case: 'popup'\n      // Focus on Popup container\n      if (derivedInitialFocus === 'popup') {\n        focusOn(contentWrapperRef.current as HTMLElement);\n        onFocusSet?.();\n      }\n\n      // Case: 'firstFocusable'\n      // Focus on first tabbable in the Popup container or container itself if there is none\n      if (derivedInitialFocus === 'firstFocusable') {\n        focusWithin(contentWrapperRef.current as HTMLElement);\n        onFocusSet?.();\n      }\n    };\n\n    const getMainAxisOffset = (offset?: Offset) => {\n      let calcOffset = 0;\n      if (offset) {\n        // @ts-ignore as OffsetFunction is going to be removed\n        // Property 'mainAxis' does not exist on type 'OffsetFunction'.\n        calcOffset = typeof offset === 'number' ? offset : offset.mainAxis || 0;\n        if (tail === 'simple') {\n          calcOffset += 5;\n        }\n      }\n      return calcOffset;\n    };\n\n    const getCrossAxisOffset = (offset?: Offset) => {\n      if (!offset) {\n        return 0;\n      } else {\n        // @ts-ignore as OffsetFunction is going to be removed\n        // Property 'crossAxis' does not exist on type 'OffsetFunction'.\n        return typeof offset === 'number' ? 0 : offset.crossAxis || 0;\n      }\n    };\n\n    const finalOffset = {\n      mainAxis: getMainAxisOffset(offset),\n      crossAxis: getCrossAxisOffset(offset)\n    };\n\n    const handlePopupKeyDown = (event: KeyboardEvent) => {\n      const currentlyFocusedEl = getActiveElement();\n      const wrapperEl = contentWrapperRef.current;\n      const launcherEl = localLauncherRef.current;\n      if (wrapperEl === currentlyFocusedEl || wrapperEl?.contains(currentlyFocusedEl)) {\n        switch (event.code) {\n          case 'Escape': {\n            // Trigger onClose event with outside click detail\n            onClose?.({ reason: 'escapeKey' });\n            break;\n          }\n          case 'F6':\n            // Prevent default F6 handlers.\n            // F6 is a standard Chrome address bar shortcut on Windows.\n            event.preventDefault();\n            event.stopPropagation();\n\n            // Focus launcher\n            if (launcherEl && !isModal()) {\n              focusOn(launcherEl);\n            }\n            break;\n        }\n      }\n    };\n\n    useLayoutEffect(() => {\n      if (\n        status === 'unmounted' ||\n        contentWrapperRef.current == null ||\n        popupBgColor != null ||\n        tail === 'none'\n      )\n        return;\n\n      const backgroundColorVar = getVarName(popupVars.backgroundColor);\n      const computedStyle = getComputedStyle(contentWrapperRef.current!);\n      setPopupBgColor(props.backgroundColor || computedStyle.getPropertyValue(backgroundColorVar));\n    }, [status, contentWrapperRef, popupBgColor, tail, props.backgroundColor]);\n\n    const clientHints = getClientHints();\n    const isVOSupported = ['ios', 'android'].indexOf(clientHints.platform) > -1;\n    // Note: Popup does not have 'open' status. It is 'opening' even when open.\n    const renderVOSupport = status === 'opening';\n\n    // Styles\n    const { baseTheme, classes } = useComponentTheme(PopupRedwoodTheme);\n    const isMounted = status !== 'unmounted';\n\n    const interpolations = [\n      ...Object.values(dimensionInterpolations),\n      ...Object.values(colorInterpolations)\n    ];\n    const styleInterpolations = mergeInterpolations<DimensionProps & ColorProps>(interpolations);\n    const { ...styles } = styleInterpolations(props);\n\n    const closeSkipLinkCallback = () => {\n      // Trigger onClose event with outside click detail\n      onClose?.({ reason: 'closeSkipLink' });\n    };\n\n    const renderPopup = () => {\n      return (\n        <>\n          <FocusTrap restoreFocusRef={false}>\n            {/*Setting restoreFocusRef to false because otherwise FocusTrap is stealing the focus back when :*/}\n            {/*we click outside of modeless Popup (that keeps being open).*/}\n            <div\n              ref={stableRef}\n              tabIndex={-1}\n              role={role}\n              className={classNames([baseTheme, variant === 'unstyled' ? null : classes])}\n              style={styles}\n              onKeyDown={handlePopupKeyDown}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledBy}\n              aria-describedby={ariaDescribedBy}\n              {...testIdProps}>\n              {/* Acc: Close SkipLink */}\n              {!isModal() && isVOSupported && renderVOSupport && (\n                <PopupSkipLink\n                  callback={closeSkipLinkCallback}\n                  message={`${translations.popup_close_skipLink}`}></PopupSkipLink>\n              )}\n              {children}\n            </div>\n          </FocusTrap>\n\n          {/* Acc: LiveRegion */}\n          {!isModal() &&\n            // Render on non-mobile only.\n            !isVOSupported && (\n              <LiveRegion>\n                {`${\n                  ['auto', 'none'].indexOf(initialFocus) != -1\n                    ? translations.popup_liveRegion_F6_initial_focus_none\n                    : translations.popup_liveRegion_F6_initial_focus_firstFocusable\n                }`}\n              </LiveRegion>\n            )}\n        </>\n      );\n    };\n\n    const renderFloatingOrOverlayPopup = () => {\n      if (!anchorRef || !anchorRef.current) {\n        return (\n          <WindowOverlay placement={placement as WindowOverlayPlacement} offset={finalOffset}>\n            <div ref={setAnimationElementRef}>{renderPopup()}</div>\n          </WindowOverlay>\n        );\n      } else {\n        return (\n          <Floating\n            ref={setAnimationElementRef}\n            backgroundColor={popupBgColor}\n            anchorRef={anchorRef}\n            placement={placement as Placement}\n            offsetValue={finalOffset}\n            flipOptions={flipOptions}\n            shiftOptions={shiftOptions}\n            tail={tail}\n            onPosition={onPosition}>\n            {renderPopup()}\n          </Floating>\n        );\n      }\n    };\n\n    if (isMounted) {\n      if (isModal()) {\n        return <Modal isOpen={isMounted}>{renderFloatingOrOverlayPopup()}</Modal>;\n      } else {\n        return <Layer>{renderFloatingOrOverlayPopup()}</Layer>;\n      }\n    } else return null;\n  }\n);\n"],"names":["PopupSkipLink","message","callback","hiddenAccessibleRef","useRef","handleKey","event","code","stopPropagation","preventDefault","_jsx","ref","children","jsx","HiddenAccessible","onClick","tabIndex","href","role","onKeyDown","onKeyUp","onKeyPress","Popup","forwardRef","anchorRef","launcherRef","isOpen","modality","offset","mainAxis","crossAxis","flipOptions","shiftOptions","onClickOutside","onClose","initialFocus","placement","tail","onTransitionEnd","onFocusSet","variant","ariaLabel","ariaLabelledBy","ariaDescribedBy","testId","props","localLauncherRef","popupBgColor","setPopupBgColor","useState","contentWrapperRef","prevStatusRef","testIdProps","useTestId","insideRefs","current","document","body","push","translations","useTranslationBundle","isModal","useCallback","useOutsideClick","isDisabled","handler","launcherKeyDownCallback","getActiveElement","focusWithin","setAnimationElementRef","status","onPosition","usePopupAnimation","isAnimatedOnMount","setInitialFocus","stableRef","useMemo","mergeRefs","returnFocus","launcherEl","anchor","focusOn","anchorElement","Element","UNSAFE_DOM_ACCESS","useEffect","contains","addEventListener","removeEventListener","derivedInitialFocus","finalOffset","calcOffset","getMainAxisOffset","getCrossAxisOffset","handlePopupKeyDown","currentlyFocusedEl","wrapperEl","reason","useLayoutEffect","backgroundColorVar","getVarName","popupVars","backgroundColor","computedStyle","getComputedStyle","getPropertyValue","clientHints","getClientHints","isVOSupported","indexOf","platform","renderVOSupport","baseTheme","classes","useComponentTheme","PopupRedwoodTheme","isMounted","interpolations","Object","values","dimensionInterpolations","colorInterpolations","styleInterpolations","mergeInterpolations","styles","closeSkipLinkCallback","renderPopup","_jsxs","FocusTrap","restoreFocusRef","className","classNames","style","popup_close_skipLink","LiveRegion","popup_liveRegion_F6_initial_focus_none","popup_liveRegion_F6_initial_focus_firstFocusable","renderFloatingOrOverlayPopup","Floating","offsetValue","WindowOverlay","Modal","Layer"],"mappings":"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"}

package/amd/ProgressBar-9aed0a47.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useUser-988f7da2', './useTranslationBundle-27bf6340', './useComponentTheme-5aa41a8f', './UNSAFE_ProgressBar/themes/redwood/ProgressBarTheme', './LinearMeter-d1e744c1'], (function(e,a,r,s,l,o,n,t){"use strict";const i=({id:e,width:i,edge:d="none",...c})=>{const{classes:u,styles:{valueStyle:m,indeterminate:g,animationStyleLTR:h,animationStyleRTL:v,highContrastValueStyle:b,trackBorderEdgeNone:x,trackBorderEdgeTop:B}}=o.useComponentTheme(n.ProgressBarRedwoodTheme,{edge:"none"===d?d:void 0}),{direction:T,forcedColors:p}=s.useUser(),y=r.classNames([m,g,"rtl"===T?v:h,"active"===p?b:""]),f=l.useTranslationBundle("@oracle/oraclejet-preact"),j={"aria-valuetext":c["aria-valuetext"]||f.progressIndeterminate(),"aria-label":c["aria-label"],"aria-labelledby":c["aria-labelledby"],role:"progressbar"},N="active"===p?void 0:"none"===d?x:B;return a.jsx(t.BarTrack,{id:e,ariaProps:j,class:r.classNames([u,N]),length:i,children:a.jsx(t.BarValue,{class:y})})},d=({value:e=0,max:l=100,id:i,width:d,edge:c="none",...u})=>{const{forcedColors:m}=s.useUser(),{classes:g,styles:{valueStyle:h,highContrastValueStyle:v,trackBorderEdgeNone:b,trackBorderEdgeTop:x}}=o.useComponentTheme(n.ProgressBarRedwoodTheme,{edge:"none"===c?c:void 0}),B=r.classNames([h,"active"===m?v:""]),T=100*Math.min(Math.max(0,e/l),1)+"%",p={};return p["aria-valuemin"]=null!=e?0:void 0,p["aria-valuemax"]=null!=e?l:void 0,p["aria-valuenow"]=null!=e?e:void 0,p.role="progressbar",p["aria-label"]=u["aria-label"],p["aria-labelledby"]=u["aria-labelledby"],a.jsx(t.BarTrack,{ariaProps:p,id:i,length:d,class:r.classNames([g,"none"===c?b:x]),children:a.jsx(t.BarValue,{class:B,length:T})})};e.ProgressBar=function({value:e,max:r,...s}){return"indeterminate"===e?a.jsx(i,{...s}):a.jsx(d,{value:e,max:r,...s})}}));
-//# sourceMappingURL=ProgressBar-9aed0a47.js.map

package/amd/ProgressBar-9aed0a47.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressBar-9aed0a47.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { ComponentProps, JSX } from 'preact';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { BarTrack, BarValue } from '#PRIVATE_Meter';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { ProgressBarStyles, ProgressBarVariantOptions } from './themes/ProgressBarStyles.css';\nimport { ProgressBarRedwoodTheme } from './themes/redwood/ProgressBarTheme';\n\ntype ariaPropsType = ComponentProps<typeof BarTrack>['ariaProps'];\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'class'>;\n\ntype ProgressBarProps = IntrinsicProps & {\n  /**\n   * Specifies the id of the progress bar.  If the progress bar is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n   */\n  id?: UnpackSignals<JSX.IntrinsicElements['div']>['id'];\n  /**\n   * The value of the progress bar.  If the value is 'indeterminate', an indeterminate progress bar will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * Whether the progress bar is positioned at the top edge of a container or not.\n   * If set to 'top', the curved borders will be removed.\n   */\n  edge?: 'none' | 'top';\n\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The width of the progress bar.  This will use the CSS lengths styling.\n   */\n  // TODO: use the dimensions work the Jeanne is doing JET-49961\n  width?: string;\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'. This will be used for the aria-valuetext of the DOM element.\n   */\n  'aria-valuetext'?: string;\n  /**\n   * A label to be used for accessibility purposes. This will be used for the aria-label of the DOM element.\n   */\n  'aria-label'?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the progress bar. This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: string;\n};\n/**\n * A progress bar allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressBar({ value, max, ...otherProps }: ProgressBarProps) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressBar {...otherProps} />\n  ) : (\n    <DeterminateProgressBar value={value} max={max} {...otherProps} />\n  );\n}\n\ntype IndeterminateProps = Omit<ProgressBarProps, 'value' | 'max'>;\n\nconst IndeterminateProgressBar = ({ id, width, edge = 'none', ...props }: IndeterminateProps) => {\n  const {\n    classes,\n    styles: {\n      valueStyle,\n      indeterminate,\n      animationStyleLTR,\n      animationStyleRTL,\n      highContrastValueStyle,\n      trackBorderEdgeNone,\n      trackBorderEdgeTop\n    }\n  } = useComponentTheme<ProgressBarVariantOptions, ProgressBarStyles>(ProgressBarRedwoodTheme, {\n    edge: edge === 'none' ? edge : undefined\n  });\n\n  const { direction, forcedColors } = useUser();\n  const barValueClasses = classNames([\n    valueStyle,\n    indeterminate,\n    direction === 'rtl' ? animationStyleRTL : animationStyleLTR,\n    forcedColors === 'active' ? highContrastValueStyle : ''\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': props['aria-valuetext'] || translations.progressIndeterminate(),\n    'aria-label': props['aria-label'],\n    'aria-labelledby': props['aria-labelledby'],\n    role: 'progressbar'\n  };\n  const trackBorderClass =\n    forcedColors === 'active'\n      ? undefined\n      : edge === 'none'\n      ? trackBorderEdgeNone\n      : trackBorderEdgeTop;\n  return (\n    <BarTrack\n      id={id}\n      ariaProps={ariaProps}\n      class={classNames([classes, trackBorderClass])}\n      length={width}>\n      <BarValue class={barValueClasses} />\n    </BarTrack>\n  );\n};\n\ntype DeterminateProps = Omit<ProgressBarProps, 'aria-valuetext'> & {\n  value?: number;\n};\n\nconst DeterminateProgressBar = ({\n  value = 0,\n  max = 100,\n  id,\n  width,\n  edge = 'none',\n  ...props\n}: DeterminateProps) => {\n  const { forcedColors } = useUser();\n  const {\n    classes,\n    styles: { valueStyle, highContrastValueStyle, trackBorderEdgeNone, trackBorderEdgeTop }\n  } = useComponentTheme<ProgressBarVariantOptions, ProgressBarStyles>(ProgressBarRedwoodTheme, {\n    edge: edge === 'none' ? edge : undefined\n  });\n\n  const barValueClasses = classNames([\n    valueStyle,\n    forcedColors === 'active' ? highContrastValueStyle : ''\n  ]);\n\n  const percentage = `${Math.min(Math.max(0, value / max), 1) * 100}%`;\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? 0 : undefined;\n  ariaProps['aria-valuemax'] = value != null ? max : undefined;\n  ariaProps['aria-valuenow'] = value != null ? value : undefined;\n  ariaProps['role'] = 'progressbar';\n  (ariaProps['aria-label'] = props['aria-label']),\n    (ariaProps['aria-labelledby'] = props['aria-labelledby']);\n  return (\n    <BarTrack\n      ariaProps={ariaProps}\n      id={id}\n      length={width}\n      class={classNames([classes, edge === 'none' ? trackBorderEdgeNone : trackBorderEdgeTop])}>\n      <BarValue class={barValueClasses} length={percentage} />\n    </BarTrack>\n  );\n};\n"],"names":["IndeterminateProgressBar","id","width","edge","props","classes","styles","valueStyle","indeterminate","animationStyleLTR","animationStyleRTL","highContrastValueStyle","trackBorderEdgeNone","trackBorderEdgeTop","useComponentTheme","ProgressBarRedwoodTheme","undefined","direction","forcedColors","useUser","barValueClasses","classNames","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","trackBorderClass","_jsx","jsx","BarTrack","class","length","children","BarValue","DeterminateProgressBar","value","max","percentage","Math","min","otherProps"],"mappings":"8QA4EA,MAAMA,EAA2B,EAAGC,KAAIC,QAAOC,OAAO,UAAWC,MAC/D,MAAMC,QACJA,EACAC,QAAQC,WACNA,EAAUC,cACVA,EAAaC,kBACbA,EAAiBC,kBACjBA,EAAiBC,uBACjBA,EAAsBC,oBACtBA,EAAmBC,mBACnBA,IAEAC,EAAAA,kBAAgEC,EAAAA,wBAAyB,CAC3FZ,KAAe,SAATA,EAAkBA,OAAOa,KAG3BC,UAAEA,EAASC,aAAEA,GAAiBC,EAAOA,UACrCC,EAAkBC,EAAAA,WAAW,CACjCd,EACAC,EACc,QAAdS,EAAsBP,EAAoBD,EACzB,WAAjBS,EAA4BP,EAAyB,KAEjDW,EAAeC,uBAAiC,4BAChDC,EAA2B,CAC/B,iBAAkBpB,EAAM,mBAAqBkB,EAAaG,wBAC1D,aAAcrB,EAAM,cACpB,kBAAmBA,EAAM,mBACzBsB,KAAM,eAEFC,EACa,WAAjBT,OACIF,EACS,SAATb,EACAS,EACAC,EACN,OACEe,EAACC,IAAAC,WACC,CAAA7B,GAAIA,EACJuB,UAAWA,EACXO,MAAOV,EAAUA,WAAC,CAAChB,EAASsB,IAC5BK,OAAQ9B,EACR+B,SAAAL,EAAAC,IAACK,WAAQ,CAACH,MAAOX,KAEnB,EAOEe,EAAyB,EAC7BC,QAAQ,EACRC,MAAM,IACNpC,KACAC,QACAC,OAAO,UACJC,MAEH,MAAMc,aAAEA,GAAiBC,EAAAA,WACnBd,QACJA,EACAC,QAAQC,WAAEA,EAAUI,uBAAEA,EAAsBC,oBAAEA,EAAmBC,mBAAEA,IACjEC,EAAiBA,kBAA+CC,0BAAyB,CAC3FZ,KAAe,SAATA,EAAkBA,OAAOa,IAG3BI,EAAkBC,EAAAA,WAAW,CACjCd,EACiB,WAAjBW,EAA4BP,EAAyB,KAGjD2B,EAAwD,IAAxCC,KAAKC,IAAID,KAAKF,IAAI,EAAGD,EAAQC,GAAM,GAAtC,IACbb,EAA2B,CAAA,EAOjC,OANAA,EAAU,iBAA4B,MAATY,EAAgB,OAAIpB,EACjDQ,EAAU,iBAA4B,MAATY,EAAgBC,OAAMrB,EACnDQ,EAAU,iBAA4B,MAATY,EAAgBA,OAAQpB,EACrDQ,EAAgB,KAAI,cACnBA,EAAU,cAAgBpB,EAAM,cAC9BoB,EAAU,mBAAqBpB,EAAM,mBAEtCwB,MAACE,EAAQA,SAAA,CACPN,UAAWA,EACXvB,GAAIA,EACJ+B,OAAQ9B,EACR6B,MAAOV,EAAUA,WAAC,CAAChB,EAAkB,SAATF,EAAkBS,EAAsBC,IACpEoB,SAAAL,EAAAA,IAACM,EAAAA,SAAS,CAAAH,MAAOX,EAAiBY,OAAQM,KAE5C,gBAlGE,UAAsBF,MAAEA,EAAKC,IAAEA,KAAQI,IAC3C,MAAiB,kBAAVL,EACLR,EAAAC,IAAC7B,EAAwB,IAAKyC,IAE9Bb,EAAAA,IAACO,EAAuB,CAAAC,MAAOA,EAAOC,IAAKA,KAASI,GAExD"}

package/amd/ProgressButton-b317a3e5.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', './BaseButton-d2266b25', './ProgressButtonLabelLayout-0931b1d5', 'preact/compat', './useTooltip-e14d62f1', 'preact/hooks', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-7d4aa6d3', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', './buttonUtils-cbbb0130', './resources/nls/en/bundle'], (function(e,t,o,s,a,l,i,n,r,d,c,b,u,p,g,y,m){"use strict";const L=l.forwardRef((({variant:e="outlined",isLoading:l=!1,isDisabled:n=!1,size:d="md",display:c="all",type:b="button",startIcon:u,edge:p,testId:g,onAction:L,label:f="",tooltip:h,"aria-describedby":B,width:P,...T},v)=>{const{globalEventProps:A}=y.processGlobals(T),x=!n&&l,C=m.default.accButtonProgressStatus({label:f}),w=m.default.accButtonProgressComplete({label:f}),j=x&&("label"==c||!u)?h||f:h,{tooltipContent:D,tooltipProps:I}=i.useTooltip({text:j,isDisabled:n}),S=!u||"label"===c,U={type:"button",buttonType:b},k=t.jsx(a.ProgressButtonLabelLayout,{display:c,isLoadingContrast:"callToAction"===e,startIcon:u,accessibleLoadedLabel:w,accessibleLoadingLabel:C,size:d,isLoading:x,children:f}),{"aria-describedby":z,...E}=I;return t.jsxs(o.Fragment,{children:[t.jsx(s.BaseButton,{...r.mergeProps(E,A),ref:v,elementDetails:U,isDisabled:n,isReadOnly:x,size:d,width:P,edge:p,variant:e,styling:S?x?["default","hiddenLabel","noHoverActive"]:["default"]:x?["noHoverActive","min"]:["min"],onAction:L,"aria-label":f,testId:g,children:k}),D]})}));L.displayName="ProgressButton",e.ProgressButton=L}));
-//# sourceMappingURL=ProgressButton-b317a3e5.js.map

package/amd/ProgressButton-b317a3e5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressButton-b317a3e5.js","sources":["../../src/UNSAFE_ProgressButton/ProgressButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, ComponentProps, Ref, Fragment, JSX } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ProgressButtonLabelLayout } from '../UNSAFE_ProgressButtonLabelLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef, ElementRef } from 'preact/compat';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { processGlobals, ButtonIntrinsicProps } from '../utils/UNSAFE_buttonUtils';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport translations from '#resources/nls/en/bundle';\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.HTMLAttributes<HTMLElement>>, 'autofocus'>;\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\ntype BaseButtonProps = ComponentProps<typeof BaseButton>;\n\ntype Props = IntrinsicProps &\n  ButtonIntrinsicProps &\n  Pick<BaseButtonProps, 'aria-describedby'> &\n  WidthInterpolationProps &\n  TestIdProps & {\n    /**\n     * The startIcon is the button's start icon.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * Specifies that a quick indeterminate action is taking place, making the button read-only.\n     */\n    isLoading?: boolean;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifes the button type\n     */\n    type?: 'button' | 'submit';\n\n    /**\n     * label - button label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     */\n    variant?: 'borderless' | 'outlined' | 'solid' | 'callToAction';\n\n    /**\n     * The size indicates how large the button is rendered.\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right.\n     */\n    edge?: ComponentProps<typeof BaseButton>['edge'];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void | null;\n\n    /**\n     * Display indicates whether only the label or all elements should be rendered by the button.\n     */\n    display?: 'label' | 'all';\n\n    /**\n     * tooltip - overrides the aria-label for the tooltip\n     */\n    tooltip?: string;\n  };\n/**\n * A Progress button is a push button that can show progress.\n */\nexport const ProgressButton = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isLoading = false,\n      isDisabled = false,\n      size = 'md',\n      display = 'all',\n      type: buttonType = 'button',\n      startIcon,\n      edge,\n      testId,\n      onAction,\n      label = '',\n      tooltip,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      ...props\n    }: Props,\n    ref: Ref<ButtonHandle>\n  ) => {\n    const { globalEventProps } = processGlobals(props);\n    const isAdjustedLoading = isDisabled ? false : isLoading;\n    const progressStatus = translations.accButtonProgressStatus({\n      label: label\n    });\n    const progressComplete = translations.accButtonProgressComplete({\n      label: label\n    });\n\n    const showTooltip = isAdjustedLoading && (display == 'label' || !startIcon);\n    const tooltipLabel = showTooltip ? (tooltip ? tooltip : label) : tooltip;\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltipLabel,\n      isDisabled\n    });\n\n    const labelOnly = !startIcon || display === 'label';\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n    const content = (\n      <ProgressButtonLabelLayout\n        display={display}\n        isLoadingContrast={variant === 'callToAction'}\n        startIcon={startIcon}\n        accessibleLoadedLabel={progressComplete}\n        accessibleLoadingLabel={progressStatus}\n        size={size}\n        isLoading={isAdjustedLoading}>\n        {label}\n      </ProgressButtonLabelLayout>\n    );\n\n    /* For a11y, we use ignore aria-label during loading time */\n    const { 'aria-describedby': adb, ...ttProps } = tooltipProps;\n\n    return (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(ttProps, globalEventProps)}\n          ref={ref}\n          elementDetails={elementDetails}\n          isDisabled={isDisabled}\n          isReadOnly={isAdjustedLoading}\n          size={size}\n          width={width}\n          edge={edge}\n          variant={variant}\n          styling={\n            labelOnly\n              ? isAdjustedLoading\n                ? ['default', 'hiddenLabel', 'noHoverActive']\n                : ['default']\n              : isAdjustedLoading\n              ? ['noHoverActive', 'min']\n              : ['min']\n          }\n          onAction={onAction}\n          aria-label={label}\n          testId={testId}>\n          {content}\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nProgressButton.displayName = 'ProgressButton';\n"],"names":["ProgressButton","forwardRef","variant","isLoading","isDisabled","size","display","type","buttonType","startIcon","edge","testId","onAction","label","tooltip","ariaDescribedBy","width","props","ref","globalEventProps","processGlobals","isAdjustedLoading","progressStatus","translations","accButtonProgressStatus","progressComplete","accButtonProgressComplete","tooltipLabel","tooltipContent","tooltipProps","useTooltip","text","labelOnly","elementDetails","content","_jsx","ProgressButtonLabelLayout","isLoadingContrast","accessibleLoadedLabel","accessibleLoadingLabel","adb","ttProps","_jsxs","Fragment","children","BaseButton","mergeProps","isReadOnly","styling","displayName"],"mappings":"2iBAkGa,MAAAA,EAAiBC,EAAAA,YAC5B,EAEIC,UAAU,WACVC,aAAY,EACZC,cAAa,EACbC,OAAO,KACPC,UAAU,MACVC,KAAMC,EAAa,SACnBC,YACAC,OACAC,SACAC,WACAC,QAAQ,GACRC,UACA,mBAAoBC,EACpBC,WACGC,GAELC,KAEA,MAAMC,iBAAEA,GAAqBC,EAAcA,eAACH,GACtCI,GAAoBjB,GAAqBD,EACzCmB,EAAiBC,EAAY,QAACC,wBAAwB,CAC1DX,MAAOA,IAEHY,EAAmBF,EAAY,QAACG,0BAA0B,CAC9Db,MAAOA,IAIHc,EADcN,IAAiC,SAAXf,IAAuBG,GAC7BK,GAAoBD,EAASC,GAE3Dc,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMJ,EACNvB,eAGI4B,GAAavB,GAAyB,UAAZH,EAC1B2B,EAAiB,CACrB1B,KAAM,SACNC,WAAYA,GAER0B,EACJC,EAAAA,IAACC,EAAyBA,2BACxB9B,QAASA,EACT+B,kBAA+B,iBAAZnC,EACnBO,UAAWA,EACX6B,sBAAuBb,EACvBc,uBAAwBjB,EACxBjB,KAAMA,EACNF,UAAWkB,WACVR,KAKG,mBAAoB2B,KAAQC,GAAYZ,EAEhD,OACEa,OAACC,EAAQA,SAAA,CAAAC,SAAA,CACPT,MAACU,EAAUA,WAAA,IACLC,EAAAA,WAAWL,EAAStB,GACxBD,IAAKA,EACLe,eAAgBA,EAChB7B,WAAYA,EACZ2C,WAAY1B,EACZhB,KAAMA,EACNW,MAAOA,EACPN,KAAMA,EACNR,QAASA,EACT8C,QACEhB,EACIX,EACE,CAAC,UAAW,cAAe,iBAC3B,CAAC,WACHA,EACA,CAAC,gBAAiB,OAClB,CAAC,OAEPT,SAAUA,EACE,aAAAC,EACZF,OAAQA,EACPiC,SAAAV,IAEFN,IAEH,IAIN5B,EAAeiD,YAAc"}

package/amd/ProgressCircle-0001dec1.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './meterUtils-ec7ab29c', './circleUtils-1886e5b4', './useTranslationBundle-27bf6340', './useComponentTheme-5aa41a8f', './UNSAFE_ProgressCircle/themes/redwood/ProgressCircleTheme', './CircularMeter-b754580a'], (function(e,a,r,s,l,i,t,n,c){"use strict";const o=({id:e,size:r,...s})=>{const{classes:l,styles:{indeterminate:o}}=t.useComponentTheme(n.ProgressCircleRedwoodTheme,{size:r,type:"indeterminate"}),d=i.useTranslationBundle("@oracle/oraclejet-preact"),m={"aria-valuetext":s["aria-valuetext"]||d.progressIndeterminate(),"aria-label":s["aria-label"],"aria-labelledby":s["aria-labelledby"],role:"progressbar"};return a.jsx(c.CircleWrapper,{id:e,ariaProps:m,class:l,children:a.jsx(c.CircleInner,{class:o})})},d=({value:e=0,max:s=100,id:i,size:o,...d})=>{const{classes:m,styles:{determinate:u,track:b,valueStyle:p}}=t.useComponentTheme(n.ProgressCircleRedwoodTheme,{size:o}),x=Math.min(Math.max(0,e/s),1),C=l.getProgressClipPath(x),h={};return h["aria-valuemin"]=null!=e?0:void 0,h["aria-valuemax"]=null!=e?s:void 0,h["aria-valuenow"]=null!=e?e:void 0,h.role="progressbar",h["aria-label"]=d["aria-label"],h["aria-labelledby"]=d["aria-labelledby"],a.jsxs(c.CircleWrapper,{id:i,ariaProps:h,class:m,children:[a.jsx(c.CircleInner,{class:r.classNames([u,b])}),a.jsx(c.CircleInner,{class:r.classNames([u,p]),clipPath:C})]})};e.ProgressCircle=function({value:e,max:r,...s}){return"indeterminate"===e?a.jsx(o,{...s}):a.jsx(d,{value:e,max:r,...s})}}));
-//# sourceMappingURL=ProgressCircle-0001dec1.js.map

package/amd/ProgressCircle-0001dec1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressCircle-0001dec1.js","sources":["../../src/UNSAFE_ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { ComponentChildren, ComponentProps, JSX } from 'preact';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { CircleWrapper, CircleInner } from '#PRIVATE_Meter';\nimport { getProgressClipPath } from '#utils/PRIVATE_meterUtils';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport {\n  ProgressCircleStyles,\n  ProgressCircleVariantOptions\n} from './themes/ProgressCircleStyles.css';\nimport { ProgressCircleRedwoodTheme } from './themes/redwood/ProgressCircleTheme';\ntype ariaPropsType = ComponentProps<typeof CircleWrapper>['ariaProps'];\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'class'>;\n\ntype ProgressCircleProps = IntrinsicProps & {\n  /**\n   * Specifies the id of the progress circle.  If the progress circle is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressCircle\n   */\n  id?: UnpackSignals<JSX.IntrinsicElements['div']>['id'];\n  /**\n   * The value of the progress circle.  If the value is 'indeterminate', an indeterminate progress circle will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * The maximum value of the progress circle.\n   */\n  max?: number;\n  /**\n   * The size of the progress circle. The default value of this property is theme driven.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'. This will be used for the aria-valuetext of the DOM element.\n   */\n  'aria-valuetext'?: string;\n  /**\n   * Specifies the children.\n   */\n  children?: ComponentChildren;\n  /**\n   * A label to be used for accessibility purposes. This will be used for the aria-label of the DOM element.\n   */\n  'aria-label'?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the progress bar. This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: string;\n};\n/**\n * A progress circle allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressCircle({ value, max, ...otherProps }: ProgressCircleProps) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressCircle {...otherProps}></IndeterminateProgressCircle>\n  ) : (\n    <DeterminateProgressCircle value={value} max={max} {...otherProps}></DeterminateProgressCircle>\n  );\n}\n\ntype IndeterminateProps = Omit<ProgressCircleProps, 'value' | 'max'>;\n\nconst IndeterminateProgressCircle = ({ id, size, ...props }: IndeterminateProps) => {\n  const {\n    classes,\n    styles: { indeterminate }\n  } = useComponentTheme<ProgressCircleVariantOptions, ProgressCircleStyles>(\n    ProgressCircleRedwoodTheme,\n    {\n      size,\n      type: 'indeterminate'\n    }\n  );\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': props['aria-valuetext'] || translations.progressIndeterminate(),\n    'aria-label': props['aria-label'],\n    'aria-labelledby': props['aria-labelledby'],\n    role: 'progressbar'\n  };\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} class={classes}>\n      <CircleInner class={indeterminate} />\n    </CircleWrapper>\n  );\n};\n\ntype DeterminateProps = Omit<ProgressCircleProps, 'aria-valuetext'> & {\n  value?: number;\n};\n\nconst DeterminateProgressCircle = ({\n  value = 0,\n  max = 100,\n  id,\n  size,\n  ...props\n}: DeterminateProps) => {\n  const {\n    classes,\n    styles: { determinate, track, valueStyle }\n  } = useComponentTheme<ProgressCircleVariantOptions, ProgressCircleStyles>(\n    ProgressCircleRedwoodTheme,\n    {\n      size\n    }\n  );\n\n  const percentage = Math.min(Math.max(0, value / max), 1);\n  const clipPath = getProgressClipPath(percentage);\n\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? 0 : undefined;\n  ariaProps['aria-valuemax'] = value != null ? max : undefined;\n  ariaProps['aria-valuenow'] = value != null ? value : undefined;\n  ariaProps['role'] = 'progressbar';\n  (ariaProps['aria-label'] = props['aria-label']),\n    (ariaProps['aria-labelledby'] = props['aria-labelledby']);\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} class={classes}>\n      <CircleInner class={classNames([determinate, track])} />\n      <CircleInner class={classNames([determinate, valueStyle])} clipPath={clipPath} />\n    </CircleWrapper>\n  );\n};\n"],"names":["IndeterminateProgressCircle","id","size","props","classes","styles","indeterminate","useComponentTheme","ProgressCircleRedwoodTheme","type","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","_jsx","CircleWrapper","class","children","jsx","CircleInner","DeterminateProgressCircle","value","max","determinate","track","valueStyle","percentage","Math","min","clipPath","getProgressClipPath","undefined","_jsxs","classNames","otherProps"],"mappings":"oTA0EA,MAAMA,EAA8B,EAAGC,KAAIC,UAASC,MAClD,MAAMC,QACJA,EACAC,QAAQC,cAAEA,IACRC,EAAiBA,kBACnBC,6BACA,CACEN,OACAO,KAAM,kBAIJC,EAAeC,uBAAiC,4BAChDC,EAA2B,CAC/B,iBAAkBT,EAAM,mBAAqBO,EAAaG,wBAC1D,aAAcV,EAAM,cACpB,kBAAmBA,EAAM,mBACzBW,KAAM,eAER,OACEC,EAAAA,IAACC,EAAAA,cAAc,CAAAf,GAAIA,EAAIW,UAAWA,EAAWK,MAAOb,EAClDc,SAAAH,EAAAI,IAACC,cAAW,CAACH,MAAOX,KAEtB,EAOEe,EAA4B,EAChCC,QAAQ,EACRC,MAAM,IACNtB,KACAC,UACGC,MAEH,MAAMC,QACJA,EACAC,QAAQmB,YAAEA,EAAWC,MAAEA,EAAKC,WAAEA,IAC5BnB,EAAiBA,kBACnBC,6BACA,CACEN,SAIEyB,EAAaC,KAAKC,IAAID,KAAKL,IAAI,EAAGD,EAAQC,GAAM,GAChDO,EAAWC,sBAAoBJ,GAE/Bf,EAA2B,CAAA,EAOjC,OANAA,EAAU,iBAA4B,MAATU,EAAgB,OAAIU,EACjDpB,EAAU,iBAA4B,MAATU,EAAgBC,OAAMS,EACnDpB,EAAU,iBAA4B,MAATU,EAAgBA,OAAQU,EACrDpB,EAAgB,KAAI,cACnBA,EAAU,cAAgBT,EAAM,cAC9BS,EAAU,mBAAqBT,EAAM,mBAEtC8B,EAAAA,KAACjB,EAAAA,cAAa,CAACf,GAAIA,EAAIW,UAAWA,EAAWK,MAAOb,EAAOc,SAAA,CACzDH,EAAAA,IAACK,EAAAA,aAAYH,MAAOiB,aAAW,CAACV,EAAaC,MAC7CV,EAAAI,IAACC,EAAWA,YAAC,CAAAH,MAAOiB,EAAUA,WAAC,CAACV,EAAaE,IAAcI,SAAUA,MAEvE,mBAxEE,UAAyBR,MAAEA,EAAKC,IAAEA,KAAQY,IAC9C,MAAiB,kBAAVb,EACLP,EAAAI,IAACnB,EAA2B,IAAKmC,IAEjCpB,EAAAA,IAACM,EAA0B,CAAAC,MAAOA,EAAOC,IAAKA,KAASY,GAE3D"}

package/amd/RadioItem-e0bf1ae8.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './useComponentTheme-5aa41a8f', './useFocus-4194fc59', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './useId-c9578d26', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useInteractionStyle-15a2bdd0', './useTranslationBundle-27bf6340', './CheckboxRadioContext-6a0fead0', './Check-7fed684d', './RadioButtonOff-6f07a04e', './RadioButtonOn-90743fd5', './HiddenAccessible-037ef42d', './RadioItemContext-70878de8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', 'preact/hooks', './Flex-4bc3a394', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-7d4aa6d3', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', './IconButton-b4b83d00', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-062b66ff', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './IconUserAssistance-af9839fb', './UNSAFE_RadioItem/themes/RadioIconContract.css', './UNSAFE_RadioItem/themes/redwood/RadioIconTheme', './UNSAFE_RadioItem/themes/redwood/RadioTheme'], (function(e,s,o,t,a,n,i,d,l,c,r,u,b,m,h,p,S,y,C,f,x,F,A,R,T,g,U,v,I,B,w,E,M,_,N,j,k,L,V,D,H,O,P,z,G,$,q,J,K,Q,W,X,Y,Z){"use strict";e.RadioItem=({value:e,children:n,...d})=>{const{isReadonly:r,isDisabled:x}=i.useFormContext(),{isDisabled:F,isReadonly:A}=l.useFormFieldContext(),{name:R,value:T,onCommit:g}=f.useRadioSetContext(),{isFocusRingShown:U}=h.useCheckboxRadioContext(),{index:v}=f.useRadioItemContext(),{isTabbable:I}=u.useTabbableMode(),B=c.useId(),{isFocus:w,focusProps:E}=a.useFocus(),M=o.createRef(),_=T===e,N=F??x,j=A??r,{interactionProps:k,applyActiveStyle:L}=b.useInteractionStyle(),{classes:V,styles:{valueLabelStyle:D}}=t.useComponentTheme(Z.RadioRedwoodTheme,{disabled:N?"isDisabled":"notDisabled",focused:w&&U?"isFocused":""}),{classes:H}=t.useComponentTheme(Y.RadioIconRedwoodTheme,{disabled:N?"isDisabled":"notDisabled",selected:_?"isSelected":"notSelected",readonly:j?"isReadonly":"notReadonly",active:L?"isActive":"notActive"}),O=o.useRef(null);o.useEffect((()=>{!(document.activeElement===O?.current)&&w&&U&&M?.current?.scrollIntoView({block:"nearest"})}),[w,U,M]);const{assistiveText:P,helpSourceLink:z}=d,G=!(N||j||!P&&!z),$=G?`${B}-help-available`:void 0,q=G?`${B}-icon-ua`:void 0,J=m.useTranslationBundle("@oracle/oraclejet-preact").formControl_helpAvailable(),K=j?_?p.SvgCheck:S.SvgRadioButtonOff:_?y.SvgRadioButtonOn:S.SvgRadioButtonOff,Q=!1!==I&&(0===v&&!T||_)?0:-1;return s.jsx("div",{children:s.jsxs("label",{class:V,ref:M,children:[s.jsxs(C.HiddenAccessible,{children:[s.jsx("input",{type:"radio",name:R,id:B,ref:O,value:e,...!j&&!N&&{onChange:s=>{s.stopPropagation(),g?.({previousValue:T,value:e})}},checked:_,disabled:N,"aria-describedby":$,tabIndex:Q,...E}),G&&s.jsx(C.HiddenAccessible,{id:$,isHidden:!0,children:J})]}),s.jsx("span",{"aria-hidden":"true",class:H,...k,children:s.jsx(K,{size:X.radioIconVars.iconSize,color:"currentColor"})}),s.jsxs("span",{class:D,children:[s.jsx("span",{...k,children:n}),G&&s.jsx(W.IconUserAssistance,{...d,isTabbable:I&&w,id:q})]})]})})}}));
-//# sourceMappingURL=RadioItem-e0bf1ae8.js.map

package/amd/RadioItem-e0bf1ae8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioItem-e0bf1ae8.js","sources":["../../src/UNSAFE_RadioItem/RadioItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { createRef, useEffect, useRef } from 'preact/compat';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { useCheckboxRadioContext } from '../PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport { CheckIcon } from '../PRIVATE_ThemedIcons/CheckIcon';\nimport { RadioOffIcon } from '../PRIVATE_ThemedIcons/RadioOffIcon';\nimport { RadioOnIcon } from '../PRIVATE_ThemedIcons/RadioOnIcon';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useRadioSetContext } from '../UNSAFE_RadioSet/RadioSetContext';\nimport { BundleType } from '../resources/nls/bundle';\n\nimport { IconUserAssistance } from '../UNSAFE_UserAssistance';\nimport { radioIconVars } from './themes/RadioIconContract.css';\nimport { RadioIconRedwoodTheme } from './themes/redwood/RadioIconTheme';\nimport { RadioRedwoodTheme } from './themes/redwood/RadioTheme';\nimport { useRadioItemContext } from './RadioItemContext';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Text that describes the radio button value.\n   */\n  children: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`.\n   */\n  helpSourceText?: string;\n  /**\n   * Value of the radio button.\n   */\n  value: string | number;\n};\n/**\n * RadioItem is an input element of type radio.\n */\nexport const RadioItem = ({ value, children, ...assistanceProps }: Props) => {\n  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n  const { name, value: groupValue, onCommit } = useRadioSetContext();\n  const { isFocusRingShown } = useCheckboxRadioContext();\n  const { index } = useRadioItemContext();\n  const { isTabbable } = useTabbableMode();\n  const id = useId();\n  const { isFocus, focusProps } = useFocus();\n  const labelRef = createRef<HTMLLabelElement>();\n  const isSelected = groupValue === value;\n  const isDisabled = isFieldDisabled ?? isFormDisabled;\n  const isReadonly = isFieldReadonly ?? isFormReadonly;\n  const { interactionProps, applyActiveStyle } = useInteractionStyle();\n\n  const {\n    classes: radioClasses,\n    styles: { valueLabelStyle }\n  } = useComponentTheme(RadioRedwoodTheme, {\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    focused: isFocus && isFocusRingShown ? 'isFocused' : ''\n  });\n\n  const { classes: radioIconClasses } = useComponentTheme(RadioIconRedwoodTheme, {\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    selected: isSelected ? 'isSelected' : 'notSelected',\n    readonly: isReadonly ? 'isReadonly' : 'notReadonly',\n    active: applyActiveStyle ? 'isActive' : 'notActive'\n  });\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // JET-70100 - ensure radio button is scrolled into view when focused and focus ring is shown\n  useEffect(() => {\n    const isActiveElement = document.activeElement === inputRef?.current;\n    if (!isActiveElement && isFocus && isFocusRingShown) {\n      labelRef?.current?.scrollIntoView({ block: 'nearest' });\n    }\n  }, [isFocus, isFocusRingShown, labelRef]);\n\n  const { assistiveText, helpSourceLink } = assistanceProps;\n  const hasUserAssistive = !isDisabled && !isReadonly && !!(assistiveText || helpSourceLink);\n  const helpAvailableId = hasUserAssistive ? `${id}-help-available` : undefined;\n  const uaId = hasUserAssistive ? `${id}-icon-ua` : undefined;\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const helpAvailableString = translations.formControl_helpAvailable();\n\n  const IconComp = isReadonly\n    ? isSelected\n      ? CheckIcon\n      : RadioOffIcon\n    : isSelected\n    ? RadioOnIcon\n    : RadioOffIcon;\n\n  const tabIndex = isTabbable !== false && ((index === 0 && !groupValue) || isSelected) ? 0 : -1;\n\n  return (\n    <div>\n      <label class={radioClasses} ref={labelRef}>\n        <HiddenAccessible>\n          <input\n            type=\"radio\"\n            name={name}\n            id={id}\n            ref={inputRef}\n            value={value}\n            {...(!isReadonly &&\n              !isDisabled && {\n                onChange: (e) => {\n                  e.stopPropagation();\n                  onCommit?.({ previousValue: groupValue, value });\n                }\n              })}\n            checked={isSelected}\n            disabled={isDisabled}\n            aria-describedby={helpAvailableId}\n            tabIndex={tabIndex}\n            {...focusProps}\n          />\n          {hasUserAssistive && (\n            <HiddenAccessible id={helpAvailableId} isHidden={true}>\n              {helpAvailableString}\n            </HiddenAccessible>\n          )}\n        </HiddenAccessible>\n        <span aria-hidden=\"true\" class={radioIconClasses} {...interactionProps}>\n          <IconComp size={radioIconVars.iconSize} color=\"currentColor\" />\n        </span>\n        <span class={valueLabelStyle}>\n          <span {...interactionProps}>{children}</span>\n          {hasUserAssistive && (\n            <IconUserAssistance\n              {...assistanceProps}\n              isTabbable={isTabbable && isFocus}\n              id={uaId as string}\n            />\n          )}\n        </span>\n      </label>\n    </div>\n  );\n};\n"],"names":["value","children","assistanceProps","isReadonly","isFormReadonly","isDisabled","isFormDisabled","useFormContext","isFieldDisabled","isFieldReadonly","useFormFieldContext","name","groupValue","onCommit","useRadioSetContext","isFocusRingShown","useCheckboxRadioContext","index","useRadioItemContext","isTabbable","useTabbableMode","id","useId","isFocus","focusProps","useFocus","labelRef","createRef","isSelected","interactionProps","applyActiveStyle","useInteractionStyle","classes","radioClasses","styles","valueLabelStyle","useComponentTheme","RadioRedwoodTheme","disabled","focused","radioIconClasses","RadioIconRedwoodTheme","selected","readonly","active","inputRef","useRef","useEffect","document","activeElement","current","scrollIntoView","block","assistiveText","helpSourceLink","hasUserAssistive","helpAvailableId","undefined","uaId","helpAvailableString","useTranslationBundle","formControl_helpAvailable","IconComp","CheckIcon","SvgCheck","RadioOffIcon","SvgRadioButtonOff","RadioOnIcon","SvgRadioButtonOn","tabIndex","_jsx","jsx","_jsxs","class","ref","HiddenAccessible","type","onChange","e","stopPropagation","previousValue","checked","isHidden","size","radioIconVars","iconSize","color","IconUserAssistance"],"mappings":"8jEAwDyB,EAAGA,QAAOC,cAAaC,MAC9C,MAAQC,WAAYC,EAAgBC,WAAYC,GAAmBC,EAAAA,kBAC3DF,WAAYG,EAAiBL,WAAYM,GAAoBC,EAAAA,uBAC/DC,KAAEA,EAAMX,MAAOY,EAAUC,SAAEA,GAAaC,EAAAA,sBACxCC,iBAAEA,GAAqBC,EAAAA,2BACvBC,MAAEA,GAAUC,EAAAA,uBACZC,WAAEA,GAAeC,EAAAA,kBACjBC,EAAKC,EAAAA,SACLC,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,WAClCC,EAAWC,EAAAA,YACXC,EAAahB,IAAeZ,EAC5BK,EAAaG,GAAmBF,EAChCH,EAAaM,GAAmBL,GAChCyB,iBAAEA,EAAgBC,iBAAEA,GAAqBC,EAAmBA,uBAGhEC,QAASC,EACTC,QAAQC,gBAAEA,IACRC,EAAiBA,kBAACC,oBAAmB,CACvCC,SAAUjC,EAAa,aAAe,cACtCkC,QAAShB,GAAWR,EAAmB,YAAc,MAG/CiB,QAASQ,GAAqBJ,EAAAA,kBAAkBK,EAAAA,sBAAuB,CAC7EH,SAAUjC,EAAa,aAAe,cACtCqC,SAAUd,EAAa,aAAe,cACtCe,SAAUxC,EAAa,aAAe,cACtCyC,OAAQd,EAAmB,WAAa,cAGpCe,EAAWC,SAAyB,MAG1CC,EAAAA,WAAU,OACgBC,SAASC,gBAAkBJ,GAAUK,UACrC3B,GAAWR,GACjCW,GAAUwB,SAASC,eAAe,CAAEC,MAAO,WAC5C,GACA,CAAC7B,EAASR,EAAkBW,IAE/B,MAAM2B,cAAEA,EAAaC,eAAEA,GAAmBpD,EACpCqD,IAAoBlD,GAAeF,IAAiBkD,IAAiBC,GACrEE,EAAkBD,EAAmB,GAAGlC,wBAAsBoC,EAC9DC,EAAOH,EAAmB,GAAGlC,iBAAeoC,EAE5CE,EADeC,uBAAiC,4BACbC,4BAEnCC,EAAW3D,EACbyB,EACEmC,EAASC,SACTC,EAAYC,kBACdtC,EACAuC,EAAWC,iBACXH,oBAEEI,GAA0B,IAAflD,IAAoC,IAAVF,IAAgBL,GAAegB,GAAc,GAAK,EAE7F,OACE0C,EACEC,IAAA,MAAA,CAAAtE,SAAAuE,EAAAA,KAAA,QAAA,CAAOC,MAAOxC,EAAcyC,IAAKhD,YAC/B8C,EAAAA,KAACG,EAAAA,iBACC,CAAA1E,SAAA,CAAAqE,EAAAA,IAAA,QAAA,CACEM,KAAK,QACLjE,KAAMA,EACNU,GAAIA,EACJqD,IAAK7B,EACL7C,MAAOA,MACDG,IACHE,GAAc,CACbwE,SAAWC,IACTA,EAAEC,kBACFlE,IAAW,CAAEmE,cAAepE,EAAYZ,SAAQ,GAGtDiF,QAASrD,EACTU,SAAUjC,EACQ,mBAAAmD,EAClBa,SAAUA,KACN7C,IAEL+B,GACCe,EAAAC,IAACI,EAAgBA,iBAAC,CAAAtD,GAAImC,EAAiB0B,UAAU,WAC9CvB,OAIPW,EAAAA,0BAAkB,OAAOG,MAAOjC,KAAsBX,EACpD5B,SAAAqE,EAAAA,IAACR,EAAS,CAAAqB,KAAMC,EAAAA,cAAcC,SAAUC,MAAM,mBAEhDd,OAAA,OAAA,CAAMC,MAAOtC,YACXmC,EAAUC,IAAA,OAAA,IAAA1C,EAAmB5B,SAAAA,IAC5BsD,GACCe,MAACiB,EAAkBA,mBAAA,IACbrF,EACJiB,WAAYA,GAAcI,EAC1BF,GAAIqC,WAMd"}

package/amd/RadioSet-ab50c3fd.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', 'preact/hooks', './useFormFieldContextProps-08e673cf', './useId-c9578d26', './RadioItemContext-70878de8', './CheckboxRadioField-c014b79b'], (function(e,t,i,s,a,o,r,d,l,n,c,u){"use strict";const b=s.forwardRef((({"aria-describedby":e,assistiveText:s,columnSpan:a,direction:d="column",helpSourceLink:b,helpSourceText:m,isDisabled:x,isReadonly:h,isRequired:p=!1,label:C,labelEdge:F,labelStartWidth:R,messages:S,onCommit:v,testId:y,userAssistanceDensity:D,value:I,children:f},g)=>{const j=null!=I,{isDisabled:k,isReadonly:P,labelEdge:A,labelStartWidth:T,userAssistanceDensity:E}=o.useFormContext(),V=x??k,W=h??P,q=F??A,L=R??T,w=D??E,z=l.useFormFieldContextProps({hasValue:j,isDisabled:V,isReadonly:W}),B=n.useId();return t.jsx(r.FormFieldContext.Provider,{value:z,children:t.jsx(u.CheckboxRadioField,{"aria-describedby":e,assistiveText:s,baseId:B,columnSpan:a,direction:d,helpSourceLink:b,helpSourceText:m,isDisabled:V,isReadonly:W,isRequired:p,label:C,labelEdge:q,labelStartWidth:L,parentComponentVariant:"radioSet",messages:S,userAssistanceDensity:w,hasValue:j,ref:g,role:"radiogroup",testId:y,children:t.jsx(c.RadioSetContext.Provider,{value:{name:B,value:I,onCommit:v},children:i.toChildArray(f).map(((e,i)=>t.jsx(c.RadioItemContext.Provider,{value:{index:i},children:e})))})})})}));e.RadioSet=b}));
-//# sourceMappingURL=RadioSet-ab50c3fd.js.map

package/amd/RadioSet-ab50c3fd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioSet-ab50c3fd.js","sources":["../../src/UNSAFE_RadioSet/RadioSet.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren, ComponentProps, Ref, toChildArray } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '../hooks/UNSAFE_useFormFieldContextProps';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';\nimport { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '../utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\nimport { InlineUserAssistance, UserAssistanceDensityType } from '../UNSAFE_UserAssistance';\n\nimport { CheckboxRadioField } from '../PRIVATE_CheckboxRadioField';\nimport { RadioSetContext } from './RadioSetContext';\nimport { RadioItemContext } from '../UNSAFE_RadioItem/RadioItemContext';\nimport { LayoutColumnSpan } from '../utils/UNSAFE_styles/Layout';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = TestIdProps & {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * RadioItem\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the radio set requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the radio set is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the radio set is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of radio items.\n   *\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * Callback invoked each time the user changes selected option.\n   */\n  onCommit: (detail: ValueUpdateDetail<string | number | undefined>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the radio option.\n   */\n  value?: string | number;\n};\n/**\n * A radio set allows the user to select one option from a set of mutually exclusive options.\n */\nexport const RadioSet = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      columnSpan,\n      direction = 'column',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      onCommit,\n      testId,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n\n      children\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = value != null;\n    const {\n      isDisabled: isFormDisabled,\n      // TODO: unused variables, are they needed?\n      // isFormLayout,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly\n    });\n\n    const baseId = useId();\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <CheckboxRadioField\n          aria-describedby={ariaDescribedBy}\n          assistiveText={assistiveText}\n          baseId={baseId}\n          columnSpan={columnSpan}\n          direction={direction}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          isDisabled={isDisabled}\n          isReadonly={isReadonly}\n          isRequired={isRequired}\n          label={label}\n          labelEdge={labelEdge}\n          labelStartWidth={labelStartWidth}\n          parentComponentVariant=\"radioSet\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          ref={ref}\n          role=\"radiogroup\"\n          testId={testId}>\n          <RadioSetContext.Provider\n            value={{\n              name: baseId,\n              value,\n              onCommit\n            }}>\n            {toChildArray(children).map((child, index) => (\n              <RadioItemContext.Provider value={{ index }}>{child}</RadioItemContext.Provider>\n            ))}\n          </RadioSetContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["RadioSet","forwardRef","ariaDescribedBy","assistiveText","columnSpan","direction","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","onCommit","testId","userAssistanceDensity","propUserAssistanceDensity","value","children","ref","hasValue","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formUserAssistanceDensity","useFormContext","formFieldContext","useFormFieldContextProps","baseId","useId","_jsx","FormFieldContext","Provider","CheckboxRadioField","parentComponentVariant","role","jsx","RadioSetContext","name","toChildArray","map","child","index","RadioItemContext"],"mappings":"0UAgHO,MAAMA,EAAWC,EAAUA,YAChC,EAEI,mBAAoBC,EACpBC,gBACAC,aACAC,YAAY,SACZC,iBACAC,iBACAC,WAAYC,EACZC,WAAYC,EACZC,cAAa,EACbC,QACAC,UAAWC,EACXC,gBAAiBC,EACjBC,WACAC,WACAC,SACAC,sBAAuBC,EACvBC,QAEAC,YAEFC,KAEA,MAAMC,EAAoB,MAATH,GAEff,WAAYmB,EAGZjB,WAAYkB,EACZd,UAAWe,EACXb,gBAAiBc,EACjBT,sBAAuBU,GACrBC,EAAAA,iBAEExB,EAAaC,GAAkBkB,EAC/BjB,EAAaC,GAAkBiB,EAC/Bd,EAAYC,GAAiBc,EAC7Bb,EAAkBC,GAAuBa,EACzCT,EAAwBC,GAA6BS,EAErDE,EAAmBC,EAAAA,yBAAyB,CAChDR,WACAlB,aACAE,eAGIyB,EAASC,EAAAA,QAEf,OACEC,MAACC,EAAgBA,iBAACC,SAAS,CAAAhB,MAAOU,EAAgBT,SAChDa,EAAAA,IAACG,EAAAA,mBAAkB,CAAA,mBACCtC,EAClBC,cAAeA,EACfgC,OAAQA,EACR/B,WAAYA,EACZC,UAAWA,EACXC,eAAgBA,EAChBC,eAAgBA,EAChBC,WAAYA,EACZE,WAAYA,EACZE,WAAYA,EACZC,MAAOA,EACPC,UAAWA,EACXE,gBAAiBA,EACjByB,uBAAuB,WACvBvB,SAAUA,EACVG,sBAAuBA,EACvBK,SAAUA,EACVD,IAAKA,EACLiB,KAAK,aACLtB,OAAQA,EACRI,SAAAa,EAAAM,IAACC,EAAeA,gBAACL,SACf,CAAAhB,MAAO,CACLsB,KAAMV,EACNZ,QACAJ,YACDK,SACAsB,eAAatB,GAAUuB,KAAI,CAACC,EAAOC,IAClCZ,EAACM,IAAAO,mBAAiBX,SAAS,CAAAhB,MAAO,CAAE0B,SAAOzB,SAAGwB,WAKtD"}

package/amd/RemovableTabBarItem-83d0c52b.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useHover-8b8a1496', './Close-7a1f81d8', './Flex-4bc3a394', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useTabBarContext-15a23bb6', './BaseTabBarItem-cdec0e90', './useTranslationBundle-27bf6340', './EmbeddedIconButton-f15114e8'], (function(e,a,t,o,r,n,s,l,i,c,b,d){"use strict";e.RemovableTabBarItem=function({itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:B,labelMaxWidth:f,"aria-controls":j}){const{selection:h,currentKey:p,layout:I,onRemove:T}=i.useTabBarContext(),y=h===e,g=p===e,C=t.useCallback((()=>{T?.({value:e})}),[T,e]),{hoverProps:H,isHover:K}=o.useHover({}),k=s.mergeInterpolations([...Object.values(l.flexitemInterpolations)])({flex:"stretch"===I?"1 0 auto":"0 0 auto"}),E=b.useTranslationBundle("@oracle/oraclejet-preact");return a.jsx("div",{...H,style:k,children:a.jsx(n.Flex,{children:a.jsx(c.BaseTabBarItem,{"aria-controls":j,itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:B,labelMaxWidth:f,removeIcon:a.jsx("span",{"data-oj-tabbar-item-remove-icon":"true",children:a.jsx(d.EmbeddedIconButton,{"aria-label":E.tabBarNavigationList_removeCueText(),size:"xs",onAction:C,children:(K||y||g)&&a.jsx(r.SvgClose,{})})})})})})}}));
-//# sourceMappingURL=RemovableTabBarItem-83d0c52b.js.map

package/amd/RemovableTabBarItem-83d0c52b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RemovableTabBarItem-83d0c52b.js","sources":["../../src/UNSAFE_TabBarCommon/RemovableTabBarItem.tsx"],"sourcesContent":["import { useCallback } from 'preact/hooks';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { Close } from '../UNSAFE_RedwoodIcons/Close';\nimport { Flex } from '../UNSAFE_Flex';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { useTabBarContext } from './useTabBarContext';\nimport { BaseTabBarItem, BaseTabBarItemProps } from './BaseTabBarItem';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype RemovableTabBarItemProps<K extends string | number> = Pick<\n  BaseTabBarItemProps<K>,\n  | 'itemKey'\n  | 'label'\n  | 'icon'\n  | 'badge'\n  | 'metadata'\n  | 'severity'\n  | 'aria-controls'\n  | 'labelMaxWidth'\n>;\n\nexport function RemovableTabBarItem<K extends string | number>({\n  itemKey,\n  label,\n  icon,\n  badge,\n  metadata,\n  severity,\n  labelMaxWidth,\n  'aria-controls': ariaControls\n}: RemovableTabBarItemProps<K>) {\n  const { selection, currentKey, layout, onRemove } = useTabBarContext();\n  const isSelected = selection === itemKey;\n  const isCurrent = currentKey === itemKey;\n\n  const handleRemove = useCallback(() => {\n    onRemove?.({ value: itemKey as K });\n  }, [onRemove, itemKey]);\n\n  const { hoverProps, isHover } = useHover({});\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 translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  //TODO: In addition to aria-label a genric instruction is required for keyboard deletion\n  //common to al tabs,after feedback from Curt's investigations.\n  return (\n    <div {...hoverProps} style={flexDimensions}>\n      <Flex>\n        <BaseTabBarItem\n          aria-controls={ariaControls}\n          itemKey={itemKey}\n          label={label}\n          icon={icon}\n          badge={badge}\n          metadata={metadata}\n          severity={severity}\n          labelMaxWidth={labelMaxWidth}\n          removeIcon={\n            <span data-oj-tabbar-item-remove-icon=\"true\">\n              <EmbeddedIconButton\n                aria-label={translations.tabBarNavigationList_removeCueText()}\n                size=\"xs\"\n                onAction={handleRemove}>\n                {(isHover || isSelected || isCurrent) && <Close />}\n              </EmbeddedIconButton>\n            </span>\n          }\n        />\n      </Flex>\n    </div>\n  );\n}\n"],"names":["itemKey","label","icon","badge","metadata","severity","labelMaxWidth","ariaControls","selection","currentKey","layout","onRemove","useTabBarContext","isSelected","isCurrent","handleRemove","useCallback","value","hoverProps","isHover","useHover","flexDimensions","mergeInterpolations","Object","values","flexitemInterpolations","styleInterpolations","flex","translations","useTranslationBundle","_jsx","jsx","style","children","Flex","BaseTabBarItem","removeIcon","EmbeddedIconButton","tabBarNavigationList_removeCueText","size","onAction","Close","SvgClose"],"mappings":"2WAyBM,UAAyDA,QAC7DA,EAAOC,MACPA,EAAKC,KACLA,EAAIC,MACJA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,cACRA,EACA,gBAAiBC,IAEjB,MAAMC,UAAEA,EAASC,WAAEA,EAAUC,OAAEA,EAAMC,SAAEA,GAAaC,EAAAA,mBAC9CC,EAAaL,IAAcR,EAC3Bc,EAAYL,IAAeT,EAE3Be,EAAeC,EAAAA,aAAY,KAC/BL,IAAW,CAAEM,MAAOjB,GAAe,GAClC,CAACW,EAAUX,KAERkB,WAAEA,EAAUC,QAAEA,GAAYC,EAAQA,SAAC,CAAE,GAMrCC,EAHsBC,EAAAA,oBAAmC,IAC1DC,OAAOC,OAAOC,2BAEIC,CAAoB,CACzCC,KAAiB,YAAXjB,EAAuB,WAAa,aAGtCkB,EAAeC,uBAAiC,4BAItD,OACEC,EAASC,IAAA,MAAA,IAAAb,EAAYc,MAAOX,EAAcY,SACxCH,EAAAA,IAACI,EAAAA,eACCJ,EAACC,IAAAI,EAAcA,gCACE5B,EACfP,QAASA,EACTC,MAAOA,EACPC,KAAMA,EACNC,MAAOA,EACPC,SAAUA,EACVC,SAAUA,EACVC,cAAeA,EACf8B,WACEN,EAAsCC,IAAA,OAAA,CAAA,kCAAA,gBACpCD,EAAAA,IAACO,EAAkBA,mBACL,CAAA,aAAAT,EAAaU,qCACzBC,KAAK,KACLC,SAAUzB,YACRI,GAAWN,GAAcC,IAAcgB,EAACC,IAAAU,EAAKC,sBAQ/D"}

package/amd/RevealToggleIcon-81410b46.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './ViewHide-34af33a4', './View-f3002059', './useTranslationBundle-27bf6340', './IconSwitchButton-6453dcf0'], (function(e,o,t,i,n,s){"use strict";e.RevealToggleIcon=function({accessibleLabel:e,isRevealed:l,onToggle:c,testId:a,tooltipHide:r,tooltipShow:d}){const u=n.useTranslationBundle("@oracle/oraclejet-preact"),f=r||u.formControl_hide(),g=d||u.formControl_show();return o.jsx(s.IconSwitchButton,{tooltip:l?f:g,accessibleLabel:e,isSelected:!l,onToggle:c,testId:a,size:"sm",children:l?o.jsx(t.SvgViewHide,{}):o.jsx(i.SvgView,{})})}}));
-//# sourceMappingURL=RevealToggleIcon-81410b46.js.map

package/amd/RevealToggleIcon-81410b46.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RevealToggleIcon-81410b46.js","sources":["../../src/PRIVATE_RevealToggleIcon/RevealToggleIcon.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { ViewHideIcon } from '#PRIVATE_ThemedIcons/ViewHideIcon';\nimport { ViewIcon } from '#PRIVATE_ThemedIcons/ViewIcon';\nimport { IconSwitchButton } from '#PRIVATE_IconSwitchButton';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype IconSwitchButtonProps = ComponentProps<typeof IconSwitchButton>;\n\ntype RevealToggleIconProps = TestIdProps & {\n  /**\n   * The aria label of the toggle.\n   */\n  accessibleLabel: IconSwitchButtonProps['accessibleLabel'];\n  /**\n   * Specifies whether the content is shown or hidden.\n   */\n  isRevealed?: boolean;\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of isRevealed property should be updated\n   */\n  onToggle?: IconSwitchButtonProps['onToggle'];\n  /**\n   * Tooltip text to indicate that the toggle will hide the content.\n   */\n  tooltipHide?: string;\n  /**\n   * Tooltip text to indicate that the toggle will show the content.\n   */\n  tooltipShow?: string;\n};\n\n/**\n * RevealToggleIcon is a controlled toggle icon component with tooltip that displays\n * hide or show icons. It is used internally for input components that hide and show the content.\n */\nexport function RevealToggleIcon({\n  accessibleLabel,\n  isRevealed,\n  onToggle,\n  testId,\n  tooltipHide,\n  tooltipShow\n}: RevealToggleIconProps) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const hide = tooltipHide || translations.formControl_hide();\n  const show = tooltipShow || translations.formControl_show();\n\n  return (\n    <IconSwitchButton\n      // we want to display the tooltip title of the expected action on toggle\n      tooltip={isRevealed ? hide : show}\n      accessibleLabel={accessibleLabel}\n      // denote that the switch is selected when in the \"masked\" state\n      isSelected={!isRevealed}\n      onToggle={onToggle}\n      testId={testId}\n      size=\"sm\">\n      {/* we want to display the icon of the expected action on toggle */}\n      {isRevealed ? <ViewHideIcon /> : <ViewIcon />}\n    </IconSwitchButton>\n  );\n}\n"],"names":["accessibleLabel","isRevealed","onToggle","testId","tooltipHide","tooltipShow","translations","useTranslationBundle","hide","formControl_hide","show","formControl_show","_jsx","IconSwitchButton","tooltip","isSelected","size","children","jsx","ViewHideIcon","SvgViewHide","ViewIcon"],"mappings":"uMA4CgB,UAAiBA,gBAC/BA,EAAeC,WACfA,EAAUC,SACVA,EAAQC,OACRA,EAAMC,YACNA,EAAWC,YACXA,IAEA,MAAMC,EAAeC,uBAAiC,4BAChDC,EAAOJ,GAAeE,EAAaG,mBACnCC,EAAOL,GAAeC,EAAaK,mBAEzC,OACEC,MAACC,EAAgBA,kBAEfC,QAASb,EAAaO,EAAOE,EAC7BV,gBAAiBA,EAEjBe,YAAad,EACbC,SAAUA,EACVC,OAAQA,EACRa,KAAK,KAEJC,SAAAhB,EAAaW,EAAAM,IAACC,EAAYC,YAAG,IAAGR,EAACM,IAAAG,UAAW,CAAA,IAGnD"}

package/amd/ScatterChart-208763f2.js

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